@charset "utf-8";
/* CSS Document */

/* Preset all html tags */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0;outline: 0; font-weight: inherit; font-style: inherit;	font-family: inherit;vertical-align: baseline; }
:focus { outline: 0; }
body {
	color: black;
	background:#fff;
	line-height:1.4;
}
ul { list-style: none; }

/* Preset user tags /*

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* End Eric Meyer's Reset*/

body{background:#fff;text-align:left;width:100%;font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif;color:#666;}
#container, #container1{
	position:relative;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 1016px;
	background-color: #fff;
}
#Motto {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	width: 1016px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	position: relative;
	z-index: 1000;
}
#Motto #bannerLogo {
	position: absolute;
	height: 176px;
	width: 176px;
	top: 0px;
	right: -10px;
}

#container1{
	background:url(../images/topShade.gif) repeat-x top left;
	margin-left: auto;
}
a:link, a:visited, a:hover, a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
p{
	margin:0 0 1em 0;
}
.mar_bot_100{margin-bottom:100px;}
.mar_bot_200{margin-bottom:200px;}
.mar_bot_250{margin-bottom:250px;}
.mar_bot_300{margin-bottom:300px;}
.mar_bot_500{margin-bottom:500px;}

#content p{margin:10px 0; line-height:140%;}
#content{
	padding:24px;
	background-image: url(../images/sectionshade.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#contentwBorder{
	padding:18px;
	background-image: url(../images/sectionshade.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border: 2px solid #663333;
	margin-bottom: 1em;
	margin-top: 1em;
}
#oneCol ul, #rightCol ul, #centerCol ul{margin-bottom:24px;}
#oneCol ul li, #rightCol ul li, #centerCol ul li{line-height:1.5;background:url(../images/arrowsRightCol.png) no-repeat top left;padding-left:15px;}
#oneCol ul li ul, #rightCol ul li ul, #centerCol ul li ul, #oneCol ol li ol, #rightCol ol li ol, #centerCol ol li ol{margin-bottom :0;} 

h1{
	font-size:145%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h2{
	font-size:135%;
	margin-top:.5em;
	margin-bottom:.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h3{
	font-size:125%;
	margin:.5em 0 .2em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4{
	font-size:115%;
	margin:.3em 0 .2em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
ol {padding:0 0 0 20px }
#content dt {font-weight: bold;padding: 15px 0 0 0;}

/* HEADER */
.headingOne{position:absolute;top:29px;left:248px;z-index:400;}
.headingTwo{position:absolute;top:38px;left:248px;z-index:400;line-height:.5;}
.headingThree{position:absolute;top:20px;left:248px;z-index:400;line-height:1;}
.smaller{font-size:42%;font-weight:bold;color:#000;}

#utilities{
	height:2em;
	width:100%;
	background-color: transparent;
	position: absolute;
	top: 0px;
	margin: 0;
	z-index: 100;
	left: 0px;
}
#utilities p{width:200px;float:left;color:#fff;}
#utilities ul{float:right;margin:0;padding:5px 0 0 0;}
#utilities li{float:left;}
#utilities ul a{
	float:left;
	display:block;
	color:#440033;
	width: 7em;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.hide a:link, .hide a:visited, .hide a:hover {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
.hide a:active, .hide a:focus {position:static; width:auto; height:auto;}
#header{position:relative;margin:0; background-color: none;}
#header a {display: block;height: 132px; width: 100%;text-decoration:none;z-index:100;}
#header a span {visibility: hidden;}
#header form{z-index:200;width:262px;position:absolute;top:0px;right:10px;margin:10px 0 0 0;height:26px;background:url(../images/magnify.gif) no-repeat center left;padding-left:30px;}
#header fieldset{width: 265px;margin: 0 auto;}
#header form #go{margin-bottom:-7px;}
#header form #q{width:230px;}
#home #header form{margin-right:-20px;}
#home #header form #q{width:145px;}
#home #header fieldset{width: 205px;}
#home #header form{width:205px;background:none;}

/* NAVIGATION */
ul#sidenav,ul#sidenav li,ul#sidenav ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 236px; /*For KHTML*/
	list-style: none;
}
ul#sidenav li {
	float: left; /*For IE 7 lack of compliance*/
	display: block !important; /*For GOOD browsers*/
	display: inline; /*For IE*/
	position: relative;
	background-image: url(../images/fullShade.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
ul#sidenav a {
	border: 1px solid #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding: 9px 5px 9px 18px;
	display: block;
	background: #dce8c3 url(../images/fullshade.gif) repeat-y top right;
	height:1%;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}
ul#sidenav a:hover, ul#sidenav li:hover a,ul#sidenav li.iehover a {background:#cfded3;text-decoration:underline;  /* USE these borders when fly-outs are added: border-bottom-color: #999; border-right-color: #999;*/}

/* FOOTER */
#footer{
	width:1016px;
	clear:both;
	padding:15px 0;
	height:100px;
	text-align: center;
	font-size: 1em;
	background-position: center;
	border: solid white 2px;
}
#footer ul{
	padding:0;
	width:800px;
	margin-top: 0;
	margin-right: 105px;
	margin-bottom: 0;
	margin-left: 105px;
}
#footer li{
	width: auto;
	float: right;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	text-align: center;
}
#footer ul a{
	float:none;
	display:block;
	width: auto;
}
#footer .copyright {
	font-size:90%;
	float: right;
}

/* ONE COLUMN LAYOUT */
#oneCol{width:960px;position:relative;background:url(../images/mainContentGradient.jpg) repeat-x top left;margin:0;}

/* TWO COLUMN LAYOUT */
#leftCol{
	width:250px;
	float:left;
}
#rightCol{
	width:288px;
	float:right;
	position:relative;
	margin:0;
	background-image: url(../images/SectionShade.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/* THREE  AND FOUR COLUMN LAYOUT */
#centerCol{
	float:left;
	width:440px;
	position:relative;
	background-color:#FFFFFF;
	background-image: url(../images/SectionShade.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#rightCol3{
	float:right;
	width:288px;
	height: 700px;
}

.rightColMain, .rightColSub{
	width:285px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(../images/SectionShade.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.rightColMain h4, .rightColSub h4{padding: 2px 5px;margin-top:25px;}
.rightColMain ul, .rightColSub ul{padding:0 10px 10px 10px;}
.rightColMain ul li, .rightColSub ul li{
	padding-left:13px;
	background: url(../images/arrowsRightCol.png) no-repeat top left;
	border-bottom:dotted 1px #767664;
	line-height:normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
/*NOTE: The promotional section is only available in the three and four column layouts*/
#promote{
	width:303px;
	position:absolute;
	right:-1px;
	top:75px;
	clear:both;
	margin-right:15px;
	z-index:200;
	background-image: url(../images/sectionshade2.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#promote h3{font-size:110%;margin:0;padding:0 0 0 5px;font-weight:bold;}
/*If you'd like to add an image, add it as a background to #promote p in the promote.css file. Make the image 202px x 65px if you'd like some text to fit beside it. If you want the a:link text to line up with the h3, remove the absolute positioning. */
#promote a{padding:0 0 0 5px; position:absolute;top:30px;right:0;width:101px;}
.black{color:#000;font-weight:normal;}
#promote p{padding:0;height:65px;}

#centerColLeft{width:213px; float:left;}
#centerColRight{width: 213px;float:right;}

#centerColLeftBg{width:295px;float:left;}
#centerColRightSm{width:152px;float:right;}

/* PALETTE */
ul#palette li{line-height:2.5;}
ul#palette li span {padding:5px 10px;margin:2px;}
.palette_topbar{background:#343434;color:#fff;}
.emphasis {
	font-size: 115%;
	font-weight: bold;
	color: #660000;
}