/*
	Style Index 	
	$1 - Site Structure Styles
	$2 - Navigation Styles
	$3 - sIFR Styles
	$4 - Text Styles
	$5 - Footer Styles
	$6 - Image Replacements
	$7 - sIFR Styles
	$100 - Clearfix Styles
*/

@import url("http://jb.pmhclients.com/home/reset_css");


/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/
li, dt, dd, p { font-size: 1.2em; line-height: 1.5em; }
ul, ol, dl { margin-bottom: 1.8em; }
p { margin-bottom: 1.5em; }
	
*:link, *:visited {text-decoration:none;}

a, a:link, a:visited {
color:#338483;
outline-color:invert;
outline-style:none;
outline-width:medium;
}

a:hover {
	text-decoration: underline;
}


body {
	font: 62.5%/1.5 Verdana, Helvetica, Arial, sans-serif;
	text-align:center;
	color: #333333;
	background-color: #242424;
}

#wrapper {
	text-align: left;
	width: 960px;
	background: #333333 url(http://jb.pmhclients.com/images/layout/bodysliver.jpg) repeat-y center top scroll;
	margin: 0pt auto;
}

	#header {
	width: 960px;
	margin: 0px auto;
	height: 146px;
	background-image: url(http://jb.pmhclients.com/images/layout/header2.jpg);
	background-repeat:no-repeat;
	background-position: center left;
	}
	
	#navigation {
	background: transparent url(http://jb.pmhclients.com/images/layout/nav-bg.jpg) no-repeat center top;
	}
		#nav {
		height: 40px;
		margin-bottom: 0px;
		padding: 0px 15px;
		}
	
		#nav li {
		float: left;
		/* background: url(http://jb.pmhclients.com/images/layout/navbg-divider.jpg) no-repeat right top; */
		border-left: 1px solid #ccc;
		}
		
		#nav li#first {
			border: none;
		}
		
		#nav li.join {
		float: right;
		color: #ffffff;
		/* background: url(http://jb.pmhclients.com/images/layout/navbg-hover.jpg) repeat-x center top; */
		background-color: #A7A171;
		}
		
		#nav li.join a:link, #nav li.join a:visited { color: #ffffff;}
		
		#nav li a:link, #nav li a:visited {
		display: block;
		color: #666;
		text-decoration: none;
		font-size: 14px;
		text-transform: uppercase;
		padding: 11px 20px;
		}
		
		#nav li a:hover{
		/* background: url(http://jb.pmhclients.com/images/layout/navbg-hover.jpg) repeat-x center top; */
		background-color: #A7A171;
		color: #000000;
		}

		#nav li.selected a:link, #nav li.selected a:visited {
		background-color: #A7A171;
		color: #000000;
		cursor: default;
		}
		
				


#content-wrapper {
	padding: 20px 50px;
}	

#sidebar {
	float:left;
	width: 225px;
}

#content {
	width: 575px;
	margin: 12px 0px; 
	float: right;
}
	#content div.about {
		background: transparent url(http://jb.pmhclients.com/images/layout/about_bg.jpg) no-repeat center top scroll;
		padding:18px 10px;
		
	}
	
	#about-nav {
		width: 170px;
		float: left;
	}
	
	#about-nav ul {
		margin: 10px;
	}
		#content .about #about-nav ul li {
			list-style-type: none;
		}
		
		#content .about #about-nav ul li a.selected {
			font-weight: bold;
			curser: default;
		}
		
	#about-content {
		width: 375px;
		float: right;
	}	

/* $1 - Update-Archive Styles ///////////////////////////////////////////////////////////////////////////////////*/
img.left {
float: left;
}

#update-content {
	width: 375px;
	float:left;
}


#content #update-archive {
	margin-top: 24px;
	width: 170px;
	float: right;
text-align:left;
}
	#content #update-archive ul li {
		list-style: none;
	}
	
.center {
	text-align: center;
	margin: 0pt auto 18px;
}

#footer {
	background: #333333 url(http://jb.pmhclients.com/images/layout/footer.jpg) no-repeat center bottom scroll;
	height: 13px;
                clear: both;
}

h1 {
	font-size: 30px;
	margin-bottom: 12px;
}

h2 {
	font-size: 24px;
	margin-bottom: 12px;
	color: #A7A171;
}

h3 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

h4 {
	font-size:14px;
	font-weight: bold;
	margin-bottom: 12px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

#content ul {
        margin-left: 20px;
}

#content ul li {
        list-style-type: disc;
        list-style-position: outside;
}
/* $1 - Pagination Styles ///////////////////////////////////////////////////////////////////////////////////*/
div.paginate {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #cccccc;
}

/* $1 - Fields ///////////////////////////////////////////////////////////////////////////////////*/

input, textarea {
border:1px solid #CCCCCC;
color:#333333;
font-family:'lucida grande','trebuchet ms';
font-size:11px;
padding:3px;
width:400px;
margin-bottom:12px;
}

input.checkbox {width:auto;}
#mailing_list input, #mailing_list textarea {
border:1px solid #CCCCCC;
color:#333333;
font-family:'lucida grande','trebuchet ms';
font-size:11px;
padding:3px;
width:200px;
margin-bottom:12px;
}
	#mailing_list .default {
		width: auto;
	}

/* $1 - Poster Information Styles ///////////////////////////////////////////////////////////////////////////////////*/
	
div.posted {
	padding: 10px;
	border: 1px solid #cccccc;
	margin-bottom: 18px;
	background-color: #EDEDED;
}
	.posted p {
	font-family:'lucida grande',tahoma,sans-serif;
	font-size:1em;
	margin-bottom: 0px;
	}
	.posted p span {
		display: block;
		float: right;
	}

.comments {
	padding: 10px 10px 0px 10px;
	border: 1px solid #cccccc;
	margin-bottom: 12px;
}

.author-comment {
	padding: 10px 10px 0px 10px;
	border: 1px solid #cccccc;
	margin-bottom: 12px;
	background-color: #EEF7FA;
}

.posterinfo {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0px;
}
.posttime {
	font-size: 12px;
	font-style: italic;
}

/* ================Photo Gallery================= */
	
.gallery_table th {
	clear:both;
	font-size: 30px;
	margin-bottom: 12px;
	padding:0pt;
	}

.gallery_table {margin:0pt;}

.gallery_table td {
	border-top:1px solid #CCCCCC;
	color:#646464;
	font-family:'lucida grande',tahoma,sans-serif;
	font-size:1.2em;
	text-align:center;
}

.gallery_table td.thumbs {
	padding:25px 24px 25px 0px;
}

.gallery_table .alternaterows {
	background-color:#F6F6F6;
	border-top:1px solid #CCCCCC;
}

div.title {margin-top:12px;}
div.paginate {
	border-top:1px solid #CCCCCC;
	padding:12px 0px 1px;
	text-align:center;
}


/* $100 - Clearfix Styles ///////////////////////////////////////////////////////////////////////////////////*/

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */