/* =Reload 
-----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
	font-style: inherit; font-size: 100%; font-family: inherit;}
/*Fix for Zeppos WUSIWYG Editor should be in with above*/
table {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;
	font-style: inherit; font-size: 100%; font-family: inherit;}	
/* remember to define focus styles! */
:focus {outline: 0;}
.body {
	line-height: 1;
	background: #c2ae9a;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#interior-content ul li {
	margin: 5px;
	margin-left: 35px;
}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: "" "";}

content-box {
   background-color:#fff;
   background-image:none;
}
.GalleryGrid {
	padding: 8px;
	text-align:center;
}

	
/* =General
-----------------------------------------------------------------------------------------*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.bulleted{list-style:disc;}
.numbered{list-style:decimal;}
.roman{list-style:upper-roman;}
br{clear:both;}
.greenbr{clear:both; border-bottom: 2px solid #007050; height:10px; margin-bottom: 10px;}
.quote{float:right;}
p {margin: 4px; font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; margin-bottom:10px;}
.ZeppOSAdmin td img, .SiteData a img {border:0px; text-decoration:none;}
/* =Headings
-----------------------------------------------------------------------------------------*/
h1{color:#4b617d;	font: 2.2em/2.5em Georgia, "Times New Roman", Times, serif;}

#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active{
	color:#000;
	left:39px;
	position:absolute;
	top:155px;
	text-decoration:none;
}

h2{clear:both; color:#000;	font: normal 2em/1.6em Georgia, "Times New Roman", Times, serif;}
.h2{color:#000;font: normal 1.7em/1.5em Georgia, "Times New Roman", Times, serif;}
h3{clear:both; color:#000;	font: normal 1.8em/1.6em Georgia, "Times New Roman", Times, serif;}
h4{clear:both; color:#000;	font: normal 1.6em/1.4em Georgia, "Times New Roman", Times, serif;}	
h5{clear:both; color:#000;	font: normal 1.4em/1.2em Georgia, "Times New Roman", Times, serif;}	
h6{clear:both; color:#000;	font: normal 1.4em/1.2em Georgia, "Times New Roman", Times, serif;}
		
		
/* =Layout
-----------------------------------------------------------------------------------------*/
#logo {
	bottom:0; 
	float:left;
}
#tabs-container {
	position:absolute; 
	bottom:0; 
	right:0; 
	float:right;
}
#tabs-container a, #tabs-container a:visited {
	color:#ffffff;
        text-decoration:none;  
}
#tabs-container a:hover {
	color:#cbefb9;
        text-decoration:none;  
}
.tabs {
	float: left;
	height: 23px;
	width: 111px;
	background-image: url(images/tab.gif);
	text-align: center;
}
.tab-text {
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 6px;
	font-size: 13px;
	letter-spacing: 1px;
}
#wrapper-logo {
	height:128px; 
	position:relative;
}
#wrapper-content {
	background-color: #FFFFFF;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	margin-bottom: 5px;
}
#wrapper {
	margin: 0 auto;
	width: 880px;
	padding: 0px;
}
#outsideborder {
	padding: 25px;
	border: 1px solid #000000;
}
#content {
	padding:0px;
	margin:0px;
	font-size: 13px;
	line-height: 15px;
}
#header {
	padding:0px;
	margin:0px;
}
#header-special {
	float: left;
	width: 273px;
	height: 211px;
	background-image: url(images/specialheader.jpg);
}
#header-image {
	float: right;
	width: 531px;
	height: 211px;
	background-image: url(images/header.jpg);
}
/*
-----------------------------------------------------------------------------------------*/
/* Navigation */
#navigation {
	font-size: 18px;
	float:left;
	width: 204px;
	background-image: url(images/navcenter.gif);
}
#navigation a{
	color: #007050;
}
#navtop {
	width: 204px;
	height: 10px;
	background-image: url(images/navtop.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#navbottom {
	width: 204px;
	height: 10px;
	background-image: url(images/navbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
        clear:both;
}
#navlinks {
	padding: 0 10px 0 10px;
}



#navlinks ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

#navlinks ul ul, #navlinks ul ul ul {
	border: solid 1px #007050;
	background: #f2f8f6;
}

/* style, color and size links and headings to suit */
#navlinks a, #navlinks h2 {
font: bold 13px/18px arial, helvetica, sans-serif;
display: block;
border-bottom: 1px solid #dce7e3;
margin: 0;
padding: 2px 3px;
color: #000;
text-decoration: none;
}

#navlinks a:hover {
color: #ffffff;
background: #007050;
}

#navlinks li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#navlinks ul ul {
position: absolute;
top: -1px;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}
div#navlinks ul ul,
div#navlinks ul ul ul,
div#navlinks ul li:hover ul ul
{display: none;}

div#navlinks ul li:hover ul, div#navlinks ul li.sfhover ul,
div#navlinks ul ul li:hover ul, div#navlinks ul ul li.sfhover ul,
div#navlinks ul ul ul li:hover ul, div#navlinks ul ul ul li.sfhover ul
{display: block;}




#nav, #nav ul { /* all lists */
	list-style: none;
	margin: 0;
	}
	
#nav {
	padding: 0 10px;
}
#nav ul ul, #nav ul ul ul {
	border: solid 1px #007050;
	background: #f2f8f6;
}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		width: 180px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 180px;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
	font: bold 13px/18px arial, helvetica, sans-serif;
	display: block;
	border-bottom: 1px solid #dce7e3;
	margin: 0;
	padding: 2px 3px;
	color: #000;
	text-decoration: none;
	}
	
	#nav li a:hover {
	color: #ffffff;
	background: #007050;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}











/*-----------------------------------------------------------------------------------------*/
#content-left {
	float:left;
	width: 320px;
}
#content-right {
	float:right;
	width: 270px;
	margin-right:10px;
}
#interior-content {
        float:right;
        width:600px;
}
.content-box {
	margin-bottom: 10px;
}

#admin-content {
	width:600px;
	float:right;
}


/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

#fck{
	background-color:#fff;
	background-image:none;
}

/* =Links
-----------------------------------------------------------------------------------------*/

a:link, a:visited, .SpanLink{
	color:#121188;
	cursor:pointer;
	text-decoration:underline;
}

a:hover, a:active{
	color:#808080;
}		

.MenuAdmin a:link, .MenuAdmin a:visited{
	color:#007050;
	line-height:1.6em;
	text-decoration:underline;
}

.MenuAdmin a:hover, .MenuAdmin a:active{
	color:#000000;
}	

/* =Filters
-----------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/