/*   
Theme Name: Millennium Systems
Theme URI: http://www.millennium-systems.co.uk
Description: The Standard Cascading Style Sheet for Millennium Systems Ltd. 
Author: Veine K Vikberg
Author URI: http://www.vikberg.net
Version: 0.4
*/

/* CSS Document */

/* General Global Settings */

* { margin: 0; padding: 0; }

html { height: 101%; font-size: 62.5% }

body {
height: 100%;
background-color: #ffffff;
text-align: center;
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
color: #ad5300;
text-decoration: underline;
font-weight: bolder;
}

a:hover {
text-decoration: none;
}

div.address {
background-color: #e3f4ff;
border: 1px solid #a8dcff;
margin: 40px 10px 0 20px;
}

address {
line-height: 2;
text-align: left;
margin: 0.3em 1em;
}

.noscreen {
display: none;
}


/* Clean div - in case of need */

.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Skip menu - for Usability reasons */

.hidden {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}


/* Images */



/* Main Layout Wrapper */

#wrapper {
width: 849px;
margin: 20px auto 0 auto;
padding-bottom: 20px;
}


/* Headings, paragraphs */

h1 {
font-size: 1.8em;
color: #ffc88d;
position: relative;
z-index: 2;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #ffc88d;
}

h2 {
font: 1.4em Georgia, "Times New Roman", Times, serif;
color: #af5400;
letter-spacing: 2px;
margin-bottom: 5px;
border-bottom: 1px dotted #af5400;
padding-bottom: 3px;
}

p {
line-height: 1.7;
}

/* Header */

#head {
width: 849px;
height: 173px;
margin: 0 auto;
position: relative;
text-align: left;
}

#head p.title {
color: white;
line-height: 1.8;
position: relative;
z-index: 2;
}

#head-back {
position: absolute;
width: 849px;
height: 119px;
bottom: 0;
left: 0;
background: #2b378b url('../img/head-bg.gif') no-repeat 0 0;
}

#head-back p {
font: 2.1em Georgia, "Times New Roman", Times, serif;
color: white;
position: absolute;
top: 44px;
left: 255px;
letter-spacing: 2px;
}

.headerbar {
width: 849px;
height: 12px;
background: #2B2B2B url('../img/bar.gif') no-repeat 0 0;
}


/* Menu */

#topmenu {
position: absolute;
top: 20px;
right: 0px;
z-index: 3;
}

#topmenu li {
float: left;
display: inline;
list-style-type: none;
}

#topmenu li a {
float: left;
display: inline;
list-style-type: none;
text-align: center;
color: #ffffff;
font-weight: normal;
text-decoration: none;
background-color: #202020;
padding: 0 0.8em;
height: 31px;
line-height: 30px;
margin-left: 4px;
border-top: 3px solid black;
}

#topmenu li a:hover, #topmenu li a.active  {
background-color: #0d0d0d;
color: #ffffff;
border-top: 3px solid #ED3E33/*f87400*/;
text-decoration: none;
}


/* Content and columns */

.maincontent {
width: 847px;
background-color: white;
padding-bottom:10px;
border: 1px solid black;
}

.left-column {
float: left;
width: 60%;
text-align: left;
}

.left-column ul {
margin: 10px 10px 20px 50px;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
line-height: 1.7;
}

.left-column ul li {
color: #3a3a3a;
font-weight: normal;
}

.right-column {
float: right;
width: 40%;
text-align: center;
}

.left-column-padd {
margin: 1.3em 1em 3em 1.5em;
}

.right-column-padd {
margin: 1.3em 2.8em 3em 2em;
}

.left-column img {
float: right;
padding: 15px;
}

/* Left column Blue/Red boxes */

.blue-box {
float: left;
background-color: #e3f4ff;
border: 1px solid #7ec6f6;
width: 230px;
margin: 33px 13px 0 0;
}

.red-box {
float: left;
background-color: #ffe5cb;
border: 1px solid #ffa664;
width: 230px;
margin: 0px 0 0 0;
}

.blue-box-padd, .red-box-padd {
margin: 0.4em 0.8em 1.3em 0.8em;
}

.blue-box p, .red-box p {
line-height: 1.5;
}

.blue-box p.more, .red-box p.more {
position: relative;
top: 6px;
left: 100px; 
}

.blue-box p.more a, .blue-box p.more a:visited {
color: #005083;
}

.red-box p.more a, .red-box p.more a:visited {
color: #9D4B00;
}



/* Right column list */

.right-column ul {
margin: 10px 10px 0 20px;
list-style-type: none;
}

.right-column ul li {
display: block;
}

.right-column ul li a, .right-column ul li a:visited {
color: #3a3a3a;
font-weight: normal;
text-decoration: none;
display: block;
padding: 10px 0;
border-bottom: 1px solid #cecece;
}

.right-column ul li a:hover, .right-column ul li a.active {
color: black;
font-weight: bold;
border-bottom: 1px solid #f87400;
}

/* Footer */

#footer {
width: 849px;
height: 36px; /* for two lines set value to 54px */
background: #2b2b2b url('../img/footer-bg.gif') no-repeat 0 0;
border-bottom: 3px solid #101010;
}

#footer a:link, #footer a:visited {
color: #ffffff;
font-weight: normal;
}

#footer ul {
list-style-type: none;
color: #ffffff;
padding: 13px 0 0 10px;
text-align: left;
font-size: 0.9em;
float: left;
width: 430px;
}

#footer ul li {
float: left;
display: inline;
white-space: nowrap;
}

#footer ul li a, #footer ul li a:visited {
margin: 0 6px;
}

#footer p.cop {
font-size: 0.9em;
color: #ffffff;
float: right;
padding: 12px 16px 0 0;
margin: 0;
line-height: 1.6;
}