body, html {
	background-color: #94c3e5;
	font: 13px Georgia; 
	line-height: 150%;
}

img {
	border: 3px solid #dfdfdf;
}

h1 {
	font: 16px Georgia;
	margin-bottom: 20px;
	color: #6996c1;
}

h2 {
	font: 15px Georgia;
	color: #999999;
	line-height: 150%;
	text-align: justify;
	margin-bottom: 20px;
}

h3 {
	font: 14px Georgia;
	margin-bottom: 4px;
	color: #6996c1;
	font-weight:bold;
}

.bannerTextLarge {
	font: 25px Georgia;
	margin-bottom: 20px;
	color: #ffffff;
}

.bannerTextSmall {
	font: 14px Verdana;
	color:#ffffff;
	line-height: 150%;
}

.journalDate {
	font: 11px Georgia;
	color: #CCCCCC;
	font-style: italic;
}

p {
	font: 13px Georgia;
	color: #777;
	line-height: 150%;
}

label {
	font: 13px Georgia;
	color: #777;
	line-height: 150%;
}

a:link {
	text-decoration:none;
	color:#6996c1;
}
a:visited  {
	text-decoration:none;
	color:#6996c1;
}
a:hover  {
	text-decoration:underline;
	color:#6996c1;
}
a:active  {
	text-decoration:none;
	color:#6996c1;
}

a:link.menu {
	font: 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
a:visited.menu  {
	font: 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}
a:hover.menu  {
	font: 11px Verdana;
	color: #FFFFFF;
	text-decoration: none;
}
a:active.menu  {
	font: 11px Verdana;
	color: #FFFFFF;
	text-decoration:none;
}


li {
	list-style-type: disc;
}

hr {
	margin-bottom: 16px;
	color: #000000;
	border-style: none;
	height: 1px;
	border-width: 1px;
	background-color: #000;
}

.clear {
	clear: both;
}


#containerTop {
	width: 100%;
	height: 504px;
	margin: 0 auto;
	background-image: url(../images/bgTop.png);
	background-repeat: repeat-x;
}

	#header {
		width: 889px;
		height: 104px;
		margin: 0 auto;

	}
		#logoBox {
			width: 271px;
			height: 65px;
			margin-top: 39px;
			margin-left: 8px;
			float: left;
			background-image: url(../images/logo.png);
			background-repeat: no-repeat;
		}
		
		#menuBox {
	height: 56px;
	padding-top: 48px;
	float: right;
	width: 570px;
		}

	#banner {
		width: 709px;
		height: 310px;
		margin: 0 auto;
		padding-left: 90px;
		padding-right: 90px;
		padding-top: 45px;
		padding-bottom: 45px;
	}
		.banner1 {
			background-image: url(../images/banner1.jpg);
		}
		.banner2 {
			background-image: url(../images/banner2.jpg);
		}
		.banner3 {
			background-image: url(../images/banner3.jpg);
		}
		.banner4 {
			background-image: url(../images/banner4.jpg);
		}
	
		.banner5{
			background-image: url(../images/banner5.jpg);
		}
		.banner6{
			background-image: url(../images/banner6.jpg);
		}	
		.banner7{
			background-image: url(../images/banner7.jpg);
		}
		.banner8{
			background-image: url(../images/banner8.jpg);
		}
		.banner9{
			background-image: url(../images/banner9.jpg);
		}
		.banner10{
			background-image: url(../images/banner10.jpg);
		}		
		.banner11{
			background-image: url(../images/banner11.jpg);
		}
		.banner12{
			background-image: url(../images/banner12.jpg);
		}
		.banner13{
			background-image: url(../images/banner13.jpg);
		}
		
		
#containerMiddle {
	width: 100%;
	margin: 0 auto;
	background: #fff url(../images/bgMiddle.png) repeat-x;
}

	#content {
		width: 873px;
		margin: 0 auto;
		padding-right: 8px;
		padding-left: 8px;
	}	
		
		/* Index */
		
		#contentLeft {
			width: 420px;
			float: left;
		}
				
		#contentRight {
			width: 424px;
			float: right;
			
		}
			#contentRightLeft {
				width: 206px;
				float: left;
				
			}
			#contentRightRight {
				width: 206px;
				float: right;
				
			}
		
		/* About Penelope */
		
		#contentLeftAbout {
			width: 500px;
			float: left;
		}
				
		#contentRightAbout {
			width: 324px;
			float: right;
		}
		
		/* Online Journal */
		
		#contentLeftJournal {
			width: 600px;
			float: left;
		}
				
		#contentRightJournal {
			width: 206px;
			float: right;
		}
		
		/* Wheel */
		
		#contentLeftWheel {
			width: 600px;
			float: left;
		}
			
			#wheel {
				width: 873px;
				height: 650px;
				margin: 0 auto;
			}
		
		#contentRightWheel {
			width: 206px;
			float: right;
		}
		
		

#containerBottom {
	width: 100%;
	height: 182px;
	margin: 0 auto;
	background: url(../images/bgBottom.png) repeat-x;
}
ul{
margin-left:20px;

}
		
		
