@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:none;
	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;
	}




/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */

/*------------------------------------*\
    NAV
\*------------------------------------*/
#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left; /* Clear floats */
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    /*color:#fff;
    background:#333;*/
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
    z-index:200;
}

/*--- DROPDOWN ---*/
#nav ul{
    background:#fff;  /*Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
/*    background:rgba(255,255,255,0);  But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    z-index:300;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#D8D8D8;
    text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#333;
}