﻿/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * br.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}

* {
	/* Zero-out margins & padding */
	margin: 0; padding: 0;
	line-height:0;
}

body {
	font-family: Verdana, arial;
	font-size: .9em;
	background-color:#aabbaa;
	text-align:center;
	margin:0px auto;padding: 0;
}

#pageContainer {
	padding:10px;
	text-align:left;
	width:800px;
	margin:0px auto;padding: 0;
}
#header{
       background-image: url(images/header-bg.gif);
      background-repeat:no-repeat;
      width: 800px; height:134px;
      text-align:center;padding: 0;
}

#header h1{ line-height:0px;color: #346665; font-size:0px;
    background-image:url(images/logo.jpg); background-repeat:no-repeat;
     background-position:center 10px;
    width: 400px; height:90px;margin:5px auto;

}
#mainContentTop{ margin-top:5px;background-image:url(images/content-top.gif);
 padding-top:10px; background-repeat:no-repeat;}
 
#mainContent{
    background-image:url(images/content-center.gif);
    background-repeat:repeat-y;
     background-color:#fff;
     min-height:400px;
     padding:10px 20px;
     
}

#mainContentBottom{
    background-image:url(images/content-bottom.gif);
    padding-top:10px; background-repeat:no-repeat;
}
#footer{margin-top:5px; background-image:url(images/footer-bg.gif); height:32px; color: #fff; text-align:center; }
#footer a, #footer:visited, #footer:active{color: #fff; font-weight:bold; line-height:30px; padding:1px; text-decoration:none; }
i,a,strong,p,ul,li,h2,h3,h4,h5,em,br{line-height:18px;}
.left{float:left;}
.right{float:right;}
.clear{ clear:both; line-height:0; height:0;}
.clearL{ clear:left;line-height:0; height:0;}
.clearR{ clear:right;line-height:0; height:0;}
#topNav {height:30px; margin:12px auto 0 auto; width:800px;line-height:1em;}
#topNav a, #topNav a:visited, #topNav a:active{ color:#346665; text-decoration:none;line-height:28px;}
#topNav a:hover{ font-weight:bold;}
#topNav li{float:left; padding:0 10px; font-size:14px; line-height:24px; list-style-type:none; list-style-position:outside;}
#topNav li a{float:left; width:90px; vertical-align:top;}
.iframe,iframe{margin:0;padding:0;border:none;width:100%; height:8000px; overflow:hidden; border-collapse:collapse;  }


a, a:visited, a:active{ color:#6b726b;text-decoration:none;}
a:hover{ text-decoration:underline;}
h2{ font-size:110%;margin-bottom:15px;}
h3{ font-size:105%; color:#346665;margin-bottom:15px;} 
h4{ font-size:102%; color:#646464;margin-bottom:15px;}
p{margin-bottom:15px;}
p.highlight{ background-color:#ccddcc; padding:10px;}
em{color:#346665;}

ul{list-style: none;margin: 0 0 20px 0; padding-left:10px; padding-bottom:20px;}
ul.bullets{padding-left:20px; padding-bottom:10px;float:left;}
ul.bullets li{margin:0 0 5px 0; vertical-align:top; line-height:20px; 
 background: url(images/bullet.gif) no-repeat 0 7px; list-style-type:none;
 padding:0 0 0 20px; list-style-position:outside;
}
ul.bullets li a, ul.bullets li a:visited, ul.bullets li a:active{ color:#6b726b;text-decoration:none;}
ul.bullets li a:hover{ text-decoration:underline;}

ul.featured{width:750px;float:left;}
ul.featured li{float:left; margin:0 0 5px 0;width:350px;list-style-position:outside; }
ul.featured li.alt{float:left;}

#mainContent img{ border:1px solid #bbbbbb !important; padding:3px; margin:0 10px 10px 10px;}

#mainContent img.left{ margin:0 10px 10px 0px;}
#mainContent img.right{margin:0 0 10px 10px;}
ul.numbers li{ list-style-type:decimal; list-style-position:inside; display:block;}

