/*
      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; }


#wrapper { 
 margin: 0 auto;
 width: 990px;
}
#header {
 color: #333;
 float: left;
 height: 129px;
 margin: 0px 0px 0px 0px;
 background: #fff;
 background: #BD9C8C;
}

#header h1 {
font-family: times, serif;
font-style: italic;
 color: #000;
 margin: -35px 0px 0px 120px;

}

#navigation {
 width: 990px;
  height: 35px;
float: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
}

#navigation_home {
 color: #fff;
 font-size: 12px;
 width: 990px;
  height: 35px;
float: left;
 padding: 0px;
 margin: 10px 0px 0px 0px;
}



  #socialmedia {
   position:relative;
left:80px;
top:-59px;
      float:left;
      font-size:100%;
      line-height:normal;
      }
      
#leftcolumn { 
 color: #333;
 margin: 15px 0px 10px 0px;
 padding: 0px;
 min-height: 350px;
 width: 230px;
 float: left;
}

#rightcolumn img { 
 padding-bottom: 10px;
}


#leftcolumn_home { 
 color: #333;
 margin: 15px 10px 10px 0px;
 padding: 0px;
 width: 326px;
 float: left;
}

#leftcolumn_home h1 { color: #ada99d; font-size: 20px; line-height: 18px; font-family: arial, san-serif; margin: 0px 0px 10px 0px; text-decoration: none }


#leftcolumn_energy { 
 color: #333;
 font-size:13px;
 line-height:19px;
 width: 390px;;
  margin: 25px 0px 20px 85px;
 float: left;
}

#leftcolumn_energy_border { 
 color: #333;
 width: 356px;
 padding:15px;
 float: left;
 border: 2px solid #333d76; 
}

#content { 
 float: left;
 line-height:18px;
 margin: 15px 15px 5px 15px;
 padding-bottom: 20px;
 min-height: 350px;
 width: 439px;
 display: inline;
}



#content_span2 { 
 float: left;
 line-height:18px;
 margin: 15px 15px 5px 15px;
 padding-bottom: 20px;
 min-height: 350px;
 width: 721px;
 display: inline;
}

#content p { 
 margin-top: 10px;
}

#content ul { 
 margin-left: 30px;
}



#content td { 
	padding:4px; 
	}

#content_form td { 
	padding:4px; 
	}




#content_home { 
 float: left;
 margin: 15px 10px 5px 0px;
 padding-bottom: 20px;
 width: 328px;
 display: inline;
}

#content_home h1 { color: #ada99d; font-size: 20px; line-height: 18px; font-family: arial, san-serif; margin: 0px 0px 10px 0px; text-decoration: none }

#content_form { 
 float: left;
 margin: 15px 0px 5px 20px;
 padding-bottom: 20px;
 width: 700px;
 display: inline;
}



.botspace { 
 margin-bottom: 20px;
}

#specialbox {
float: left;
width: 100%;
}

#titlebox {
float: left;
width: 33%;
}

#onebox {
border-right: 1px solid #e4e2d9;
float: left;
width: 33%;
text-align:center;
}

#twobox {
border-right: 1px solid #e4e2d9;
float: left;
width: 33%;
text-align:center;
}


#threebox {
float: left;
width: 33%;
text-align:center;
} 

#specialbox p {
padding: 0px 5px 0px 10px;
}

#specialbox a {
color:#026a85;
}

#specialbox a:hover {
color:#000000;
} 

#rightcolumn { 
 margin: 20px 0px 5px 0px;
 padding: 0px;
 min-height: 350px;
 width: 282px;
 float: left;
}

#rightcolumn img { 
 padding-bottom: 10px;
}

#rightcolumn_home { 
 margin: 0px 0px 5px 0px;
 padding: 0px;
 min-height: 350px;
 width: 300px;
 float: left;
}

#rightcolumn_energy { 
 float: right;
 color: #333;
 border: 2px solid #333d76;
 width: 385px;
  padding:0px;
  margin: 25px 80px 20px 10px;
 display: inline;
}

#rightcolumn_energy td { 

  padding:5px;

}

#footer { 
  clear: both;
 color: #333;
 font-size: 10px;
 margin: 30px 30px 30px 30px;
 padding: 10px;
  text-align:center;
}

a {
	COLOR: #026a85;
	text-decoration: none
}
a:hover {/* visited links */
	COLOR: #000000
}

h1 { color: #1c426a; font-size: 16px; line-height: 18px; font-family: arial, san-serif; margin: 0px 0px 10px 0px; text-decoration: none }
h2 { color: #1c426a; font-size: 14px; line-height: 16px; font-family: palatino, serif; margin: 0px 0px 10px 0px; text-decoration: none }
h3 { color: #666666; font-size: 12px; line-height: 14px; font-family: verdana, san-serif; margin: 0px 0px 0px 0px; text-decoration: none }
h4 { color: #554e45; font-size: 10px; line-height: 12px; font-family: verdana, san-serif; margin: 0px 0px 0px 0px; text-decoration: none }
h5 { color: #554e45; font-size: 18px; line-height: 12px; font-family: verdana, san-serif; margin: 0px 0px 0px 0px; text-decoration: none }
h6 { color: #666666; font-size: 9px; line-height: 11px; font-family: verdana, san-serif; margin: 10px 0px 0px 0px; text-decoration: none }


.bumpup { 
 margin-top: -80px
}

.newsimage { 
width:100px;
 margin: 5px 10px 10px 0px;
}

.homebox { /* you can specify a width here, or allow it to default to 100% of its containing box */
		width:328px;
		background:#e6e2d9;
		margin-top:10px;
		}

.homebox_content { /* you can specify a width here, or allow it to default to 100% of its containing box */
		border-right: 1px solid #e4e2d9;
		border-left: 1px solid #e4e2d9;
		background:#fff;
		}

.homebox p { /* you can specify a width here, or allow it to default to 100% of its containing box */
		padding:10px;
		}
		
		.homebox_bottom {
		background: #fff url(../images/homebox_bottom.jpg) no-repeat;

		}


.box { /* you can specify a width here, or allow it to default to 100% of its containing box */
		margin-bottom: 15px;
		margin-top: 0px;
		}
		
		


	.box h2 {
		float: left; /* this allows you to float content to the right */
		width: 100%; /* the width is variable and depends on the title content */
		padding-top: 8px;
		padding-left: 12px;
		font: helvetica;
		font-size: 14px;
		color:#025b76;
		}
		
		

	/* top border */

	.tr {
		height: 30px; /* i have set the height to 40px to allow for header content */
		background: url(../images/bricket1/tr.gif) top right no-repeat;
		}

	.tl { /* title div */
		clear: both;
		float: left;
		width: 100%; /* required */
		height: 30px; /* this is variable but must match .tl height */
		background: url(../images/bricket1/tl.gif) top left no-repeat;
		}

	/* mid border */

	.mr {
		background: url(../images/bricket1/mr.gif) right repeat-y;
		}

	.ml {
		background: url(../images/bricket1/ml.gif) left repeat-y;
		}

	/* bottom border */

	.br {
		background: url(../images/bricket1/br.gif) bottom right no-repeat;
		}
		
		#boxlink {
		float: right;
		margin-top: -20px;
		padding-right:10px;
		font: helvetica;
		font-size: 10px;
		color:#ac060c;
		}
		
			#boxlink a:hover {

		color:black;
		}


	.bl { /* content div */
		height: 100%; /* here is where you set your heights, I am arbitrarily setting it to 100px */
		padding: 5px 5px 10px 10px;
		background: url(../images/bricket1/bl.gif) bottom left no-repeat;
		}
	
		.bl_special { /* content div */
		height: 100px; /* here is where you set your heights, I am arbitrarily setting it to 100px */
		padding: 5px 5px 10px 0px;
		background: url(../images/bricket1/bl.gif) bottom left no-repeat;
		}

		
		.bl p { /* you can specify a width here, or allow it to default to 100% of its containing box */
		margin-top: 10px;
		}