/*
Title:		OscarHowe.org site styles
Author:		nicmyers@w3designs.net
Website:	nicmyers.com

Updated by: Matthew Rognstad
Updated on:	06/18/2007


*/


/* Main Body Alignment and Main Text Style
---------------------------------------------------------- */ 
html, body {
	height: 100%;
	}

body {
	margin:0;
	padding:0;
	font-family: Verdana, san-serif;
	font-size: small;
	background: #003366;
	}
	
p {
	margin:0;
	padding:0;
	}
#content p {
	margin: 0 5px 15px 0;
	}
.photo  {padding: 5px;}

/* General Text Styles
---------------------------------------------------------- */ 
/* Links */
a:link, a:visited {
	color: #708da9;
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5;
	}
a:hover {
	padding-bottom: 0;
	color: #003366;
	border-bottom: 1px solid #dbd5c5;
	}

/* Headings */
h1 {	/* Use only on the page header */
	margin: 0;
	font-size: 175%;
	color: #292617;
	line-height: 1em;
	padding: 20px 250px 0 0;
	font-family: Georgia, serif;
	}

h2 {	/* Used only in the page subheading */
	margin: 0;
	font-size: 75%;
	color: #cccccc;
	font-weight: bolder;
	line-height: 1.5em;	
	padding: 0px 250px 0 0;
	font-family: Georgia, serif;
	}
	
h3 {
	margin: 0;
	font-size: 150%;
	color: #708da9;
	line-height: 1.2em;
	font-family: Georgia, serif;
	}
	
h4 {
	margin: 0;
	font-size: 110%;
	color: #708da9;	
	line-height: 1.2em;
	font-family: Georgia, serif;
	}
	
/* Page Structure
---------------------------------------------------------- */ 
#wrap{
	position: relative;
	/*min-height: 100%;*/
	width:800px;
	margin:0 auto;
	padding:0;
	background: #003366 url(images/bg_main.gif) repeat-y 50%;
	}
	
#header{
	background: url(images/bg_header.gif);
	background-repeat: no-repeat;
	height: 133px;
	}
	
#contentheader{
	margin:0;
	padding:0;
	background: url(images/bg_contentheader.gif) no-repeat top;
	height:86px;
	text-align:right;
	}
	
#content{
	float:left;
	padding: 0 0 70px 55px;
	width: 520px;
	font-size:95%;
	line-height:1.5em;
	color: #333333;
	height: auto;
	}

#sidebar{
	float:right;
	width:165px;
	padding: 0 55px 80px 0;
	height: auto;
	}
	
#footer{
	position: absolute;
	bottom: 0;
	clear: both;
	width:800px;
	margin:0 auto;
	padding: 0;
	clear:both;
	background: url(images/bg_footermain.gif) repeat-y top;
	height:auto;
	}

#footerheader{
	width:800px;
	height:15px;	
	margin:0 auto;
	padding:0;
	background: url(images/bg_footerheader.gif) no-repeat top;
	clear: both;
	}	

#footerwrap {
	clear: both;
	margin:0;
	padding: 0 55px 20px 55px; /* Aligns the content within the footer */
	}
#slide {
	padding: 0 0 0 470px;
}

/* Main Navigation */
#nav{
	padding: 13px 0 0 210px;
	margin: 0;
	list-style: none;
	}
#nav li {
	float: left; 
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:75%;
	font-weight: bold;
	}
	
#nav li a{
	float:left;
	margin: 0 2px 0 0;/* Space Between Tabs */
	padding: 4px 4px;
	color: #ced8e2;
	background: #607991;
	border: 1px solid #003366;
	border-bottom: none;
	}
	
#nav li a:hover {
	color: #ced8e2;
	background: #9cb0c4;
	}
	
#nav li a.active {
	background: #9cb0c4;
	}


/* Sub Text Styles
---------------------------------------------------------- */ 
/* Text Styles - Color Classes & Weighted */
.white { color:#ffffff;}
.black { color:#000000;}
.dkgrey { color:#333333;}
.strong {font-weight:bold;}
.small {font-size:85%}

/* Text Styles - Sidebar */
#sidebar p{
	padding: 0 0 10px 0;
	color:#666666;
	}
	
#sidebar h3 {
	font-size: 125%;
	color: #003366;
	line-height: 1.2em;
	}
	
#sidebar h4 {
	font-size: 100%;
	color: #003366;
	line-height: 1.5em;
	}

#sidebar a{ color: #003366;	}
#sidebar a:hover{ color: #708da9; }
#sidebar ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 13px;
	list-style: circle;
	}
#sidebar li { margin: 0; padding: 0;}
/* Text Styles - Footer */
#footer p{
	text-align:center;
	}
#footer h3{
	color: #e4eaef;
	}
#footer h4{
	color: #e4eaef;
	}
#footer a{
	color: #e4eaef;
	}
#footer a:hover{
	color: #fff;
	}

/* Box Class */
.box {
	width: 513px;
	background: #fbf0db url(images/box_bottom.gif) no-repeat bottom left;
	}
.box h3 {
	margin: 0;
	padding: 3px 8px 3px 5px;
	font-size: 110%;
	color: #333;
	border-bottom: 1px solid #e6bb6c;
	background: url(images/box_header.gif) no-repeat top left;
	}
.box p {
	padding: 5px;
	}
.box .strong {
	margin: 0 0 0 5px;
	}
.right {
	float: right;
	width: 45%;
	}
.left {
	float: left;
	width: 45%;
	}
.center {
	text-align: center;
	}
.underline {
	text-decoration: underline;
	}
.clear {
	clear: both;
	}