/*
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", sans-serif, "Geneva CE";
font-size: 13px;
background-color: #759fac;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
}

#wrapper {
margin: 0 auto;
width: 768px;
background-image: url(../images/wrapper_bg.gif);
background-repeat: no-repeat;
background-position: center top;
}

#topnav {
color: #FFF;
width: 768px;
float: left;
padding: 0px;
margin: 40px 0px 0px 0px;
background-color: #003366;
text-align: center;
font-size: 110%;
}

#subnav {
color: #FFF;
width: 768px;
float: left;
padding: 0px;
margin: 0px;
background-color: #660000;
text-align: center;
}

#header {
color: #FFF;
width: 768px;
float: left;
padding: 0px;
height: 244px;
margin: 0px 0px 0px 0px;
background-color: #FFF;
}

#panel {/*on home page*/
color: #FFF;
width: 768px;
float: left;
padding: 0px;
height: 244px;
margin: 0px 0px 0px 0px;
background-color: #FFF;
}

#lightstrip { 
width: 708px;
float: left;
color: #333;
background-color: #faf7f7;
margin: 0px;
padding: 20px 30px 10px 30px;
}

#leftcolumn { 
color: #333;
margin: 0;
padding: 20px 0 0 30px;
/*min-height hack*/
min-height: 360px;
height: auto;
_height: 360px;
width: 354px;
float: left;
background-color: #fff;
}

#rightcolumn { 
color: #333;
margin: 0;
padding: 20px 30px 0 0;
/*min-height hack*/
min-height: 360px;
height: auto;
_height: 360px;
width: 354px;
float: left;
background-color: #fff;
}

.content { 
color: transparent;
display: none;
height: 0px;
}

#footer { 
width: 748px;
clear: both;
color: #333;
background: #FFF;
margin: 0px 0px 40px 0px;
padding: 10px 10px 5px;
text-align: center;
font-size: 90%;
}
#footer p, #footer p a {
color: #999;
}




img, img a {
border: 0;
}

p {
margin: 0 0 15px 0;
line-height: 140%;
}

h1 {
color: #660000;
}
h2 {
color: #ac2722;
}

ul {
margin: 10px 0 10px 30px;
line-height: 140%;
}

.examplebox {
display: block;
margin: 0 0 20px 0;
padding: 0;
/*min-height hack*/
min-height: 120px;
height: auto;
_height: 120px;
}

.examplebox .text {
margin: 0 10px 0  0;
padding: 0;
font-size: 90%;
line-height: 130%;
}

.examplebox .floatleft {
float: left;
margin: 0 10px 10px  0;
}

.smaller {
font-size: 85%;
}