/*--- CSS - BETTER CHOICE ---*/

@import url("global.css");
@import url("text-styles.css");
@import url("layout.css");

#container {
	margin: 0 auto;
	padding: 0;
	width: 800px;}
	
#navigation {
	border-bottom:3px solid #5e97d5;
	padding:9px 0 0 0;
	height:20px;
	background:#24257d;
	font-size:0.9em;
	position: relative;
	z-index: 100;
	text-align:center;
}

ul#nav {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#nav li {
	float: left;
	position: relative;
}

.nav-main{
	height:	20px;
}
	
#nav li a {
	color:#fff;
	font-weight:bold;
	display: block;
	text-decoration: none;
	padding:0 4px;
	border-right:1px dotted #9da2bf;
}
	
#nav li a:hover {	text-decoration:underline; }	

#nav li ul {
	position: absolute;
	width: 200px;
	left: 0;
	top: 20px;
	background: #24257d;
	display: none;
}

#nav li ul li {
  float: left;
  width: 200px;
  clear: both;
  list-style: none;
  text-align: left;
}

#nav li ul li a {
  padding: 8px 8px;
  border: none;
}

#nav li:hover ul, #nav li.sfhover ul {
display: block;
}

.last-nav-item { border:0!important;}	

#content-area {
	font-size:1.1em;
	line-height:18px;
	background:url(../images/bg-content.gif) repeat-y;}

#content-left {
	width:196px;
	float:left;
	background:#f1f6fd;}
	
#content-middle {
	width:404px;
	float:left;
	border-left:1px solid #dce9f9;
	border-right:1px solid #dce9f9;
	background:#fff;}

#content-three-quarter {
	float:left;
	background:#fff;
	border-left:1px solid #dce9f9;
	width:603px;}

#content-right {
	width:198px;
	float:left;
	background:#fff;}	
	
#footer {
	font-size:0.9em;
	padding:10px 15px;
	background:#181769;
	color:#d5e3ff;}