body { margin: 0; padding: 0; font: 0.8em/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center; 
	background: #c5dafb url(images/bg_body.jpg) repeat-x top; }
img { border: 0; }

#container { text-align: left; margin: 0 auto; width: 610px; background: url(images/bg_container.gif) repeat-y; text-align: left; }

#header { position: relative; width: 730px; height: 180px; margin: 0 auto; color: #fff; 
	background: url(images/bg_header_bottom.gif) no-repeat bottom; text-align: left;  }
	#header h1 { width: 240px; height: 80px; margin: 15px 0 0 80px; padding: 0; 
		background: url(images/logo.gif) no-repeat; text-indent: -9000px; }
	#header h1 a { display: block; width: 240px; height: 80px; outline: none; }

#sidebar { float: left; width: 180px; margin-left: 10px; }
	#sidebar h3 { color: #78A044; font-size: 0.85em; text-transform: uppercase; margin: 0.3em 0 0 0.5em; }
	ul.nav { width: 180px; margin: 0.2em 0 0.7em 0; padding: 0; list-style: none;  }
	ul.nav li { width: 180px; display: inline; font: 1.2em/1.1em "Arial Rounded MT Bold", "Helvetica Rounded", sans-serif;  }
	ul.nav li a { display: block; padding: 3px 5px 3px 25px; text-decoration: none; color: #0163d8; letter-spacing: -0.05em; 
		background: url('images/bullet_red.gif') no-repeat 0.3em 0.2em; }
	ul.nav li a.rainbow { background: url(images/rainbow.gif) no-repeat 0.3em 0.2em; }
	ul.nav li a.sunshine { background: url(images/sunshine.gif) no-repeat 0.3em 0.2em; }
	ul.nav li a.smile { background: url(images/smile.gif) no-repeat 0.3em 0.2em; }
	ul.nav li a:hover { color: #5f8a31; }
	
#content { margin: 0 10px 0 200px; padding: 0 0 1.5em 5px; background: #fff url(images/bg_content.jpg) repeat-x bottom; }
body#sub #content { padding: 1em 10px 1.5em 15px; }
	#content h2 { margin: 0 0 0.4em 0; width: 370px; }
	#content h3,#content h4 { margin: 0.3em 0 0.4em 0; }
	#content h2 { font: 2em "Arial Rounded MT Bold", "Helvetica Rounded", sans-serif; color: #c90200; }
	#content h3 { font: 1.4em "Arial Rounded MT Bold", "Helvetica Rounded", sans-serif; color: #5F8A31; }
	body#home #content h3 { margin: 0 0 0.4em 0; color: #c90200; }
	#content p { margin: 0; padding: 0 0 1em 0; }
	#content blockquote { margin: 0; padding: 0 20px 1em 20px; font-style: italic; 
		background: url('images/quote_open.gif') no-repeat 0px 1px; }
		#content blockquote p { display: inline; padding-right: 20px; background: url('images/quote_close.gif') no-repeat top right; }
	#content a { color: #5f8a31; }
	#content acronym { color: #666; 
		cursor: help; border-bottom: 1px dotted #ccc; }
	#content .externallink { padding-right: 10px; background: url('images/externallink.gif') no-repeat top right; }
	#content ul { margin: 0.3em 0 0.8em 0; padding: 0; list-style: none; }
	#content ul li { margin: 0 0 0.6em 1em; padding-left: 22px; background: url('images/bullet_green.gif') no-repeat 0.3em 0.2em; }
	#content dl { padding-bottom: 0.2em; }
		#content dl dt { margin-bottom: 0.2em; font-weight: bold; color: #7FB5F5; }
		#content dl dd { margin: 0 0 0.6em 10px; border-left: 4px solid #C5DAFB; padding-left: 10px; font-size: 0.9em; }

#hero h3 { margin: 0; padding: 0; height: 160px; background: url('images/hero_pic.jpg') no-repeat; text-indent: -9999px; }
#hero h3 a { display: block; height: 160px; outline: none; }

.info { padding: 8px 8px 8px 30px; margin-bottom: 1em; border: 1px solid #99c; 
	background: #eef url('images/information.gif') no-repeat 10px 10px; }

.box { background: #669833 url('images/box_top.gif') no-repeat top; color: #fff; text-align: center; padding-top: 8px; margin-top: 1em; }
.box p { margin: 0 !important; padding: 0 15px !important; font-weight: bold; font-size: 1.2em; letter-spacing: -0.03em; }
.box a { color: #ffff00 !important; }
.box_bottom { background: url('images/box_bottom.gif') no-repeat bottom; height: 2.8em; font-size: 0.85em; }

#footer { clear: left; text-align: center; padding: 35px 0 1em 0; background: #c5dafb url(images/bg_footer.gif) no-repeat top; }
	#footer strong { color: #0163d8; font-size: 1.2em; }
	#footer a { color: #5f8a31; }
	#footer p { margin: 0; font-size: 0.95em; }

div.grid_left { float: left; width: 180px; padding: 0 15px 0 10px; }
div.grid_right { float: left; width: 180px; padding-right: 0px; }
	div.grid_left h3, div.grid_right h3 { margin: 0; padding: 0.2em 0 0 0 }
	
.photos {  }
	.photos a { display: block; float: left; background: #C5DAFB; }
	.photos a.grid_left { width: 180px; margin-right: 15px; }
	.photos a.grid_right { width: 180px; }
	.photos a:hover { background: #7FB5F5; }
	.photos a img { padding: 5px; }

.morelink { display: block; border-top: 1px solid #C5DAFB; margin-top: 5px; padding: 5px 0 0 18px; 
	background: url('images/bullet_go.gif') no-repeat 0 7px; }

.clear { clear: both; height: 1px; }
.right { float: right; margin: 0 0 1em 1em; }
.hide { display: none; }
.black { color: #000; }
.red { color: #c00; }

/**************/
/* sIFR rules */
/**************/

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* "Decoy" styles */
.sIFR-hasFlash h2 {
	visibility: hidden; letter-spacing: -9px; font-size: 55px;
}

/************************/
/* Bubble Tooltip rules */
/************************/

.tooltip { width: 200px; color: #000; font-size: 0.9em; text-decoration: none; text-align: center; }
.tooltip span.top{ padding: 30px 8px 0; background: url('images/bt.gif') no-repeat top; }
.tooltip b.bottom{ padding: 3px 8px 15px; color: #548912; background: url('images/bt.gif') no-repeat bottom; }