/* Barbara Brown Template */


* {
   padding:0;
   margin:0;
}

html, body {
	height: 100%;
}

body {
	text-align: left;
	margin:0 auto;
	padding:0;
	color:#000;
	font-style:normal; 
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	line-height: 15px;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	background:#fff;
	background:#ffffff;
}

strong{
color:#9E0289;
}

td{padding: 4px 4p 4px 4px; line-height:18px;}


#page {
	width:810px;
	margin:0 auto;
	height:105%;
}

#header {
	width:810px;
	height:120px;
	margin: 0 auto;
	background: url('images/header_bb2.gif') no-repeat;
	padding:0px;

}

#content {
	padding:5px 20px 0 20px;
	background:url('images/contentbg_bb.gif') repeat-y;
	height:100%;
}

/**************************** menu ****************************/

#nav_top {
	background:url('images/nav_top.gif') no-repeat;
	width:225px;
	height:28px;
}

#nav_btm {
	background:url('images/nav_btm.gif') no-repeat;
	width:225px;
	height:28px;
}

#menu {
	float:left;
	width: 225px;
	color:#000;
	background:url('images/nav_mid.gif') repeat-y;
}

#menu ul {
	list-style:none;
	width:218px;
	font-size:12px;
	padding:0 0 0 3px;
}	

#menu li {
	list-style-type: none;
	background:transparent url('images/bullet.gif') no-repeat 12px 6px;
	margin-bottom:4px;
	border-bottom:2px solid #ffffff;
	padding:6px;
}

#menu li:hover {
	background-color:f0f6df;
}

#menu a {
	display:block;
	padding:0 0 0 20px;
	color:#fff;
	text-decoration: none;
	background:f0f6df;
}	
	
#menu a:hover {
	display:block;
	padding:0 0 0 20px;
	color:#ffffff;
	text-decoration: none;
	background:fff;
}	

/**************************** content ****************************/

#info {
	float:right;
	/*background:url('images/contentmid_bb.gif') repeat-y;*/
	width:533px;
	height:2000px;
}

.feature_image {
z-index: 100;
position:relative;
top: -38px;
float:left;
margin: 0 0 -70px -14px;
}

.post_top {
	/*background:url('images/content_top.gif') no-repeat;*/
	width:533px;
	height:31px;
}

.post_btm {
	/*background:url('images/content_btm.gif') no-repeat;*/
	width:533px;
	height:31px;
}

.post {
	padding: 0 0 0px 20px;
	z-index:0;
	margin-bottom: 20px;
}

.post img {
float:left;
padding: 0px 2px 2px 2px;
}

.post p{
margin: 8px 18px 12px 0;
}

.post ul{
margin-top: 10px;
}

.post li{
list-style-type:square;
list-style-position:inside;
}

img {
	border:1px solid #fff;
	padding:5px;
	margin:3px;

}

.right_float_image{
float: right;
margin: 5px 5px 5px 5px;
}

a{
	color:#FF9900;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:none;
}

h1{
	color:#003366;
	font-weight:normal;
	font-size:24px;
	padding: 40px 0 10px 40px;
}

h2 a{
	position:absolute;
	top:32px;
	color:#666;
	font-size:16px;
	margin:0 0 0 575px;
	text-decoration:none;
}

h2 a:hover{
	color:#999;
}

h3{
	color:#660033;
	font-size:12px;
	font-weight:bold;
	padding: 5px 0 5px 10px
}

h4{
	color:#990066;
	font-size:20px;
	line-height: 28px;
	font-weight:normal;
	margin: -10px 0 20px 4px;
}

h5{
	color:#003366;
	font-size:10px;
	font-weight:normal;
	padding:5px 0 0 0;
}

h3 img{
	float:left;
}

/**************************** lists ****************************/

ul {
	list-style:none;
	padding:0 0 0 3px;
}	

li {
	list-style-type: none;
	background:transparent url('images/bullet.gif') no-repeat 12px 6px;
	padding: 0 0 0 20px;
}

#menu a {
	display:block;
	padding:0 0 0 20px;
	color:#990033;
	text-decoration: none;
	/*background:f0f6df;*/
}	
	
#menu a:hover {
	display:block;
	padding:0 0 0 20px;
	color:#ffffff;
	text-decoration: none;
	background:fff;
}	

#why_use {
height: 700px;
}


/**************************** footer ****************************/

#footer{
	text-align:center;
	padding:40px;
	background:url('images/bottom.gif') no-repeat;
	height:42px;
}

#footer_index{
color:#cccccc;
font-size: 9px;
}

#footer a {
	color:#000;
}

#footer a:hover {
	color:#fff;
}