/* style.css */

:link,:visited,:hover,:active { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,thead,tbody,tfoot,caption,th,tr,td,a,textarea { margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

body {
  background: #FFF;
  text-align: center;
}
#wrapper {
  margin: 12px auto;
  width: 928px;
  text-align: left;
}
body#content #wrapper {	
  width: 938px;
}
html>body #wrapper {
  width: 928px;
}
#head {
  height: 87px;
  background: #FFF url(../i/head.gif);
}
body#content #head {
  height: 44px;
  background: #FFF url(../i/head2.jpg);
}
#header {
  width: 928px;
  height: 184px;
  background: #FFF url(../i/header.jpg);
}
body#content #header {
	float: left;
  height: 144px;
  background: #FFF url(../i/header2.jpg);
	width: 938px;
}
#pagebody {
	width: 928px;
  float: left;
	background: url(../i/dotted_bg.gif);
	margin: 35px 0;
	margin: 17px 0;
}
body#content #pagebody {
	background: url(../i/dotted_bg2.gif);
	width: 938px;
	margin: 15px 0 35px 0;
	margin: 15px 0 15px 0;
}
#lefter {
	float: left;
	width: 198px;
}
body#content #lefter {
	width: 188px;
}
#righter {
	float: left;
	padding: 0 15px 0 15px;
	line-height: 17px;
	width: 196px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 166px;
}
html>body #righter {
  width:166px;
}  
body#content #righter {
	padding: 6px 15px 0 25px;
	line-height: 16px;
	width: 198px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 158px;
} 
html>body body#content #righter {
  width:158px;
} 
#container {
	float: left;
	padding: 0 15px 0 15px;
	width: 534px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:504px;
}
html>body #container {
	width:504px;
} 
body#content #container {
	overflow: auto;
	height: 332px;
	height: 342px;
	padding: 11px 15px 0 15px;
	width: 552px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width:522px;
}
html>body body#content #container {
  width:522px;
} 
#leftcol {
	float:left;
	width: 235px;
	padding-right: 15px;
		}
#rightcol {
	float:left;
	width: 45%;
	padding-left: 15px;
		}
.leftcol {
	float:left;
	width: 235px;
	padding-right: 15px;
		}
.rightcol {
	float:left;
	width: 45%;
	padding-left: 15px;
		}
#footer {
	border-top: 1px solid #153879;
	float: left;
	padding: 2px 25px 0 25px;
	width: 928px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 878px;
}
html>body #footer {
  width:878px;
} 
body#content #footer {
	width: 938px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 888px;
}
html>body body#content #footer {
  width:888px;
} 
/*  Top Navigation */

#topnav {
	padding-left: 45px;
	background: #FFF url(../i/pagebody_bg.gif) bottom left repeat-x;
	height: 2.1em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 2.2em;
}
html>body #topnav {
	height:2.2em;
} 
#topnav ul {
  text-align: center;
}
#topnav li {
  display: block;
  float: left;
  text-align: center;
}
#topnav ul a {
  width: 167px;
  /*width: 167px !important;*/
  height: 1.8em;
  padding-top: 0.9em;
  display: block;
  text-align: center;
  font-size: 11px;
  font-family: Futura, verdana, sans-serif;
  border-left: 1px dotted #000;
  text-transform: uppercase;
}
#topnav ul a:link, #topnav ul a:visited {
  color: #092563;
  background: #FFF;
}
#topnav ul a:hover, #topnav a:active {
  color: #fff;
  background: #f79b96;
}

#topnav ul li.last a {
  border-right: 1px dotted #000;
}

body#content #topnav {
	float: left;
	padding-left: 176px;
	padding-top: 18px;
	padding-right: 25px;
	background: transparent;
}
body#content #topnav ul {
  text-align: left;
}
body#content #topnav li {
  text-align: left;
	float: none;
	margin-top: 0;
	margin-bottom: 10px !important;
	margin-bottom: 0;
	height: 12px !important;
	height: 0;
	width: 203px;
}
body#content #topnav ul a {
  display: block;
	height: 1em;
	margin-left: 30px;
	padding-top: 0;
	padding-bottom: 1px !important;
	padding-bottom: 0;
  text-align: left;
  font-size: 11px;
	font-family: Futura, verdana, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	border: 0;
	width: 173px;
}
/*body#content #topnav ul.extranet a {
  width: 250px;
}*/
body#content #topnav ul a:link, body#content #topnav ul a:visited {
  color: #ACB6CC;
	background: transparent;
}
body#content #topnav ul a:hover, body#content #topnav a:active, body#content #topnav li.topcurrent a {
  color: #FFF;
  background: #C52618;
}
body#content #topnav li.topcurrent img {
  float: left;
}
body#content #topnav li.topcurrent {
  color: #FFF;
  background: #C52618;
}
/*  Sub Top Navigation */

#subtopnav {
	float: left;
	padding-top: 8px;
}
#subtopnav ul {
  text-align: left;
}
#subtopnav li {
  text-align: left;
	margin-top: 3px !important;
	margin-top: 0;
}
#subtopnav ul a {
  display: block;
	width: 250px;
	padding-left: 22px;
  text-align: left;
  font-size: 10px;
	font-family: verdana, sans-serif;
	letter-spacing: 1px;
}
#subtopnav ul a:link, #subtopnav ul a:visited {
  color: #ACB6CC;
}
#subtopnav ul a:hover, #subtopnav a:active {
  color: #FFF;
}

/*  Sub Sub Top Navigation */

#subsubtopnav {
	float: left;
	padding-top: 8px;
	padding-left: 5px;
}
#subsubtopnav ul {
  text-align: left;
}
#subsubtopnav li {
  text-align: left;
	margin-bottom: 3px !important;
	margin-bottom: 0;
}
#subsubtopnav ul a {
  display: block;
	width: 200px;
	padding-left: 22px;
  text-align: left;
  /*font-size: 10px !important;*/
  font-size: 10px;
  /*font-size: 9px;*/
	font-family: verdana, sans-serif;
	letter-spacing: 1px;
}
#subsubtopnav ul a:link, #subsubtopnav ul a:visited {
  color: #ACB6CC;
}
#subsubtopnav ul a:hover, #subsubtopnav a:active {
  color: #FFF;
}

/* Left Navigation */

#lefter ul {
	margin-left: 32px;
	margin-bottom:20px;
}
#lefter li {
	color: #F51D30;
	font-family: "Futura book", verdana, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 17px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0;
}
#lefter li img {
  vertical-align: middle;
  /*margin-right: 10px;*/
}
#lefter li img.arrow {
  margin-right: 10px;
}

body#content #lefter ul {
	margin-left: 29px;
	margin-bottom: 20px;
}

body#content #lefter ul li ul {
	margin-left:15px;
	margin-bottom:0px;
}

#lefter li ul li {
	text-transform:none;
}

#subside li {
	text-transform: none;
	}

/* Typography */

h1, h1 a, h1 a:link, h1 a:active, h1 a:visited {
	padding-bottom: 15px;
	font-family: Futura, verdana, sans-serif;
	font-weight: normal !important;
	font-size: 18px !important;
	color: #d92106 !important;
	text-decoration:none;
	}

h2, h2 a, h2 a:link, h2 a:active, h2 a:visited {
	font-family: Futura, verdana, sans-serif;
	font-weight: bold;
	font-size: 15px;
	color: #d92106 !important;
	text-decoration:none;
	}
	
body#content h2, body#content h2 a, body#content h2 a:link, body#content h2 a:active, body#content h2 a:visited {
	font-family: verdana, sans-serif;
	font-size: 11px !important;
	font-weight: bold;
	color: #666666 !important;
	text-decoration:none;
	}
	
h3, h3 a, h3 a:link, h3 a:active, h3 a:visited {
	font-family: "Futura Book", verdana, sans-serif;
	font-weight: normal !important;
	font-size: 12px;
	/*letter-spacing: 1px;*/
	padding-bottom: 10px;
	color: #435A8F !important;
	text-decoration:none;
	}
	
body#content h3 {
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: inline;
	margin-right: 3px;
	}
	
h4, h4 a, h4 a:link, h4 a:active, h4 a:visited {
	font-family: verdana, sans-serif;
	font-size: 11px !important;
	/*letter-spacing: 1px;*/
	color: #435A8F !important;
	text-decoration:none;
	}

h1 a:hover, h2 a:hover, body#content a:hover, h3 a:hover, body#content h3 a:hover, h4 a:hover { text-decoration:underline; }
	
#head p {
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	text-align: right;
	padding: 33px 85px 0 0
	}

body#content #head p {
	padding: 2px 85px 0 0
	}
	
#container p,
.csc-mailform label, .csc-mailform-label, .csc-mailform-field, .csi-caption {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	padding-bottom: 15px;
	}
.csc-mailform-field { clear:both; }
.csi-caption { width:130px; }
.csc-mailform label {
	width:125px;
	display:block;
	float:left;
	clear:both;
	padding-bottom:0px;
	padding-right:50px;
	}
.csc-mailform label, .csc-mailform input, .csc-mailform textarea, .csc-mailform select {
	margin-bottom:10px;
	}
.csc-mailform input, .csc-mailform textarea, .csc-mailform select {
	font-family:verdana,sans-serif;
	font-size:75% !important;
	width:235px;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #666666;
	color:#666666;
	}
.csc-mailform .csc-mailform-submit {
	margin-left:175px;
	width:auto !important;
	}
#container ul {
	margin: 0 0 15px 13px;
	color: #BD0A0A;
	list-style-type: disc;
	}

#container .csi-intext-left ul {
	margin: 0 0 15px 13px;
	margin: 0 0 15px 9.5em;
	color: #BD0A0A;
	list-style-type: disc;
}
	
#container li {
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #666666;
	}
.grey {
	color: #666666;
	font-weight: normal;
	/*padding-left: 7px;*/
	}
#righter p {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #666;
	line-height: 16px;
	margin-bottom: 18px;
	}
#righter ul {
	margin-left: 3px;
	}
#righter li {
	padding-left: -3px;
	list-style-image: url(../i/arrow.gif);
	}
#footer p {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #445889;
	}
/*.leftcol, .rightcol {
	letter-spacing: 1px;
	}*/
	
/* Links n'Hovers */

#lefter a:link, #lefter a:visited {
	font-weight: normal;
	/*padding-left: 7px;*/
  color: #696969;
}

#lefter a:hover, #lefter a:active, #lefter ul li ul li .current {
	font-weight: normal;
	color: #000000;
}

#container a:link, #container a:visited, #container a:hover, #container a:active, #righter a:link, #righter a:visited, #righter a:hover, #righter a:active {
	font-weight: bold;
	color: #666;
}

body#content #container a:link, body#content #container a:visited, body#content #container a:hover, body#content #container a:active, body#content #righter a:link, body#content #righter a:visited, body#content #righter a:hover, body#content #righter a:active {
	font-size: 10px;
}

#topnav li a.current {
	background: #C52618 url(../i/arrow2.gif) left no-repeat;
	color: #FFF;
	}
	
#subtopnav ul a:link.subcurrent, #subsubtopnav ul a:link.subsubcurrent, #subtopnav ul a:visited.subcurrent, #subsubtopnav ul a:visited.subsubcurrent, #subtopnav ul a:hover.subcurrent, #subsubtopnav ul a:hover.subsubcurrent, #subtopnav ul a:active.subcurrent, #subsubtopnav ul a:active.subsubcurrent {
	background: url(../i/arrow3.gif) left no-repeat;
	color: #FFF;
	}
	
a:link, a:visited, a:hover, a:active {
	color: #666666;
	}

/*Image Align Left

.csi-text {
	text-align: left;
	}
	
.csi-intext-left .csi-image {
	float: left;
	clear: both;
	margin-right: 9px;
	margin-bottom: 15px;
	}
	
.csi-image {
	text-align: center;
	}
	
.csi-left .csi-image {
  text-align: left;
}
#righter .csi-image {
  margin-top: 5px;
}*/

/* Form */

.csc-mailform {
	margin-left: 40px;
	border:none;
	}

.csc-mailform td {
	padding: 0 50px 9px 0;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	}

.csc-form-fieldcell select, .csc-form-fieldcell textarea, .csc-form-fieldcell input {
	border: 1px solid #666666;
	background: #fff;
	/*font-size: 10px;*/
}

table.csc-loginform {
  font-size: 10px;
}
.csc-form-fieldcell input {
font-size: 10px;
}


#searchformcontainer input {
	border: 1px solid #999;
	background: #fff;
	font-size: 10px;
	/*margin-left: 7px;*/
}
#searchformcontainer {
  margin: 0 0 4px 0;
}
#searchformcontainer input.searchsubmit {
  border: 0;
}
.csc-sitemap ul {
list-style:none !important;
}
.csc-sitemap > ul {
margin-left:0 !important;
}
#container .csc-menu p.csc-sitemap-level1 {
  padding: 0;
  margin: 0;
}
#container .csc-menu p.csc-sitemap-level2 {
  padding: 0;
  margin: 0 0 0 2em;
}
#container .csc-menu p.csc-sitemap-level3 {
  padding: 0;
  margin: 0 0 0 4em;
}
#container form p {
  margin: 0;
  padding: 0;
}
#container form input, #container form select, #container form textarea {
  width: 235px;
  font-size: 120%;
  font-family: verdana, sans-serif;
}
#container form input.formsubmit {
  width: auto;
  padding: 0 4px;
}
#container form textarea {
  height: 150px;
}
#subside li.imgs a {
  width: 12px;
  padding: 0;
  margin: 0;
}
#container .csc-searchform input, #container .csc-searchform select {
  font-size: 12px;
  margin: 0 0 6px 12px;
  padding-left: 2px;
  width: 200px;
}
#container .csc-searchform select {
  width: 204px; 
}
.csc-sword {
  color: #d92106;
  font-weight: bold;
}