/*
Theme Name: HBSMCC
Theme URI: http://hbsmcc.com/
Description: HBSMCC Themes
Version: 1.0
Author: Neuro Designs
*/

@import url("_styles_reset.css");

/* IE Warning */
#IEWarning {
	width: 100%;
	background: #f00;
	clear: both;
	padding: 10px 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	}
	
	#IEWarning a:link, #IEWarning a:visited{
		font-weight: bold;
		color: #fff;
		}
		
		#IEWarning a:hover {
			color: #fff;
			text-decoration: underline;
			}

/* General Settings */
body {
	background: #eaeaea;
	font: 10px/20px arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	}

img {
	vertical-align: middle;
	}
	
a:link, a:visited {
	font-weight: bold;
	color: #006;
	text-decoration: none;
	}
	
	a:hover {
		color: #999;
		}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	}

h2 {
	font-size: 1.8em;
	}

h3 {
	margin-bottom: 10px;	
	font-size: 1.4em;
	}
	
h4 {
	font-size: 1.2em;
	margin-bottom: 0px;
	}
	
p {
	margin-bottom: 10px;
	font-size: 1.2em;
	}
	
strong {
	font-weight: bold;
	}
	
em, cite {
	font-style: italic;
	}
	
small {
	font-size: 0.9em;
	}

input.defaultText, textarea.defaultText, select {
	background: #eee;
	padding: 4px;
	border: 1px solid #ccc;
	font-size: 1em;
	}
	
	select {
		border: 1px solid #be1e2d;
		}
	
input.defaultButton {
	background: #be1e2d;
	padding: 5px 10px;
	border: 0px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
	input.defaultButton:hover {
		background: #999;
		}
		
/* Additional Classes */

.nomargin {
	margin: 0px;
	}
	
.divider {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	font-size: 1px;
	line-height: 1px;
	}
	
/* Layout Settings */

#memberMenu {
	width: 100%;
	min-width: 950px;
	overflow: hidden;
	clear: both;
	font-size: 1.2em;
	color: #666;
	background: #fff;
	}
	
	#memberMenu ul {
		width: 950px;
		padding: 7px 10px 5px 10px;
		margin: 0px auto;
		overflow: hidden;
		}
		
		#memberMenu ul li {
			float: right;
			}
			
			#memberMenu ul li img {
				margin-top: -2px;
				margin-right: 2px;
				}

#header {
	width: 100%;
	min-width: 970px;
	height: 109px;
	background: url("images/bg_header.png") repeat-x;
	}
	
	#header .plc {
		width: 970px;
		margin: 0px auto;
		overflow: hidden;
		}

		h1 {
			width: 145px;
			height: 70px;
			margin-top: 15px;
			margin-left: 15px;
			float: left;
			}
	
			h1 a {
				display: block;
				width: 145px;
				height: 70px;
				background: url("images/logo.png") 0 0 no-repeat;
				margin: 0px;
				text-align: left;
				text-indent: -80000em;
				text-decoration: none;
				}
				
		#header #menu {
			width: 810px;
			height: 93px;
			float: right;
			margin-top: 4px;
			text-transform: lowercase;
			}
			
			#header #menu ul {
				overflow: hidden;
				}
				
				#header #menu ul li {
					float: right;
					margin-left: 1px;
					}
					
					#header #menu ul li a:link, #header #menu ul li a:visited {
						height: 73px;
						color: #fff;
						font-size: 16px;
						font-weight: normal;
						display: block;
						padding: 38px 10px;
						}

						#pgHome #header #menu ul li a#linkHome:link, #pgHome #header #menu ul li a#linkHome:visited,
						#pgCase #header #menu ul li a#linkCase:link, #pgCase #header #menu ul li a#linkCase:visited,
						#pgDirectory #header #menu ul li a#linkDirectory:link, #pgDirectory #header #menu ul li a#linkDirectory:visited,
						#pgRecruiters #header #menu ul li a#linkRecruiters:link, #pgRecruiters #header #menu ul li a#linkRecruiters:visited,
						#pgOfficers #header #menu ul li a#linkOfficers:link, #pgOfficers #header #menu ul li a#linkOfficers:visited,
						#pgCalendar #header #menu ul li a#linkCalendar:link, #pgCalendar #header #menu ul li a#linkCalendar:visited,
						#pgAbout #header #menu ul li a#linkAbout:link, #pgAbout #header #menu ul li a#linkAbout:visited
							{
							background: url("images/bg_menu_hover.png") repeat-x;
							border-left: 1px solid #163c70;
							border-right: 1px solid #163c70;
							padding: 38px 9px;
							}

							#header #menu ul li a:hover {
							background: url("images/bg_menu_hover.png") repeat-x;
							border-left: 1px solid #163c70;
							border-right: 1px solid #163c70;
							padding: 38px 9px;
							}
	
#contents {
	width: 970px;
	background: url("images/bg_contents.png");
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	clear: both;
	}
	
	#contents .contentsTop {
		width: 970px;
		height: 5px;
		background: url("images/bg_contents_top.png") no-repeat;
		}

	#contents .contentsBottom {
		width: 970px;
		height: 15px;
		background: url("images/bg_contents_bottom.png") no-repeat;
		}
		
	#contents #mainImage {
		width: 940px;
		height: 282px;
		margin: 10px auto;
		}
	
	#contents #column {
		width: 580px;
		float: left;
		font-size: 1em;
		padding-left: 25px;
		margin-top: 10px;
		}
		
		#contents #column h2 {
			font: 2.4em normal Times New Roman, serif;
			color: #006;
			margin-bottom: 15px;
			}

		#contents #column h3 {
			font: 1.8em normal Times New Roman, serif;
			color: #006;
			margin: 0px;
			margin-top: 20px;
			}

		#contents #column h4 {
			margin: 0px;
			font: 1.5em normal Times New Roman, serif;
			color: #006;
			}
	
	#contents h2.pageTitle {
		font: 2.8em normal Times New Roman, serif;
		background: #a10000;
		color: #fff;
		padding: 10px 20px;
		width: 920px;
		margin: 0px auto;
		}	
				
	#contents #sidebar {
		width: 320px;
		padding-right: 15px;
		float: right;
		font-size: 1.1em;
		}
		
		.calendarSidebar {
			width: 320px;
			background: url("images/bg_calendar_sidebar.png") repeat-y;
			}
			
			.calendarSidebar h3 {
				width: 320px;
				height: 55px;
				background: url("images/bg_calendar_sidebar_top.png");
				text-align: left;
				text-indent: -80000em;
				display: block;
				}
			
			.calendarSidebar ul {
				padding: 0px 25px;
				width: 270px;
				font-size: 0.9em;
				}
				
				.calendarSidebar ul li {
					background: #113068;
					color: #fff;
					margin-bottom: 2px;
					padding: 10px;
					}
					
					.calendarSidebar ul li a:link, .calendarSidebar ul li a:visited {
						color: #fff;
						}
						
						.calendarSidebar ul li a:hover {
							color: #547bc0;
							}

					.calendarSidebar ul li p {
						margin: 0px;
						}
					
					.calendarSidebar ul li span.date {
						font-style: italic;
						font-size: 1.2em;
						}
			
			.calendarSidebar p.seeMore {
				text-align: right;
				background: url("images/bg_calendar_sidebar_bottom.png") bottom no-repeat;
				margin: 0px;
				padding: 5px 25px 20px 25px;
				}
				
				.calendarSidebar p.seeMore a:link, .calendarSidebar p.seeMore a:visited {
					color: #fff;
					font-style: italic;
					}

					.calendarSidebar p.seeMore a:hover {
						color: #547bc0;
						}

#footer {
	width: 920px;
	margin: 0px auto;
	margin-bottom: 20px;
	font-size: 0.8em;
	padding: 0px 25px;
	color: #999;
	}
	
	#footer p {
		margin: 0px;
		}
	
	#footer a:link, #footer a:visited {
		font-weight: bold;
		color: #999;
		}
		
		#footer a:hover {
			color: #333;
			}


#searchform {
	padding: 15px 10px 0px 10px;
	}

.navigation {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 1.1em;
	}
	
	.navigation .alignleft {
		width: 45%;
		float: left;
		}
	
	.navigation .alignright {
		width: 45%;
		float: right;
		text-align: right;
		}




.post h4 {
	margin-bottom: 20px;
	font-weight: normal;
	font-style: italic;
	}

p.download {
	padding-left: 20px;
	background: url("images/icon_pdf.gif") no-repeat;
	}
	
.recruiterRow {
	padding: 10px 10px;
	background: #eee;
	margin-bottom: 5px;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
	.recruiterRow .left {
		width: 35%;
		float: left;
		}
		
		#contents #column .recruiterRow .left h3 {
			margin: 0px;
			}
		
	.recruiterRow .right {
		width: 60%;
		float: right;
		}
		
.homepageAd {
	width: 580px;
	overflow: hidden;
	margin-top: 20px;
	}
	
	.homepageAd .left {
		float: left;
		width: 280px;
		}
	
	.homepageAd .right {
		float: right;
		width: 280px;
		}
		
	.homepageAd h4 {
		font-weight: bold;
		margin: 0px;
		}
		
a.homepageSignUp:link, a.homepageSignUp:visited {
	background: #be1e2d;
	padding: 5px;
	border: 0px;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
	a.homepageSignUp:hover {
		background: #999;
		}


.calendarRow {
	padding: 10px 10px;
	background: #eee;
	margin-bottom: 5px;
	overflow: hidden;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
	
	.calendarRow .left {
		width: 35%;
		float: left;
		}
				
	.calendarRow .right {
		width: 60%;
		float: right;
		}

		#contents #column .calendarRow .right h3 {
			margin: 0px;
			font-size: 1.5em;
			}




/* Membership Payment Settings */

.pay {
	width: 605px;
	margin: 100px auto;
	overflow: hidden;
	text-align: center;
	}
	
	.pay h2 {
		font: 2.4em normal Times New Roman, serif;
		color: #006;
		}

	.pay h3 {
		font: 1.8em normal Times New Roman, serif;
		color: #006;
		}

	.pay h4 {
		margin-bottom: 30px;
		}
	
	.pay .payModule {
		width: 280px;
		text-align: center;
		background: #fafafa;
		border: 1px solid #eaeaea;
		padding: 9px;
		margin: 0px auto;
		margin-bottom: 5px;
		}
			
	.pay .payButton {
		background: #be1e2d;
		padding: 10px;
		border: 0px;
		font-size: 1.5em;
		font-weight: bold;
		color: #fff;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		}
		
		.pay .payButton:hover {
			background: #999;
			}