/* ----------------------------------------------
	WRANGLER Style
    v. 05-1
------------------------------------------------- */
   
/*  Basic Settings
------------------------------------------------- */
   
html {min-width:820px; font-size:100.001%} 
body          { font-family: "Century Gothic"; text-align: center; border-style: none; border-color: ; outline-width: 0 }

/*  Basic Typography
------------------------------------------------- */


h1 {
	 color: #000; 
	 font-size: 12px; 
	 font-family: "Century Gothic"; 
	 font-style: normal; 
	 font-weight: normal; 
	 font-stretch: normal; 
	 text-transform: lowercase;
	 margin: 0; 
	 padding: 0;
}



h2   { 
color: #000; 
font-size: 14px; 
font-family: "Century Gothic", Arial, sans-serif; 
font-weight: normal; 
text-transform: capitalize; 
letter-spacing: 2px; 
padding-top: 0px; 
padding-bottom: 12px; 
border-bottom: 1px solid #ddd;
margin-top: 20px; 

}


h3       { color: #5c5c5c; font-size: 14px; font-family: "Century Gothic", Arial, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; margin-top:20px; }
h4 { color: #000; font-size: 14px; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal; text-transform: capitalize; letter-spacing: 2px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }
/* Links
----------------------------------------------- */
a:link                     { color: #666; font-weight: normal; text-decoration: none; border-bottom: 1px none }
a:visited            { color: #666; font-weight: normal; text-decoration: none }
a:hover       { color: #000; text-decoration: underline; border-bottom: 1px none #000 }

/* -------------------------------------------------------------------------------- */
/* ---------------------- STRUCTURE ------------------------------------------------- */
/* -------------------------------------------------------------------------------- */	
/* 	Page Structure - IDs
------------------------------------------------- */

#wrapper {
	
	width: 860px;
	margin: 0 auto; 
	
		position: relative; 
}

#header      {
	width: 860px; 
	height:124px; 
	float: left;
	text-align: right;
	background-image: url(default2/bg_header.jpg);
	background-repeat: no-repeat;	

	
}

#container-wide    { 
	width: 860px;   
	min-height: 400px;
	text-align: left; 	
	padding: 0; 
	position: relative;  
	border: solid 1px #ddd;
	
}

	.content {padding: 20px 0;}

#containerTop {
	width: 860px;
	height:16px;
	background-image: url(default2/top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}


#logo      {
	width: 860px; 
	height:124px; 
	float: left;
	background-image: url(default2/bg_header.jpg);
	background-repeat: no-repeat;	
	
}


#container    { 
	width: 860px;   
	font-size: 12px; 
	font-family: "Century Gothic", Arial, sans-serif; 
	background: white url(default2/middle.gif) repeat-y center; 
	text-align: left; 
	
	padding: 0; 
	position: relative;  
	border-width: 1px 
	
}





#col1 {float:left; width:270px;height:100%; }
#col23 {float:right; width:564px;height:100%;}
#col2 {float:left; width:270px;height:100%;}
#col3 {float:right; width:270px;height:100%;}


#containerBottom{
	width: 860px;
	height:16px;
	background-image: url(default2/bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 20px;
}

/* 	Footer
------------------------------------------------- */	
#footer { 
	font-size: 11px; 
	text-align: left; 
	padding-top: 10px; 
	!important; width: 860px; 
	clear: both; 
	border-top: 1px solid #c0c0c0 
	}
	



/* 	Utilities - Classes
------------------------------------------------- */

.clearer {
clear:both;
}

/* -------------------------------------------------------------------------------- */
/* ---------------------- CONTENT ------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* 	Typography - Classes
------------------------------------------------- */

.article{
	font-size: 12px; 
	 font-family: "Century Gothic", sans-serif; 
	font-weight: normal; 
	text-align: left; 
	padding-top: 0; 
	}


.contactfooter  { 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: right; 
	 }
.footerlinks  { 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: right; 
	 }

/* 	Images
------------------------------------------------- */

.f_right {float:right; padding-left:10px;padding-bottom:10px;}



/* -------------------------------------------------------------------------------- */
/* ---------------------- MODULES ------------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/* 	News
------------------------------------------------- */
.news {font-size: 12px;line-height: normal;}
.news h4 {color:#CCC;font-size: 12px;} 
.newsdetails {font-size: 9px;	color: #CCCCCC;
}
/* 	Calendar
------------------------------------------------- */
.events {font-size: 12px;line-height: normal;}
.events p {margin:0px;}
.calendar_widget {padding-top:20px;}
table.calendar {font-size: 12px;display: table;	background-color: #F0F0F0;margin: 0px;border: 0px; border-collapse: collapse;}
table.calendar th {	padding:2px;color: #CCCCCC;}
table.calendar td {padding:2px;dispay:block;text-align:center;color: #CCCCCC;background-color: #FFF;}
table.calendar td:hover {dispay:block;background-color: #DFD8FF;}
table.calendar td a {color: #391575;dispay:block;width:100%;height:100%;}
table.calendar td a:hover {font-weight:bold;dispay:block;text-decoration:none;}
table.calendar td.empty_day:hover {dispay:block;background-color: #FFF;}
/*    MP3s 
------------------------------- */
.mp3_actions {color:#333;}
.mp3_notes {margin-bottom:20px;}


/* -------------------------------------------------------------------------------- */
/* ---------------------- NAVIGATION ---------------------------------------------- */
/* -------------------------------------------------------------------------------- */

/*    Top Nav 
------------------------------- */
.article-pagenav {float: right; background-color: #f1f1f1; padding: 2px 10px;}

/*    Top Nav 
------------------------------- */
#topnav {margin-left:auto;margin-right:0px;	margin-top:40px;margin-bottom:0px;float: left;	padding-top:18px;	}
#topnav ul {	margin-left:0;	padding-left:0;	}
#nav li {float: left;list-style: none;	}
#nav a {	font-family: Helvetica, Arial, sans-serif;	color: gray;	font-size: 14px;	font-variant: small-caps;	font-weight: normal;	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 1px;
	display: inline;
	margin: 0;
	padding-bottom: 1px;
	padding-right: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	}
#nav a:hover {
	 color: #000; 
	 visibility: visible; 
	
	 border-style: dotted none; 
	 border-width: 1px medium; 
	 border-color: #ccc; 
	 outline-width: 1px; 
	 outline-color: silver	;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	 
	 }
	 
#nav a.active:hover, #nav li.firstitem a.active:hover {
	 color: #000; 
	 visibility: visible; 
	 border-style: dotted none; 
	 border-width: 1px medium; 
	 border-color: #ccc; 
	 outline-width: 1px; 
	 outline-color: silver	;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	 
	 } 
#nav a.active, #nav a.active:hover  {
	 color: #000; 
	 visibility: visible; 
	 padding-bottom: 1px; 
	 border-style: dotted none; 
	 border-width: 1px medium; 
	 border-color: #ccc; 
	 outline-width: 1px; 
	 outline-color: silver	;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	 
	 } 
	 
#nav li.firstitem a.active {
	 color: #000; 
	 visibility: visible; 
	 padding-bottom: 1px; 

	 border-style: dotted none; 
	 border-width: 1px medium; 
	 border-color: #ccc; 
	 outline-width: 1px; 
	 outline-color: silver	;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	 
	 } 


#nav li.firstitem a {
	border-left: 1px solid #FFFFFF;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 1px;
	}


#nav a:hover, #nav li.firstitem a:hover { 
	color: silver; 
	border-top: 1px dotted #c0c0c0; 
	border-bottom: 1px dotted #c0c0c0; 
	outline-width: 1px; 
	outline-color: #c0c0c0 
	}