/**********************



GLOBAL STYLES



***********************/



html {



	width: 100%;



	height: 100%;



	margin: 0;



	padding: 0;



	text-align: center;



} 



body {



	width: 100%;



	height: 100%;



	margin: 0px;



	padding: 0px;



	background-color: #A8B75A;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #21362d; 



	text-align: center;



	line-height:20px;



} body.sub {



	background-color:#565D2F;



	}/*****************



HTML ELEMENTS



*****************/



h1 {



	font-weight: bold;



	padding: 5px 0px 5px 0px;



	margin: 0px 0px 0px 0px;



	font-size: 18px;



	color: #840017;



}h2 {	padding: 5px 0px 5px 0px;



	margin: 0px 0px 0px 0px;



	font-size: 14px;



	color: #000000;



}



h5 {	padding: 5px 0px 5px 0px;



	margin: 0px 0px 0px 0px;



	font-size: 14px;



	color: #000000;



}

a, a:link, a:visited, a:active {	color: #6c572c; 



	text-decoration:underline;



	}



a:hover {	color: #6c572c; 



	text-decoration:underline;



	}



	



img {



	}



ul {



list-style-image:url(../images/bullet.gif);



}



li {



	



}



blockquote {



	border-left: 2px solid #dac7cc;



	padding-left: 10px;



}



p { padding: 0px; margin: 0px 0px 10px 0px; }



/**********************



PG STRUCTURE



***********************/



#Wrap {



	position: relative;



	width: 820px;



	background-color: #ffffff;



	margin: 0px auto;



	padding: 0px;



	z-index: 3;



	visibility: visible;



}#Header {



	position: absolute;



	left: 0px;



	top: 0px;



	width: 820px;



	height: 175px;	margin: 0px;



	padding: 0px;



	background-image: url(../images/fpcubanner.jpg);



	background-repeat:no-repeat;



	background-position: top left;



}#TopNav{



	position: absolute;



	background-color:#A8B75A;



	top:175px;



	left:0px;



	width: 820px;



	height: 25px;



	margin: 0px;



	padding: 0px 0px 0px 0px;



	z-index:10;



	text-align:right;



}



#TopNav ul, #TopNav li	{



	margin: 0px;



	padding: 0px;



	list-style: none;



	float: right;



	position: relative;



	



}



#TopNav li a, #TopNav li a:link, #TopNav li a:visited, #TopNav li a:active { 



	font-weight: bold;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #ffffff;



	display: block;



	margin: 5px 20px 5px 30px;



	text-decoration:none;



}



#TopNav li a:hover { 



	color: #840017;}







#sidenav {



  padding-left: 0;



  margin-left: 0px;  



  margin-top: 0px;



  border-bottom: 1px solid #840017;



  width: 155px;



background-color: #E9E6CD;



}







#sidenav li {



  list-style: none; 



 



  line-height:30px;



  font-family:verdana;



  font-size:14px;



  border-bottom: 1px solid #840017;



   color: #840017;



}







#sidenav li a {  margin-left: 5px;



text-decoration: none; }#sidenav li a:hover { color: #000000; }







#SubNav{



	position: absolute;



	top: 10px;



	left: 160px;



	width: 600px;



	height: 25px;



	margin: 0px;



	padding: 0px 0px 0px 0px;



	z-index:10;



	text-align:right;



}



#SubNav ul, #SubNav li	{



	margin: 0px;



	padding: 0px;



	list-style: none;



	float: right;



	position: relative;



	



}



#SubNav li a, #SubNav li a:link, #SubNav li a:visited, #SubNav li a:active { 



	font-weight: bold;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	color: #840017;



	display: block;



	margin: 5px 10px 5px 10px;



	text-decoration:underline;



}



#SubNav li a:hover { 



	color: #000000;}







#divider{



	position: absolute;



	left:0px;



	top:200px;



	width:100%;



	background-image: url(../images/background.jpg);



	background-repeat:repeat-x;



height: 27px;



	}/* Main Content Block */#Main {



	position: absolute;



	background-color: #FFFFFF;



	left:0px;



	width:820px;



	margin: 0px;



	padding:0px;



	top:223px;



}



	



#Content {



float: right;	



	text-align: left;



	background-color: #FFF;



width: 640px;



	margin: 0px 0px 0px 0px;



	padding: 0px 0px 30px 0px;



}







#ContentSub {



float: right;	



	text-align: left;



	background-color: #FFF;



width: 620px;



	margin: 10px 20px 0px 0px;



	padding: 0px 0px 30px 0px;



}















/* Side Nav Bar */



#SideBar{ 



	float: left;



	text-align: left;



	width: 150px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 14px;



	line-height: normal;



	padding: 0px 5px 0px 0px;



}



hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}#MainFooterSub{



clear: both;	



	margin: 0px;



	padding: 20px 0px 16px 50px;



	text-align: center;



	font-family: Arial, Helvetica, sans-serif;



	font-weight: normal;



	font-size: 12px;



	line-height:20px;



	color: #21362d;



}



#MainFooterSub a, #MainFooterSub a:link, #MainFooterSub a:visited, #MainFooterSub a:active{



	color: #21362d;



	text-decoration:underline;



}



#MainFooterSub a:hover { 



	color: #21362d;



	text-decoration:underline;



}



#blognews {

position: relative;

float: left;

width: 210px;

margin: 20px 0px 5px 0px;

padding: 10px;

font-family: Arial, Helvetica, sans-serif;

border: 1px solid #520A17;

font-size: 12px;

line-height:20px;

text-align: left;

}



#happenings {

position: relative;

float: left;

width: 600px;

margin: 10px 0px 5px 20px;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height:20px;

text-align: left;

}





#event{



position: relative;



float: left;



width: 175px;



	margin: 5px 5px 5px 0px;



	padding:0px;



	font-family: Arial, Helvetica, sans-serif;



	font-size: 12px;



	line-height:20px;



	text-align: left;



border: 1px #E9E6CD solid;}



#event img{



float: left;



	margin: 5px 5px 5px 0px;



}







#welcome{



position: relative;



float: left;



	margin: 5px 5px 20px 0px;



	font-family: Arial, Helvetica, sans-serif;



	width: 220px;



	font-size: 14px;



	line-height:20px;



	text-align: center;	



}#notice{



position: relative;



float: left;



	margin: 20px 0px 10px 15px;



	padding: 5px;



	background-color: #A8B75A;



	color: #ffffff;



	font-family: Arial, Helvetica, sans-serif;



	width: 175px;



	font-size: 12px;



	line-height:20px;



	text-align: center;	



}



#notice p { padding: 0px; margin: 0px; }







#special{



position: relative;



float: right;



background-color: #F9EECE;



	margin: 0px 0px 0px 0px;



	padding:0px;



	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;



	line-height:20px;



	text-align: center;	



}



.color1 { color: #520a17; }



.color2 { color: #840017; }



.color3 { color: #856c38; }



.error { color: #840017; }.indent { padding-left: 30px; padding-right: 30px; }/* Photo Styles */.Photo {	border: 2px solid #880a1f;



}



.PhotoRight {



	float:right;



	margin: 5px 10px 0px 10px;



	border: 2px solid #880a1f;



}



.PhotoLeft {



	float:left;



		margin: 5px 10px 0px 0px;	border: 2px solid #880a1f;



}



.PhotoRightNB {



	float: right;



	margin: 5px 0px 0px 10px;



}



.PhotoLeftNB {



	float: left;



	margin: 5px 10px 0px 0px;



}







.eventheader {



	font-weight: bold;



	padding: 5px 0px 5px 0px;



	margin: 0px 0px 0px 0px;



	font-size: 16px;



	color: #520a17;



	text-align: left;



}



#subPageBack{



	position: absolute;



	height:223px;



	left:0px;



	top:0px;



	width:100%;



	background-image: url(../images/background.jpg);



	background-repeat:repeat-x;



	background-position: bottom left;



	}
