html, body, #body {height: 100%; }
body > #body {height: auto; min-height: 100%;}
/* Body */  

body  {
	background: #807d84 url(img/backcontent.jpg) top repeat-x;
	font: Georgia,"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

#centerbackdiv {
	height:193px;
	width:100%;
	background: url(img/backtop.jpg) no-repeat center top;
	position:absolute;
	z-index:0;
	top:0px;
}

#centertopdiv {
	height:193px;
	position:relative;
}

#content {width:100%;position:absolute;	z-index:1;}
	#content .contenttext {width:900px; position:absolute; }

/* Styles */

ul
{
  margin-left: 0;
  padding-left: 0;
}

li {
list-style-type:none;
}

/* LINKS */
#menutext {
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#menulinks {
	width:149px;
	height:25px;
	text-align:center;
	padding-top:15px;
}
#menulinks:hover {
	width:149px;
	height:25px;
	background:url(img/button.jpg);
}

#activemenulinks {
	width:149px;
	height:25px;
	background:url(img/button.jpg);
	text-align:center;
	padding-top:15px;
}

#materials {
	font-size:14px;
	color:#7c7881;
	text-decoration:none;
	text-transform:uppercase;
}
#materials:hover {
	background-color:#434d58;
	color:#fff;
}

#activematerials {
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#434d58;
	color:#fff;
}

/* text*/

#maintext {
	font-size:14px;
	text-align:justify;
	color:#2d3743;
	padding-left:20px;
	padding-top:10px;
	margin-top:0px;
	margin-bottom:5px;
}
h1 {
	font-size:18px;
	text-align:left;
	color:#2d3743;
	padding-left:20px;
	font-weight:bold;
	margin:5px;
	text-transform:uppercase;
}
h2 {
	font-size:16px;
	text-align:left;
	color:#2d3743;
	padding-left:20px;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:0px;
	line-height:5px;
	text-transform:uppercase;
}
h3 {
	font-size:14px;
	text-align:left;
	color:#2d3743;
	padding-left:20px;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:0px;
	text-transform:uppercase;
}

/*3divs*/
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
}


#side-a {
	float: left;
}

#side-b {
	float: right;
}

#footer {
	clear: both;
}

/* Forms */
.tbox {
	background-image:url(img/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #4a4a48;
	color:#333333;
	padding:3px;
	font-family: Georgia,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	width:200px;
}
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: right; color: #fff; text-decoration: none; cursor: pointer; font-size:12px; }
.btn * { display: block; position: relative;  }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

.btn.red { background: #444; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(img/shade.png); background-position: bottom; }