/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

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,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	}
	
body 
	{
	line-height: 1;
	font-size: small;
	}

ol, ul 
	{
	list-style: none;
	}
	
blockquote, q 
	{
	quotes: none;
	}
	
/* typography */

h1, h2, h3, h4, h5, h6
	{
	font-family: Georgia, Times-New-Roman, serif;
	padding-bottom: 13px;
	}
	
h1
	{
	font-size: 175%;
	}
	
h2
	{
	font-size: 125%
	}

h3, h4, h5, h6
	{
	font-size: 100%;
	}

p, a, ul, ol, li
	{
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom:  12px;
	line-height: 1.5em;
	}
	
p, ul, ol, li
	{
	color: #424242;
	}
	
p	
	{
	font-size: 95%;
	text-align: justify;

	}

ol, ul, li	
	{
	font-size: 90%;
	}
		
#header h1 
	{
	font-family: Georgia, serif;
	font-size: 250%;
	text-align: right;
	color: white;
	padding-top: 100px;
	padding-right: 40px;
	}
	
#mainnav a
	{
	font-size: 120%;
	font-weight: bold;
	font-variant: small-caps;
	}

#topnav li
	{
	display: inline;
	margin-right: 5px;
	}
	
#mainnav li
	{
	text-align: right;
	}

#footer 
	{
	text-align: center;
	}
	
#footer p
	{
	text-align: center;
	font-size: 85%;
	}
	
.vcard
	{
	font-family: Helvetica, sans-serif;	
	}
	
a#here
	{
	font-size: 200%;
	}

strong
	{
	font-size: 125%;
	}
	
.caption, .note
	{
	font-size: 75%;
	}	
	
/* layout */

body
	{
	background-color: #878F2A;
	}

#container
	{
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
	}
	
#header
	{
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 2px;
	border-top-width: 2px;
	border-color: black;
	border-style: solid;
	height: 144px;
	background-image: url(../images/iofa_header.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #501F60;
	}
	
#topnav ul
	{
	text-align: right;
	padding-top: 10px;
	}

#mainnav
	{
	float: left;
	width: 15%;
	margin-top: 20px;
	}
	
#content
	{
	float: right;
	width: 80%;
	margin-top: 20px;
	}
	
#content p 	
	{
	padding-right: 50px;
	}	
	
#content li
	{
	padding-left: 20px;
	padding-bottom: 15px;
	padding-right: 25px;
	font-size: 90%;
	}
		
#footer
	{
	clear: both;
	height: 250px;
	}


#mainnav li
	{
	border-bottom: dotted 1px;
	border-right: solid 1px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-bottom: 5px;
	}
	
#rotating_image 
{
	padding: 10px;

}
		
#rotating_image_container	
	{
	border: black;
	border-width: 5px;
	background-color: #501F60; 
	
	}		
		
.vcard
	{
	margin-bottom: 25px;
	line-height: 1.25em;			
	}