/*
-----------------------------------------------------
Meridian Optimist Club Stylesheet
Created By: Dennis Garcia, Ninja Lane
February 2007
-----------------------------------------------------
*/
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #ebebf0;
}
#optimist {
	position: relative;
	margin: 45px auto;
	width: 750px;
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
/*
-----------------------------------------------------
Page Effect - not used
-----------------------------------------------------
#optimist {
	margin: 0px auto;
	padding: 45px 30px 45px 30px;
	width: 780px;
	background-color: #ebebf0;
}
#page {
	position: relative;
	margin: 0px auto;
	width: 750px;
	background-color: #FFF;
}
*/
/*
-----------------------------------------------------
Div Layers
-----------------------------------------------------
*/
#header {
	text-align: left;
	height: 90px;
	background-image: url(../images/nav_header_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
#logo {
	position: absolute;
	top: -13px;
	height: 145px;
	width: 240px;
}
#footer {
	clear: both;
	text-align: center;
	padding: 5px;
	background-color: #f7f7f7;
}
#mainbody {
	padding: 0px;
	margin: 0px;
}
#maincontent {
	text-align: left;
	vertical-align: top;
}
#maincontent #content {
	padding: 10px 15px 20px 255px;
}
#announce {
	background-color: #09447f;
	clear: both;
}
#headergraphic {
	height: 200px;
	width: 460px;
	float: left;
}
#welcome {
	height: 200px;
	text-align: left;
	background-image: url(../images/welcome_bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
#welcomecontent {
	padding: 15px;
	height: 170px;
	overflow: hidden;
}
div[id]#welcomecontent {
	margin-left: 460px;
	height: 140px;
	overflow: visible;
}
#welcomecontent p {
	color: #FFF;
	font-size: 14px;
	padding-left: 15px;
}
#become {
	padding-right: 10px;
	font-size: 16px;
	text-align: right;
}
#become a {
	color: #eae400;
	text-decoration: none;
}
#become a:hover, #become a:active {
	text-decoration: underline;
	color: #eae400;
}
#sidebanner {
	width: 240px;
	float: left;
}
#multibox {
	position: relative;
	top: -50px;
	margin-left: 20px;
	margin-bottom: -40px;
	width: 210px;
	border: 1px solid #000;
	background-color: #eaeaea;
	padding: 8px;
	text-align: left;
}
div[id]#multibox {
	margin-left: 25px;
	width: 188px;
}
#minititles {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	width: 98%;
}
#eventdates {
	background-color: #F4F4F4;
	color: #000;
	padding: 2px;
}
#quotes {
	 padding: 10px;
	 text-align: center;
	 border: 1px solid #CCC;
	 background-color: #F7F7F7;
}
#pagemini {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 8px;
	border: 1px solid #CCC;
	width: 180px;
}
#creed {
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}
#creed br {
	line-height: 75%;
}
/*
-----------------------------------------------------
Top Nav
-----------------------------------------------------
*/
#topnav {
	position: relative;
	left: 240px;
	top: 25px;
	height: 33px;
	margin-right: 240px;
}
#topnav ul {
	margin: 0px;
	padding: 9px;
}
#topnav li {
	padding-left: 2px;
	padding-right: 2px;
	list-style-type: none;
	display: inline;
}
#topnav li a {
	padding: 2px 12px 5px 12px;
	color: #FFF;
	text-decoration: none;
}
#topnav li a:hover, #topnav li a:active {
	background-color: #09447f;
	border: 1px solid #FFF;
	margin: -1px;
	color: #FFF;
}
/*
-----------------------------------------------------
Anchor Nav
-----------------------------------------------------
*/
#anchornav {
	position: absolute;
	right: 8px;
	top: -30px;
	height: 33px;
}
#anchornav ul {
	margin: 0px;
	padding: 9px;
}
#anchornav li {
	padding-left: 2px;
	padding-right: 2px;
	list-style-type: none;
	display: inline;
}
#anchornav li a {
	padding: 2px 8px 5px 8px;
	color: #000;
	text-decoration: none;
}
#anchornav li a:hover, #anchornav li a:active {
	color: #222;
	text-decoration: underline;
}
/*
-----------------------------------------------------
Font Styles
-----------------------------------------------------
*/
.navtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.topnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.bodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #09447f;
}
.titletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.subtitletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #09447f;
}
.quotetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #09447f;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #09447f;
}
b {
	font-weight: bold;	
}
i {
	font-style: italic;	
}
img {
	display: block;
}
A:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #00C;
	text-decoration: underline;
}
A:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #00A;
	text-decoration: underline;
}
A:hover, A:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #E00;
	text-decoration: underline;
}