body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	
	padding: 0px;
	background-color: #ffffff;
	
}

a:link, a:visited, a:hover {
	color: #3a6ea5;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 130%;
 color: #000000;

}

h2{
 font-size: 114%;
 
 color: #3a6ea5;
}

h3{
 font-size: 110%;
 color: #3a6ea5;
}

h4{
 font-size: 80%;

 color: #3a6ea5;

}
h5{
 font-size: 100%;
font-weight: normal;

}

h6{
 font-size: 80%;
 color: #ac9d88; 
} 

ul{
 list-style-type: square;
}

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


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

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

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/*I had to remove the box around the pictures info pages to make the pages work in browsers other than Internet Explorer. So, rather than change all of the image pages, the box is now white and invisible. */
#centralBackground{
width:100%;
/*background-color:#ac9d88;*/

}
#centerBox{
width:760px;
margin-right:auto;
margin-left:auto;
/*margin-top:15px;*/
/*margin-bottom:22px;*/
/*background-color:#663333;
padding: 5px 0px 5px 0px;*/
}
#innerBox{
width:720px;
margin-right:auto;
margin-left:auto;
/*margin-top:12px;
margin-bottom:12px;
padding: 10px 5px 5px 5px;*/
background-color:#ffffff;

}

#navigationBar{
width:642px;
margin-right:auto;
margin-left:auto; 
}

#masthead{
	margin: 0;
	border-bottom: 1px solid #3a6ea5;
	width: 100%;
	background-color:#663333;
	white-space: nowrap;
}

#content{
  float:right;
	width: 80%;
	margin: 0;
	padding: 0 3% 0 0;
		
		background-image:url(Images/star.gif);
		background-position:left top;
		background-repeat:no-repeat;
background-color: #ffffff;
}

#introText{
	padding: 10px 10px 10px 10px;
	/*font-size: 80%;*/
	width:475px;
	float: right;
}

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

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}


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

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


/************* #globalNav styles **************/

#globalNav{
color: #3a6ea5;
background-color: #ffffff;
padding: 5px 0px 5px 10px;
white-space: nowrap;
border-bottom: 1px solid #3a6ea5;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	font-weight: bold;
	padding: 0px 4px 0px 0px; 

}

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

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

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

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 5px 5px 5px 0;
}
.featureLM{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.featureLM h3{
	padding: 5px 0px 5px 0px;
	text-align: left;
} 


.imagebar{
	float: left; 
	color: #3a6ea5;
}
.imageleft{
	float: left; 
	padding: 0px 10px 0px 0px;
	margin: 5px 5px 5px 5px;
    font-size: 75%;
	color: #3a6ea5;
}
.imageright{
	float: right; 
	padding: 0px 0px 0px 10px;
	margin: 5px 5px 5px 5px;
    font-size: 75%;
	color: #3a6ea5;
	border-width:0;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 70%;
	color: #000000;
	padding: 5px 5px 10px 10px;
	margin-top: 0px;
	background-color: #ffffff;
	border-top: 1px solid #3a6ea5;
}
/* 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" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}