/* DOC css 4-4-2008 */
* {margin: 0; padding: 0;}

body {background:#669aff;
font: 14px Arial, Helvetica, sans-seirf; color: #000; 
text-align: center; 
margin: 0; 
padding: 0;}

/**/

#outer {position: relative; margin: 0 0 0 0; width: 890px;}

#wrapper {background: url(../images/pbg.png) 50% 0% repeat-y; 
margin: 0; 
min-width: 890px;}

#wrap {width: 890px; 
text-align: left; 
margin:auto;
position:relative;}

#header {background: #fff url(../images/header.jpg) top left no-repeat;
height:20px; 
margin: 0; 
padding: 0;}

#header h1 
{background: transparent url(../images/logo.gif) 5px 5px no-repeat;
width: 500px;
margin:5px 0px; 
padding: 0;
color:#333;
font-size:1.5em;}

#header h1 a 
{display: block; 
height: 20px; 
border: none;
text-decoration:none;
color:#333;}

#nav {display:none;}

/*homepage styles*/
#billboard {float:left; margin-top:20px; margin-left: 0px; height:auto;}
#billboard-wrap {position:absolute;  top: 40px; left: 25px;}
#billboard-wrap h3 {color: #fff; font-weight: 500; font-size: 25px; line-height: 1.75em; margin: 0; }
#billboard-wrap p {color: #333; width: 350px; font-size: 14px; line-height: 20px;margin-top: 0px;}

#magnets {float: left; margin: 10px 0px 20px 0px; display:inline;}

#mag-1 {width: 233px; float:left; margin-top:10px; height: 153px;}

#mag-2 {width: 233px; float:left; margin-top:10px; height: 153px;}

#mag-3 {width: 233px; float:left; margin-top:10px; height: 153px;}

#magnets h3 {font: 16px Arial, Helvetica, sans-seirf;; padding: 0px 25px 5px 0px; margin: 0px; color:#333;}
#magnets p {font-size: 14px; padding: 0 25px 0 0; line-height: 18px; color:#fff;}
* html #magnets p {padding: 0 25px 0 0;}
#magnets img {display: block; margin: 0 auto; margin:0 0 0 0; text-align: center;}
#magnets a {text-decoration:none;}

/*sub-page styles*/
#content {margin-top: 50px;}
#content p {font-size: 1em; line-height: 25px; margin: 10px 50px 10px 50px; color:#333;}
#content h2 {font-size: 1.2em; color: #fc8e51; margin: 20px 50px 10px 50px;}
#content h3 {font-size: 18px; line-height: 1.4em; margin: 20px 50px 5px 50px; color: #6899ff;}
#content h4 {font-size: 1.2em; line-height: 1.3em; color: #fc8e51;}
#content .container {width:300px; float:right; margin:0 10px 0 20px;}
#content .container2 {width:360px; float:right; margin: 20px 50px 0 0px;}
#content img.content-img {float: right; border: 1px solid #fc8e51; padding: 5px; margin: 10px 20px 10px 10px; display: block; position:relative;}
#content img.content-img2 {float: right; border: 1px solid #fc8e51; padding: 5px; margin: 10px 0px 10px 10px; display: block; position:relative;}
#content img.content-img3 {float: right; border: 1px solid #fc8e51; padding: 5px; margin: 20px 30px 10px 10px; display: block; position:relative;}
#content p.caption {font-size:10px; font-style:italic; text-align:left; margin:10px;}
#content ul {list-style:inside;}
#content li {list-style-type:circle; padding: 5px; font-size: 14px; line-height:16px; margin: 10px 5px 10px 50px;}
#content a {color:#333; font-weight:500; text-decoration:none;}
#content a:visited {color:#333;font-weight:500; text-decoration:none;}
#content a:hover {color:#333; font-weight:500; text-decoration:none;}

#mag-right {float:right; margin: 20px; width: 185px; padding:10px; background-color: #e1e9e0; height: 20em;}
#mag-right p {font-size: 1.3em; line-height: 1.4em; margin: 0 0 10px 5px;}

#footer {display:none; }

.iframe {float:right; margin:0px 0px 20px 20px; border:1px solid #9abbfe; padding:10px;}