/* UNIVERSAL STYLES
================================================================================*/

body {
	font: 84% arial, helvetica, verdana, sans-serif;
/*	background-color: #5FA743;
	background-color: #6CB4DC; */
	background: #6CB4DC url('http://www.ofia.com/images2/background.jpg') no-repeat top center;
	text-align: center;
	margin: 0 auto;
}

/*
body * {
	margin: 0;
}
*/

table {
        font: 12px/16px arial, helvetica, sans-serif;
        color: #222;
}

td {
	vertical-align: top;
}


/* DEFAULT LAYOUT STYLES
================================================================================*/

#box {
	width: 770px;
	display: block;
	margin: 73px auto;
}

#header {
	padding: 0;
	width: 770px;
}

#home_content {
	margin: 0 8px;
	display: block;
	background: #FFF;
	text-align: left;
	padding: 20px;
}

#home_content div.home_content_left {
	float: left;
	width: 420px;
	/*margin: 10px;*/
}

#home_content div.home_content_right {
	float: left;
	/*margin: 10px 20px 0;*/
	width: 262px;
}

#home_content div.submenu {
/*padding: 8px 0 16px 0; */


}
#home_content div#submenu {
/*border:solid black 1px;*/

}
#home_content div.home_content_left_full {
}
#home_content div.home_content_left_full ul.submenu {
/*	float: left;*/
}

ul.submenu {
padding: 0;
margin: 0;
}

#home_content div.home_content_left_full ul.submenu li{
        list-style-type: none;
        list-style-image: none;
        float: left;
				font-size: 1em;
				font-color: #3399CC;
				border-left: solid #3399CC 1px;
				padding: 0 8px 0 8px;
}
#home_content div.home_content_left_full ul.submenu li.first{
				border-left: none;
				padding: 0 8px 0 0;
}
#home_content div.home_content_left_full ul.submenu li#submenuhighlight{
				font-weight:bold;
}
#home_content_bottom {
	margin: 0 8px;
	padding: 0 0 0 12px;
	background: #FFF;
	text-align: left;
}

#home_bottom_menu {
	margin: 0 8px;
	background: #FFF;
	display: block;
	height: 45px;
	text-align: center;
	background-image: url('../images2/menu_backing.jpg');
}

#footer {
	/*background-color: #42391B;*/
	height: 18px;
	width: 380px;
	/*text-align: center;*/
	font-size: 0.8em;
	margin: 40px auto;
	/*color: white;*/
}

#footer .f_left {
	background: url('../images2/footer_left1.gif') 0 0 no-repeat;
	padding-left: 6px;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#footer .f_right {
	background: url('../images2/footer_right1.gif') 100% 0 no-repeat;
	padding-right: 6px;

}

#footer .f_content {
	color: white;
	background-color: #42391B;
	text-align: center;
	height: 17px;
}


/* MAIN NAVIGATION STYLES
================================================================================*/

/*
.nav {
	height: 22px;
	margin: 0;
}
*/

.nav ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style-type: none;
	text-align: center;
}

.nav ul li {
	display: inline;
	background: url('../images2/menu_leaf1.gif') no-repeat 0 50%;
	padding-left: 20px;
	margin: 0 1em;
}

.nav ul li a, .nav ul li a:visited,.nav ul li a:focus,.nav ul li a:hover,.nav ul li a:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #402C18;
}

/*
.nav ul {
	width: 100%;
	height: 20px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 1px solid red;
}

.nav li {
	display: inline;
	float: center;
	position: relative;

	background: url('../images2/menu_leaf1.gif') no-repeat 10px 20px;
	padding: 10px 0 0 0;
	margin: 0;
}

.nav a, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:visited {
	display: block;
	float: left;
	height: 20px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #402C18;
	padding: 7px 15px 0 30px;
}
*/
/*
.nav ul ul {
	display: none;
	width: 700px;
	height: auto;
	background: #548EC1;
	border: none;
	position: absolute;
	top: 100%;
	left: 15px;
}

.nav ul ul ul {
	top: 0;
	left: 699px;
}

.nav ul ul a, #nav ul ul a:visited, #nav ul ul a:focus, #nav ul ul a:hover, #nav ul ul a:active {
	float: none;
	width: 679px;
	font-size: 88%;
	height: auto;
	font-weight: normal;
	color: #FFF;
	border: 1px solid #FFF;
	border-top: none;
	padding: 6px 10px;
	margin: 0;
}

.nav ul ul a:hover {
	background: #628E3D;
}
*/

/* CURVED BUTTONS & GRAPHICS
================================================================================*/

#buttonwrap {
	position: relative;
	z-index: 100;
	text-align: center;
	padding: 0 0 0 24px;
}

div.topbutton {
	width: 240px;
	float: left;
	position: relative;
	top: 4px;
	margin: auto
}

div.topbutton div.topbutton_tl {
	height: 35px;
	background: url('../images2/topbutton_left.gif') no-repeat 0 0;
}
div.topbutton div.topbutton_tr {
	height: 35px;
	background: url('../images2/topbutton_right.gif') no-repeat 100% 0;
}
div.topbutton div.topbutton_bottom {
	height: 35px;
	background: url('../images2/topbutton_bottom.gif') 0 0;
}
div.topbutton div.menutext {
	padding: 8px 0 0 0;
	width: 230px;
	height: 20px;
	top: 8px;
	margin: 0 auto;
}

div.ddy {
	width: 240px;
	background-color: #EAEBD7;
	float: left;
	margin-left: 24px;
}

div.ddy div.ddy_tl {
	background: url('../images2/didyouknow_tl.gif') no-repeat 0 0;
}
div.ddy div.ddy_tr {
	background: url('../images2/didyouknow_tr.gif') no-repeat 100% 0;
}
div.ddy div.ddy_bl {
	background: url('../images2/didyouknow_bl.gif') no-repeat 0 100%;
}
div.ddy div.ddy_br {
	background: url('../images2/didyouknow_br.gif') no-repeat 100% 100%;
}

div.ddy div.content {
	padding: 12px 10px;
}

/*
#ddy_wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 0 0 0 24px;
	margin: auto;
}
div.ddy {
	width: 240px;
	float: left;
	background-color: #EAEBD7;

}

div.ddy div.ddy_tl {
	background: url('../images2/didyouknow_tl.gif') no-repeat 0 0;
}
div.ddy div.ddy_tr {
	background: url('../images2/didyouknow_tr.gif') no-repeat 100% 0;
}
div.ddy div.ddy_bl {
	background: url('../images2/didyouknow_bl.gif') no-repeat 0 100%;
}
div.ddy div.ddy_br {
	background: url('../images2/didyouknow_br.gif') no-repeat 100% 100%;
}

div.ddy div.content {
	padding: 12px 0 0 10px;
	width: 230px;
	height: 35px;
	margin: auto;
}
*/



/* TYPOGRAPHY
================================================================================*/

h1 {
	font-size: 1.4em;
	font-face: "century gothic", arial, helvetica, verdana, san-serif;
	font-weight: normal;
	line-height: 1em;
	color: #3B8411;
	/*padding: 0;*/
}

h2 {
	color: #70AC5B;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	color: #2081B8;
	padding: 16px 0 8px 0;
}

h4, h5, h6 {
	font-size: 1.1em;
	color: #2081B8;
	padding: 16px 0 8px 0;
}

h5, h6 {
	color: #2081B8;
}


a, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
	color: #2081B8;
}

a:hover, a:active {
	text-decoration: underline;
}

.logo_overlay 
{
	height: 0px;
	width: 0px;
	position: relative;
	 top: -162px;
	left: 89px;
	
}