body {
	margin: 0px;
	background-color:#333;
	text-align: center;
	height: auto !important;
}


#wrapper {
	width: 900px; /* your wrapper obviously needs a width otherwise it will be 100% */
	margin: 0 auto; /* This is the proper way to center in a standards compliant browser */
	}
	
#mainbody {
	margin-top: 5px;	
	width:950px;
	height:869px;
	background-color: #fff;
	border:1px black solid;
}

#logo {
	text-align: center;
	width: 950px;
	height: 198px;
	position: static;
	background-image: url('images/logo.jpg');
}

#buts {
	text-align: center;
	width: 950px;
	height: 26px;
	position: static;
}

#leftcol {
	width: 240px;
	height: 645px;
	float: left;
	background-color: #e05a00;
	position: relative;
}


#ritecol {
	width: 660px;
	height: 595px;
	float: left;
	position: relative;
	background-color: white;
	font: normal 10pt calibri;
	padding: 25px;
	color: #333;

}

h1 {
	font: normal 16pt calibri;
	font-weight: bold;	color: #000;
	text-transform:none;
	margin: 0px;
}

h2 {
	font: normal 12pt Calibri;
	font-weight: bold;	color: #3f95a4;
	text-transform:uppercase;
	margin: 0px;
}


p.red {
	font: normal 11pt Calibri;
	font-weight:normal;
	color: white;
}
  
img.ind {
	padding-left:10px;
}
img.twte {
	padding-right:25px;
}

ul {
	margin-left:15px
}

input {
	border: 1px gray solid;
	font: normal 11pt Calibri;

}
textarea {
	border: 1px gray solid;
	font: normal 11pt Calibri;
}

option {
	border: 1px gray solid;
	font: normal 11pt Calibri;
}


		A.red:link {text-decoration: none; color: #ffffff;}
		A.red:visited {text-decoration: none; color: #ffffff;}
		A.red:active {text-decoration: none; color: #ffffff; }
		A.red:hover {text-decoration: underline; color:#ffffff;}
		
		A.contact:link {text-decoration: none; color: #333333;}
		A.contact:visited {text-decoration: none; color: #333333;}
		A.contact:active {text-decoration: none; color: #333333; }
		A.contact:hover {text-decoration: underline; color:#333333;}


		A.wh:link {text-decoration: none; color: #000;}
		A.wh:visited {text-decoration: none; color: #000;}
		A.wh:active {text-decoration: none; color: #000; }
		A.wh:hover {text-decoration: underline; color:#000;}
		
.nav:link {color: #ffffff; text-align:left; text-decoration: none; font: normal 10pt calibri; cursor: hand; background: #A52703; height: 20px; padding: 3px 1px 0px 10px; width: 170px; display:block; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#ffffff;}

.nav:visited {color: #ffffff; text-align:left; text-decoration: none; font: normal 10pt calibri;  cursor: hand; background: #A52703; height: 20px; padding: 3px 1px 0px 10px; width: 170px; display:block; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#ffffff;}

.nav:active {color: #ffffff; text-align:left; text-decoration: none; font: normal 10pt calibri;  cursor: hand; background: #000; height: 20px; padding: 3px 0px 0px 11px; width: 170px; display:block; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-color:#ffffff;}

.nav:hover {color: #ffffff; text-align:left; text-decoration: none; font: normal 10pt calibri;  cursor: hand; background: #000; height: 20px; padding: 3px 0px 0px 11px; width: 170px; display:block; border-top:1px solid; border-left:1px solid; border-right:1px solid; border-bottom: 0; border-color:#ffffff; }

a img {
	border: none;
}
/*Contacts Page*/

#contact_left {
	width: 350px; 
	position: relative; 
	float: left; 
	padding: 0px 0px;
	top:-20px;

}

#contact_right {
	width: 280px;; 
	position: relative; 
	float: right; 
	right: 0px;
	padding: 0px 5px;
	padding:10px;
	top:-26px;
}