/* 

CSS - REC
theme: rec
author: Launch Website Design Oklahoma

 */

/* reset */
	html, body, div, span, object, iframe, img, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* general */
	strong {font-weight: bold;}
	em {font-style: italic;}
	.left {float: left;margin-right: 1em;}
	.right {float: right;margin-left: 1em;}
	.center {text-align: center;}
	.clear {clear: both;}
	.hide {display: none;}
	.show {display: block;}
	body {font-size: 12px; background: url(images/bg.jpg) repeat-x; font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; color:#3a3a3a;}
	

/* basic */
	#mainContainer, #headerContainer, #bodyContainer, #footerContainer {clear: both; width: 907px; margin: 0 auto;}
	
/* header */
	#headerContainer {background: url(images/headerbg.jpg) no-repeat; height: 161px;}
	#headerLogo h1 {text-indent: -9999px;margin: 0;}
	#headerLogo a {display: block; background: url(images/reclogo.png) no-repeat; width: 186px; height: 104px; float: left;margin: 29px 20px 20px 20px;}
	#headerNav {float: right; position: relative; z-index: 9999; padding: 5px 20px 10px 0;}
	#headerNav li {list-style: none; display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #234787; float: left;}
	#headerNav li a {color: #234787; display: block; line-height: .8em;}
	#headerNav li a:hover {text-decoration: none;}

/* body */
	#home #rightCol {position: relative; top: -171px;}
	#bodyContainer {background: url(images/bodybg.jpg) repeat-y;}
	#bodyContent {background: url(images/bodytop.jpg) no-repeat;}
	#bodyWrap {background: url(images/bodybottom.jpg) no-repeat bottom; min-height: 500px; padding: 10px;}
	#leftCol {float: left; width: 231px; position: relative; float: left; clear: left;}
	#leftNav { position: relative; float: left; clear: left; z-index: 500; margin: 0 0 5px 0;}
    #leftCol #leftNav ul {margin: 0; padding: 0;}
	#leftCol #leftNav ul li {list-style: none; position: relative; float: left; clear: left;}
	#leftCol #leftNav li a {background: url(images/nav.jpg) no-repeat; width: 203px; height: 30px; color: #fff; text-decoration: none; display: block; font-size: 14px; padding: 8px 0 0 25px;}
	#leftCol #leftNav li a:hover {background: url(images/nav_hover.jpg) no-repeat;}
	#leftNav ul#topnav li ul {
		margin: 0; padding: 0;
		position: absolute;
		top: 0; left: 228px;
		width: 231px; min-height: 30px;
		display: none;
	}
	
	#leftCol #ads li {margin: 5px 0; list-style: none;}
	#rightCol {float: right; width: 648px;}
	#rightCol #colLeft {width: 382px; float: left;}
	.inside h1, #colLeft h1 {font-size: 16px; font-style: italic; color: #234787;}
	.inside h2, #colLeft h2 {font-size: 14px; color: #234787; font-weight: normal;}
	.inside h3, #colLeft h3 {font-size: 14px; color: #234787; font-weight: normal;}
	.inside h4, #colLeft h4 {font-size: 14px; color: #234787; font-weight: normal;}
	#rightCol #colRight {width: 233px; float: right;}
	#rightCol #login {background: url(images/sidehead.jpg) no-repeat; margin-top: 10px;}
	#rightCol #login h2 {height: 28px; background: url(images/lockicon.jpg) no-repeat 10px 8px; font-size: 14px; color: #161616; padding: 8px 0 0 30px; font-weight: normal; margin: 0;}
	#rightCol #loginBox {background: url(images/sidebg.jpg) no-repeat bottom; padding: 10px; width: 210px;}
	#rightCol #loginBox p {margin: 0;}
	#rightCol #loginBox input {background: url(images/textbox.jpg) no-repeat; border: 0; width: 203px; height: 14px; padding: 10px 5px; margin-bottom: 2px;}
	#rightCol #loginBox button {background: url(images/bluebutton.jpg) no-repeat 0 2px; border: 0; width: 77px; height: 29px; color: #fff; padding-bottom: 2px; }
	

/* footer */
	#footerContainer {}
	#footerContent {padding: 10px;}
        #footerContent ul {margin: 0; padding: 0;}
	#footerContent li {list-style: none; display: inline; margin-right: 5px; padding-right: 5px; border-right: 1px solid #234787; float: left;}
	#footerContent li a {color: #234787; display: block; line-height: .8em;}
	#footerContent li a:hover {text-decoration: none;}
	#footerContent p {clear: left; padding-top: 3px; font-size: 10px;}
	#footerContent img {float: right; margin-top: -50px;}