@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

h1 {font-size: 21px; line-height:24px; padding:5px 0 5px 0;}
h3 {font-size: 15px; font-weight:normal; color:#262261; line-height:19px; padding:8px 0 8px 0;}

h2 {font-size: 16px; line-height:24px; padding:15px 0 15px 0;}
h4 {font-size: 14px; font-weight: bold; color: #2B2471; padding:5px 0 7px 0;}


p {padding:8px 0 8px 0; font-size:13px; line-height:18px; }

body {font-family:Arial, Helvetica, sans-serif; background-color: #e8e8e8; line-height:1em;} 
ul, ol {
	list-style:none;
	font-size: 13px;
	line-height: 18px;
}
a {text-decoration:none;} a:hover {text-decoration:underline;}
img {border:none;}

#right li {list-style:disc; margin-left:25px;}


#header { background-image:url(../assets/gfx-gradient.jpg); background-repeat: repeat-x; height: 146px; width: auto; }
#header #headercontent {height: 146px; width: 950px; margin:0px auto;}
#header #headercontent #logo { height: 146px; width: 177px; }

#header #headercontent #headercontact { background-image:url(../assets/gfx-geo-contact.jpg); background-repeat:no-repeat; color:#FFFFFF; font-size:13px; text-align:right; line-height:23px; }
#header #headercontent #headercontact a {color:#FFFFFF;}
#header #headercontent #headercontact li {padding-top:5px;}

#header #headercontent #navcontent { float: right; height: 146px; width: 750px;}
#header #headercontent #navcontent #navigation {height: 45px; width: 750px;	float: right;	margin-top: 25px; text-align:right; }
#header #headercontent #navcontent #navigation li{display:block; float:left; margin-left:18px; font-size:13px; font-weight:bold;  }
#header #headercontent #navcontent #navigation a {color:#FFFFFF; display:block; padding:5px;} #header #headercontent #navcontent #navigation a:hover {color:#FFFFFF; display:block; background-color:#7A74B2; padding:5px; text-decoration:none;} 
#header #headercontent #navcontent #headercontact { float: right; height: 46px; margin-top: 28px; width: 189px; }


#content { height: auto; margin: 0px auto 50px auto; background-color: #FFFFFF; width: 930px; padding:0 10px 0 10px; }
#content #left { height: auto; 	width: 180px; float: left;  background-color: #FFFFFF; margin-right:10px; }
#content #left .greyline {display:block; width:100px; border-top:1px solid #cccccc;margin-top: 10px; }
#content #left .sideheading { font-size: 11px; display:block; font-weight:bold; color:#2A2370;  padding:10px 0 10px 0; }
#content #left ul {margin-bottom:155px;}
#content #left li {font-size:11px; padding:2px 0 2px 0; line-height:15px;} #content #left li a {color:#333333;}
#content #left #newsletter { background-color: #e8e8e8; height:90px; width:154px; padding:6px; }
#content #left #newsletter .textbox { width: 144px;  margin:2px 0 3px 0;  font-size: 12px; color: #999999; height: 14px; padding: 3px; }


#content #right { height: auto; width: 740px; float: left; background-color: #FFFFFF; padding-bottom:20px; }
#content #right #mainimage { height: 221px; width: 740px; background-image:url(../assets/gfx-home-main-amend.jpg); margin:10px 0; }

#content #right #mainimage .headtext { padding:10px 10px 1px 15px; display:block; text-transform:uppercase; font-size:11px; font-weight:bold; color:#C3C3D8;}
#content #right #mainimage .texttop { padding:15px 10px 5px 15px; display:block; text-transform:uppercase;}
#content #right #mainimage h5 { width: 170px; padding:1px 10px 5px 15px; font-weight:normal; color:#FFFFFF; font-size:14px; line-height:17px;} 
#content #right #mainimage h6 { font-size:11px;  width: 170px; padding:5px 10px 10px 15px; font-weight:normal; color:#FFFFFF; line-height:15px;} 


#content #right #page-image { height:160px; width: 740px; margin:10px 0 10px 0; }

#content #right ul{list-style-position:inside}


#content #right .quote { width: 170px;	float: right;	border-left:1px solid #cccccc;	padding-left: 10px; margin:10px 0 10px 10px; }
#content #right .quote p {font-size:11px; line-height:16px; color:#666666; padding-top:0;}
#content #right .quote p.name {font-weight:bold; line-height:12px; color:#2B2471; padding:0;}
#content #right .quote p.company {font-weight:bold;}


#content #right .snippit {height: auto; width: 170px;  float: left; margin:20px 18px 20px 0; display:block; }
#content #right .nomargin {margin-right:0;}

#content #right .snippit p{ font-size:11px; line-height:15px; }
#content #right .snippit a {font-size:11px; color:#2B2471;}

#content #right .news-page {width:740px; margin-bottom:20px;}
.news-page p.name {font-weight:bold; line-height:12px; color:#2B2471; padding:0;}
.news-page p.company {font-weight:bold;}

#content #right .greybar {display:block; height:5px; clear:both; background-color:#e8e8e8; margin:10px 0 10px 0; }

#content .news{ float:left; height:auto; width:360px; padding-bottom:5px; display:block; margin-right:20px;}
#content .news .newstitle {font-size: 11px; font-weight: bold; color: #333333; padding:3px 0 0 0;}
#content .news p { font-size:11px; line-height:15px; padding-top:0px; } #content .news a { font-size:11px; color:#2B2471;}

#content #footer { height: 40px; clear: both; background-color: #FFFFFF;  }
#content #footer #footercontent { float: right; height: 25px; width: 720px; display: inline; background-color: #CCCCCC; padding:6px 10px 0 10px;  }
#content #footer #footercontent p {font-size:11px; padding:0;}
#content #footer #footercontent .links {width:300px; float:right; text-align:right;}
#content #footer #footercontent .links a {text-decoration:none; color:#2B2471;} #content #footer #footercontent .links a:hover {text-decoration:underline;}


.textbox { width: 140px;  margin:2px 0 3px 0;  font-size: 12px; color: #999999; height: 14px; padding: 3px; }
.button { float: left; }
.ntitle { font-size: 12px; font-weight: bold; color: #2B2471; padding: 20px 5px 5px 0;  }
.txt {font-size: 11px; color: #333333; padding:5px 5px 10px 0; height: auto; width: 170px; line-height: 15px; }
