/*
      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 {
    background-color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 750px;
}
#header {
 color: #333;
 width: 616px;
 float: left;
 border: 1px solid #ccc;
 height: 5px;
 margin: -3px 0px 5px 0px;
 background: #8C8984;
}
#leftcolumn { 
 color: #333;
 margin: 0px 6px 6px 0px;
 padding: 0px 0px 0px 2px;
 width: 125px;
 float: left;
}
div#nav {
 background-color: #fff;
 border-right: 2px solid #008989;
 border-bottom: 2px solid #008989;
}
div.inner_box {
 border-right: 2px solid #008989;
 border-bottom: 2px solid #008989;
 border-left: 2px solid #008989;   
 background: #fafefe;
}
#nav ul {
 list-style-type: none;
 padding: 5px 5px 5px 2px;
}
#nav ul li {
 padding: 5px 0px 7px 5px;
 margin-left: 5px;
}
div#news {
 margin-top: 6px;
 background-color: #fff;
 border-right: 2px solid #008989;
 border-bottom: 2px solid #008989;
}
#news p {
 padding: 10px 10px 10px 10px;
}
#content { 
 float: left;
 color: #333;
 border-top: 2px solid #008989;   
 border-left: 2px solid #008989;   
 border-right: 4px solid #008989;
 border-bottom: 4px solid #008989;
 background: #fafefe;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 455px;
 display: inline;
}
#content h1 {
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 2px;
 font-size: 1.7em;
 font-family: "Trebuchet MS", Arial, sans-serif;
 color: #008989;
 border-bottom: 0.05em;
}
#content h2 {
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 2px;
 font-size: 1.2em;
 font-family: "Trebuchet MS", Arial, sans-serif;
 color: #008989;
 border-bottom: 0.05em;
}
#content p {
 margin: 0px 0px 5px 0px;
 padding: 4px;
}
div.img_left {
 float: left; 
 margin: 6px 15px 0px 4px;
}
div.img_right {
 float: right; 
 margin: 6px 15px 0px 4px;
}
div.img_left img, div.img_right img {
 display: block;
 padding: 0;
}
div.img_left_border {
 float: left; 
 margin: 6px 15px 0px 4px;
}
div.img_right_border {
 float: right; 
 margin: 6px 15px 0px 4px;
}
div.img_left_border img, div.img_right_border img {
 display: block;
 border: 2px solid #008989;
 padding: 0;
}
br.clear {
 clear: both;
 display: none;
}
#rightcolumn { 
 color: #333;
 margin: 0px 0px 6px 0px;
 padding: 0px 0px 0px 2px;
 width: 129px;
 float: right;
}
div#ref {
 background-color: #fff;
 border-right: 2px solid #008989;
 border-bottom: 2px solid #008989;
}
div.inner_ref {
 border-right: 2px solid #008989;
 border-bottom: 2px solid #008989;
 border-left: 2px solid #008989;   
 background: #F0f7f7;
}
#ref img {
 width: 123px;
 margin: 0px 0px -3px 0px;
 padding: 0;
}
div#nav h3, div#news h3, div#ref h3 {
 padding: 3px 3px 4px 5px;
 font-size: 0.9em;
 color: #fff;
 border-top: 2px solid #008989;   
 border-left: 2px solid #008989;   
 background-color: #008989;
 text-transform: uppercase;
 font-family: Verdana, Arial, sans-serif;
}