/* CSS Document */





{
padding: 0;
margin: 0;
border: 0;
}
body{
background-color: #262425; 
font-family: Arial, Tahoma, sans-serif; 
text-align: center; /*** Centers the design in old IE versions ***/
}
body {
font-size: 80%;
}

p {padding: 3px 3px 3px 0px;
font-family: Arial, Tahoma, sans-serif;
font-size: 13px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
	

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.entry1{margin-left: 30px;}
.contentsingle p{margin-left: 0px;}

a {
color: #000099;
background-color: none;
}

a:hover, a:active {
color: #000099;
text-decoration: none;
background-color: none;
}
a img:{ border: 2px;
border-color: #A9A9A9;}

h1, h2 {
font-weight: bold;
padding-bottom: 5px;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 24px;
padding-left: 30px;
font-size: 24px;
color: #740a05;
background-color: none;
}

#content h2 a{
font-size: 24px;
color: #740a05;
background-color: none;
text-decoration: none;
}

h2.pagetitle{
font-size: 24px;
}

h3, h3 a, h3 a:active,h3 a:visited, h3 ul, h3 li  {
font-family: Trebuchet MS, Tahoma, sans-serif;
padding-top: 10px;
padding-left: 0px;
font-size: 1.3em;
color: #740a05;
background: none;
padding-bottom: 2px;
}

h3 a:hover {
font-family: Trebuchet MS, Tahoma, sans-serif;
padding-top: 10px;
padding-left: 0px;
font-size: 1.3em;
color: #a62923;
background: none;
padding-bottom: 2px;
}



h4, h4 a, h4 a:active, h4 a:hover, h4 ul, h4 li  {
padding-left: 15px;
font-weight: bold;
font-size: 1.3em;
color: #740a05;
background-color: none;
}


h1 a, #header h2{
color: #fff;
}

#timestamp {
font-size: 1em;
padding-left: 30px;
}


#wrapper {
width: 1028px;
margin: 0 auto; /*** Centers the design ***/


text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}


body#home div#wrapper {background-image: url(../images/homebg.jpg);}
body#rates div#wrapper {background-image: url(../images/ratesbg.jpg);}
body#members div#wrapper { background-image: url(../images/memberbg.jpg); }
body#facility div#wrapper { background-image: url(../images/facilitybg.jpg);}
body#resources div#wrapper { background-image: url(../images/resourcesbg.jpg); }
body#gallery div#wrapper { background-image: url(../images/photogallerybg.jpg);}
body#calendar div#wrapper { background-image: url(../images/calendarbg.jpg);}
body#contact div#wrapper { background-image: url(../images/contactbg.jpg);}


/**************************
HEADER
**************************/
#header {

float: left;

margin-left: 95px;

align: bottom;
width: 770px;

}

.headerimg{
height: 30px;
width: 200px;
float:right;
margin-top:81px;
background-color: #000000;

}

#pmclogo {position: absolute; 
float: left;
margin-left: -1px;
margin-top: -3px;
}


/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 165px;  
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {
width: 595px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 760px;
margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}

#container {
width: 745 px;
margin-left: 125px;
float: left; 
background:#bab8b9 url(navbg.jpg) repeat-y top left;
           }
           
           
#container222 {
width: 745 px;
margin-left: 125px;
float: left; 
background:#bab8b9 url(navbg.jpg) repeat-y top left;
           }           
 

.contentWrap {
padding: 20px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}


/**************************
content gallery
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/


 #content {
float: left;
width: 570px;
height: 100%;  

background: #E4E4E4;

}


#content p{
padding: 20px 30px 0px 30px ;
          }
          
#content a {
font-size: 13px;
font-family: Arial, Tahoma, sans-serif; 
color:#740a05; 
}

#content a:hover, a:active, a:visited {
color: #a62923;
text-decoration: none;
background: none;
font-family: Arial, Tahoma, sans-serif; 
}

          
          
#content2 {
float: left;
width: 350px;
height: 100%;  
padding: 17px 45px 0px 30px ;
background: #E4E4E4;
border-right:1px solid #5e0605;

}



#content2 a {
color:#740a05;
font-family: Arial, Tahoma, sans-serif;  
}

#content2 a:hover, a:active, a:visited {
color:#a62923;
text-decoration: none;
background: none;
font-family: Arial, Tahoma, sans-serif; 
}


#content2 p{
margin:20px 0px 0px 0px;
padding:20px -10px 0px 0px;
          }  
          
          
#sidebar {
float: left;
padding: 5px 5px 5px 20px ;
width: 170px;
height: 100%;  
background: #bab8b9;


} 

#sidebar a {
color: #48071b;
background: none;
font-size: 12px;
font-family: Trebuchet MS, Tahoma, sans-serif;
}
#sidebar a:hover {
color: #48071b;
font-size: 12px;
text-decoration: none;
background: none;
font-family: Trebuchet MS, Tahoma, sans-serif;
}

#sidebar a:active {
color: #434147;
font-size: 12px;
text-decoration: none;
background: none;
font-family: Trebuchet MS, Tahoma, sans-serif;
}
#sidebar li {
padding: 5px 0 5px 5px;
list-style-type: none;
}



                 
		  
		  
#eventsrss {
padding-left:28px;
           }
		   
#eventsrss h2{
padding: 0px 00px 0px 30px ;
          }			   		  
#eventcontent{
padding: 0px 30px 0px 30px ;
          }
	  			  		  

/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/


#leftsidebarcar {
float: left;
width: 125px;

background: url(image/leftsidebarcar.jpg) no-repeat top left;
 

padding: 0px;
}





#nav {
float: left;
width: 170px;
height: 100%;
display: block;
background: url(navbg.jpg) repeat-y top left;
font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
padding: 5px 0 0 0px;
height: 100%;


}
#nav ul{ margin-left: -25px;}

#nav li{
	padding: 7px 0px 5px 0px;
	background: url(steeringwheel.jpg) left no-repeat;
	list-style-type: none;
	text-indent: 20px;
	text-align: left;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 		
}

#nav ol{
    padding: 0px 0px 10px 0px;
    list-style-type: circle;
	text-indent: 30px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
	}



#nav a:link { 
	text-decoration: none; 
	color: #efefef;
	padding: 0px 0 0 0px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
    
  }
    


	
	
#nav a:visited { 
	 
	text-decoration: none; 
	color: #D4CDDC;
	padding: 0px 0 0 0px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
	
	}
#nav a:hover, a:active { 
    background-color:#C42319;
	text-decoration: none; 
	color: #ffffff;
	padding: 0px 0 0 0px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
	
	
	}
#nav img: {	
border: none;
padding-bottom: 12px;
}

/**************************
blog cat nav
**************************/

#blognav {
float: left;
width: 170px;
height: 100%;
display: block;
font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
padding: 5px 0 0 0px;
height: 100%;


}
#blognav ul{ margin-left: -25px;}

#blognav li{
	padding: 7px 0px 5px 0px;
	list-style-type: none;
	text-indent: 0px;
	text-align: left;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 		
}

#blognav ol{
    padding: 0px 0px 10px 0px;
    list-style-type: circle;
	text-indent: 30px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
	}



#blognav a:link {  
	color: #000099;
	padding: 0px 0 0 0px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
    
  }
    


	
	
#blognav a:visited { 
	 
	text-decoration: none; 
	color: #D4CDDC;
	padding: 0px 0 0 0px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
	
	}
#blognav a:hover, a:active { 
	text-decoration: none; 
	color: #ffffff;
	padding: 0px 0 0 0px;
	font-family: Trebuchet MS, Tahoma, sans-serif;
font-size: 12px; 
	
	
	}
#blognav img: {	
border: none;
padding-bottom: 12px;
}

/**************************
FOOTER
**************************/
#footer {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;
	background-color: #262425;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FF0000;
}
#footer a:link {
     font-family: Trebuchet MS, Tahoma, sans-serif;
     font-size: 12px;  
	text-decoration: none; 
	color: #bbbbbb;
	padding: 0px;
	
	}
#footer a:visited { 
	 font-family: Trebuchet MS, Tahoma, sans-serif;
     font-size: 12px;  
	text-decoration: none; 
	color: #D4CDDC;
	padding: 0px;
	}
#footer a:hover, a:active { 
font-family: Trebuchet MS, Tahoma, sans-serif;
     font-size: 12px;  
    background-color:#C42319;
	text-decoration: none; 
	color: #ffffff;
	padding: 0px;
	}
#footer p{
    color: #bbbbbb;
	padding: 0px;
	     }
		 
		 .aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}