/* // Fluid Global White Space Reset from Left Justified 
http://leftjustified.net/journal/2004/10/19/global-ws-reset/

The basis of for a site whereby all side margins are controlled by browser 
width and all vertical spacing is controlled by font size. 
Quick, simple and highly usable „ this could easily be used as the basis 
for a solid but highly flexible fluid layout. All you need to do now is add the columns
 															 -------------------               */

* {
	margin: 0;
	padding: 0;
	}
	
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 0.5em 23px; }
li, dd { margin-left: 5px; }
fieldset { padding: 0.5em; }

ul, ol, dl { position: relative; } /* // fixes the The IE/Win Disappearing List-Background Bug
http://www.positioniseverything.net/explorer/ie-listbug.html -------------------               */

/* // clearing floats without adding symantec mark up to your source   
CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html  -------------------               */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background-color: #ffffff;
	font-size:100.1%; /*** Don't change this setting. Make all other
	font-sizes in % (preferred) or ems ***/
	background: #ffffff url(/images/pagebkgrnd.jpg) top left repeat-x;
	text-align: center;
	}

img, img a { border: 0; margin: 0; }

.access, .hh { display: none; }

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

#wrapper {	
	text-align: left !important;
	font: 80%/1.7em Georgia, 'Times New Roman', serif;
	background-color: transparent;
	color: #468a67;
	margin: 0 auto;
	padding-top: 15px;
	}

#page {
/*	float: left;
	width: 60%; */
	width: 510px;
	margin: 0 auto;
	}
	
#header {	height: 273px; width: 510px; background: transparent url(/images/headerbkgrnd.png) top left no-repeat;}
#content {	background: transparent url(/images/contentbkgrnd.png) top left repeat-y; border: 1px solid white; }
#footer {	height: 39px; width: 510px; background: transparent url(/images/footerbkgrnd.png) bottom left no-repeat; border: 1px solid white; font-size: 70%; clear:both;}

#sidebar {
	float: left;
	width: 280px;
	margin-left: 72%;
	padding: 1em;
	background-color: #fff;
/*	border: 1px solid #666; */
	}
	
#bio-photo {
	float: left;
	width: auto;
	margin-right: 1em;
	margin-bottom: 0;
	}
	
.fL {
	float: left;
	width: 52%;
	margin-left: 10px;
	}
	
.fR {
	float: right;
	width: 45%;
	margin-right: 5px;
	}
	
.fL p, .fR p { font-size: 85%; }

/* NAV I hope you remember this... //------      */

	.nav {
		margin: 0 auto;
		padding: 0 20px 10px 30px;
		list-style: none;
		text-transform:uppercase;
		}
		
	.nav li {
		float: left;
		margin: 0;
		padding: 0 25px 0 0;
		font-size: 100%;
		list-style: none;
		}
		
	.nav li.last {
		padding-right:0;
		}
		
	.nav a {
		float: left;
		display: block;
		margin: 0 1px;
		padding: 0;
		color:#C18A84;
		text-decoration: none;

		}
		
	/* standard mouseover user interaction effects //*/	
	
	.nav a:hover { color: #8c2d20; }
		
	/* You are here active tabs using the class I find this to be more flexible  //*/	
	
	.nav li.active a { background: #e2e2e2 url(/images/tabOn.gif) top left repeat-x; }
	
	#bottomNavigation { padding: 2em 0;}
	
/* STANDARD LINK STYLES    	 ------------------------------------------------               */
	
a:link {
	color: #8c2d20;
	text-decoration: none;
	border-bottom: 1px dotted #468a67;
	}

a:visited {
	color: #542F70;
	text-decoration: none;
	border-bottom: 1px dotted #468a67;
	}

a:hover, a:focus {
	color: #8c2d20;
	text-decoration: none;
	border-bottom: 1px solid #468a67;
	}
	
h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus { border-bottom: 0px;}
	
		
/* TYPOGRAPHY	 ---------------------------------------------------------------               */

h1, h2, h3, h4, h5, h6 {
	display: block;
	font-weight: lighter;
	line-height: 1.5em;
	}

h1 { font-size: 240%; color: #8c2d20; }
h2 { font-size: 150%; color: #8c2d20; }
h3 { font-size: 120%; color: #468a67; line-height: 1.2em;}
h4 { font-size: 110%; }
h5 { font-size: 100%; font-weight: normal; }
h6 { font-size: 150%; line-height: 2em; }
strong, b { font-weight: bold; }

h1#almClassic2009 {
	padding-top: 15px;
	height: 30px;
	text-indent: -9999px;
	}

h1#almClassic2009 a {
	display: block;
	background: transparent url(/images/almClassicLogo.gif) top left no-repeat;
	}
	
#main-image {
	margin-left: 23px;
	border: 1px solid #dedede;
	}
	
#crs-ecf-logo { margin-left: 23px; }

hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #468a67; /* for ie */
	background-color: #468a67; /* for everyone else */
	height: 0px;
	margin: 2.0em 20px;	
	}
	
p {
	margin-top: 0.5em;
	margin-bottom: 0.5em; 
	}
	
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}
	
li {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	list-style-type: circle;
	list-style-image: none;
	list-style-position: inside;
	}
	
dl { margin: 1em 0 0.5em 0; }
dt { margin: 0.2em; }
dt.title { font-size: 1.3em; margin-top: 1em; }
dd { margin-bottom: 0.5em; }
dd.author { font-size: 90%; font-weight: bold; color: #546286; margin-bottom: -0.5em; }
dd.meta { font-size: 80%; font-style: italic; color: #666; }

.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     font-size: 700%;
     color: #546286;
 }

 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px;
     font-size: 700%;
     color: #546286;
 }
 
#sidebar dl {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: silver;
	border-width: 0 0 3px 0;
	border-style: none none double none;
	}
	
#sidebar dd { margin: 0.3em; }

hr {
	border:1px solid #ccc;
	}

#cm3-host-logo {
	float:left;
	margin-top:20px;
	}
		
#cm3-host-logo a {
	display:block;
	text-align:left;
	background:transparent url(/images/cm3logo.gif) center top no-repeat;
	width:150px;
	margin-left:20px;
	padding:60px 0 0 0 !important;
	}
	
#innisbrook-host-logo {
	margin-left:330px;
	padding-bottom:20px;
	}
	
#innisbrook-host-logo a {
	display:block;
	text-align:left;
	background:transparent url(/images/innisbrooklogo.gif) center top no-repeat;
	width:133px;
	margin:20px 0 0 20px;
	padding:80px 0 0 0 !important;
	}

div.grassy {
	background:transparent url(/images/grassyfooter.jpg) left top repeat-x;
	height:190px;
	width:100%;
	}