@charset "utf-8";
/* CSS Document */

/* layout
---------------------------------------------------------------------------------*/

body {
	font: 75%/160% Georgia, "Times New Roman", Times, serif;
	color: #333333;
	min-width: 700px;
	text-align:center;
	background-color: #f2e08e;
}


#header {		background: url(../images/layout.jpg) no-repeat center;
				height:390px;
				max-height:390px;	}
		
#content {		background: url(../images/background.jpg) repeat-y center;
				min-height:30px;}

#footer {		background: url(../images/footer.jpg) no-repeat center;
				height:250px;
				max-height:250px;	}
				
				
/* Generic
---------------------------------------------------------------------------------*/

img {			border: none;	}


a {
	color: #226097;
	outline: none;
}
				
a:hover {		text-decoration: underline;	}


.floatL {		float:left;	}

.floatR {		float:right;	}				


/* Navigation
---------------------------------------------------------------------------------*/

#nav {			position:relative;	
				width: 520px;
				top: 200px;
				margin:0 auto;
				font: normal 18px/20px Georgia, "Times New Roman", Times, serif;
				letter-spacing: 1px;
				padding-right: 40px;}
				
				
#nav li {		padding-right: 15px;
				width: 500px;
				text-align: center;
				display: inline;	}	

#nav a  {		text-decoration: underline;
				color: #000000;	}
				
#nav .active {	text-transform:uppercase;
				text-decoration: none;
				font-weight:bold;
				background-color: #408ed4;
				color: #FFFFFF;}

#nav a:hover {	text-decoration: none;
				color: #FFFFFF;
				background-color: #408ed4;	
				list-style:url(../icons/yellow_bullet.gif);}






/* Content
---------------------------------------------------------------------------------*/

.description {
	position:relative;
	width: 500px;
	top: 210px;
	margin:0 auto;
	font: italic normal 20px/22px Georgia, "Times New Roman", Times, serif;
	color: #226097;
	line-height: 1.5em;
}
				
				
.content {		padding: 10px 0px 10px 0px;
				position:relative;
				width: 620px;
				margin: 0 auto;
				text-align:left;
				letter-spacing: 1px;
				line-height: 1.5em;
				font-size: 130%;  }		
				
.content p {	padding-top:5px; }				
				

h1, h2, h3 {	color: #226097;	}

h1 {			font-size: 150%;	}
h2	{			font-size: 130%;	}
h3	{			font-size: 110%;	}

				
.footer {		padding: 10px 0px 10px 0px;	}

.note {	font-size: 80% }