/* CSS Document */

BODY{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#727074;
	line-height:16px;
	margin:0;}


/* TAGS ----------------------------------------------------------------------------------------------------- */

form input, input   {
	border:none;
	background-color: #FFF;
	width:135px;
	height:14px;
	font-size:9px;
	margin:0;
	padding-top:0;
	color:#a9abae;}
.borderx {
	border: 1px solid #A54620;
}



input.search {
	border:none;
	background: #FFF;
	width:105px;
	height:14px;
	font-size:9px;
	margin:0;
	padding:0 10px 0 0;
	float:left;}



input.submit_btn {
	background-image:url(images/btn-submit.jpg);
	outline:none;
	background-repeat: no-repeat;
	width:52px;
	height:18px;
	border:none;
	margin: 15px 0 15px 0px;}


input.search_btn {
	background-image:url(images/btn-search.jpg);
	outline:none;
	background-repeat: no-repeat;
	width:18px;
	height:18px;
	border:none;
	float:left; 
	}


.rounded{
	background:url(images/rounded.gif) no-repeat left top;
	padding:5px 6px 7px;}

.rounded_search{
	background:url(images/rounded-search.gif) no-repeat left top;
	padding:5px 6px 7px;
	float:left;}
	

a:link { 
	color: #a54620;
	}
a:visited {
	color: #a54620;
	/* color: #DA8749; */
	}
a:hover { 
	color: #a54620;
	}
a:active { 
	color: #cccccc;
	}

A, .textboxMenu UL UL A {
	color:#a9abae;
	text-decoration:none;
	font-weight:normal;}
 
A:hover, .textboxMenu UL UL A:hover{
  	color:#a54620;
	text-decoration:underline;}

.textboxMenu A {
	font-weight:bold;
	color:#727074;}
	
A:hover, .textboxMenu A:hover{
  	color:#a54620;
	text-decoration:underline;}
	


A.small {
	font-size:9px;}

A.small:hover {
	text-decoration:none;}

form {
	padding:0;
	margin:0;}

UL { 
	list-style-image:url(images/bullit-red.gif);
	margin:0;
	padding: 0;}	

LI {
	padding:0;
	margin:0;}

UL.resource {
	list-style-image:url(images/bullit-red-cros.gif);}

.textboxMenu UL{
	padding: 0;}

.textboxMenu UL UL {
	list-style-image:url(images/bullit-grey-arrow.gif);
	padding: 0 15px ;}


H1{font-size:13px;
	color:#A54620;
	line-height:18px;
	font-weight:bold;
	margin-bottom:3px;}
	
H2{
	font-size:13px;
	color:#231F20;
	line-height:16px;
	font-weight:bold;
	margin-bottom:3px;}




/* ID WRAPPER - wraps entire page ----------------------------------------------------------------------------------------------------- */


#wrapper{
	background-image:url(images/bg-border.jpg); 
	background-repeat:repeat-y; 
	background-position:top left; 
	width:782px;	
	margin-left: auto; 
	margin-right: auto;}

#layout{ 
	width:764px; 
	margin:0; 
	position:relative; 
	left:3px;}
	
#bg-bottom{
	background-image:url(images/bg-border-bottom.jpg);  
	background-repeat:no-repeat;
	width:782; height:38px;}	



/* ID HEADER - wraps logo and search  sections----------------------------------------------------------------------------------------------------- */

#header{
	width:764px;
	height:62px;
	padding: 5px 0 13px 0;}

#logoArea{
	float:left; 
	height:62px;}

#loginArea {
	float:right;
	padding:44px 10px 0;}

#searchArea{
	float:right; 
	width:150px;
	padding:40px 0 0;}


/* TOP NAVIGATION - wraps all levels of navigation----------------------------------------------------------------------------------------------------- */
	

/* first level */

#topNav{
	width:765px;
	float:left;
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;}

#topNav ul {
	margin:0; padding:0; float:left;
	list-style:none;}	

#topNav ul li{
	margin:0; padding:0; float: left;
	display: block;
	background: url(images/bg-menu-top.jpg) repeat-x;
	text-align: center;}
	
#topNav a, #topNav a:visited{
	padding:6px 0 0;
	color: #ffffff;
	font-weight:bold;
	letter-spacing:1px;
	font-size:12px;
	text-decoration: none;
	display: block;
	width: 152px;
	height:22px;
	border-left: 1px solid #A8B090;}


#topNav a:hover, #topNav a.active, #topNav a.activeTwo { 
	background: url(images/bg-menu-top-over.jpg) repeat-x; 
	color:#231f20;}



/* second level */
#topNav ul ul {
	margin:0px; padding:0;
	position: absolute;
	left:-999em;
	list-style:none;
	list-style-type:none;
	background:#fff;
	border:solid #b3b2b5 1px;
	border-width:1px 1px 0;
	}

#topNav ul ul#last { margin:0 0 0 -3px;}

#topNav ul ul li {
	margin:0; padding:0; float:none;
	border-right:none;
	list-style:none;
	list-style-type:none;
	border-bottom: solid #b3b2b5 1px;
	background: none #FFFFFF;
	color:#a6461f;
	text-align:left;}


#topNav ul ul a, #topNav ul ul a:visited {
	color:#a6461f;
	font-weight:normal;
	padding:5px 7px 0 7px;
	width:140px;
	height:18px;
	border:none;
	letter-spacing:normal;
	}

#topNav ul ul a:hover {
	color:#FFF;
	font-weight:normal;
	border:none;
	}

/* styles for the when the popup occurs */
#topNav ul li:hover ul, #topNav ul li.hover ul {left:auto; }
#topNav ul li:hover a, #topNav ul li.hover a {background: url(images/bg-menu-top-over.jpg) repeat-x; color:#231f20;}
#topNav ul li:hover ul a, #topNav ul li.hover ul a {border-bottom:none; color:#a6461f; background:none #e2e3e4;}
#topNav ul li:hover ul a:hover, #topNav ul li.hover ul a:hover {color:#FFF; background:#b3b2b5;}





/* ID BANNER - wraps photo-banner and news sections ----------------------------------------------------------------------------------------------------- */

#bannerArea{
	width:764px;
	background-image:url(images/menu-top-shadow.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	padding-top:5px;}

/* ID PHOTO-BANNER ----------------------------------------------------------------------------------------------------- */

	
#photo-banner{
	width:580px;
	height:184px;
	float:left;
	border-bottom:2px solid #FFF;}

/* ID NEWS - news section ----------------------------------------------------------------------------------------------------- */
	
#newsArea{
	width:181px;
	height:184px;
	float:left;
	border-bottom:2px solid #FFF;}	

/* ID  BREADCRUMBS ----------------------------------------------------------------------------------------------------- */

#breadcrumbsHome{	
	float:left;
	width:764px;
	background-color:#e2e3e4;
	height:100px;}
	
#breadcrumbsHome #bannerCopy{
	float:left;
	height:66px;
	width:517px;
	padding:17px 31px;
	border-right: #FFF 2px solid;
	background-image:none;
	font-weight:normal;

	}	

#breadcrumbsHome #tag{
	float:left;
	height:100px;
	width:183px;}	


#breadcrumbs{	
	float:left;
	width:764px;
	background-color:#e2e3e4;
	height:57px;}
	
 #bannerCopy{
	background-image: url(images/bg-banner.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	height:17px;
	width:517px;
	padding:20px 31px;
	border-right: #FFF 2px solid;
	font-size:20px;
	font-weight:bold;}	

 #tag{
	float:left;
	height:57px;
	width:183px;}


/* ID  MAIN - wraps left, mid and right column ----------------------------------------------------------------------------------------------------- */

/* use for 3 column layout*/
#main3{
	width:764px;
	padding:0 0 20px;
	background-image:url(images/bg-main3.gif);
	background-repeat:repeat-y;
	background-position:left;}

/* use for 2 column layout*/
#main2{
	width:764px;
	padding:0 0 20px;
	background-image:url(images/bg-main2.gif);
	background-repeat:repeat-y;
	background-position:left;}

/* use for 1 column layout*/
#main{
	width:764px;
	padding:0 0 20px;}


/* ID  LEFTCOLUMN - wraps left navigation and callout ----------------------------------------------------------------------------------------------------- */

	
#leftColumn{
	float:left;
	width:164px;
	padding:19px 13px 0;}

/* ID  MIDCOLUMN - wraps body ----------------------------------------------------------------------------------------------------- */


#midColumn{
	float:left;
	width:362px;
	padding:19px 13px 0;}

#midColumnTwo{
	float:left;
	width:580px;
	padding:10px 13px 10px;
	}



/* ID  LEFTCOLUMN - wraps  resources ----------------------------------------------------------------------------------------------------- */


#rightColumn{
	float:left;
	width:140px;
	padding:19px 13px 0;}




#rightColumnTwo{
	float:left;
	width:545px;
	padding:19px 13px 0;}



/* ID  HIGHLIGHTS ----------------------------------------------------------------------------------------------------- */

	
#highlights{
	width:764px;
	padding:19px 13px 0;}

#highlights DIV {
	height:75px;
	float:left;
	font-size:10px;
	line-height:13px;}

#highlights H2{
	padding:0;
	margin:0;
	line-height:16px;}

#hilightL {
	width:238px;
	background-image:url(images/hi-r.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 5px 0 5px;
	position: inherit;}
	
#hilightL7 {
	width:238px;
	background-image:url(images/hi-r7.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 5px 0 5px;
	position: inherit;}	
	
#hilightL2 {
	width:238px;
	background-image:url(images/hi-r2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 5px 0 5px;
	position: inherit;
}

#hilightM {
	width:138px;
	background-image:url(images/hi-m.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 10px 0 100px;}

#hilightR {
	width:148px;
	background-image:url(images/hi-l.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding:10px 90px 0 5px;}
.Heading13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #231F20;
}
.Text11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #727074;
}

	
/* ID  FOOTER ----------------------------------------------------------------------------------------------------- */

	
#footer{
	width:764px;
	text-align:center;
	color:#a9abae;
	padding-bottom:20px;
	padding-top:20px;}



/* CLASSES ----------------------------------------------------------------------------------------------------- */

.lPad {padding-left: 20px;}
.tPad {padding-top: 20px;}
	
.textbox{
	background-image:url(images/arrow-small.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	border-bottom: 1px dotted;
	border-color: #CCCCCC;
	margin-top: 10px;
	width: 720px;
}

.textboxB{
	background-image:url(images/arrow-small.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:15px;
	border-bottom:#d6d8d9 dotted 1px;
}
.textlineX{
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-bottom:5px;
	border-bottom:#d6d8d9 dotted 1px;
}

.textboxMenu{
	background-image:url(images/arrow-small.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:20px;
	border-bottom: 1px dotted;
	border-color: #CCCCCC;
	
}
.textnote{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#727074;
	font-weight:normal;
	line-height:12px;
	margin:0;}
}
.textboxMenu H1, .textboxMenu H2 { 
	text-transform:uppercase;}

.textboxBig{
	background-image:url(images/arrow-big.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:13px;
	padding-left:34px;}


.grey {	color:#a9abae;}
.red { color:#a54620;}
.black { color:#000000;}
.clear{
	clear:both;
	height:1px;}

.spacer{
	width:764px;
	height:20px;
	background: #FFFFFF;
	clear:both;
	padding:0; margin:0;}