@charset "utf-8";
/* CSS Document */

/* Reset */
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;
	}

/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	color: black;
	background:#fff;
	line-height:1.2;
	}
ul {
	list-style: none;
	}

/* 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 Reset*/

body {
	background:#fff;
	text-align:center;
	width:100%;
	font-size:.8em; 
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	}
#container {
	position:relative;
	width:960px;
	margin:0 auto;
	background:#fff;
	text-align:left;
	}
a:link, 
a:visited, 
a:hover, 
a:active {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
	}
p {
	margin:5px 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:20px;
	}
#oneCol ul, 
#rightCol ul, 
#centerCol ul {
	margin-bottom:20px;
	}
#oneCol ul li, 
#rightCol ul li, 
#centerCol ul li {
	line-height:1.5;
	background:url(/inc/img/arrowsRightCol.png) no-repeat top left;
	padding-left:15px;
	}
#centerCol ul li ul li {
	line-height:1.5;
	background:url("/inc/img/dot.gif") no-repeat top left;
	padding-left:15px;
	}
#oneCol ol li, 
#rightCol ol li, 
#centerCol ol li {
	line-height:1.5;
	padding-left:0px;
	margin-left:3px;
	background:none;
	}
#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:240%;
	}
h2 {
	font-size:200%;
	margin-bottom:15px;
	}
h3 {
	font-size:170%;
	color:#444;
	padding:20px 0 10px 0;
	}
h4 {
	font-size:145%;
	margin:15px 0 5px 0;
	}
.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;
	}
h1#bigH1 {
	font-size:350%;
	}
.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:30px;
	background:#343434;
	width:100%;
	}
#utilities p {
	width:350px;
	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:#fff;
	padding:0 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;
	}
#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(/inc/img/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 */
/* AT THIS TIME, THE SIDENAV CODE IS HIDDEN IN THE NAV.INC FILE * /
/* ALL NAVIGATION STYLESHEET CODE IS IN THE NAV.CSS FILE */
ul#sidenav,
ul#sidenav li,
ul#sidenav ul {  
	margin: 0;  
	border: 0 none;  
	padding: 0;  
	width: 136px;
	 /*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;
	}
ul#sidenav a {  
	border: 1px solid #FFF;  
	border-right-color: #CCC;  
	border-bottom-color: #CCC;  
	padding: 9px 5px 9px 18px;  
	display: block;  
	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:#fff;
	text-decoration:underline;  
	/*USE these borders when fly-outs are added: */
	/*border-bottom-color: #999; 
	border-right-color: #999*/;}

/* FOOTER */
#footer {
	width:960px;
	clear:both;
	padding:15px 0;
	height:100px;
	}
#footer ul {
	float:left;
	margin: 0 0 0 105px;
	padding:0;
	width:100%;
	}
#footer li {
	float:left;
	padding:5px 7px;
	}
#footer li.externallink {
	margin: 0 0 0 480px;
	}
#footer ul a {
	float:left;
	display:block;
	}
#footer .copyright {
	font-size:90%;
	}

/* ONE COLUMN LAYOUT */
#oneCol {
	width:960px;
	position:relative;
	margin:0;
	}

/* TWO COLUMN LAYOUT */
#leftCol {
	width:136px;
	float:left;
	}
#rightCol {
	width:824px;
	float:right;
	position:relative;
	margin:0;
	}

/* THREE  AND FOUR COLUMN LAYOUT */
#centerCol {
	float:left;
	width:507px;
	position:relative;
	margin:0;
	}
#rightCol3 {
	float:right;
	width:317px;
	}
.rightColMain, 
.rightColSub {
	width:265px;
	margin:0 19px;
	}
.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(/inc/img/arrowsRightCol.png) no-repeat top left;
	border-bottom:dotted 1px #767664;
	line-height:1.5;
	}

/*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;
	}
#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;
	}


