/****************************************************/
/* Styles.css                                       */
/* Use with obfa.org    Old Brook Farm              */
/* Copyright 2008, Redmons LLC, Fort Wayne, In      */
/* All Rights Reserved                              */
/****************************************************/
/*                                                  */
/****************************************************/
/*                                                  */
/****************************************************/
/*                                                  */
/*                                                  */
/****************************************************/

*	{
	margin: 0;
	padding: 0;
	}
	
body {
	font-family: Arial,sans-serif;	
	}
	
h1{
	font: bold 110% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	}

h2{
	font: bold 114% Arial,sans-serif;
	color: #006699;
	margin: 0px;
	padding: 0px;
	}

h3{
	font: bold 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	}

h4{
	font: bold italic 95% Arial,sans-serif;
	color: #7292b2;
	margin: 0px;
	padding: 0px;
	}

h5{
	font: bold italic 65% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
	}	
	
/****************************************************/
/* Layout Divs                                      */
/****************************************************/

#wrapper {
	width: 960px;
	line-height: 1.2;		
	padding: 65px;
	margin: 0px auto;
	background-color: #ffffff;
	border: 5px double #7292b2;
	}
	
#masthead{
	position: absolute;
	height: 100px;
	align: center;
	width: 960;
	top: 5px;
	}	
	
/***********************************************/
/* Global Nav -- Dropdown Menu Design          */
/***********************************************/

#GlobalMenu{
	width: 100%;
	height: 25px;
	border : 2px solid #7292b2;
	text-align: center;
	background-color: #f1f1f1;
	}

ul	{
	margin: 0px;
	padding: 0px;
	}

div#dropdown ul li {
		font: bold 10px verdana, san-serif; 
		list-style: none;
		float: left;
		align: center;
		background-color: #f1f1f1;	
		}

div#dropdown ul li a {
		display: block;
		width: 100px;
		text-align: center;
		color: #5a3811;
		text-decoration: none;
		line-height: 25px;
		}

div#dropdown ul li a:hover {
		text-decoration: none;
		color: #0000ff;
		}

/* The Dropdown menus ... initially hidden */

div#dropdown ul li ul {
		background-position: top left;
		list-style: none;
		position: relative;
		float: left;
		width: 112px;
		border: 2px solid #7292b2;
		}

div#dropdown ul li ul li {
		display: block;
		background-color: #eaeaea;
		width: 100px;
		clear: left;
		text-align: center;
		font-weight: 600;
		padding: 0.1em 6px 5px 6px;
		}

div#dropdown ul li ul li a{
		display: block;
		text-decoration: none;
		color: #5a3811;
		border-bottom: 2px solid #7292b2;
		}

div#dropdown ul li ul li a:hover{
		text-decoration: none;
		background-color: transparent;
		color: #0000ff;
		border-bottom: 2px solid #0000ff;
		}

/* lists nested under hovered list items */

div#dropdown ul li ul {
		display: none;
		}
		
div#dropdown ul li:hover ul {
		display: block;
		}

#greeting {
	float: left;
	width: 75%;
	text-align: center;
	border-bottom: 3px solid #7292b2;
	margin-bottom: 10px;
	}

.boxout {
	float: left;
	width: 350px;
	border-left: none;
	border-right: none;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 1px;
	margin-bottom: 5px;
	}
	
#level2greeting {
	float: left;
	width: 99.99999%;
	text-align: center;
	border-bottom: 3px solid #7292b2;
	margin-bottom: 10px;
	}
	
.level2boxout {
	float: left;
	width: 200px;
	border-left: none;
	border-right: none;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	margin-top: 10px;
	margin-left: 1px;
	margin-bottom: 5px;
	}
		
/************ NavSideBar styles **************/	

#NavSideBar{
	float: right;
	width: 20%;
	padding: 5px;
	margin-top: 30px;
	margin-right: 15px;
	background-color: #f1f1f1;
	font: bold 11px Verdana,sans-serif;
	border: 3px #7292b2;
	font-size: bold 10px Verdana, san-serif;
	}
	
#NavSideBar h3 {
	text-align: center;
	padding: 10px 10px 12px 10px;
	font-size: 130%;
	font-weight: bold;	
	}

#NavSideBar a:link, #NavSideBar a:visited {
	display: block;
	margin-left: 2px;
	border: 2px solid #7292b2;
	font-size: bold 8px Verdana, san-serif;
	text-decoration: none;
	text-align: center;
	padding: 3px 1px 3px 2px;
	color: #21536a;
	}

#NavSideBar a:hover {
	font-size: bold 8px Verdana, san-serif;
	font-color: #ff66cc;
	border-bottom: 1px solid #7292b2;
	background-color: #eaeaea;
	background-image: none;
	text-decoration: underline;
	}
	
#mainContent{
	top: -10px;
	width: 77%;
	border: none;
	margin-left: 1px;
	margin-right: 5px;
	}
	
#level2Content{
	top: -10px;
	width: 99.99999%;
	border: none;
	margin-left: 1px;
	margin-right: 5px;
	}
	
.separator {
	clear: both;
	height: 0;
	}	
	
/************** footer styles ****************/

#footer {
	float: left;
	width: 100%;
	background-color: #ffffff;
	border-top: 3px solid #7292b2;
	text-align: center;
	font-size: 65%;
	font-color: #ff66cc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	}

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

#siteName{
	text-align: center;
	margin: 0px;
	padding: 8px 20px 8px 0px;
	color: #000000;
	font-weight: bold;
	}

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

.feature {
	font-size: 80%;
	width: 98%;
	}

.feature h3{
	padding-top: 15px;
	padding-left: 3px;
	margin-left: 2px;
	font: bold 125% Arial,sans-serif;
	color: #000000;
	}

.feature p {
	margin-left: 10px;
	padding: .5px 0px 2px 10px;
	}

.feature a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display: block;
	padding-bottom: 5px;
	padding-left: 5px;
	}

.feature a.capsule:hover{
	text-decoration: none;
	}

td.featureLeft{
	padding-right: 12px;
	}
/*************** article styles ******************/

.article {
	font-size: 80%;
	width: 99.99999%;
	}

.article h3{
	padding-top: 15px;
	padding-left: 3px;
	margin-left: 2px;
	font: bold 125% Arial,sans-serif;
	color: #000000;
	}

.article p {
	margin-left: 10px;
	padding: .5px 0px 2px 10px;
	}

.article a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display: block;
	padding-bottom: 5px;
	padding-left: 5px;
	}

.article a.capsule:hover{
	text-decoration: none;
	}

td.articleLeft{
	padding-right: 12px;
	}

/********************* end **********************/