/* CSS Document */
/*-------------------------------------styles for the outer containers*/
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

#outer{
	background-color:#FFFFFF;
	min-width:760px;
	max-width:1024px;
	border:1px solid #999999;
	min-height:400px;
	margin:0 auto;
}

#topBanner:after, #columnContainer:after, #leftCol:after, #topBox:after, #topNews:after, .extraNews:after{
	content:"&nbsp;";
	visibility:hidden;
	clear:both;
	height:0;
	display:block;
}

/*----------------------------------bits for the banner area*/

#logo{
	float:left;
	margin:1em 0 0 1em;
}

#logo a img{
	border:none;
}

#nav{
	margin-left:180px;
	padding-top:40px;
}

#nav ul{
	margin:0;
	padding:0em;
	background-image:url(../images/navBackRound.jpg);
	background-repeat:no-repeat;
	text-align:center;
	list-style-type:none;
	height:48px;
}

#nav ul li{
	display:inline;
}

#nav ul li img{
	position:relative;
	top:1px;
}

#nav ul li a{
	color:#333333;
	text-decoration:none;
	font-size:1.1em;
	line-height:1.5em;
	position:relative;
	top:-6px;
	padding:1px;
}

#nav ul li a:hover{
	color:#9F9F26;
}

#breadcrumb{
	margin-top:-10px;
	background-repeat:no-repeat;
	min-height:10px;
}

#breadcrumb p{
	margin:0 0 0 10px;
	padding-top:10px;
	color:#999999;
	float:left;
}

#breadcrumb a{
	color:#666666;
}

#search{
	float:right;
	padding-top:10px;
	padding-right:5px;
}

.goButton{
	background-color:#333333;
	color:#ffffff;
	padding:0;
}

/*----------------------------------------------styling the columns*/

#columnContainer{
	margin-top:10px;
}

/*--------------------------------------------------------submenu styles*/
#submenu{
	float:left;
	width:175px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}

#submenu ul{
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
}

#submenu ul li a{
	display:block;
	background-image:url(../images/subLinkBack.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:10px 0 15px 20px;
	color:#333333;
	text-decoration:none;
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#submenu ul li a:hover{
	color:#9F9F26;
}

/*----------------------------------------------------the content column*/

#leftContainer{
	float:left;
}

#leftCol{
	margin-right:203px;
	min-height:300px;
	background-image:url(../images/barBack.jpg);
	background-repeat:repeat-x;
	padding-top:20px;
}

#leftCol.open{
	margin-left:178px;
}

#leftCol a{
	color:#333333;
}

#topBox{
	color:#666666;
	padding:0 0 0 10px;
	border-bottom:1px solid #999999;
	line-height:1.5em;
}

#leftCol.open #topBox{
	border-bottom:none;
	padding-right:10px;
}

#topBox img{
	float:right;
	position:relative;
	top:-10px;
	right:1px;
	margin-left:5px;
}

#leftCol.open #topBox img{
	top:0;
	right:0;
	float:none;
}

#topBox h1{
	font-size:1.4em;
	margin-top:0;
	font-weight:normal;
	color:#9F9F26;
}

#topBox p{
	margin-bottom:5px;
}

#topBox ul{
	list-style-image:url(/images/bullet.jpg);
}

h2{
	font-size:1.3em;
}

h3{
	font-size:1.1em;
}	

#bottomLeft, #bottomMiddle{
	width:32%;
	float:left;
	background-color:#E7ECEE;
	min-height:200px;
	border-right:1px solid #999999;
	padding:0 5px 0 5px;
	color:#333333;
}

#bottomLeft h1, #bottomMiddle h1{
	font-size:1.4em;
	font-weight:normal;
}

#bottomLeft img, #bottomMiddle img{
	float:left;
	margin:0 5px 5px 0;
	border:1px solid #999999;
}

#bottomRight{
	width:31%;
	float:left;
	padding-left:5px;
	color:#666666;
}

#bottomRight h1{
	font-size:1.4em;
	font-weight:normal;
	color:#9F9F26;
}

#quote{
	background-image:url(../images/quoteTop.jpg);
	background-repeat:no-repeat;
	padding-left:15px;
}

#quoteName{
	text-align:right;
	font-size:0.85em;
	color:#999999;
}

/*-----------------------------------------------------------------the right column*/
#rightCol{
	padding:15px 0 0 0;
	width:200px;
	float:right;
	background-image:url(../images/barGrey.jpg);
	background-repeat:repeat-x;
	min-height:300px;
	background-color:#E7ECEE;
	border-left: 1px solid #999999;
	color:#333333;
}

#rightCol h1{
	font-size:1.2em;
	background-image:url(../images/rightHeadBack.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:15px;
	margin-top:0px;
	padding-left:10px;
}

#rightCol a{
	color:#000000;
}

#rightCol a.button, #leftCol a.button{
	padding:2px 5px 2px 5px;
	background-image:url(../images/linkBack.jpg);
	background-repeat:repeat-x;
	background-color:#9D9EA0;
	border:1px solid #999999;
	float:right;
	text-decoration:none;
	font-size:0.85em;
}

#rightCol a.button:hover, #leftCol a.button:hover{
	color:#FFFFFF;
}

#topNews, .extraNews{
	padding:5px 10px 10px 10px;
}

.extraNews{
	background-image:url(../images/extraNewsBack.jpg);
	background-repeat:repeat-x;
	padding-top:10px;
}

#topNews h1, #rightCol .extraNews h1{
	background:none;
	margin-bottom:0;
	padding:0;
}

#footer{
	border-top:1px solid #999999;
	color:#999999;
	padding:5px 0 5px 0;
}


/*----------------------------------------------------------------the footer*/
#footer ul{
	margin:0;
	padding:0;
	text-align:center;
}

#footer ul li{
	display:inline;
}

#footer ul li a{
	color:#999999;
	text-decoration:none;
	padding:0 1em 0 1em;
}

#footer ul li a:hover{
	color:#000000;
}

/*-----------------------------------------------general classes*/

.floatright{
	float:right;
}

#leftCol.open #topBox img.floatright{
	float:right;
	margin:0 0 10px 10px;
}

.floatleft{
	float:left;
}

#leftCol.open #topBox img.floatleft{
	float:left;
	margin:0 10px 10px 0;
}

.clear{
	clear:both;
}

.quote{
	font-size:0.85em;
	line-height:1.5em;
	font-style:italic;
}

.quoteName{
	font-size:0.85em;
	line-height:1.5em;
	text-align:right;
}

.center{
	display:block;
	margin:0 auto;
}