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

/* Eric Meyer's 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: top;}
/* 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 Eric Meyer's 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('/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: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#bigHug{font-size:350%;}
.headingTwo{position:absolute;top:38px;left:248px;z-index:400;line-height:.6; font-size:56px; color:#6f6f6f;}
.headingThree{position:absolute;top:90px;left:155px;z-index:400;line-height:1; font-size:16px; color:#888888;}
.smaller{font-size:42%;font-weight:bold;color:#000;}

 
#utilities{height:30px; /*background:#343434;*/width:960px; background: url(/images/header_top_gray.png);}
#utilities p{width:250px;float:left;color:#fff; margin-left:20px;}
#utilities ul{float:right;margin:0;padding:5px 20px 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(/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;}
#header #cse { z-index:200;width:280px;position:absolute;top:30px;right:20px;margin:0;padding-left:5px; } 

/* NAVIGATION */
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;  background: #FFF url('/images/sideNav.jpg') 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:none; color:#073570; 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:5px;}
#footer ul{float:left;margin: 0 0 0 105px;padding:0;width:100%;}
#footer li{float:left;padding:5px 7px;}
#footer ul a{float:left;display:block;}
#footer .copyright {font-size:90%;}

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

/* TWO COLUMN LAYOUT */
#leftCol{width:150px;float:left;background:url(/images/mainContentGradient.jpg) repeat-x top left;margin:0;}
#leftCol li#subexpand {background-color:/*#fff;*/#d1e0ff; }
#leftCol ul#subexpand {border: 1px solid #CCC;}
#rightCol{width:810px;float:left;position:relative;background:url(/images/mainContentGradient.jpg) repeat-x top left;margin:0;}

/* THREE  AND FOUR COLUMN LAYOUT */
#centerCol{float:left;width:540px;position:relative;background:url(/images/mainContentGradient.jpg) repeat-x top left;margin:0;}
#rightCol3{float:right;width:270px;background:url(/images/mainContentGradient.jpg) repeat-x top left;margin:0;}
#rightColMain, #rightColSub{width:245px;margin:0 16px;}
#rightColMain h4, #rightColSub h4{padding: 0px 5px 2px 10px;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:1.5;}

/*NOTE: The promotional section is only available in the three and four column layouts*/
#promote{width:300px;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;}

/* ------  LEFT SIDE NAVIGATION BAR --------------- */
/*MENU ITEMS*/
#leftCol #leftnav{ overflow: hidden; width: 136px; margin: 25px 0 0 7px; padding:0; text-align:left;	}
#leftCol #leftnav a.menuitem { display: block; margin: 0px; cursor: pointer; color: #FFF; font-weight:bold; text-decoration: none; padding: 10px 8px 10px 7px; background: url('/images/leftnav_btn_up.png') no-repeat bottom left; }
#leftCol #leftnav a.menuitem:visited { display: block; margin: 0px; cursor: pointer; color: #FFF; font-weight:bold;  }
#leftCol #leftnav a.menuitem:hover{ background: url('/images/leftnav_btn_uphover.png') no-repeat bottom left; color:#FFF; font-weight:bold; }
#leftCol #leftnav a.menuitemOpen{ display: block; margin: 0px; cursor: pointer; color: #FFF;  background: url('/images/leftnav_btn_down.png') no-repeat bottom left; }
#leftCol #leftnav a.menuitemOpen:hover{ background: url('/images/leftnav_btn_downhover.png') no-repeat bottom left;  }
#leftCol #leftnav a.menuitemClosed{ display: block; margin: 0px;	cursor: pointer; color: #FFF; font-weight:bold;  background: url('/images/leftnav_btn_up.png') no-repeat bottom left; } 
#leftCol #leftnav a.staticlink { background: url('/images/leftnav_btn_up.png') no-repeat bottom left; display: block; margin: 0px; cursor: pointer; text-decoration: none; color: #FFF; font-weight:bold; padding: 10px 8px 10px 7px; }
#leftCol #leftnav a.staticlink:visited { background: url('/images/leftnav_btn_up.png') no-repeat bottom left; display: block; margin: 0px; cursor: pointer; text-decoration: none; color: #FFF; font-weight:bold; padding: 10px 8px 10px 7px; }
#leftCol #leftnav a.staticlink:hover{ background: url('/images/leftnav_btn_uphover.png') no-repeat bottom left; text-decoration: none; color:#FFF; font-weight:bold; padding: 10px 8px 10px 7px; 	}

/*SUB MENU*/		
#leftCol #leftnav div.submenu{ color:#039;	text-decoration: none;	font-weight: normal; font-size:12px; line-height:1.2; background: #c4cfe1 url('/images/leftnav_sub_base.jpg') no-repeat bottom left; margin: 0px; padding: 5px; }
#leftCol #leftnav div.submenu ul{ list-style-type: none;	margin: 0px;	padding: 0 10px 10px 5px;	}
#leftCol #leftnav div.submenu ul li{ padding-left:15px;background: url('/images/arrowsLeftCol.png') no-repeat top left; line-height:1.3;	}
#leftCol #leftnav div.submenu ul li a{	text-decoration: none;	}
#leftCol #leftnav div.submenu ul li a:hover{ text-decoration: underline; }
/*CSS for icon image that gets dynamically added to headers*/
#leftCol #leftnav a.menuitem .statusicon{  display:none; 	}/*hide plus & minus icons*/