/* Comments */

body{

/* 
Outer Background color
background-color:#eae6d3; 
background-color:#8a94c1;
*/
background-color:#d2ddf1;

color: #000000;
font-family:Comic Sans MS, Comic Strip MN, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size:88%;
}
a:link {
	color: #FF0000;
}
a:visited {
	color: #0000CC;
}
#wrapper{
width: 790px;
/* 
Page Background color
background-color:#E4EDC0; 
background-color:#8a94c1;
background-color:#babfd4;
background-color:#c49283;
background-color:#f1ac77;
background-color:#f6b287;
*/
background-color: #faf1e1;
margin: 10px auto;
border: 1px solid #000000;
text-align: left;
}

#banner{
height: 153px;
background-image:url('../images/westoc15header.gif');
background-repeat: no-repeat
}

#nav{
border-bottom: 1px solid #000000;
}

#nav ul{
padding: 0;
margin: 0;
background-image:url(../images/nav20.gif);
/*background-color:#A2ADD8;*/
}

#nav ul li{
display: inline;
text-align:center;
padding: 0;
margin: 0;
}

#nav ul li a{
	font-size: 90%;
	color:#000000;
	text-decoration: none;
	padding: 0 20px 0 20px;
	border-right: 2px solid #000000;
	text-align: center;
	width: 9em;
	font-weight: bold;	/*background-color: #FFFFCC;*/
} 
#nav ul li a:hover, #nav ul li a:focus{
	background-color: #fff;
	color: #993300;
}
#content{
	background-color: #faf1e1;
	margin-left: 0px;
}

#content p{
	font-family:Comic Sans MS, Comic Strip MN, sans-serif;
	font-weight:bold;
	font-size: 100%;
	margin: 10px;
	font-variant: normal;
	
}

#content h1{
font-family:Viner Hand ITC, Brush Script MT, cursive;
font-size: 130%;
color:#800000;
padding: 0;
margin: 20px;
}

#content h2{
font-family:Viner Hand ITC, Brush Script MT, cursive;
font-size: 110%;
color: #800000;
padding: 0;
text-align:right;
margin: 20px ;

}
#content h3{
font-family:Viner Hand ITC, Brush Script MT, cursive;
font-size: 100%;
color: #800000;
padding: 0;
margin: 20px;
margin-bottom:5px;

}

#content h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #800000;
padding: 0;
margin: 20px;
margin-bottom:5px;

}
.leftimage{
float: left;
margin-right: 10px;
margin-bottom: 20px;
border: 1px solid #000000;

}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
margin-right: 15px;
border: 1px solid #000000;
}

.clearit{
clear: both;
display: block;
background-color:#E4EDC0;
width: 200px;
}


#footer{
	color:#000000;
	clear: both;
	border-top-color: #FFFFCC;
}

#footer p{
	padding: 0px;
	background-image:url(../images/bckgrnd20.gif);
	background-repeat: no-repeat;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align: left;
	text-indent: 5px;
	}

#leftcol{
margin-left: 10px;
margin-top: 20px;
margin-right:10px;
width: 300px;
background-color:#BDC5E4;
margin-bottom: 20px;
border: 1px solid #000000;
float: left;
}
#rightcol{
margin-left: 10px;
margin-top: 20px;
margin-right:10px;
width: 300px;
background-color:#BDC5E4;
margin-bottom: 20px;
border: 1px solid #000000;
float: right;
}


#content p.right{
float: right;
margin-right: 20px;
}

.container{
width: 100%; 
float:right;
margin-bottom: 20px;
/*background-color:#B9D161;*/
}