/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-image:url(../gfx/h_bg.jpg);
 background-repeat: repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 828px;
 border-right: 1px solid #eeeeee; 
 border-left: 1px solid #eeeeee;   
}


#top { 

 background: #000000;
 width: 828px;

}
 #subheader{
	background-image:url(../gfx/sub_bg.jpg);
	margin: 0;
	padding: 5px 0px 5px 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1;
}
 #title {
	margin: 0 0 0 0;
	padding: 15px 125px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../gfx/title.jpg);
	background-repeat:no-repeat;
	color: 99cc33;
	font-weight: bold;
	color:#99cc00;
	font-size:16px;
	line-height: 1.2;
} 
#wrapper #content title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A2D041;
}

#footer { 
 margin: 30px 0px 0px 0px;
 width:828px;
 height: 30px;
 clear: both;
 color: #4f86bd;
 padding: 5px 0 0 0;
 background-color:#eeeeee;

 
}
#leftcolumn { 
 
 color: #666666;
 margin: 0px 0px 0px 0px;
 padding-top: 12px;
 padding-left: 12px;
 height: 180px;
 width: 100px;
 float: left;

}
#content { 
 float: left;
 color: #666666;
 margin: 0px 0px 0px 0px;
 padding: 15px;
  width: 580px;
 display: inline;
 border: 1px solid #eeeeee; 
 background-color:#FFFFFF;

 

}
#rightcolumn { 
 margin: 0px 0px 0px 0px;
 height: 250px;
 width: 100px;
 float: left;
 position: relative;
 border-right: 1px solid #eeeeee;
 
}
.h1{

color:#99cc00;
font-size:13px;
font-weight:bold;
}
.h4{

color:#003d79;
font-size:11px;
font-weight:bold;
}
.h3{

color:#ed7f12;
font-size:10px;
font-weight:bold;
}

#bottomtext {
 float:right;
 padding-top: 6px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
 width: 550px;
}
#bottomtext2 {
 float:left;
 padding-top: 6px;
 padding-left: 5px;

 font-size:11px;
 width: 250px;
 border-right: 1px solid #cccccc;
}

#hometext {
 padding-top: 6px;
 padding-right: 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:11px;
}
 
#homeform 
{
 color:#ed7f12;
 float:left;
 width: 210px;
 height: 50px;
 padding: 5px 0px 0px 0px;
 margin: 10px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
/*background-image:url(../gfx/formbg.jpg);*/
 }


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 0px 0px;
	padding: 1px;
	border: 1px solid #8595B2;
	width:160px;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}
a:link{
	color: #ed7f12;
	text-decoration:none;
}
a:visited{
	color: #ed7f12;
	text-decoration:none;
 }
a:hover{
	color: #cccccc;
    text-decoration:none;

}

.submenu a:link {
color: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: none;
list-style: none;
}

td.topborder{
 	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF
	 }

 b.color{
	color: #003d79;
	line-height: 1.2;
 }
  dt.space{
padding: 0px 20px 0 0px;
color: #003d79;
}
dd.space{
padding: 0px 10px 0 10px;
}

.blueheader{
color: #003d79;
font-weight: bold;
}

.bluetext{
color: #4f86bd;
font-size:11px;

}

.smalltext{
color: #003d79;
font-size:10px;

}#wrapper #subheader .submenu {
	color: #FFFFFF;
	text-decoration: none;
}

ul {margin:0; padding-left:15px}
li {margin:0; padding-bottom:5px}

.img{ border: 1px solid #666;
	   margin-left: 5px;
	   }