/* CSS Document */

html { height: 100%; margin-bottom: 1px; }

body {
background-color:#666666;
font-family:Arial, Helvetica, sans-serif;
margin:0px;
font-size:12px;
color:#333333;
}

a img {
border:0px;
}

em {
color:#44528F;
}

strong {
color:#666666;
}

#header {
display:block;
width:846px;
height:105px;
padding-left:21px;
padding-right:21px;
margin-left:auto;
margin-right:auto;
background-image:url(Images/header_bg.jpg);
background-repeat:no-repeat;
background-position:center;
}

#header #logo {
float:right;
margin-top:30px;
margin-right:5px;
}

#headerbtm {
background-image:url(Images/header_btm.jpg);
display:block;
width:846px;
height:30px;
margin-left:auto;
margin-right:auto;
padding-left:21px;
padding-right:21px;

}

#navigation {
position:absolute;
top:53px;
}

#navigation a {
color:#CCCCCC;
text-decoration:none;
display:block;
float:left;
text-align:center;
padding-left:14px;
padding-right:10px;
font-size:16px;
}

#navigation a:hover {
color:#FF9933;
}

#homecentre, #contactcentre {
display:table;
width:888px;
height:329px;
margin-left:auto;
margin-right:auto;
background-image:url(Images/home_centre.jpg);
color:#FFFFFF;
}

#contactcentre {
background-image:url(Images/contact_centre.jpg);
}

#homecentre div {
float:left;
margin-top:55px;
padding-left:34px;
width:235px;
}

#homecentre div h1, #contactcentre table h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
}

#homecentre a {
background-color:#8D8F98;
display:block;
font-size:10px;
color:#FFFFFF;
padding-top:6px;
padding-bottom:6px;
font-weight:bold;
text-decoration:none;
text-align:center;
width:80px;
}

#homecentre a:hover {
background-color:#FF9933;
}

#homecentre ul {
margin-bottom:10px;
}

#homecentre li {
list-style-type:none;
margin-left:-40px;
height:27px;
line-height:18px;
padding-left:30px;
display:block;
background-image:url(Images/bullet_arrow.gif);
background-repeat:no-repeat;
}

#submenu, #content {
display:table;
width:831px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
padding-right:15px;
}

#submenu {
height:70px;
display:block;
}

#submenu a {
display:block;
float:left;
width:174px;
height:55px;
text-decoration:none;
color:#666666;
margin-left:15px;
padding-top:5px;
padding-right:15px;
background-image:url(Images/dots.gif);
background-repeat:no-repeat;
background-position:right;
}

#submenu a:hover {
color:#000000;
}

a#submenulast {
background-image:url(Images/spacer.gif);
}

#submenu img {
margin-right:8px;
}

.contrastheading, a .contrastheading {
font-weight:bold;
color:#FF8000;
text-decoration:none;
}

a:hover .contrastheading, a.contrastheading:hover {
color:#F97C00;
}

a.contrastheading:hover {
text-decoration:underline;
}

#content h3 {
margin:15px;
font-size:13px;
}

#content h2 {
margin:15px;
font-size:16px;
color:#F97C00;
}

#content p {
margin:15px;
}

#content {
padding-bottom:17px;
}

a.sub {
color:#42518C;
text-decoration:none;
}

a.sub:hover {
text-decoration:underline;
}

#footer {
background-image:url(Images/footer_bg.jpg);
background-repeat:no-repeat;
display:block;
width:846px;
height:93px;
margin-left:auto;
margin-right:auto;
}

#intralogo {
margin-top:25px;
margin-left:15px;
float:left;
}

#footertel {
float:right;
margin-top:30px;
margin-right:15px;
}

#footerlinks {
display:block;
width:846px;
height:25px;
margin-left:auto;
margin-right:auto;
color:#000000;
text-indent:15px;
}

#footerlinks a {
color:#000000;
text-decoration:none;
}

#footerlinks a:hover {
color:#DD6F00;
}

#leftsplit, #rightsplit {
float:left;
width:67%;
margin-bottom:10px;
margin-left:10px;
}

#rightsplit {
width:29%;
}

#rightimg {
margin-left:17px;
}

#casestudies {
padding-left:18px;
height:180px;
overflow:hidden;
color:#666666;
}

#casestudies a {
color:#F97C00;
text-decoration:none;
line-height:20px;
}

#casestudies a:hover {
color:#44528F;
}

#casestudies img {
margin-bottom:5px;
}

#about {
position:absolute;
top:1100px;
margin-left:33px;
color:#828282;
width:836px;
font-size:10px;
padding-bottom:30px;
}

#about h1, #about h2, #about h3, #about h4, #about h5 {
font-size:11px;
}

#systemlogo {
margin-bottom:20px;
}

#dropmenudiv{
position:absolute;
border:1px solid #1F2540;
border-top:0px;
font:normal 12px Arial;
line-height:26px;
z-index:100;
margin-top:4px;
margin-left:3px;
}

#dropmenudiv a{
display: block;
width: 100%;
text-indent: 10px;
border-bottom: 0px solid white;
padding: 1px 0;
text-decoration: none;
background-color: #4A5379;
color:#cccccc;
font-size:11px;
}

#dropmenudiv a:hover{ /*hover background color*/
color:#FF9933;
background-color:#56608F
}

#contactform {
margin-top:40px;
margin-left:45px;
}

#contactform input, #contactform textarea {
background-image:url(Images/inputbg.gif);
border:0px;
width:300px;
height:20px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
padding-left:5px;
margin-bottom:5px;
font-size:14px;
color:#000000;
}

#contactform textarea {
height:90px;
overflow:auto;
}

#contactform .btn {
width:100px;
font-size:11px;
font-weight:bold;
color:#333333;
}

#contactform .btn:hover {
color:#CC6600;
}

.centre {
text-align:center;
}

fieldset {
width:96%;
margin-left:15px;
background-image:url(Images/wand_large.gif);
background-position:700px 15px;
background-repeat:no-repeat;
}

fieldset table {
margin-left:12px;
}

.subtle {
color:#666666;
font-size:11px;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
}

.largebtn {
font-size:15px;
padding:5px;
background-color:#F97C00;
border:0px;
color:#FFFFFF;
font-weight:bold;
}

.largebtn:hover {
background-color:#424E88;
}

#sitemap a {
color:#333399;
text-decoration:none;
}

#sitemap a:hover {
text-decoration:underline;
}

.toprightimg {
margin-left:25px;
margin-bottom:20px;
}

a#viewall {
color:#666666;
}

#whatnext {
border:1px solid #cccccc;
padding:4px;
margin-top:15px;
}

#whatnext a {
color:#333333;
}

#whatnext a:hover {
color:#424E88;
text-decoration:none;
}

.lists li {
list-style-image:url(Images/bullet.gif);
line-height:20px;
}

.lists ul {
margin-top:-5px;
}

.lists a {
color:#003366;
}

.lists a:hover {
color:#FF6600;
}

p a {
color:#003399;
}

p a:hover {
color:#FF6600;
}

.note {
background-color:#5C6BB1;
color:#D0D4E8;
padding-left:10px;
font-size:11px;
}

.calcmid {
background-color:#999999;
color:white;
padding-left:10px;
font-size:12px;
}

.calctop {
background-color:#E1E1E1;
color:#333333;
padding-left:10px;
font-size:12px;
}

.calctop input {
border:1px solid #FF9933;
}

.main, .mainl {
font-size:20px;
font-weight:bold;
}

.mainl {
font-size:28px;
font-weight:bold;
}

tr.head {
background-color:#666666;
line-height:25px;
padding-left:5px;
font-weight:bold;
}

tr.figures {
background-color:#ffffff;
color:#666666;
line-height:25px;
padding-left:5px;
}