/*----------------------------------------
Name: global.css
Client: OKC Boathouse Foundation
Developed by: S Design Inc.
Date Created: July 2009
Last Updated:
----------------------------------------*/

/* Colors
----------------------------------------
gray: #ececec
dark blue: #0069aa
green: #6eb43f;
50% blue 74b4d4;
25% blue bfd9ea
----------------------------------------*/
/* Imports
----------------------------------------*/
/* reset http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; text-align: left; vertical-align: baseline; }
img { border: none; vertical-align:bottom;}
table { border-collapse: collapse; border-spacing: 0; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*----------------------------------------*/
/* Elements
----------------------------------------*/

body {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em; 
	line-height: 1.5;
	letter-spacing:.02em;
	text-align:center;
	}

a {color: #0069aa; text-decoration:none;}
a:hover {text-decoration:underline;}
#wrapper {
	margin: 20px auto;
	width:800px;
	border:2px solid #6eb43f;
	background:#ffffff;
	text-align:left;
	}

#header {
	height: 90px;
	padding: 25px 90px 0px 50px;
	position:relative;
}

#header h1 a {
	display: block;
	float: left;
	background: url(../images/r66_logo.gif);
	height: 63px;
	width: 252px;
	text-indent:-9999em;
	}

#nav {
/*
	position:absolute;
	bottom:0;
	left:0;
*/
	background: #0397d6;
	color: #ffffff;
	margin:0;
	padding: 3px 10px;
	border-bottom: 2px solid #6eb43f;
}

#nav a {color:#ffffff;}
#nav a:hover {text-decoration:underline;}

#nav li {
	display:inline;
	margin:0 10px;
	}
	
#content #image_bar {height:189px;overflow:hidden;border: 2px solid #6eb43f; border-width: 2px 0;}
#content img {margin:0;padding:0;}
#content h2, #content p {margin-left:273px;margin-right: 75px;}
#content li {list-style-type:none;}
#content h2 { 
	color: #0069aa;
	margin-top:10px;
	}
#content p {margin-bottom: 20px;}

#content #links {margin-left:20px;margin-top:10px;float:left;}
	
#footer {
	background: #6eb43f;
	color: #ffffff;
	zoom:1;
	clear:both;
	overflow:hidden;
	padding:7px 15px 5px;
	font-size:.8em;
	margin-top:30px;
	}
	
#footer h2 {float:left;}
#footer p {float:right;}
#footer a {
	color:#ffffff;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}