/*
CSS by Hendlin Visual
contact (at) hendlin.com

Revised March 9, 2010 -- Cleaned up CSS

*/

/* -------------------------------------- */
/* Resets and Overrides */
/* -------------------------------------- */

img { border: none; }

/* -------------------------------------- */
/* Base Body & Components */
/* -------------------------------------- */
body {
	background:#484b4f;
	font-family:arial,tahoma,sans-serif;
	font-size:12px;
}



p,td,tr{
	font-family:arial,tahoma,sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:10px;
	text-align:left;

}

ul {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

li { 
	margin:0 0 2px 0px;
	padding:0 0 0 12px;	
	background:url(bullet.gif) no-repeat;
	background-position:left 4px;
	list-style:none;
}


/* -------------------------------------- */
/* links & Header Links */
/* -------------------------------------- */
a:link{
	color:#8a8b8d;
	text-decoration:none;
}

a:visited{
	color:#8a8b8d;
	text-decoration:none;
}

a:hover{
	color:#009ddc;
	text-decoration:underline;
}

a:active{
	color:#009ddc;
	text-decoration:underline;
}

a.refLink:link { color: #000; text-decoration:none; }
a.refLink:visited { color: #000; text-decoration:none; }
a.refLink:active { color:#009ddc; text-decoration:underline; }
a.refLink:hover { color:#009ddc; text-decoration:underline; } 

/* -------------------------------------- */
/* Header Type */
/* -------------------------------------- */

h1{
	font-size:19px;
	font-weight:bold;
	color:#6eb43f;
	margin:5px 0 10px 0;
	padding:0;
}

h2{
	font-size:15px;
	font-weight:bold;
	color:#009ddc;
	margin:0 0 5px 0;
	padding:0;
}

h3{
	font-size:13px;
	font-weight:normal;
	color:#8a8b8d;
	margin:0 0 0 14px;
	padding:0;
}

h4{
	font-size:12px;
	font-weight:normal;
	color:#8a8b8d;
	margin:5px 14px 0 14px;
	padding:0;
}

h5{
	font-size:12px;
	font-weight:normal;
	color:#000000;
	margin:0 0 0 0;
	padding:0;
}


h6{
	font-size:10px;
	font-weight:normal;
	color:#6e747a;
	margin:0;
	padding:0;
}

/* -------------------------------------- */
/*              Classes                   */
/* -------------------------------------- */
.sup {
	font-size:9px;
	font-weight:bold;
}

.footerClass {
	font-size:10px;
	font-weight:normal;
	color:#8a8b8d;
	margin:15px 16px 12px 16px;
	padding:0;
	line-height:200%;
}

.cookieCrumb {
	font-size:10px;
	font-weight:normal;
	color:#8a8b8d;
	margin:0;
	padding:0;
}

.leftNavClass {
	font-size:13px;
	font-weight:normal;
	color:#8a8b8d;
	margin:0 0 0px 14px;
	padding:0;
	cursor: pointer;
}

.leftNavOverClass {
	font-size:13px;
	font-weight:normal;
	color:#009ddc;
	margin:0 0 0px 14px;
	padding:0;
	cursor: pointer;
}

.text {
	font-size:12px;
	font-weight:bold;
	color:#6eb43f;
	margin:0 0 0px 0px;
	padding:0;
	cursor: pointer;
}

.textALT {
	font-size:12px;
	font-weight:normal;
	color:#8a8b8d;
	margin:0 0 0px 0px;
	padding:0;

}


.textALTTWO {
	font-size:12px;
	font-weight:normal;
	color:#000000;
	margin:0 0 0px 0px;
	padding:0;

}

.textDATE {
	font-size:12px;
	font-weight:Bold;
	color:#6bb333;
	margin:0 0 0px 0px;
	padding:0;

}

a.icon:link{
	font-size:15px;
	font-weight:Bold;
	color:#009ddc;
	text-decoration:none;
}

a.icon:visited{
	font-size:15px;
	font-weight:Bold;
	color:#009ddc;
	text-decoration:none;
}

a.icon:hover{
	font-size:15px;
	font-weight:Bold;
	color:#6eae41;
	text-decoration:underline;
}

a.icon:active{
	color:#009ddc;
	text-decoration:underline;
}



	/* ------------------------------- */
	/* Highlight/Selected Leftnav class */
	/* ------------------------------- */

.leftNavClassHL {
	font-size:13px;
	font-weight:bold;
	color:#009ddc;
	margin:0 0 0px 14px;
	padding:0;
	cursor: pointer;
}

.leftNavOverClassHL {
	font-size:13px;
	font-weight:bold;
	color:#009ddc;
	margin:0 0 0px 14px;
	padding:0;
	cursor: pointer;
}

.navLeftHeader {
	font-size:13px;
	font-weight:bold;
	color:#000000;
	margin:0 0 0px 14px;
	padding:0;
}

	/*** ^^ End of Highlight/Selected Lefnav class ^^ *****/

.subleftNavClass {
	font-size:13px;
	font-weight:normal;
	color:#8a8b8d;
	margin:0 0 0px 30px;
	padding:0;
	cursor: pointer;
}

.subleftNavOverClass {
	font-size:13px;
	font-weight:normal;
	color:#009ddc;
	margin:0 0 0px 30px;
	padding:0;
	cursor: pointer;
}



/* --------------------------------------------- */
/*                Top Drop Down                  */
/* --------------------------------------------- */
#navigationBase {


}




ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 background:url(null) no-repeat;
 background-position:left 0px;

}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: right;

	border-style: solid;
	border-width: 0px;
	border-color: #eeeeee;
}

ul.dropdown li {
/* Top nav root boxes */
 float: left;
 line-height: 1.1em;
 vertical-align: middle;
 zoom: 1;
	margin:5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	background-color: #686D71;
   	/*filter:alpha(opacity=85);*/	/* IE's opacity -- wont work here?*/
	/*opacity: 0.85;*/
}

ul.dropdownHL li {
/* Boxes Around Drop Down items */
 float: left;
 line-height: 1.1em;
 vertical-align: middle;
 zoom: 1;
 border-style: solid;
 border-width: 0;
 border-color: #999999;
}



ul.dropdownHL li.hover,
ul.dropdownHL li:hover {
/* Drop down Boxes hover -- See Below for text hover option */
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 border-color: #0396ff;


}

ul.dropdown ul {
/* Drop Down Box */
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 596;
 width: 100%;
 top: 28px;

	border-style: solid;
	border-width: 1px;
	border-color: #222222;
	background-color: #333333;

	/* opacity is not working properly in IE and firefox different problems */
	/* filter:alpha(opacity=85);*/ /* IE's opacity*/
	/* opacity: 0.85;*/
	/* padding: 2px 0 2px 0;*/
}

ul.dropdown ul li {
background-color: #444;
 float: none;
}

ul.dropdown ul ul {
 top: -1px;
 left: 100%;
}

ul.dropdown li:hover > ul {
 	visibility: visible;
}




ul.dropdown {

	font-size:1.1em;
	font-weight:bold;
}

	ul.dropdown li {
	/*    Top Nav Menu Spacing   */
	 padding: 6px 10px;

	}

	ul.dropdownHL li {
	/*    Drop Down HighLight   */
	padding: 0;
	margin:0;

	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
		
	

	}
	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff;font-size:.9em;font-weight:bold; }
	ul.dropdown a:hover	{ color: #fff; text-decoration:none;font-weight:bold;}
	ul.dropdown a:active	{ color: #fff;font-weight:bold; }


	/* Drop down Text Hover Options */
	ul.dropdownHL a:link,
	ul.dropdownHL a:visited	{ color: #ccc;font-size:.9em;font-weight:bold;}
	ul.dropdownHL a:hover	{ color: #0396ff; text-decoration:none;font-weight:bold;}
	ul.dropdownHL a:active	{ color: #ccc;font-weight:bold;}


	/* -- level mark -- */

	ul.dropdown ul {
	
	 font-size:1em;
	 width: 175px;
	}

		ul.dropdown ul li {
		/*background-color: #333333;*/
		font-weight: normal;
		text-align:left;
		padding: 2px 7px 2px 7px;
		}


	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
	/* This is the rollover background color */	
	/* background-color: #333333; */
	}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {

 	padding-right: 5px;

}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(nav-arrow-right.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(nav-arrow-top.gif);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(nav-arrow-right.gif);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(nav-arrow-left.gif);
 background-position: 0 50%;
}


/* ###################################### */

/* key Vertical Box WITHOUT the quotes */
.keyVertBoxR {
width:188px;
background:url(keyVertBox-bg.gif) repeat-y;
float:right;
}

.keyVertBoxBottomR {
background:url(keyVertBox-bottom.gif) no-repeat;
background-position:bottom;
}


.keyVertBoxTopR {
background:url(keyVertBox-top.gif) no-repeat;
min-height:150px;
_height:150px;
padding:10px 0 15px 0;
}

#keyVertBox  a {
color:#32477B;
}

#keyVertBox a:hover {
color:#00A2FF;
}

#keyVertBox h3 {
	color:#2A496D;
	font-size:120%;
	font-weight:bold;
	margin:30px 0 0 0;
	padding:0 0 10px 28px;
}

/* ###################################### */