/***********************************************/
/* style.css                             */
/***********************************************/

/***********************************************/
/* XHTML tag styles                             */
/***********************************************/ 

body{
	font-family: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-weight: normal; 
	font-size: 95%; 
	color: #333;
	margin: 25px 0px 25px 0px;
	padding: 0px;
	text-align: center;
	background-color:#000;
	background: url(../images/page_bg.gif) #9aa fixed repeat-x left bottom;
	

}




/*IMG {
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	border-right-width: 0px;
}*/

A:link, a:visited, a:active {
	font-weight: normal; 
	background: none transparent scroll repeat 0% 0%; 
	color: #11a2db; 
	text-decoration: none;
}

A:hover {
	font-weight: normal; 
	background: none transparent scroll repeat 0% 0%; 
	color: #11a2db;  
	text-decoration:underline;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	
	margin: 0px;
	padding: 0px;
 	
}


h1{
 	font-family: Verdana,Arial,sans-serif;
 	font-weight: bold; 
 	font-size: 120%;
 	color: #334d55;
}

h2{
 
 	font-weight: bold; 

}

h3{
 
 	font-weight: bold; 

}

h4{
 	font-size: 100%;
 	font-weight: normal;
 	color: #333;

}

h5{
 	font-size: 100%;
 	color: #334d55;

}

h6{
 	font-size:90% ;
	font-weight: normal;
 	color:#FF9900 ;
}

P {
	margin: 0px 0px 1em; 
	line-height: 150%;
}

ul{
 	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

ul{
	margin-top:0px;
}

label{
	font: bold 100% Arial,sans-serif;
 	color: #334d55;
}

hr {
    border: none; 
    border-top: 1px dotted #ccc;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
 
  }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/



#wrapper {
    border: #ccc 1px solid;
	padding: 0px 0px 0px 0px;
	background-color:#FFF;
	margin: 0px auto; 
	width: 960px;
	text-align: left;
	voice-family: inherit;
}


#masthead{
	margin: 0;
	height:130px;
	padding: 5px 0px 0px 0px;
	/*border-bottom: 1px solid #ccc;*/
	width: 960px;
	background-color:#fff;
	
}


#content{
    float: left; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 960px;
	/*background: url(../i/hand.gif) no-repeat; */
	voice-family: inherit;
}

#content P a:link {
	text-decoration: underline;
}
#content P a:visited {
	text-decoration: underline;
}
#content P a:hover {
	text-decoration: none;
}

#column {
	float: left;
    /*height: 590px;*/
	padding: 0px 0px 0px 10px; 
}

#column IMG {
	border: 2px solid #fff;
}

#leftcolumn {
	float: left;
	width: 185px;
	/*height: 550px;*/
	padding: 0px 0px 0px 15px; 
}

#leftcolumn IMG {
	border: 2px solid #fff;
	margin: 0px 10px 1px 0px;
}
#leftcolumn h6 {
	font-size: 80%;
 	color: #334d55;
	margin: 0px 0px 10px 0px;
}

#rightcolumn { 
	margin: 0px 10px 0px 10px; 
	float: left;
	width: 740px;
	height: 1% /* Holly hack for Peekaboo Bug */
}


/***********************************************/
/*Component Divs                               */
/***********************************************/


#logo{
	float: left; 
	margin: 0px;
	padding: 10px 0px 10px 10px;
	/*width: 100px; */
	voice-family: inherit;
}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
	
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************* #Top Menu Style ***************/

#chromemenu{
width: 960px ;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
/*border: 1px solid #BBB;*/
border-top: 1px solid #BBB;
border-bottom: 1px solid #BBB;
width: 100%;
background: url(../images/chromebg.gif) center center repeat-x; /*Theme Change here*/
margin-left: 0;
padding-left: 0;
margin: 0;
float: left;
font: bold 9pt Verdana;
white-space:nowrap;
}


#chromemenu ul li{
display: inline;
}


#chromemenu ul li a{
float: left;
color: #7F7F7F;
font-weight: bold;
padding: 4px 12px 4px 7px;
text-decoration: none;
background: url(../images/divider.gif) center right no-repeat; /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: #494949;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " v";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* *************Style for Drop Down Menu ************* */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*Theme Change here*/
border-bottom-width: 0;
font:normal 9pt Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*Theme Change here*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F0F0F0;
}



/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 0px 0px 5px 0px;
	text-align: left;
	color:#ff0000;
}


.feature img{
	/*float: right;*/
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}


/************* #footer styles ***************/

#footer{
	clear: both; 
	padding-right: 7px; 
	border-top: #333333 1px dashed; 
	padding-left: 10px; 
	border-left-width: 0px; 
	font-size: 75%; 
	background: ; 
	border-bottom-width: 0px; 
	padding-bottom: 7px; 
	color: #666; 
	padding-top: 5px; 
	text-align: left; 
	border-right-width: 0px; 
	voice-family: inherit;
	

}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
   the bottom border of the navBar in cases where they "touch" */
