/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body { 
	font: 10pt/16pt arial; 
	font-weight: bold;
	color: #3F4A4D; 
	background: url(images/gradient.jpg); repeat-x;
	margin: 0px; 
	}
p { 
	font: 8pt/16pt arial; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #3F4A4D;
	}
a:link { 
	font: 8pt arial; 
	font-weight: bold; 
	letter-spacing: 0.1em;
	text-decoration: underline; 
	color: #23292B;
	}
a:visited { 
	font: 8pt arial;  
	font-weight: bold; 
	letter-spacing: 0.1em;
	text-decoration: underline; 
	color: #23292B;
	}
a:hover	{ 
	font: 8pt arial;  
	font-weight: bold; 
	letter-spacing: 0.1em;
	text-decoration: none; 
	color: #fff;
	}
a:active { 
	font: 8pt arial;  
	font-weight: bold; 
	letter-spacing: 0.1em;
	text-decoration: underline; 
	color: #23292B;
	}


/* placement */

#container {
	width: 737px;
	height: 700px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border: 1px solid #fff;
	background-image: none;
}
#background1 {
	position: absolute;
	width: 737px;
	height: 105px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 5px;
	z-index: 1;
	border: 0px solid #fff;
}
#background2 {
	position: absolute;
	width: 737px;
	height: 159px;
	margin-top: 105px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 5px;
	z-index: 1;
	border: 0px solid #fff;
}
#background3 {
	position: absolute;
	width: 737px;
	height: 151px;
	margin-top: 264px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 5px;
	z-index: 1;
	border: 0px solid #fff;

}
#background4 {
	position: absolute;
	width: 737px;
	height: 140px;
	margin-top: 415px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 5px;
	z-index: 1;
	border: 0px solid #fff;
}
#background5 {
	position: absolute;
	width: 737px;
	height: 145px;
	margin-top: 555px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 5px;
	z-index: 1;
	border: 0px solid #fff;
}
#navigation {
	position: absolute;
	width: 500px;
	height: 100px;
	margin-top: 70px;
	margin-left: 28px;
	text-align: left;
	z-index: 1;
	border: 0px solid #20496C;
	background-image: none;
	color: #C83D1A;
}
#box1 {
	position: absolute;
	font: 8pt arial;
	line-height: 12pt;
	color: #fff;
	width: 335px;
	height: 145px;
	margin-top: 145px;
	margin-right: auto;
	margin-left: 370px;
	margin-bottom: 5px;
	z-index: 1;
	letter-spacing: 0.03em;
	border: 0px solid #fff;
}
#box2 {
	position: absolute;
	font: 8pt arial;
	line-height: 12pt;
	color: #fff;
	width: 335px;
	height: 250px;
	margin-top: 420px;
	margin-right: auto;
	margin-left: 370px;
	margin-bottom: 5px;
	z-index: 3;
	letter-spacing: 0.03em;
	border: 0px solid #fff;
	overflow: auto;
	scrollbar-base-color: #212221; 
	scrollbar-face-color: #fff; 
	scrollbar-track-color: #212221; 
	scrollbar-arrow-color: #212221;
	scrollbar-highlight-color: #212221; 
	scrollbar-shadow-color: #212221;
	scrollbar-darkshadow-color: #212221; 
}