/*
Theme Name: OCAF Custom
Theme URI: http://wordpress.org/
Description: The custom theme designed for the OCAF website
Version: 1.6
Author: Vibrant Visual
Author URI: http://www.vibrantvisual.com
Tags: ocaf, vibrantvisual

	This theme is based off of a theme designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body, h1, h2, h3, form, p { padding: 0px; margin: 0px; }

p { margin: 0px 0px 20px 0px; }

body { background-color: #ffffff; }
a img { border: none; }

h1 {
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
	color: #039298;
}

h2.pagetitle { font-size: 14px; }

h2 { font-size: 14px; }

#container {
	width: 902px; margin: 0px auto 0px auto;
}

#topnav {
	font-family: Tahoma; font-weight: bold;
	font-size: 16px;
	background-image: url(/images/index_02.jpg);
	background-repeat: no-repeat; height: 35px;
	color: #FAEF6F; padding: 8px 0px 0px 0px;
}

	#topnav a {
		margin: 0px 19px 0px 15px;
		text-decoration: none; color: #FFFFFF;
	}

#header {
	float: left; display: inline;
	width: 902px; height: 138px;
	margin: 10px 0px 0px 0px;
}

	#logo {
		float: left; display: inline;
		height: 129px; margin: 0px 0px 0px 30px;
	}
	
	#motto {
		float: left; display: inline;
		height: 105px; margin: 9px 0px 0px 91px;
	}
	
#middle {
	float: left; display: inline;
	width: 910px; margin: 14px 0px 0px 0px;
	background-image: url(/images/index_20.jpg);
	background-repeat: repeat-y;
}
		
	#sidebarLeft {
		float: left; display: inline;
		width: 181px; height: 100%;
	}
	
		#sidebarLeft_top {
			width: 181px; height: 12px;
			background-image: url(/images/index_13.jpg);
			background-repeat: no-repeat;
		}
		
		#sidebarLeft_mid {
			float: left; display: inline;
			margin: 0px 0px 0px 6px;
			width: 181px;
		}
			
			#sidebarLeft_mid a {
				float: left; display: inline; height: 28px;
				font-family: Verdana; font-size: 14px;
				color: #FFFFFF; margin: 0px 0px 0px 7px;
				padding: 8px 0px 0px 25px; text-decoration: none;
				
				background-image: url(/images/navBullet.jpg);
				background-repeat: no-repeat;
				background-position: left center;
			}
			
			#sidebarLeft_mid a:hover {
				background-image: url(/images/navBullet2.jpg);
			}
			
			#sidebarLeft_mid li {
				float: left; display: inline; width: 167px;
				border-bottom: 1px solid #81c0b5;
				list-style-type: square;
			}
	
	#copy {
		float: left; display: inline;
		width: 500px; margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 10px;
		font-family: Verdana, Arial; font-size: 12px;
		line-height: 20px;
		background:url(/images/contentBackground.jpg) repeat-y;
	}
	
		.pageTitle { margin: 15px 0px 0px 0px; padding: 0px 0px 20px 0px; }
		
		.pageTitle h1 {
			font-family: Verdana;
			font-weight: bold;
			font-size: 16px;
			color: #039298;
		}
	
		.postTitle { margin: 0px; padding: 0px; }

		.postTitle h1 {
			font-family: Verdana;
			font-weight: bold;
			font-size: 16px;
			color: #039298;
		}
		
		.postBody { margin: 0px 0px 40px 0px; padding: 0px; }
		
		.postBody a img { border: 1px solid #CCCCCC; }
	
	#sidebarRight {
		float: left; display: inline;
		width: 182px; margin: 0px 0px 0px 19px;
	}
	
		#newsletter {
			float: right; display: inline;
			width: 172px; height: 146px;
			background-image: url(/images/index_24.jpg);
			background-repeat: no-repeat;
			margin: 12px 0px 0px 0px;
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
		}
			
			#newsletter form {
				float: left; display: inline;
				margin: 10px 10px 10px 10px;
			}
			
			#newsletter input.text {
				border: 1px solid #aaaaaa;
				font-size: 14px; width: 145px;
				padding: 2px;
				margin: 2px 0px 2px 0px;
			}
			
		#viewNewsletter {
			float:left;
			display:inline;
			width: 172px; height:194px;
			background-image:url(/images/viewNewsletter.jpg);
		}
		
		#sponsors {
			float: right; display: inline;
			width: 172px; margin: 10px 0px 0px 0px;
			font-family: Verdana; font-size: 14px;
			font-weight: bold;
		}
		
			#sponsors img {
				float: right; display: inline;
				margin: 5px 0px 0px 0px;
			}
	
#sidebarLeft_bot {
	float: left; display: inline;
	width: 902px; height:17px;
	background-image: url(/images/leftColumnBottom.jpg);
	background-repeat: no-repeat;
	margin:0px;
}

#footer {
	float: left; display: inline;
	background-image: url(/images/index_31.jpg);
	background-repeat: no-repeat; width: 900px;
	background-position: center top;
	height: 130px; margin: 20px 0px 30px 0px;
	text-align: center; font-family: Verdana;
	font-size: 11px; color: #353535;
}

	#footer div {
		float: left; display: inline;
		width: 900px; text-align: center;
		line-height: 15px;
	}
	
	#footer div a {
		margin: 0px 5px 0px 5px;
		color: #353535;
	}
	
#dropmenudiv{
	position:absolute;
	border:solid 1px #c8c7c7;
	font:normal 12px Verdana;
	line-height:18px;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	padding: 1px 0;
	color:#32739e;
	text-decoration: none;
	font-weight: normal;
}

#dropmenudiv a:hover{background-color:#edeeee;}

#dropmenudivLeft {
	position: absolute;
	margin: -30px 0px 0px 150px;
	border: solid 1px #c8c7c7;
	font: normal 12px Verdana;
	line-height: 18px;
	z-index:3;
}

#dropmenudivLeft a {
	width: 100%;
	display: block;
	text-indent: 3px;
	padding: 1px 0;
	color:#32739e;
	text-decoration: none;
	font-weight: normal;
}

#dropmenudivLeft a:hover { background-color:#edeeee; }

#content_area {
		float: left; display: inline;
		width: 698px; margin: 0px 0px 0px 19px;
		font-family: Verdana, Arial; font-size: 12px;
		line-height: 20px;
	}
	
	#content_area td {
		vertical-align:top;
	}

input.txt, select.txt, textarea.txt {
        font-family: Verdana, Arial; font-size: 12px;
        width: 300px; padding: 3px;
        border: 1px solid #999999;
}
	
.clear { clear: both; }

.alignleft { float: left; margin: 10px 10px 10px 0px; }
.alignright { float: right; margin: 10px 0px 10px 10px; }