/* Colors
#524A02 - Brown - Used for Text
#EF4B00 - Orange - Used to Highlight / Titles / Links
#C2CD87 - Light Green
#929B62 - Dark Green 
*/
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	color: #524A02;
}
body {
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-color:#F3F5E7;
}
img {
	border:0;
}
a:link {
	color: #ef4b00;
}
a:visited {
	color: #c2cd87;
}
a:hover {
	color: #929b62;
}
a:active {
	color: #c2cd87;
}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	color: #929b62;
	border-top: 1px solid #929B62;
	border-bottom: 1px solid #929B62;
	padding: 10px 0;
}
h2 {
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:10px 0 0 0;
	margin:30px 0 0 0;
	color: #EF4B00;
	border-top:1px dotted #EF4B00;
}
h2.first {
	padding:0;
	margin:0;
	border-top:none;
}
h3 {
	font-size: 16px;
	color: #929B62;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
input, textarea {
	background-color:#E0E6C3;
	border:2px solid #EF4B00;
	font-size:14px;
	padding:10px;
	color: #524A02 ;
}
input:hover, textarea:hover {
	background-color:#FFF;
	border:2px solid #EF4B00;
	color: #524A02 ;
}


#maincontain {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	border: 1px solid #C2CD87;
	background-color:#FFF;
}
#navigation {
	width:300px;
	margin-right:25px;
	float:left;
	margin-bottom:20px;
}
#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navigation li a:link, #navigation li a:visited {
	display:block;
	border-bottom:1px solid #FFF;
	background-color: #929B62;
	color:#FFF;
	text-decoration:none;
	padding:12px;
}
#navigation li a:hover {
	display:block;
	border-bottom:1px solid #FFF;
	background-color: #EF4B00;
	color:#FFF;
	text-decoration:none;
	padding:12px;
}
/*----------------------------------------------
    TWITTER STYLES
----------------------------------------------*/
#twitter_container {
	width:280px;
	margin-right:25px;
	float:left;
}
#twitter_container a:link, #twitter_container a:visited {
	color:#524A02;
	text-decoration:underline;
}
#twitter_container a:hover {
	color:#EF4B00;
	text-decoration:underline;
}
	
#twitter_div {
	height:185px;
	background-color: #C2CD87;
	border-left: 1px solid #929B62;
	border-right: 1px solid #929B62;
	border-top: 1px solid #929B62;
	}
#twitter_div ul {
	list-style:none;
	margin:0;
	padding:0;
	background-color:#C2CD87;
	padding:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	line-height:20px;
}
#twitter_container_btm {
	width:270px;
	height:37px;
	background-image:url(img/oph_design02_03.gif);
	background-repeat:no-repeat;
	padding-right:10px;
	padding-top:10px;
	font-size:12px;
	text-align:right;
}
#twitter_container_btm a:link, #twitter_container_btm a:visited {
	color:#524A02;
	text-decoration:underline;
}
#twitter_container_btm a:hover {
	color:#EF4B00;
	text-decoration:underline;
}

#footer {
	border-top: 1px solid #929B62;
	clear:both;
	font-size:12px;
	padding: 20px 0;
}
#footer_left {
	float:left;
	}
#footer_left ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#footer_left a:link, #footer_left a:visited {
	color: #524A02;
	text-decoration:none;
	}
#footer_left a:hover {
	color: #EF4B00;
	text-decoration:underline;
	}
#footer_right {
	text-align:right;
	}
#footer_right p{
	margin:0;
	padding:0 0 10px 0;
	}
#footer_right a:link, #footer_right a:visited {
	color: #524A02;
	text-decoration:underline;
	}
#footer_right a:hover {
	color: #EF4B00;
	text-decoration:underline;
	}
	
/*----------------------------------------------
    HOMEPAGE STYLES
----------------------------------------------*/

#homepage_images {
	clear:both;
	}
#homepage_images ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#homepage_images li {
	display:inline;
	margin-right:20px;
	}
#homepage_images li.last {
	display:inline;
	margin-right:0px;
	}
#homepage_logo {
	width:890px;
	height:180px;
	background-color: #EF4B00;
	padding:20px;
	margin: 20px 0;
	}
#homepage_copy p{
	margin:0;
	padding:0 0 10px 0;
}
/*----------------------------------------------
    TWO COLUMN LAYOUT STYLES
----------------------------------------------*/
#sidenav {
	width:300px;
	height:560px;
	margin-right:25px;
	float:left;
}
#sidenav_logo {
	width:300px;
	height:40px;
	background-color: #EF4B00;
}
#sidenav_copy {
	height:258px;
	border-bottom: 1px solid #929B62;
}
#rightcontent {
	width:600px;
	margin-left:320px;
	}
	
/* style is same as blog_archies except larger font & li btm padding */

.sidesubnav {
	font-size:14px;
}
.sidesubnav a:link, .sidesubnav a:visited {
	color:#524A02;
	text-decoration:none;
}
.sidesubnav a:hover {
	color:#EF4B00;
	text-decoration:none;
}
.sidesubnav ul{
	padding:0 0 0 10px;
	list-style:none;
}
.sidesubnav li{
	padding-bottom:5px;
}
/*----------------------------------------------
    CONTACT US STYLES
----------------------------------------------*/
.contactcol {
	width: 270px;
	float:left;
	margin-top:0;
	margin-right:25px;
}
.contactcol a:link, .contactcol a:visited {
	color:#929B62;
	text-decoration:underline;
}
.contactcol a:hover {
	color:#EF4B00;
	text-decoration:underline;
}
/*----------------------------------------------
    BLOG (What's Happening) STYLES
----------------------------------------------*/
.blog_archives {
	font-size:12px;
}
.blog_archives a:link, .blog_archives a:visited {
	color:#524A02;
	text-decoration:none;
}
.blog_archives a:hover {
	color:#EF4B00;
	text-decoration:none;
}
.blog_archives ul{
	padding:0 0 0 10px;
	list-style:none;
}
.postedtags {
	font-size:12px;
}
.postedtags a:link{
	color: #929B62;
	text-decoration:underline;
}
.postedtags a:visited{
	color: #C2CD87;
	text-decoration:underline;
}
.postedtags a:hover{
	color: #EF4B00;
	text-decoration:underline;
}
#blog {
	font-size:14px;
}
.blog_comment_name {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	color: #929B62;
}
.blog_comment {
	border:1px solid #929B62;
	background-color:#E0E6C3 ;
	padding:10px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px;
}
/*----------------------------------------------
    PICTS (See Our House) STYLES
----------------------------------------------*/
.picts_nav {
	font-size:12px;
	width: 297px;
	float:left;
}
#picts {
	padding-top: 40px;
}
/*----------------------------------------------
    TIMELINE STYLES
----------------------------------------------*/
#timeline {
	height:540px;
	width:3084px;
	background-color:#FFF;
	border-top: 1px solid #929B62;
	border-bottom: 1px solid #929B62;
	border-right: 1px solid #929B62;
}
/* adjust the width to the number of entires you have X 257 (the width of each entry +5px right margin +1px border) */
.event {
	margin:20px 5px 20px 0;
	border-left:1px dotted #929B62;
	height:500px;
	width:250px;
	float:left;
}
.event_pict {
	position:relative;
	top:100px;
}
.event_description {
	margin-top: 20px;
	margin-left:10px;
	position:relative;
	top:100px;
	font-size:14px;
}
/*h1 is the date, h2 is the title */
.event_description h1 {
	font-size:14px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	color:#929B62;
	margin:0;
	padding:0;
	font-weight:normal;
	margin-bottom:10px;
}
.event_description h2 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	border:none;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
/*----------------------------------------------
    MONITORING STYLES
----------------------------------------------*/
.monitoring td {
	border-bottom: 1px dotted #C2CD87;
	border-right: 1px dotted #C2CD87;
	padding:5px;
	font-size:12px;
}
.monitoring h2 {
	padding-bottom:20px;
	padding-top:10;
	margin-top:0;
	text-transform:capitalize;
}
	
/*
#524A02 - Brown - Used for Text
#EF4B00 - Orange - Used to Highlight / Titles / Links
#C2CD87 - Light Green
#929B62 - Dark Green */