/*Globals & Misc.*/

html * {
  padding:0;
  margin:0;
  border:0;
}
html,body,div,p,ul,li {
	font-family: Arial, Helvetica, sans-serif;
  color: #484848;
	font-weight:normal;
	font-size:12px;
}
body {
  margin:0px;
  padding:0px;
 	background: #f3f3f3 url('images/topbak.gif') repeat-x top left;
}
span.textalt {
	 display: block;
	 overflow: hidden;
	 text-indent: -9999px;
}
.float-left {
  float:left;
}
.float-right {
  float:right;
}
h1,h2,h3 {
color:2f2f2f;
}

h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 17px;
}
a.lightblue,
.font-lightblue {
	color:#009ebf;
	text-decoration:none;
}
a.red,
.font-red,
ul.links li a,
a {
color:#993333;
text-decoration:none;
}
a.yellow,
.font-yellow {
	color:#f6d34b;
	text-decoration:none;
}
a.white,
.font-white {
	color:#fff;
	text-decoration:none;
} 
a:hover,
a.white:hover,
a.yellow:hover,
a.lightblue:hover,
a.red:hover,
ul.links li a:hover {
	text-decoration:underline;
} 
.clear {
	clear:both;
}
.font-10 {
	font-size:10px;
}
.font-12 {
	font-size:12px;
}
.font-14 {
	font-size:14px;
}
.font-18 {
	font-size:18px;
}
.frame {
	border:#163159 solid 1px;
}
.height-50 {
	height:50px;
}
/*MAIN*/

.main {
	padding:5px 0 0px 0;
	text-align:center;
}
.main div.container {
	width:935px;
	margin:0px auto;
	padding:0px;
}

/*HEADER*/

.main div.container div.header {
  	width:935px;
  	padding:0px;
  	margin:0px;
}
.main div.container div.header div.top {
	width:935px;
	height:162px;
}
.main div.container div.header div.top div.left {
	width:535px;
	height:162px;
	float:left;
}
.main div.container div.header div.top div.right {
	width:400px;
	height:162px;
	float:right;
}
 		
		/* TOP LINK BAR */
	.main div.container div.header div.top div.right div.toplinkbar {
		width:240px;
  	height:25px;
		float:right;
		margin-top:77px;
  	}

 	  /* MEMBER */
		.main div.container div.header div.top div.right div.toplinkbar a.MEMBER {
			float:left;
    	background-image:url('images/nav-MEMBER.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:107px;
			height:25px;
    	text-decoration:none;
    }
		.main div.container div.header div.top div.right div.toplinkbar a.MEMBER:hover {
    	background-position:-107px 0;
    	text-decoration:none;
    }
		
		/* VOLUNTEER */
		.main div.container div.header div.top div.right div.toplinkbar a.VOLUNTEER {
			float:left;
    	background-image:url('images/nav-VOLUNTEER.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:74px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.top div.right div.toplinkbar a.VOLUNTEER:hover {
    	background-position:-74px 0;
    	text-decoration:none;
    }
		
		/* EVENTS */
		.main div.container div.header div.top div.right div.toplinkbar a.EVENTS {
			float:left;
    	background-image:url('images/nav-EVENTS.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:59px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.top div.right div.toplinkbar a.EVENTS:hover {
    	background-position:-59px 0;
    	text-decoration:none;
    }


/* NAV MENU */
.main div.container div.header div.nav{
	width:935px;
	height:25px;
}

 	  /* HOME */
		.main div.container div.header div.nav a.HOME {
			float:left;
    	background-image:url('images/nav-HOME.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:64px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.HOME:hover {
    	background-position:-64px 0;
    	text-decoration:none;
    }
		
		/* ABOUT US */
		.main div.container div.header div.nav a.ABOUT {
    	float:left;
			background-image:url('images/nav-ABOUT.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:77px;
			height:25px;
    	text-decoration:none;	
			margin:0px;
    }
		.main div.container div.header div.nav a.ABOUT:hover {
    	background-position:-77px 0;
    	text-decoration:none;
    }
		
		/* NEWS */
		.main div.container div.header div.nav a.NEWS {
    	float:left;
			background-image:url('images/nav-NEWS.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:56px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.NEWS:hover {
    	background-position:-56px 0;
    	text-decoration:none;
    }
		
		/* PHOTOS */
		.main div.container div.header div.nav a.PHOTOS {
    	float:left;
			background-image:url('images/nav-PHOTOS.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:66px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.PHOTOS:hover {
    	background-position:-66px 0;
    	text-decoration:none;
    }
		
		/* LINKS */
		.main div.container div.header div.nav a.LINKS {
    	float:left;
			background-image:url('images/nav-LINKS.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:56px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.LINKS:hover {
    	background-position:-56px 0;
    	text-decoration:none;
    }
		
		/* CONTACT */
		.main div.container div.header div.nav a.CONTACT {
    	float:left;
			background-image:url('images/nav-CONTACT.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:68px;
			height:25px;
    	text-decoration:none;	
    }
		.main div.container div.header div.nav a.CONTACT:hover {
    	background-position:-68px 0;
    	text-decoration:none;
    }
		
		/* ALARMS */
		.main div.container div.header div.nav span.alarms {
			float:left;
			background-image:url('images/headnav-alarms.png');
			background-repeat:no-repeat;
			background-position:0 0;
			width:366px;
			height:25px;
			text-align:center;
			font-weight:bold;
			color:#fff;
			padding-top:5px;
		}
		
/*MIDDLE*/
.main div.container div.banner-home {
	width:935px;
	height:355px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image: url('images/home-banner.png');
	margin-top:0px !important;
	margin-top:-15px;
}		
		/* INTERIOR PAGES */
    .main div.container div.middle-interior {
    	width:935px;
    	text-align:left;
			margin-top:0px !important;
			margin-top:-15px;
    }
		/*LEFT COLUMN*/
		.main div.container div.middle-interior div.leftcol {
    	width:182px;
    	text-align:left;
			float:left;
    }
		.main div.container div.middle-interior div.leftcol div.leftcol-top {
    	width:182px;
    	height:16px;
			background-repeat:no-repeat;
			background-position:top left;
			background-image: url('images/sidebar-top.png');
			margin-top:-5px !important;
			margin-top:0px;
    }
		.main div.container div.middle-interior div.leftcol div.leftcol-middle {
    	width:182px;
			height:200px;
    	text-align:left;
			background-repeat:repeat-y;
			background-position:top left;
			background-image: url('images/sidebar-bak.png');
			color:#fff;
			padding:0 15px 0 15px;
    }
		.main div.container div.middle-interior div.leftcol div.leftcol-middle p {
    	background-color:#f9f07a;
			width:150px;
			height:15px;
			margin:0 0 10px 0;
			padding:3px;
			text-align:center;
			border:#fff solid 1px;
    }
		.main div.container div.middle-interior div.leftcol div.leftcol-middle a {
    	font-weight:bold;
			color:#000;
			text-decoration:none;
    }
		.main div.container div.middle-interior div.leftcol div.leftcol-middle a:hover {
			color:#fff;
    }
		.main div.container div.middle-interior div.leftcol div.leftcol-bottom {
    	width:182px;
    	height:20px;
			background-repeat:no-repeat;
			background-position:top left;
			background-image: url('images/sidebar-bot.png');
    }
		/*RIGHT COLUMN*/
		.main div.container div.middle-interior div.rightcol {
    	float:left;
			width:700px;
			padding:10px;
    }
		.main div.container div.middle-interior div.rightcol h1 {
    	border-bottom:#163159 solid 3px;
			width:435px;
			margin:0 0 10px 0;
    }
		.main div.container div.middle-interior div.rightcol p,
		.main div.container div.middle-interior div.rightcol p.border {
    	line-height:1.5em;
			padding:0 0 5px 0;
    }
		.main div.container div.middle-interior div.rightcol p.border {
			margin:0 0 10px 0;
			border-bottom:#ccc dashed 1px;
			clear:both;
    }
		.main div.container div.middle-interior div.rightcol .border-right {
			margin:0 20px 0 0;
			border-right:#ccc dashed 1px;
    }
		.main div.container div.middle-interior div.rightcol img.banner {
			margin:0 0 10px 0;
			border:#ccc solid 1px;
    }
		/*ABOUT*/
		.main div.container div.middle-interior div.rightcol p.apparatus-thumb img {
			width:125px;
			height:83px;
			border:#000 solid 1px;
			margin:0 5px 0 0;
			float:left;
    }
		.main div.container div.middle-interior div.rightcol p.apparatus img {
			width:500px;
			height:333px;
			border:#000 solid 1px;
			margin:0 0 10px 0;
    }
		.main div.container div.middle-interior div.rightcol ul.links  {
			padding:0 0 0 20px;
    }
		.main div.container div.middle-interior div.rightcol ul.links li  {
			list-style-image: url('images/arrow.png');
    }
/*BOXES*/
.main div.container div.boxcontainer {
	width:935px;
	height:347px;
	margin:0 0 10px 0;
	padding:0px;
	border-bottom:#000 solid 1px;
	text-align:left;
}
 		.main div.container div.boxcontainer div.newsbox,
		.main div.container div.boxcontainer div.safetybox,
		.main div.container div.boxcontainer div.notebox,
		.main div.container div.boxcontainer div.volunteerbox {
			height:317px;
			width:220px;
			float:left;
		}
		
		.main div.container div.boxcontainer div.newsbox,
		.main div.container div.boxcontainer div.safetybox,
		.main div.container div.boxcontainer div.notebox {
			margin-right:17px;
			padding:0px;
		}
		
		.main div.container div.boxcontainer div.newsbox-top,
		.main div.container div.boxcontainer div.safetybox-top,
		.main div.container div.boxcontainer div.notebox-top,
		.main div.container div.boxcontainer div.volunteerbox-top {
			width:220px;
			height:235px;
			background-repeat:no-repeat;
			background-position:top left;
			margin:0;
			overflow:auto;
			padding:8px 0 0 15px;
		}
		
		.main div.container div.boxcontainer div.bottombox-unfolded,
		.main div.container div.boxcontainer div.bottombox-folded {
			width:220px;
			height:82px;
			background-repeat:no-repeat;
			background-position:top left;
			margin:-8px 0 0 0 !important;
			margin:0 0 0 0;
			padding:4px 0 0 15px;
			overflow:auto;	
		}
		.main div.container div.boxcontainer div.bottombox-unfolded a,
		.main div.container div.boxcontainer div.bottombox-folded a {
			color:#009ebf;
			text-decoration:none;
		}
		.main div.container div.boxcontainer div.bottombox-unfolded p.arrowlink,
		.main div.container div.boxcontainer div.bottombox-folded p.arrowlink {
			margin:20px 0 0 0;	
		}
		.main div.container div.boxcontainer div.bottombox-unfolded p.arrowlink img,
		.main div.container div.boxcontainer div.bottombox-folded p.arrowlink img {
			position:relative;
			top:3;
		}
		.main div.container div.boxcontainer div.bottombox-unfolded a:hover,
		.main div.container div.boxcontainer div.bottombox-folded a:hover {
			text-decoration:underline;	
		}
		
		.main div.container div.boxcontainer div.bottombox-unfolded {
			background-image: url('images/boxbottom-unfolded.png');
		}
		
		.main div.container div.boxcontainer div.bottombox-folded {
			background-image: url('images/boxbottom-folded.png');
		}
		
		
		/*NEWS*/
		.main div.container div.boxcontainer div.newsbox-top {
			background-image: url('images/boxtop-news.png');
			color:#fff;
		}
		.main div.container div.boxcontainer div.newsbox-top h1,
		.main div.container div.boxcontainer div.newsbox-top h2,
		.main div.container div.boxcontainer div.newsbox-top h3,
		.main div.container div.boxcontainer div.newsbox-top p {
			color:#fff;
		}
		.main div.container div.boxcontainer div.newsbox-top p {
			margin:0 0 5px 0;
			padding:0 15px 0 0;
		}
		.main div.container div.boxcontainer div.newsbox-top a.rss {
			width:49px;
    	height:15px;
    	border:none;
			display:block;
			position:relative;
				left:138px;
				top:-20px;
    }
		.main div.container div.middle-interior div.rightcol ul.pdf  {
			padding:0 0 0 20px;
    }
		.main div.container div.middle-interior div.rightcol ul.pdf li  {
			list-style-image: url('images/pdf.png');
    }
		
		/*SAFETY*/
		.main div.container div.boxcontainer div.safetybox-top {
			background-image: url('images/boxtop-safety.png');
			color:f6d34b;
		}
		
		.main div.container div.boxcontainer div.safetybox-top h1,
		.main div.container div.boxcontainer div.safetybox-top h2,
		.main div.container div.boxcontainer div.safetybox-top h3,
		.main div.container div.boxcontainer div.safetybox-top p {
			color:#f6d34b;
		}
		
		/*NOTE*/
		.main div.container div.boxcontainer div.notebox-top {
			background-image: url('images/boxtop-note.png');
		}
		
		/*VOLUNTEER*/
		.main div.container div.boxcontainer div.volunteerbox-top {
			background-image: url('images/boxtop-volunteer.png');
			color:f6d34b;
		}
		.main div.container div.boxcontainer div.volunteerbox-top h1,
		.main div.container div.boxcontainer div.volunteerbox-top h2,
		.main div.container div.boxcontainer div.volunteerbox-top h3,
		.main div.container div.boxcontainer div.volunteerbox-top p {
			color:#f6d34b;
		}
		.main div.container div.boxcontainer div.volunteerbox-top p {
		font-size:14px;
		}
		
/*PHOTOS*/	
		.main div.container div.middle-interior div.rightcol p.photos img {
		height: 83px;
		width:125px;
		border:#000 solid 1px;
		}
		
/*FORM*/
input, textarea, select {
background: #FFF;
border:1px solid #ccc;
padding:2px;
clear:both;
}
input:focus, textarea:focus {
background: #f2f2f2;
border:1px solid #3D5686;
} 
input.nostyle {
background:;
border:;
padding:;
clear:both;
}
input.nostyle:focus {
background:;
border:;
} 
div.references {
float:left;
margin:5px;
line-height:2.5em;
}

/*FOOTER*/
.main div.container div.footer {
   width:935px;
	 text-align:center;
}
.main div.container div.footer p {
   line-height:1.75em;
}

/*NEWKEY LOGO*/
.main div.container div.footer img.newkey {
	 margin:40px 0 20px 0;
	 border:none;
}
.main div.container div.footer a {
	 text-decoration:none;
}



