/*-----------------------------------------------
Cooper Design
Author:   Jason Cooper
Version:  Dex 1 2009
----------------------------------------------- */


/* Browser Resets
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {  
	margin: 0;
	padding: 0;  
	font-size: 100%;  
	}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}  


/* Global 
----------------------------------------------- */
h1 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 20px;
  	line-height: 24px;	
	}
h2 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
	}
h3 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 16px;
  	line-height: 20px;	
	}	

a:link, 
a:visited, 
a:active {
	color: #a12830;
    text-decoration: underline;
	}    
a:hover {
	color: #505050;
    text-decoration: none;
	}  

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

hr {
  border: none;
  background-color: #ffcd61;
  color: #ffcd61;
  height: 1px;
}

	
/* Header 
----------------------------------------------- */	
#topBar {
	text-align: left;
	color: #fff;
	height: 30px;
	line-height: 30px;
	width: 400px;
	float: left;
	}
	#topBar a:link, 
	#topBar a:visited, 
	#topBar a:active {
		color: #fff;
		text-decoration: none;
		}    
	#topBar a:hover {
		color: #a12831;
		text-decoration: none;
		} 
#audioBtn {
	float: right;
	text-align: right;
	width: 200px;
	position: relative;
	top: 4px;
	}
		

#header {
  	background:url('../media/headerBg.jpg') ;
	padding: 10px 10px 10px 20px;
	}
	#logo {	
		float: left;
		width: 110px;
		}
	#nav {
		float: right;
		width: 760px;
		position: relative;
		top: 10px;
		}
	#nav li{
		display: inline;
		border: solid 3px white
		text-align: center;
		float: left;
		padding: 0 3px 0 3px;
		margin: 0 0 0 0;
		color: #fff;
		font-size: 14px;
		font-family: helvetica, tahoma, sans-serif; 
		}
		#nav li a:link, 
		#nav li a:visited, 
		#nav li a:active {
			color: #fff;
			text-decoration: none;
			}    
		#nav li a:hover {
			color: #fff;
			text-decoration: none;
			}  
	


/* Navigation
----------------------------------------------- */

#navList a { overflow: hidden; }
#navList a:active {margin-top: 0px;}
#navList .on a,
#navList a:hover {background-position: bottom left !important; }

        .navAbout a  { background: url("../media/navAbout.jpg")   no-repeat; height: 132px; width: 76px; display: block;  }
        .navNews a  { background: url("../media/navNews.jpg")   no-repeat; height: 132px; width:  62px; display: block; }
        .navMusic a  { background: url("../media/navMusic.jpg")   no-repeat; height: 132px; width:  86px; display: block; }
        .navFilm a { background: url("../media/navFilm.jpg") no-repeat; height: 132px; width: 89px; display: block; }
        .navArt a  { background: url("../media/navArt.jpg")   no-repeat; height: 132px; width:  72px; display: block; }
        .navEvents a  { background: url("../media/navEvents.jpg")   no-repeat; height: 132px; width:  94px; display: block; }
        .navCommunity a  { background: url("../media/navCommunity.jpg")   no-repeat; height: 132px; width:  115px; display: block; }
        .navPhoto a  { background: url("../media/navPhoto.jpg")   no-repeat; height: 132px; width:  80px; display: block; }

        .navAboutSelected a  { background: url("../media/navAbout.jpg")   no-repeat; height: 132px; width:  76px; display: block; background-position: bottom left; }
        .navNewsSelected a   { background: url("../media/navNews.jpg")   no-repeat; height: 132px; width:  62px; display: block; background-position: bottom left; }
        .navMusicSelected a  { background: url("../media/navMusic.jpg")   no-repeat; height: 132px; width:  86px; display: block; background-position: bottom left; }
        .navFilmSelected a   { background: url("../media/navFilm.jpg")   no-repeat; height: 132px; width: 89px; display: block; background-position: bottom left; }
       .navArtSelected a { background: url("../media/navArt.jpg") no-repeat; height: 132px; width: 72px; display: block; background-position: bottom left; }
        .navEventsSelected a  { background: url("../media/navEvents.jpg")   no-repeat; height: 132px; width:  94px; display: block; background-position: bottom left; }
        .navCommunitySelected a  { background: url("../media/navCommunity.jpg")   no-repeat; height: 132px; width:  115px; display: block; background-position: bottom left; }	
        .navPhotoSelected a  { background: url("../media/navPhoto.jpg")   no-repeat; height: 132px; width:  80px; display: block; background-position: bottom left; }	

.navSep {
	background: url("../media/navSep.png")   no-repeat; 
	height: 3px; 
	width: 226px; 
	margin: 18px 0 18px 0;
	}

		
	
/* Body 
----------------------------------------------- */
body {
  	background-color: #efefef;
  	background-image: url("../media/bunnybg_blue.jpg");
  	font-family: verdana, helvetica, arial, sans-serif;
  	font-size: 11px;
  	line-height: 18px;
  	color: #232323;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 960px;
	}
	
#mainHome {
  	background-color: #fff;
  	text-align: left;
  	font-size: 11px;
	}	
	#services {
		background: url('../media/homeBg.jpg') no-repeat top right;
		height: 343px;
		padding: 20px 0 0 0; 
		
		}
		#services .txt {
			float: right;
			width: 450px;
			font-family: helvetica, tahoma, sans-serif;
			font-size: 18px;
			line-height: 24px;
			color: #171717;
			margin: 0 40px 0 0;
			}
			.ppp {
				font-family: georgia, serif;
				font-size: 25px;
				color: #226c79;
				font-style:italic
				}
			#servicesList {
				line-height: 22px;
				}
				#servicesList li {
					font-size: 14px;
					padding-left: 10px;
					background-image: url('../media/arrow.gif');
					background-repeat: no-repeat;
					background-position: 0 .5em;
					}
		
	#mission {
		padding: 0 20px 20px 40px;
		line-height: 19px;
		}
		#lNews {
			float: left;
			font-size: 12px;
			}
			
	#lNews div {
		margin: 0;
		padding: 0;
		}
			
		#mission .txt {
			float: right;
			width: 660px;	
			font-size: 12px;
			}
	
#mainSub {
  background: #fff url('../media/subBg.jpg') repeat-y top left;
  	text-align: left;
  	font-size: 11px;
	}	
	#subCol1 {
		float: left;
		width: 170px;
		padding: 20px;
		}
	#subCol2 {
		float: right;
		width: 710px;
		padding: 20px 20px 20px 10px;
		}
		
#sideCol {
	text-align: center;
	}
	
#news {
	text-align: center;
	margin: 20px 0 0 0;
	width: 100%
	}
	.newsHeader {
		font-family: helvetica, tahoma, sans-serif;
		font-size: 21px;
		color: #fff;
		margin: 20px 0 20px 0;
		padding: 0 0 0 20px;
		text-align: left;
		background-color: #86aeb3;
		height: 36px;
		line-height: 36px;
		}
		
#slideshow {
	float: left;
	width: 444px;
	}
		

			
		
/* Form
----------------------------------------------- */	
#mailingList{
	line-height: 24px;
	margin: 30px 0 0 0;
	}


#mailingList input {
	padding: 4px;
	background-color:#f7f7f7;
	margin: 0 0 10px 0;
	}

#mailingList textarea {
	background-color:#f7f7f7;
	}

label {
	width: 11em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
	}

.submit input {
	width: 75px;
	}	
			
	
/* Misc.
----------------------------------------------- */	
.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
.imgRight {
	float: right;
	padding: 0 20px 20px 0;
	}

.justify {
	text-align: justify
	}

.listing {
	font-size: 13px;
	line-height: 20px;
	}

.list {
	list-style-type: square;
	padding: 0 0 0 17px;
	}
	
.list2 {
	list-style-type: square;
	padding: 0 0 0 50px;
	}
	
.thumb {
	border: 1px solid #d0d0d0;
	padding: 4px;
	}

.thumb:hover{
	background-color: transparent;
	border: 1px solid #941023
	}	
	

/* Footer 
----------------------------------------------- */
#footer {
  	background:url('../media/headerBg.jpg') ;
	height: 130px;
	padding: 20px 20px 20px 40px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	}	
	#footer a:link, 
	#footer a:visited, 
	#footer a:active {
		color: #fff;
		text-decoration: none;
		}    
	#footer a:hover {
		color: #b4ac39;
		text-decoration: none;
		}  
	
	#footerNav {
		height: 120px;
		float: left;
		width: 280px;
		background: url('../media/sepBg.jpg') repeat-y top right;
		line-height: 28px;
		}
		.col1 {
			float: left;
			text-align: left;
			width: 120px;
			}
		.col2 {
			float: left;
			text-align: left;
			width: 140px;
			}	
	#socialMedia{
		height: 120px;
		text-align: left;
		padding: 0 0 0 25px;
		float: left;
		width:290px;
		background: url('../media/sepBg.jpg') repeat-y top right;
		}
		#socialMedia img {
			padding: 0 9px 0 0;
			}
		
	#address{
		float: left;
		width: 270px;
		text-align: left;
		padding: 0 0 0 25px;
		line-height: 15px;
		}
		
		
	#copyright {
		float: left;
		width: 500px;
		padding: 5px 0 0 0;
		color: #fff;
		text-align: left;
		}
		
	#coop {
		float: right;
		width: 400px;
		padding: 5px 0 20px 0;
		text-align: right;
		color: #fff;
		}
	#coop a:link, 
	#coop a:visited, 
	#coop a:active {
		color: #fff;
		text-decoration: underline;
		}    
	#coop a:hover {
		color: #a12831;
		text-decoration: none;
		}