@charset "utf-8";

/****************************************/

/*    Paola Community Center - 2009     */

/* Design by Cody Faust & Matt Reynolds */

/*   April 6, 2009 - Main Stylesheet	*/

/****************************************/

/* Contents:							*/

/*		A1 Main Tags					*/

/*		B2 Site Containers				*/

/*		C3 Parts						*/

/*		D4 Classes						*/

/*		E5 Anchors						*/

/****************************************/



/************* A1 Main Tags *************/

* {

	margin: 0;

	padding: 0;

	}



html {

	height: auto; 

	margin-bottom: 1px;

	}



body {

	font-family: sans-serif;

	font-size: 16px;

	margin: 0px;

	padding: 0px;

	background-color: #551011;

	color: #000000;

	}



img {

	border: none;

	}

	

h2 {

	font-size: 100%;

	}

h6{

	font-size: 110%;

	color: #000000;

	}

	

a:link {

	color: #000000;

	text-decoration: none;

	}

	

a:visited {

	color: #000000;

	text-decoration: none;

	}

	

a:hover {

	color: #FF0000;

	text-decoration: none;

	}



/********* B2 Site Containers **********/



#mainTop {

	margin-left: auto;

	margin-right: auto;

	width: 900px;

	height: 75px;

	background-color: #FFFFFF;

	text-align: center;

	border-width: 0px;

	border-left-width: 2px;

	border-right-width: 2px;

	border-style: solid;

	border-color: #FFCC00;

	}



#mainWrapper {

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 0px;

	width: 900px;

    background-color: #FFFFFF;

	min-height: 800px;

	border-left-width: 2px;

	border-right-width: 2px;

	border-top-width: 0px;

	border-style: solid;

	border-color: #FFCC00;

	border-bottom: 0px;

	}



#mainBottom {

	margin-left: auto;

	margin-right: auto;

	padding-top: 20px;

	bottom: 0px;

	width: 900px;

	height: 75px;

	clear: both;

	background-color: #FFFFFF;

	padding-top: 10px;

	padding-bottom: 10px;

	text-align: center;

	font-size: 70%;

	line-height: 2;

	border-width: 0px;

	border-left-width: 2px;

	border-right-width: 2px;

	border-top-width: 0px;

	border-bottom-width: 0px;

	border-style: solid;

	border-color: #FFCC00;

	border-top: 0px;

	}

	

/************ C3 Parts ***************/



#mainNavigation {

	margin-left: auto;

	margin-right: auto;

	width: 900px;

	margin-top: 15px;

	margin-bottom: 20px;

	font-variant: small-caps;

	font-size: 90%;

	}

	

#mainNavigation ul {

	list-style-type: none;

	color: #000000;

	text-align: center;

	}

	

#mainNavigation li {

	display: inline;

	}

	

	

#mainBottom ul {

	list-style-type: none;

	color: #000000;

	text-align: center;

	}

	

#mainBottom li {

	display: inline;

	}

	

#mainBanner {

	margin-top: 0px;

	height: 100px;

	width: 900px;

	background-image: url(../assets/images/structure/banner/banner.jpg);

	background-repeat: no-repeat;

	}



#mainSingleColumn{

	width: 820px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;

	padding-left: 50px;

	padding-right: 30px;

	}



#mainSingleColumn h2{

	font-variant: small-caps;

	margin-bottom: 25px;

	font-size: 25px;

	}

			

#mainContent {

	width: 560px;

	height: auto;

	text-align: left;

	margin-left: 50px;

	margin-right: 20px;

	float: left;

    background-color: #FFFFFF;

	}



#mainContent h2 {

	font-variant: small-caps;

	margin-bottom: 20px;

	font-size: 25px;

	}



#mainEvents {

	float: right;

	width: 250px;

	line-height: 1.5;

	text-align: center;

	margin-right: 20px;

	}



#mainEvents ul {

	list-style-type: none;

	}

	



	

#mainEvents h2 {

	font-variant: small-caps;

	}

	

#mainLightbox {

	text-align: center;

	}

	

#mainLightbox img {

	padding-top: 1px;

	padding-bottom: 10px;

	padding-left: 5px;

	padding-right: 5px;

	background-color: #000000;

	/*border-width: 2px;

	border-top-width: 1px;

	border-style: solid;

	border-color: #FFCC00;*/

	}

	

#citylogo {

	width: 96px;

	height: 98px;

	float: right;

	margin-right: 100px;

	}

#clearLogo{

	clear: right;

	}

	

#picture {

	float: right;

	padding: 10px;

	}

/************** D4 Classes ****************/



.rule{

	color: #551001;

	width: 90%;

	margin-left: auto;

	margin-right: auto;

	}

	

.singleColumnBody{

	padding-left: 10px;

	padding-right: 10px;

	}

	

.center{

	text-align: center;

	}

			

.padding{

	padding-left: 50px;

	}

	

.hugePadding{

	padding-left: 100px;

	}

	

.superPadding{

	padding-left: 150px;

	}



.border {

	border: solid;

	border-color: #000000;

	border-width: 2px;

	}
.bold_border {
	font-weight: bold;
	border: 2px solid #000000;
	font-size: 20px;
	color: #000000;
}




.list{

	list-style-type: none;

	}

	

.bold{

	font-weight: bold;

	}



/************** E5 Anchors ****************/