/***********************************************/
/* bb_basic.css                             */
/* Use with template bb_basic.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	margin:0;
	padding:0;
	color:#000000;
	background:#7791b2;
	background:#a0b3b1;
	font:small "Trebuchet MS", Verdana, Arial,Sans-serif;
	line-height:1.2;
}

a:link, a:visited, a:hover, a:active {
color: #396393;
background:#ffffff;
font-weight: bold;
font-size: 90%; 
text-decoration: none;
font-family: "Trebuchet MS", Verdana, Arial,Sans-serif;
}

a:hover {text-decoration: underline;}

	/* overrides decoration from previous rule for hovered links */

h1, h2{
    font-family: Georgia, "Times New Roman",serif;
    font-weight: bold;
    color: #000000;
}

h3, h4{
	font-family: "Trebuchet MS", Georgia, "Times New Roman", sans-serif;
	font-weight: bold;
	color: #35495E;
	color: #396393;
}

h1{font-size: 120%; line-height: 1.5; text-transform: uppercase;}
 
h2{font-size: 110%; line-height: 1.5;}

h3{font-size: 100%; line-height: 1.5;}

h4{font-size: 100%; line-height: 1.5; color: #000000;}
 
p{font-size: 90%; line-height: 1.5;}
 
ul{
	margin: 0;
	padding: 0;
	list-style-type: disc;
	line-height: 1.9;
}

li{
	line-height: 1.9;
}


img{
border: 0px;
}

.quote{
font-size: 80%;
line-height: 1.1;
}

/***********************************************/
/* Main Layout Divs                                 */
/***********************************************/
#containerbb{
	margin-left: auto;
	margin-right: auto; 
	width: 750px;
	text-align: left;
	background: #ffffff;
	color: #59505c;
	color: #4f5557;
	border: groove thick #255070;
}


#header{
	margin:0;
	padding:0;
	width: 100%;
	color: #336666;
	background: #ffffff;
}


#leftheader{
	float:left;
	display: inline; /*fixes IE double margin bug */
	margin: 0;
	padding: 20px 0px 10px 30px;
	width: 340px;
}

#rightheader{
	float: right;
	display: inline; /*fixes IE double margin bug */
	padding: 0;
	margin: 0;
	width: 300px;
}

#contactinfo{
	margin: 0;
	padding: 25px 40px 5px 0px;
	text-align: right;
	line-height: 1.2;
	font-family: "Georgia, Times New Roman",serif;
    font-weight: bold;
    font-size: 105%;
    color: #000000;
}

#topbar{
	clear:both;
	margin: 10px 20px 10px 20px;
	padding: 5px 5px 5px 5px;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	color:#ffffff;
	background:#396393;
}

#topnav{
margin: 0 px;
padding: 0px;	
}

#leftbar{
	float:left;
	display: inline; /*fixes IE double margin bug */
	margin: 0;
	padding:0;
	width: 25%;
}

#mainarea{
	float:right;
	display: inline; /*fixes IE double margin bug */
	margin: 0;
	padding:0;
	width:75%;
}
	
	
#content{
	float:left;
	display: inline; /*fixes IE double margin bug */
	width:75%;
	margin: 0px 0px 10px 0px;
	padding:0;
	font-size: 115%;
	line-height:1.8;
	min-height: 600px;
	height: auto !important;
	height: 600px;

}


#rightbar{
	float:right;
	display: inline; /*fixes IE double margin bug */
	margin: 0;
	padding:0;
	width:30%;
}

#footer{
	clear: both;
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
	background:#ffffff;
	color: #294486;
	border-top: solid 1px #294486;
	text-align: center;
}

/***********************************************/

#leftgraphic{
	float:left;
	display: inline; /*fixes IE double margin bug */
	margin: 0;
	padding: 0px 20px 0px 0px;

}

.topic{
	clear: both;
	padding-bottom: 10px;
	border-bottom: solid 1px #294486;
}

#content ul{
	margin:0;
	font-weight: bold;
	padding-left: 40px;
	line-height: 1.0;
	font-style: italic;
}

.rightalign{
	text-align: right;
	}
	
.gutter2010{
	margin:20px 10px 20px 10px;
	padding: 0px;
}

.gutter20{
	margin:20px 20px 20px 20px;
	padding: 0px;
}

.gutter2030{
	margin:20px 30px 20px 30px;
	padding: 0px;
}

/*************** #todate*******************/