/**************************************************************   
   PURPOSE: Styles the html elements
 **************************************************************/
 html, body{height:100%;} 

body {
	color: #333;
	background:url(../images/bg.gif) repeat center center #FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

html>body #minHeight{float:right;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

#outer{
	width:800px;
	margin:auto;
	margin-bottom:-52px;
	min-height:100%;
}

html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/

#MainContainer {margin-left:11px; }

#header {
	text-align:left;
	height:325px;
}

#Puzzle {
	width:100px;
	height:79px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:110px;
	background:url(../images/puzzle.png) no-repeat;
}


#logo {
	width:700px;
	height:79px;
	margin:0px;
	background:#FFF;
	display:block;
}

 #header_img {
	 width:637px;
	 height:245px;
	 float:left;
	 overflow:hidden;
 }
 
 #main_menu {
	 width:140px;
	 margin-top:-5px;
	 float:left;
	 text-align:right;
}

#sub_menu {
	position:absolute;
	left:50%;
	margin-left:-155px;
	margin-top:0px;
	width:550px;
	height:24px;
	text-align:left;
	vertical-align:top;
	
}

#content { 
  	float: left;
  	width: 800px;
  	height:100%;
  	min-height: 100%; 
  	margin-bottom:-50px;
  	display:block;
  	background:url(../images/main_bg.png) repeat-y;
  	padding:0px;
}


#content[id] {
  height: auto;  
}

#leftContent {
	width:230px;
	height:100%;
	float:left;
	
}

#leftContent .sectionhead {
	height:19px;
	padding-top:5px;
	padding-left:10px;
	background:#999;
	color:#000;
	border-bottom:1px solid #EDEDED;
	font-weight:bold;
	text-transform:uppercase;
}

#leftContent #leftAdvert {
	width:100%;
	height:111px;
	text-align:center;
}

#leftContent input[type="text"] {
	width:70px;
	font-size:11px;
	height:12px;
	border:0px;
	padding:3px;
}

#leftContent input[type="submit"] {
	width:200px;
	
}


#leftContent select {
	font-size:10px;
	height:20px;
	border:0px;
	padding:3px;
}

#leftContent .contactinfo {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:5px;
	font-size:12px;
	color:#666;
	height:400px;
}

#leftContent .contactinfo .large {
	color:#333;
	font-size:20px;
}

#MainContentDiv {
	width:500px;
	padding:15px;
	padding-top:25px;
	float:left;
}

.PageText {
	font-size:12px;
	padding-right:20px;
}


h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 0;
 
}

h1 {   
	font-family:"palatino linotype",palatino,serif, Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#333;
	font-weight:normal;
	text-transform:capitalize;
}

h2 {
	font-family:"palatino linotype",palatino,serif, Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#333;
	font-weight:normal;
	text-transform:inherit;
}

h3 {
  	font-family:"palatino linotype",palatino,serif, Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#CCC;
	font-weight:normal;
	text-transform:inherit;
}

h4 {
  font: 400 0.9em georgia, serif;
  text-transform: uppercase;
}

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


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

a:hover {
  color: #666;
}

ul {
  margin: 10px 30px;
  padding: 0 30px 0 5px;
  list-style: none;
}

ul li {
  padding-left: 25px;
  background-position: 0 3px;
}

/**************************************************************
   Tables
 **************************************************************/

table {
  width: 100%;
}

/**************************************************************
   Form Elements
 **************************************************************/
 form {height:100%;}


a.purple {color:#639;}
a:hover.purple {color:#999;}