/*master stylesheet - for container header, wrapper and footer*/
body {
background:#fff url(/images/bg2.gif) repeat-x top center;
font: 12px Arial, Helvetica, sans-serif;
color:#333; text-align:center; /*for IE*/
}

a:link, a:active, a:visited{
font: Arial, Helvetica, sans-serif;
color:#c33; text-decoration:none;
font-size:inherit;
}
a:hover{
font: Arial, Helvetica, sans-serif;
color:#333; text-decoration:underline;
font-size:inherit;
}

strong{
font-weight:bold;
}

.wrapper{
background:transparent url(/images/bg3.gif) repeat-y top center;
margin:0 auto; padding:0; width:920px; height:auto; 
}

.header{
background:transparent url(/images/header.jpg) no-repeat top center;
margin:0 auto; padding:0; width:920px; height:170px; 
}	
	.header h1{
	padding:150px 30px 0 0;
	font: 15px Arial, Helvetica, sans-serif;
	color:#c33; text-align:right; font-weight:bold;
	}
	
.top-title{
background:transparent url(/images/top.jpg) no-repeat top center;
margin:0 auto; padding:0; width:920px; height:31px;
}

.container{
background:transparent url(/images/bg4.gif) no-repeat top center;
margin:0 auto; padding:0; width:920px; min-height:100px; height:auto;
}
	.container:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}

.contents{
margin:0 auto; padding:0; width:700px; height:auto; float:left;
font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}
	.contents:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
	
.page-contents{
margin:0 20px 20px 20px; padding:0 15px 0 25px;
font:12px Arial, Verdana, sans-serif; color:#333;
}
	.page-contents h1{
	font:30px Arial, Helvetica, sans-serif;
	color:#333; text-align:left; font-weight:bold;
	}	
	.page-contents h2{
	font:27px Arial, Helvetica, sans-serif;
	color:#333; text-align:left; font-weight:bold;
	}	
	.page-contents h3{
	font:24px Arial, Helvetica, sans-serif;
	color:#333; text-align:left; font-weight:bold;
	}
	.page-contents h4{
	font:20px Arial, Helvetica, sans-serif;
	color:#333; text-align:left; font-weight:bold;
	}
	.page-contents h5{
	font:17px Arial, Helvetica, sans-serif;
	color:#333; text-align:left; font-weight:bold;
	}
	.page-contents h6{
	margin:10px 0; padding:0;
	font:13px Arial, Helvetica, sans-serif;
	color:#c33; text-align:left; font-weight:bold;
	border-bottom:1px solid #c33;
	}
	
	.page-contents p{
	margin:10px 0;
	}	
	.page-contents ul{
	margin:10px 0;
	list-style:disc;
	}	
	.page-contents li{
	margin:3px 15px;
	}
	.page-contents table{
	font: Arial, Helvetica, sans-serif; color:#333; 
	}
	table{
	font-size:inherit;
	}
	label{
	font-size:inherit;
	}
	span{
	font-size:inherit;
	}
	
/*banners */
.nass-banners{
margin:10px auto; padding:0; text-align:center; 
}
.nass-banners img{
padding-top:10px;
}
/*<!-- please add class="table-locations" for tables-->*/
.page-contents  .table-location{
margin:15px 0; padding:0 10px;
font: Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}	
.page-contents  .table-location input{
margin:0 0 0 15px; padding:2px; 
font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}
.page-contents  .table-location label{
padding:0 0 0 10px;
font: Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}
.page-contents .contactus-form{
margin:10px 0 15px 50px; padding:0; 
font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}
	.page-contents .contactus-form input{
	margin:0; padding:2px; 
	font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
	}	
	.page-contents .contactus-form textarea{
	margin:0; padding:2px; 
	font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
	}


.right-nav{
width:220px; height:auto; float:right;
font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}
	.right-nav:after {
	content: "."; display: block; 
	height: 0; clear: both; visibility: hidden;
	}
.menu-nav{
font: 12px Arial, Helvetica, sans-serif; color:#333; text-align:left; 
}
.menu-nav {
margin:10px 0;
}
.menu-nav li{
/* background:transparent url(/images/navbg1.gif) no-repeat top left; */
width:220px;
clear:both;
overflow:hidden;
}
.menu-nav li:hover{
/* background:transparent url(/images/navbg1_2.gif) no-repeat top left; */
width:220px;
}
.menu-nav a{
background:transparent url(/images/navbg1.gif) no-repeat top left;
text-decoration:none; display:block;
width:220px; height:35px; 
}
.menu-nav a:hover{
background:transparent url(/images/navbg1_2.gif) no-repeat top left;
text-decoration:none; display:block;
width:220px; height:35px;
}
.menu-nav a span{
font: 12px Arial, Helvetica, sans-serif; 
color:#000; text-align:left; font-weight:bold;
letter-spacing:0.4px;
padding:3px 0 0 25px; display:block;
}
.menu-nav li .active {
color:#c33;
}
.menu-nav a:hover span{
font: 12px Arial, Helvetica, sans-serif; 
color:#c33; text-align:left; font-weight:bold;
letter-spacing:0.4px;
padding:3px 0 0 25px; display:block;
}

.menu-nav .li-2 li{
width:150px;
float:left;
}
.menu-nav .li-2 a{
width:145px;
background:none;
float:left;
height:auto;
padding-bottom:10px;
padding-left:5px;
/*padding-left:10px;*/
}


.readability{
background:transparent url(/images/bg5.gif) no-repeat;
width:220px; height:120px;
}
.readability h1{
padding:10px 0 5px 20px;
font: 13px Arial, Helvetica, sans-serif; 
color:#000; text-align:left; font-weight:bold;
}
	.font-select{
	padding:5px 0 5px 20px;
	width:200px; height:20px;
	display:block;
	font: 12px Arial, Helvetica, sans-serif; 
	color:#000; text-align:left; 	
	}
		.font-select select{
		margin:0 0 0 5px;
		}
	
	.apples{
	padding:5px 0 5px 20px;
	width:200px; height:38px;
	display:block;
	font: 12px Arial, Helvetica, sans-serif; 
	color:#000; text-align:left; 	
	}
.footer{
background:transparent url(/images/footer.jpg) no-repeat top center;
margin:0 auto; padding:0; width:920px; height:50px; 
}
	.footer h1{
	padding:35px 0 0 30px;
	font: 10px Arial, Helvetica, sans-serif;
	color:#c33; text-align:left; 
	}
	.footer h1 a:link, .footer h1a:active, .footer h1 a:visited{
	font: 10px Arial, Helvetica, sans-serif;
	color:#c33; text-decoration:none;
	}
	.footer h1 a:hover{
	font: 10px Arial, Helvetica, sans-serif;
	color:#333; text-decoration:none;
	}

/*the-calendar*/
.the-calendar{
margin:15px 25px; padding:0;
}
	.the-calendar .year-nav{
	margin:20px 0; padding:0;
	}		
	.the-calendar .year-nav a{
	font: Arial, Helvetica, sans-serif;
	font-size:inherit;
	}	
	.the-calendar .year-nav span{
	padding:0 10px;
	font:18px Arial, Helvetica, sans-serif;
	color:#333; font-weight:bold;
	}
	.the-calendar h3{
	margin:15px 0 3px 0; padding:0;
	font:14px Arial, Helvetica, sans-serif;
	color:#333; font-weight:bold;
	border-bottom:1px solid #e8e8e8;
	}
	.the-calendar ul{
	margin:5px 10px 30px 10px; padding:0;
	}
	.the-calendar ul li a{
	padding:3px 0;
	}	
.calendar_item{
padding-left:60px;
}
	.calendar_item a:link, .calendar_item a:active, .calendar_item a:visited{
	color:#c33; text-decoration:none;
	}
	.calendar_item a:hover{
	color:#333; text-decoration:underline;
	}

/* Formatting Styles */ /* REMOVED by rjene */
/* ul.indent-list {
margin-left:20px;
}
.cal-months {
font-size:14px;
padding-left:40px;
}
.cal-prev,
.cal-next {
font-size:16px;
color:blue;
}
.cal-year {
font-size:16px;
font-weight:bold;
}
.calendar_item a {
color:blue;
}
 */
.mem-form-holder {
margin:25px 0 25px 150px; padding:25px 0;
width:280px; height:auto;
border:1px solid #e8e8e8;
}

.members {
margin:0 0 0 25px; padding:0 text-align:center;
overflow:hidden;
height:30px;
}
	.members-label {
	margin:0; padding:2px;
	float:left; width:80px;
	font-weight:bold;
	}
	.members-form {
	float:left;
	margin:0px;
	}

.members-form input {
margin:0; padding:2px;
border:1px solid #000;
font:12px Arial, Verdana, sans-serif;
color:#333;
}

.login-button {
width:100px;
align:left;
}

.contact-label { 
padding:0 0 0 15px;
width:100px;
height:30px;
}
.contact-enquiry {
padding:8px 0 0 15px;
width:100px;
}
.contact-enquiry-box {
padding-top:8px;
}