/*
      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: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-image: url(images/bg.gif);
 background-position: center;
 background-repeat: repeat-y;
 background-color:#EEEEEE;
}
h1  {
 font-size:20px;
 line-height:120%;
 color:#00573c;
}
h2 {
 font-size:14px;
 line-height:120%;
 font-weight:bold;
 color:#00573c;
}
h3  {
  font-size:18px;
  line-height:120%;
  color:#00573c;
}
h4  {
  font-size:18px;
  line-height:120%;
  color:#0a41a5;
}
ul {
 padding: 0 15px;
 line-height:120%;
}
li {
 line-height:120%;
}
#wrapper { 
 margin: 0 auto;
 width: 860px;
}
#header {
 color: #333;
 width: 840px;
 float: left;
 padding: 10px;
 height: 120px;
 margin: 10px 0px 10px 0px;
 background: #ffffff;
 text-align:center;
 background-image:url(images/header_bar.jpg);
 background-repeat:no-repeat;
 background-position:center;
}
#leftcolumn { 
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 height: 100%;
 width: 200px;
 float: left;
}
.roundcont {
 text-align:left;
 background-color:#0a41a5;
 color: #fff;
 width:200px;
}
.roundcont p  {
 color:#FFFFFF;
 text-align:left;
 font-weight:bold;
 padding: 0 15px;
 line-height:120%;
}
.roundcont a  {
  text-decoration: none;
  color:#FFFFFF;
  margin: 0;
 line-height:160%;
}
.roundcont a:hover,
.roundcont a:visited:hover {
  text-decoration: underline;
  color:#FFFFFF;
  margin: 0;
}
.roundtop { 
 background: url(images/tr.gif) no-repeat top right; 
}
.roundbottom {
 background: url(images/br.gif) no-repeat top right; 
}
img.corner {
 width: 15px;
 height: 15px;
 border: none;
 display: block !important;
}
#content { 
 float: left;
 color: #333;
 line-height:120%;
 background-image:url(images/tropical_leaf.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 margin: 0px 0px 0px 0px;
 padding: 0 15px;
 height: 430px;
 width: 440px;
 display: inline;
}
#content a  {
  text-decoration: none;
  color:#0a41a5;
  margin: 0;
 line-height:160%;
}
#content a:hover,
#content a:visited:hover {
  text-decoration: underline;
  color:#0a41a5;
  margin: 0;
}
#content2 { 
 float: left;
 color: #333;
 line-height:120%;
 background-image:url(images/tropical_leaf.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 margin: 0px 0px 0px 0px;
 padding: 0 15px;
 height: 430px;
 width: 630px;
 display: inline;
 position: relative;
}
#content2 a  {
  text-decoration: none;
  color:#0a41a5;
  margin: 0;
 line-height:160%;
}
#content2 a:hover,
#content2 a:visited:hover {
  text-decoration: underline;
  color:#0a41a5;
  margin: 0;
}
.content3 {
 float: right;
 color: #333;
 width:390px;
 margin:0;
 padding: 0 15px 15px 15px;
 display: inline;
 position: relative;
}
.content3 p {
 text-align:center;
 padding: 0 15px;
 font-size:12px;
 font-weight:bold;

}
.content4 {
 float: right;
 color: #333;
 width:170px;
 margin: 0;
 padding:0 15px 15px 15px;
 display: inline;
 position: relative;
}
.content4 p {
 text-align:center;
 padding: 0 15px;
 font-size:12px;
 font-weight:bold;
}
.content5 {
 float: right;
 color: #333;
 width:260px;
 margin: 0;
 padding:0 15px 15px 15px;
 display: inline;
 position: relative;
}
.content5 p {
 text-align:center;
 padding: 0 15px;
 font-size:12px;
 font-weight:bold;
}
#rightcolumn { 
 color: #333;
 line-height:120%;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 height: 100%;
 width: 190px;
 float: right;
 position: fixed 120px 0px 0px 640px;
}
#rightcolumn ul { 
 color: #333;
 margin: 0px 15px;
 text-align:left;
 line-height:100%;
 font-size:12px;
}
.oroundcont {
 text-align:left;
 background-color:#fff;
 width:190px;
 background-image: url(images/oc.gif);
 background-position: center;
 background-repeat: repeat-y;
}
.oroundcont h2 {
 font-size:14px;
 line-height:120%;
 font-weight:bold;
 padding: 0 15px;
}
.oroundcont h3 {
 text-align:center;
 font-size:17px;
 line-height:120%;
 font-weight:bold;
 padding: 0 15px;
}
.oroundcont h5 {
 text-align:center;
 font-size:14px;
 line-height:120%;
 padding: 0 15px;
}
.oroundcont p  {
 text-align:left;
 padding: 0 15px;
 font-size:12px;
}
.oroundcont a  {
 text-decoration: none;
 color:#0a41a5;
 margin: 0;
}
.oroundcont a:hover,
.oroundcont a:visited:hover {
 text-decoration: underline;
 color:#0a41a5;
 margin: 0;
}
.oroundtop { 
 background: url(images/ot.gif) no-repeat top right;
}
.oroundbottom {
 background: url(images/ob.gif) no-repeat top right; 
}
img.ocorner {
 width: 18px;
 height: 18px;
 border: none;
 display: block !important;
}
img.right {
 border: none;
 float:right;
 margin:0 15px;
}
img.leftfb {
 border: none;
 float:left;
 margin:0;
}
img.leftfb a {
 border: none;
 float:left;
 margin:0;
}