/***********************************************/
	/* HTML tag styles                             */
	/***********************************************/ 
	html {
		}
	
	body	{
	padding: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/homepage01.gif) repeat-x left top;
	font-size: 12px;
		}	
	 
	#wrapper {
	width: 860px;
	margin: auto;
	}
	
	#flashcontent {
		width: 100%;
	}
	
	
	a:link, a:visited, a:hover {
		text-decoration: underline;
	}
	
	a:hover {
		text-decoration: underline;
	}
	/* overrides decoration from previous rule for hovered links */
	
	h1, h2, h3, h4, h5, h6 {
	}
	
	h1{
	color: #FF6019;
	font-size: 18px;
	margin: 10px 0px 15px 0px;
	text-transform: capitalize;
	}
	
	h2{
	color: #717171;
	font-size: 17px;
	margin: 0px 0px 5px 0px;
	}
	
	h3{
		font-size: 14px;
		color: #003399;
		padding: 25px 0px 0px 0px;
	}
	
		h4{
	}
	
	ul{
	 list-style-type: square;
	}
	
	ul ul{
	 list-style-type: disc;
	}
	
	ul ul ul{
	 list-style-type: none;
	
	}
					
	
	/***********************************************/
	/* Layout Divs                                 */
	/***********************************************/
	
	#masthead{
	height: 80px;
	background-image: url(images/subpage1_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#mastheadLeft {
	float: left;
	}
	
	#mastheadRight {
		float: right;
		padding: 5px;
		font-weight: bold;
		color: #FF9933;
	}
	/************** .content styles ***************/
	#content{
	color: #333333;
	border-top: 1px solid #CCCCCC;
	background: url(images/homepage05.gif) repeat-x left top;
	
	}
	
	#content a {
		text-decoration: underline;
		color: #003399;
	}
	
	#content a:hover {
		color: #FF6600;
	}
	
	.content_home{
		margin: auto;
		width: 600px;
		padding: 10px;
	}
	
	.content_img{
		padding: 0px;
		margin: 10px 0px 10px 10px;
		float: right;
	}
	.contactbox{
	padding: 15px;
	background-color: #F7F7F7;
	float: left;
	margin: 0px 60px 0px 0px;
}
	/* adjust margins to change separation between the content image and text flowing around it */
	
	
	/***********************************************/
	/*Component Divs                               */
	/***********************************************/
	
	#siteName{
		width: 800px;
		color: #999999;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-bottom-style: solid;
		border-top-color: #CCCCCC;
		border-right-color: #CCCCCC;
		border-bottom-color: #CCCCCC;
		border-left-color: #CCCCCC;
		position: relative;
		height: 45px;
	}
	
	#siteNameSubtitle{
		float: right
		width: 300px;
		width: 280px;
		font-size: 140%;
		float: right;
	}
	/*************** #pageName styles **************/
	
	#pageName{
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
	}
	
	
	/************* #globalNav styles **************/
	
	#globalNav{
	white-space: nowrap;
	border-color: #010000;
	width: 840px;
	font-weight: bold;
	height: 30px;
	}
	/* '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 {
	text-decoration: none;
	color: #666666;
	padding: 10px;
	font-size: 15px;

	}
	
	#globalNav a:hover {
	color: #FF6600;
	
	}
	
	
	
	
	
	/************* #siteInfo styles ***************/
	
	#siteInfo{
	width: 860px;
	color: #666699;
	margin: 30px auto;
	padding: 22px 0px 0px 0px;
	background: url(images/homepage10.gif) repeat-x left top;
	height: 50px;
	}
	/* 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{
		vertical-align: middle;
	}
	
	#siteInfo a{
		color: #FF6600;
	}
	
	#siteInfo a:hover{
		color: #FF6600;
	}