/* CSS Document */

/*default font size*/
@import url(file:///Work HD/Users/bam/Downloads/css/small.css);

/*Netscape 4 safe font sizes*/
body, div, p, th, td, li, dd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #015F6C; 
	line-height: 21px; 
	background-position: top;
	text-decoration: none;
	}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 130%; 
	color: #188232; 
	line-height: 15px; 
	letter-spacing: 2px;
	font-weight: normal;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%; 
	color: #188232; 
	line-height: 110%; 
	letter-spacing: 1px;
	font-weight: normal;
	}
	
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%; 
	color: #015F6C; 
	line-height: 150%; 
	font-weight: normal;
	}
	
body {
	background-color: #DCEDD7;
	}
	
a:link {
	color: #188232;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #188232;
}
a:hover {
	text-decoration: underline;
	color: #015F6C;
}
a:active {
	text-decoration: none;
}


.indent {margin-left: 28px;}



#logo {top: 20px; left: 40px; width: 291px; height: 94px; position: absolute; padding: 0px; background: url(../navigation/otalogo2.jpg) no-repeat;}

#quicklist {top: 66px; left: 390px; width: 465px; height: 20px; position: absolute; padding: 0px; z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11px; 
	color: #015F6C; 
	line-height: 21px; 
	background-position: top;
	text-decoration: none;}

#nav {top: 115px; left: 40px; width: 800px; width/**/:/**/785px; height: 33px; height/**/:/**/27px; position: absolute; padding: 6px 0px 0px 15px; vertical-align: top; background: url(../navigation/gradient.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #FFFFFF; }
#nav a:link {color: #fff; text-decoration: none;}
#nav a:visited {color: #fff; text-decoration: none;}
#nav a:hover {color: #8FC48C; text-decoration: none;}
#nav a:active {text-decoration: none;}


#hero1 {top: 148px; left: 40px; width: 800px; height: 176px; height/**/:/**/161px; position: absolute; padding: 0px; vertical-align: top; background: url(../panoramic/forrest.jpg) no-repeat; border-bottom: 15px solid #8FC48C;}
#hero2 {top: 148px; left: 40px; width: 800px; height: 176px; height/**/:/**/161px; position: absolute; padding: 0px; vertical-align: top; background: url(../panoramic/coast.jpg) no-repeat; border-bottom: 15px solid #8FC48C;}
#hero3 {top: 148px; left: 40px; width: 800px; height: 176px; height/**/:/**/161px; position: absolute; padding: 0px; vertical-align: top; background: url(../panoramic/hills.jpg) no-repeat; border-bottom: 15px solid #8FC48C;}
#hero4 {top: 148px; left: 40px; width: 800px; height: 176px; height/**/:/**/161px; position: absolute; padding: 0px; vertical-align: top; background: url(../panoramic/field.jpg) no-repeat; border-bottom: 15px solid #8FC48C;}
#hero5 {top: 148px; left: 40px; width: 800px; height: 176px; height/**/:/**/161px; position: absolute; padding: 0px; vertical-align: top; background: url(../panoramic/flowers.jpg) no-repeat; border-bottom: 15px solid #8FC48C;}


#feature {top: 324px; left: 40px; width: 175px; width/**/:/**/160px; height: 390px; position: absolute; padding: 0px 0px 0px 15px; vertical-align: top; background-color: #8FC48C; z-index: 1;}

.secmenu1 {top: 324px; left: 40px; width: 175px; width/**/:/**/150px; height: 30px; height/**/:/**/20px; position: absolute; padding: 5px 0px 5px 10px; vertical-align: top; border-left: 15px solid #8FC48C; background-color: #298739; z-index: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #FFFFFF; 
	background-position: top;
	text-decoration: none;
	}
	
.secmenu {
	top: 354px; left: 40px;
	position:absolute;
	width: 160px;
	border-left: 15px solid #8FC48C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #FFFFFF; 
	background-color: #298739; 
	z-index: 2;
	}
	
.secmenu ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	z-index: 2;
	}
	
.secmenu li {
	margin: 0;
	z-index: 2;
	}
.secmenu li a {
	display: block;
	padding: 5px 0px 5px 10px;
	border-top: 1px dashed #8FC48C;
	color: #fff;
	text-decoration: none;
	z-index: 2;
	}

html>body .secmenu li a {
		width: auto;
		}
	
.secmenu li a:hover {
	border-top: 1px dashed #8FC48C;
	background-color: #479354;
	z-index: 2;
	}

#stories {
	top: 324px; left: 215px; width: 405px; width/**/:/**/340px; height: 390px; height/**/:/**/360px; position: absolute; padding: 15px 30px 15px 30px; vertical-align: top; border-left: 15px solid #8FC48C; background-color: #FFFFFF; 	
	width: 340px;
	height: 360px;
	overflow: auto;}

#stories2 {
	top: 324px; left: 215px; width: 605px; width/**/:/**/515px; height: 390px; height/**/:/**/360px; position: absolute; padding: 15px 30px 15px 30px; vertical-align: top; border-left: 15px solid #8FC48C; background-color: #FFFFFF; border-right: 15px solid #8FC48C;	
	width: 535px;
	height: 360px;
	overflow: auto;}
	
#events{top: 324px; left: 630px; width: 210px; width/**/:/**/160px; height: 240px; height/**/:/**/215px; position: absolute; padding: 15px 10px 10px 25px; vertical-align: top; border-right: 15px solid #8FC48C; background-color: #D4E6E8;}
#logolinks{top: 564px; left: 630px; width: 210px; width/**/:/**/195px; height: 150px; height/**/:/**/149px; position: absolute; padding: 0px; vertical-align: top; border-right: 15px solid #8FC48C; border-top: 1px solid #FFFFFF; background-color: #D4E6E8;}

#foot{top: 714px; left: 40px; width: 800px; height: 15px; position: absolute; padding: 0px; vertical-align: top; background-color: #8FC48C;}

	
img.float-right {
float: right;
padding: 10px;
}