/* HTML & Body
------------------------------------------------ */
* { margin: 0; padding: 0 }

html {
	height: 95%;
	margin-bottom: 1px;
	font-size: 100%;
	}

body {
	font: 76%/1.5em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	color: #333;
	cursor: default;
	margin-top: 0;

	}

.main {
	background: #fff url(images/greybar.png) repeat-x;
	}

.medium {
	background: #fff url(images/greybarmedium.png) repeat-x;
	}

.narrow {
	background: #fff url(images/greybarnarrow.png) repeat-x;
	}

.logins {
	background: #fff url(images/greybarlogin.png) repeat-x;
	}

/* Headers and Paragraphs:
------------------------------------------------ */
h1, h2, h3, h4, h5, h6, p {
	padding: 0 0px;
}

#postcolumn p  {padding: 0px 20px; 0px 40px}
 h1 { font-size: 110%; color: #993333;}
 #popup h1 { font-size: 150%; font-weight: normal; }
h2 { font-size: 110%; }
h3 { font-size: 100%; font-weight: normal; }
h4 { font-size: 100%; font-weight: bold; }
h5 { font-size: 90%;}
h6 { font-size: 80% }
p { font-size: 90%}

.red {color: #993333;}

.whitebold {color: #ffffff;  font-weight: bold;}

strong {color: #993333;}

#projectsmain hr {padding-top: 25px;}


/* Layout
------------------------------------------------ */

#wrap {
	width: 950px;
	margin: 0 auto;
	}

#header {
	width: 940px;
	height: 85px;
	background: #fff;
	float: left;
	margin: 0;
	padding-top: 35px;
	}

#headertext {
	width: 260px;
	float: right;
	text-align: right;
	padding-top: 20px;
	}

#headerpopup {
	width: 560px;
	float: right;
	position: absolute;
	text-align: right;
	padding: 30px 20px 0 0 ;
	}

#top {
	width: 950px;
	height: 395px;
	float: left;
	}

#equipmenttop {
	width: 950px;
	height: 325px;
	float: left;
	}

#narrowtop {
	width: 950px;
	height: 228px;
	padding-top: 25px;
	float: left;
	}

#featured {
	width: 500px;
	float: left;
	overflow: hidden;
	}


 #intro {
	width: 930px;
	padding: 30px 0px 10px 10px;
	margin: 0 ;
	float: left;
	}

#equipment {
	width: 930px;
	padding: 30px 0px 70px 0px;
	margin: 0 ;
	float: left;
	}

#resourceintro {
	width: 951px;
	padding: 0px;
	margin: 0 ;
	float: left;
	}

#main {
	width: 950px;
	height: 100%;
	float: left;
	padding: 0 0 50px 10px;
	}


#popup{
	width: 93%;
	min-height: 300px;
	padding: 140px 20px 10px 20px;
	background: #efefef url(images/popupbkgd.jpg) no-repeat;
	}


#projectsmain {
	width: 950px;
	height: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 50px;
	}

#resourcesmain {
	width: 930px;
	padding: 40px 0px 70px 0px;
	margin: 0px ;
	float: left;
	}

.resources {
	width: 435px;
	height: 70px;
	margin: 20px 30px 0px 0;
	float: left;
	overflow: hidden;	
}

.projects {
	width: 220px;
	padding: 20px 31px 20px 0;
	display: inline;
	float: left;
	}

#left  {
	width: 600px;
	height: 100%;
	padding: 20px 0;
	float: left;
	}

#postcolumn  {
	width: 300px;
	height: 100%;
	padding-right: 10px;
	float: left;
	}



#equipmentsidebar {
	width: 375px;
	height: 100%;
	padding: 20px 20px 20px 0;
	margin-left: 20px;	
	float: right;
	overflow: hidden;
	}

#sidebar {
	width: 300px;
	height: 100%;
	padding: 20px 20px 20px 0;
	margin-left: 20px;	
	float: right;
	overflow: hidden;
	}

#footer {
	height: 35px;
	bottom: 0;
	width: 950px;
	color: #fff;
	margin: 0 auto;
	font-weight: normal; 
	padding: 10px 10px 10px 25px;
}

#footerbkgd {
	min-height: 30px;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #333 url(images/footer.png) repeat-x;
}


/* Content styling
------------------------------------------------ */

hr {
  border: 1px solid #bbb;
  border-width: 1px 0 0 0 ;
}

#footer a:link, a:visited {
	color: #fff;
	text-decoration: none;
	}

#footer a:hover {
	color: #993333;
	text-decoration: none;
	}

a:link {
	color: #993333;
	text-decoration: none;
	}

a:hover {
	color: #333;
	text-decoration: none;
	}

#main a:visited, #resourcesmain a:visited, #sidebar a:visited, #equipmentsidebar a:visited {
	color: #333;
	text-decoration: none;
	}

#resourceintro a:link, #resourceintro a:visited {
	width: 306px;
	height: 30px;
	padding: 1px;
	margin-right: 9px;
	float: left;
	color: #fff;
	text-decoration: none;
	background: #fff url(images/resource.jpg) no-repeat;
	}

#resourceintro a:hover {
	background: #fff url(images/resourceover.jpg) no-repeat;
	}

#headertext a:link, #headertext a:visited{
	color: #993333;
	text-decoration: none;
	}

#headertext a:hover {
	color: #333;
	text-decoration: none;
	}

input.btn {
	width: 16px;
	height: 20px;
	line-height: 2em;
	border: 0px;
	background: none;
	background-image: url(images/bttn-red.png);
	}

input.btnhov {
	width: 16px;
	height: 20px;
	line-height: 2em;
	border: 0px;
	background: none;
	background-image: url(images/bttn-white.png);
	}

/* Menu 
------------------------------------------------ */

#nav {
	height: 25px;
	display: inline;
	float: left;
	font-size: 80%; font-weight: bold; 
	line-height: 3em;
	padding-left: 10px;
	}

#myajaxmenu li {
	z-index:65;
	display: inline;
	list-style: none;
	padding-right: 25px;
	}

#login {
	height: 20px;
	padding: 2px 0px 2px 0px;
	display: inline;
	float: right;
	font-size: 80%; 
	padding-right: 10px;
	}

#nav a:link, #login a:link {
	color: #fff;
	text-decoration: none;
	}

#nav a:hover, #login a:hover {
	color: #993333;
	text-decoration: none;
	}

.activemenu a:visited {
	color: #666;
	text-decoration: none;
	}

.activemenu a:link {
	color: #993333;
	text-decoration: none;
	}


/* Lists 
------------------------------------------------ */

ol {
	padding-left: 20px;
}


/* Images 
------------------------------------------------ */
img {	
	border: 0;
	padding: 5px;
	}

#top img, #equipmenttop img {	
	border: 0;
	padding: 0;
	}

#narrowtop img {	
	border: 0;
	padding: 0;
	padding: 0 10px 0 60px;
	}

#intro img {	
	border: 0;
	padding-left: 60px;
	float: right;
	}

#equipment img {	
	border: 0;
	padding: 0 10px 10px 0;
	float: left;
	}

#header  img {	
	border: 0;
	float: left;
	}

a:link img, a:visited img, a:hover img, a:active img {
	 border-width: 0px none; 
	}


/* Blog
------------------------------------------------ */

#blogmain {
	width: 650px;
	padding: 40px 20px 100px 20px;
	float: left;
	}

#news {
	width: 960px;
	padding: 40px 0px 60px 0px;
	float: left;
	}

#blogarticle {
	width: 920px;
	padding: 10px 10px 10px 10px;
	margin: 0px 20px 10px 0px;
	float: left;
	background: #ebebeb;
	}

#news a:visited, #blogarticle a:visited {
	color: #333;
	text-decoration: none;
	}

#news a:hover {
	color: #993333;
	text-decoration: none;
	}

#blogmain form {
	padding: 0px 4px 0px 0px;
	display: inline;
	}