
/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #333333;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #E0E0E0;
	behavior				: url('htc/csshover.htc')
}
	
#menuh{float:none;}
#menuh ul li{float:left; width: 100%;}
#menuh a{height:1%;font:bold 0.7em/1.4em arial, sans-serif;}




/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 830px;
	margin					: 20px auto 10px auto;
	padding					: 10px 15px 10px 15px;
	text-align				: left;
	border					: 1px solid #CCCCCC;
	display					: block;
	background-color		: #FFFFFF;	
}


/*###############
##### FONTS #####
###############*/ 

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 105%;
	line-height				: 1.4em;
}


h1{  /*  Page Titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 8px 0px 5px 0px;
	font-size 				: 160%;
	font-weight				: bold;
	color					: #999999;
}


h2{  /*  Sub titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 4px 0px 5px 0px;
	line-height				: 1.5em;
	font-size 				: 120%;
	font-weight				: bold;
	color					: #999999;
}

#content ul{
	margin					: 10px 0px 10px 10px;
	padding 				: 0px 0px 0px 0px;
	list-style				: none;
	clear					: both;	
}

#content ul li{
	margin					: 0px 0px 0px 5px;
	padding 				: 0px 0px 5px 15px;
	line-height				: 1.4em;
	background				: url('../images/bullet.gif') top left no-repeat;
}

#content a{
	color					: #666666;
	text-decoration			: none;
	font-weight				: bold;
}


#content a.links {
color					: #333333;
text-decoration			: none;
font-family				: Arial, Helvetica, sans-serif;
font-weight				: normal;
font-size:105%;



}


#content a:hover {
	color					: #333333;
	text-decoration			: underline;
}



/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 830px;	
	height					: 105px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	
}

.logo{
	margin					: 30px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
}

.headerInfo{
	margin					: 50px 10px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: right;
	font-size				: 24px;
	color					: #999999;
	font-weight				: bold;	
}



/*##################
#### NAVIGATION ####
##################*/ 

#navMain{
	margin 					: 0px 0px 15px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 830px;
	height					: 35px;
	background				: url('../images/navBkgrnd.gif') repeat-x;
	border					: 1px solid #CCCCCC;	
}
	
#navMain ul{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	list-style				: none;
	float					: left;
}

#navMain li{
	DISPLAY: inline;
}

		
#navMain a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #666666;
	text-decoration 		: none;
	font-size 				: 14px;
	font-weight				: normal;
	text-align				: center;
	height 					: 35px;
	width					: 164px;
	line-height				: 2.5em;
	border-left				: 1px solid #E7E7E7;
	border-right			: 1px solid #FFFFFF;
	text-transform			: uppercase;
}
	
#navMain a:hover, #navMain a.selected{
	text-decoration 		: none;
	color					: #333333;
	background				: url('../images/navOver.gif') top left;
}


#navMain ul ul{
	position				: absolute;
	margin 					: 34px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display					: none;
	width					: 164px;
	z-index					: 500;
	border					: 1px solid #999999;
	background-color		: #333333;
}
	
*html #navMain ul ul{
	margin 					: 34px 0px 0px -166px;
}

#navMain ul ul li{
	position				: relative;
	display 				: inline;
  float: left;
  width: 100%;
}

	
	
#navMain ul ul a{
	margin					: 0px 0px 0px 0px;

	padding					: 7px 5px 7px 5px;
	display 				: block;
	float 					: left;
	color					: #999999;
	text-decoration 		: none;
	font-size 				: 12px;
	font-weight				: normal;
	text-align				: left;
	height 					: auto;
	width					: 154px;
	line-height				: 1.4em;
	border					: none;
	border-top				: 1px solid #999999;
	text-transform			: none;
}

#navMain ul ul a:hover{	
	text-decoration 		: none;
	color					: #FFFFFF;
	background-color		: #666666;
	background-image		: none;
}



#navMain ul a span{
	background				: url('../images/arrow1.gif') right no-repeat;

	margin					: 0px 0px 0px 0px;
	padding					: 0px 20px 0px 0px;
}



div#navMain li:hover ul ul,
div#navMain li li:hover ul ul,
div#navMain li li li:hover ul ul,
div#navMain li li li li:hover ul ul
{display:none;}

div#navMain li:hover ul,
div#navMain li li:hover ul,
div#navMain li li li:hover ul,
div#navMain li li li li:hover ul
{display:block;}





/* ---- LEFT NAV ---- */
#navLeft{
	margin 					: 2px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: left;
	list-style 				: none;
	width					: 170px;
	height					: auto;
}

#navLeft ul{
	margin 					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	list-style 				: none;
	width					: 170px;
}

#navLeft ul li a{
	margin					: 0px 0px 4px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #999999;
	text-decoration 		: none;
	font-size 				: 12px;
	width					: 170px;
	line-height				: 3.0em;
	height					: 35px;
}

*html #navLeft ul li a{
	margin					: 0px 0px -10px 0px;
	padding					: 0px 0px 0px 0px;
}


#navLeft ul li a:hover{	
	text-decoration 		: none;
	color					: #3B5474;
	background				: url('../images/navLeftHover.gif') top left;
}

#navLeft ul li a.selected{	
	text-decoration 		: none;
	color					: #3B5474;
	background				: url('../images/navLeftOver.gif') top left;
}


/*###############
#### CONTENT ####
###############*/ 

#content{
	display 				: block;
	width					: 622px;	
	height					: auto;
	min-height				: 380px;
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;	
}


/*################
##### TEASER #####
################*/ 

#teasers{
	display					: block;
	float					: right;
	width					: 180px;
}

.teaser{
	display					: block;
	width					: 180px;
	height					: 140px;
	margin					: 0px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #CCCCCC;
	background 				: #FFF url('../images/teaserBkgrnd.gif') bottom left repeat-x;
}

.teaser a{
	display					: block;
	width					: 180px;
	height					: 21px;
	margin					: 1px 0px 0px 0px;
	padding					: 8px 0px 0px 0px;
	color					: #666666;
	text-decoration			: none;
}

*html .teaser a{
	margin					: -2px 0px 0px 0px;
}

.teaser a:hover{
	background 				: url('../images/navOver.gif') top left;
	color					: #333333;
	text-decoration			: none;
}

.teaser Img{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
}

.arrow{
	margin					: 0px 5px 0px 10px;
	padding					: 0px 0px 0px 0px;
	border					: none;
}


/*################
##### FOOTER #####
################*/ 

#footer{
	clear					: both;
	width					: 830px;
	height					: 30px;
	margin					: 0px auto 20px auto;
	line-height				: 1.4em;
	font-size				: 11px;
	color					: #666666;
}

#copyright, #terms{
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	float					: left;
	text-align				: left;	
}

#siteMap {
	padding		 			: 0px 0px 0px 0px;
	float					: left;
	text-align              : left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
}

#copyright a, #siteMap a {
	text-decoration			: none;
	color					: #666666;
}

#copyright a:hover , #siteMap a:hover{
	color					: #333333;
	text-decoration			: underline !important;
}



/*###############
##### MISC. #####
###############*/ 


/* ---- CONTACT FORM ---- */
.table, .table2{
	margin					: 10px 0px 10px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 350px;
	font-size				: 105%;
}

.table2{
	width					: 600px;

}

.table td, .table2 td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 200px;
	height					: 16px;
	font-size				: 13px;
	/* To whomever added these right floats, they are breaking the contact us form layout!
	float					: right; */
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 200px;
	height					: 80px;
	/* To whomever added these right floats, they are breaking the contact us form layout!
	float					: right; */
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}


.submitBtn{
	margin					: 0px 30px 0px 0px;
	padding					: 0px 5px 0px 5px;
	display 				: block;
	float					: left;
	/* To whomever added these right floats, they are breaking the contact us form layout!
	float					: right; */
	font-weight				: normal;
	text-align				: center;
	color					: #666666;
	text-decoration 		: none;
	font-size 				: 11px;
	line-height				: 1.6em;
	height					: 24px;
	width					: 80px;
	border					: 1px solid #999999;
	background-image		: url(../images/navBkgrnd.gif);
	background-position		: bottom;
	cursor					: pointer
}

.submitBtn:hover{
	background-image		: url(../images/navOver.gif);
	background-position		: bottom;
	color					: #333333;
	text-decoration 		: none;
}

#content a.breadcrum
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	font-weight:normal;
	text-decoration:none;
	color					: #666666;
}
#content a:hover.breadcrum
{
	color					: #333333;
	border-bottom:dashed #CCCCCC 1px;
	text-decoration:none;
}

#content a.more
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 10px;
	font-weight:normal;
	text-decoration:none;
	color					: #666666;
}
#content a:hover.more
{
	color					: #333333;
	border-bottom:dashed #CCCCCC 1px;
	text-decoration:none;
}

#article{
	width					: 622px;	
	height					: auto;
	margin					: 18px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	font-size				: 12px;
}
#article ul{
	margin					: 0px 0px 0px 0px;
	padding 				: 5px 0px 5px 0px;
	list-style				: none;
	text-align:left;
	line-height				: 1.7em;
	background-color:#ECECEC;
}

#article ul li{
	display: inline;
	border-right: 1px solid #707070;
	padding-right: 7px;
	padding-left: 7px;
	background-image:none;
}
#article ul li.last{
	border-right: 1px solid #ECECEC;
}
#article ul li.title{
border:none;
font-size:12px;
font-weight:bold;
}
#article ul li a
{
font-size:11px;
font-weight:normal;
text-decoration:none;
color:#707070;
}
#article ul li a:hover
{
border-bottom:dashed #CCCCCC 1px;
	text-decoration:none;
	background-color:#FFFFFF;
}


/*\*/

html*#navMain ul ul{


margin:34px 0px 0px -165px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all

Firefox and Netscape browsers.*/

}/**/



/**/

 

