/*
// CSS Created by: Shabu Anower
// OSDesigner.net
*/

body {
	margin: 0px;
	color: #696969;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

img {
	border: 0px;
}

	a {
		color: #696969;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}

h1, h2, h3, h4 {
	margin: 0;
	font-size: 11px;
}

#container {
	width: 94%;
	margin: 0 auto 0 auto;
}



.bar {
	background: url('bar.bg.gif');
	height: 37px;
	margin: 10px 0 10px 0;
}	
	.bar h3 {
		background: url('bar.end.gif') no-repeat right;
		float: right;
		margin: 0px;
		width: 30px;
		height: 27px;
		padding: 10px 0 0 0;
	}

	.bar ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.bar li {
		padding:0;
		margin: 0;
		height: 37px;
		display: inline;
		float:left;
		list-style-type: none;
	}
	
	.bar li a {
		color: #303030;
		text-decoration: none;
	}
	
	.bar li a:hover {
		color: #4c90ca;
		text-decoration: none;
	}
	
#home {
	padding: 0px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	}

	a#home {
			overflow:hidden;
			display:block;
			width:70px;
			height:27px;
			padding: 10px 0 0 10px;
			background:url('bar.start.gif') no-repeat;
	}
	
	a#home:hover {
		background:url('bar.start.gif') no-repeat 0px -37px;
		}
	
	.common {
		padding: 0px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		line-height: normal;
	}
	
	a.common {
			overflow:hidden;
			display:block;
			width:90px;
			height:27px;
			padding: 10px 0 0 0;
	}
	
	a.common:hover {
		background:url('bar.bg.gif') no-repeat center -37px;
	}


.thumb {
	border: 1px solid #e8e8e8;
	background: #f5f9fc;
	cursor: pointer;
	padding: 14px;
}

.thumb2 {
	border: 1px solid #cde0f0;
	background: #edf4fa;
	cursor: pointer;
	padding: 14px;
}

.row1 {
	background: #f4f8fc;
}

.row2 {
	background: #ffffff;
}


.info {
	border: 1px solid #cde0f0;
	background: #edf4fa;
	padding: 6px 6px 6px 14px;
	margin: 10px 0 0 0;
}
	.info p {
		margin: 0 0 3px 0;
	}

.user {
	background: url('profile.gif') no-repeat;
	padding: 0 0 0 22px;
	height: 16px;
}

.comment {
	background: url('comment.gif') no-repeat;
	padding: 0 0 0 22px;
	height: 16px;
}
.category {
	background: url('cat.folder.gif') no-repeat;
	padding: 0 0 0 22px;
	height: 16px;
}




.search {
	 margin: 0 2px 0 0; padding: 4px 0 0 4px; border: 1px solid #696969; font-size: 12px; font-weight: bold; background: none; color: #4c90ca; height: 16px; width: 160px;
}

.button {
	margin: 0 4px 0 0;
	border: 0px;
	background: url('buttons.gif') no-repeat;
	width: 71px;
	height: 20px;
	color: #303030;
	font-size: 11px;
}

.go {
	margin: 0 0 0 4px;
	border: 0px;
	background: url('go.gif') no-repeat;
	width: 25px;
	height: 20px;
}

.box {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	padding: 8px;
	width: 199px;
	font-size: 11px;
}
	.box a {
		color: #696969; text-decoration: none;
	}
	.box a:hover {
		text-decoration: underline;
	}
	
	.box ul {
		margin: 0;
		padding: 0;
	}
	
	.box li {
		list-style-type: none;
		margin: 0 0 0 3px;
		padding: 0 0 4px 20px;
		background: url('blt.gif') no-repeat;
	}
	.box p {
		margin: 0 0 0 3px;
		padding: 0 0 4px 20px;
		background: url('blt.gif') no-repeat;
		text-align: left;
	}
	.boxcaption {
		background: url('box.caption.gif') no-repeat;
		padding: 6px 0 0 10px;
		height: 20px;
		width: 207px;
		color: #303030;
	}
	
	.boxbottom {
		background: url('box.bottom.gif') no-repeat;
		width: 217px;
		height: 4px;
		margin: 0px;
	}
	
.pagingstats2 {
}
	.pagingstats2 p {
		margin: 6px 0 10px 0;
		font-weight: normal;
		padding: 0;
	}

.pagination {
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

	.pagination ul {
		font-size: 12px;
		margin: 10px 0 10px 0;
		padding: 0px;
		text-align: left;
	}
	.pagination li {
		display: inline;
		list-style-type: none;
		padding-bottom: 1px;
	}
	.pagination a {
		color: #4c90ca;
		border: #e8e8e8 1px solid;
		padding: 5px;
		margin: 0 0 0 3px;
		text-decoration: none;
	}

	.pagination a:hover {
		border: #4c90ca 1px solid;
		color: #696969;
		text-decoration: none;
	}
	
.pagingon {
		color: #696969;
		border: #cde0f0 1px solid;
		padding: 5px;
		margin: 0 5px 0 0;
		text-decoration: none;
	}
	
.padding {
	padding: 0 20px 0 0;
}

.caption {
	background: url('caption.bg.gif') repeat-x bottom;
	height: 26px;
	font-size: 11px;
	font-weight: bold;
	color: #303030;
	margin: 0;
}
	.caption p {
		background: url('caption.left.gif') no-repeat left;
		padding: 6px 0 0 10px;
		height: 20px;
		color: #303030;
		margin: 0;
	}

	.caption a {
		color: #303030; text-decoration: none;
	}
	
	.caption a:hover {
		text-decoration: underline;
	}
	
	.caption h3 {
		background: url('caption.right.gif') no-repeat right;
		float: right;
		margin: 0px;
		font-size: 10px;
		height: 20px;
		padding: 6px 6px 0 0;
	}
	
	.caption h2 {
		background: url('caption.right.gif') no-repeat right;
		float: right;
		margin: 0px;
		font-size: 10px;
		height: 20px;
		padding: 0;
	}

.contentbox {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	padding: 8px;
	font-size: 11px;
}
	.contentbox a {
		color: #303030; text-decoration: none; font-size: 11px;
	}
	.contentbox a:hover {
		text-decoration: underline;
	}

.contenttext {
	margin: 0px;
	padding: 2px 0 3px 0;
}

.contentbottom {
	background: url('contentbottom.bg.gif') repeat-x bottom;
	height: 7px;
	margin: 0;
}
	.contentbottom p {
		margin: 0;
	}

	.contentbottom span {
		float: right;
	}



.content {
	margin: 0 16px 0 10px;
}
	.content ul {
		margin: 0;
		padding: 0;
	}

	.content li {
		list-style-type: none;
		margin: 0 0 0 3px;
		background: url('blt.gif') no-repeat;
		padding: 0 0 4px 20px;
	}
	
.text {
	border: 1px solid #303030;
	background: #ffffff;
	height: 17px;
	font-size: 12px;
	padding: 2px 2px 2px 6px;
	width: 360px;
	color: #696969;
}

.textarea {
	border: 1px solid #303030;
	padding: 2px 2px 2px 6px;
	font-size: 12px;
	width: 360px;
	color: #696969;
}

.textpy {
	border: 1px solid #303030;
	background: #ffffff;
	height: 17px;
	font-size: 12px;
	padding: 2px 2px 2px 6px;
	width: 80px;
	color: #696969;
}

.captcha {
	border: 1px solid #303030;
	background: url('../images/loader.gif') no-repeat center;
}

#copyright {
	text-align: left;
	white-space: nowrap;
}
	#copyright br {
		display: none;
	}


.fbox {
	border: 1px solid #4c90ca;
	padding: 10px;
	background: #f9fcf5;
	margin: 5px 5px 10px 5px;
}

.lbox {
	margin: 0 5px 25px 5px;
}


	
	
.pagingstats {
	color: #696969;
	font-size: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}
	.pagingstats p {
		margin: 0;
		padding: 2px 0 0 0;
	}
	
	.pagingstats h3 {
		float: right;
		font-weight: bold;
		margin: 0;
		font-size: 11px;
	}
	
	.pagingstats a {
		font-size: 11px; color: #4c90ca; text-decoration: none;
	}
	.pagingstats a:hover {
		text-decoration: underline;
	}
	
.colorborder {
	border: 1px solid #696969;
	margin: 0 4px 0 4px;
}

.nav {
	color: #696969;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}
	.nav p {
		margin: 0;
		padding: 2px 0 0 0;
	}
	
	.nav h3 {
		float: right;
		margin: 0;
		font-size: 11px;
	}
	
	.nav a {
		font-size: 11px; color: #4c90ca; text-decoration: none;
	}
	.nav a:hover {
		text-decoration: underline;
	}

form {
	Margin: 0;
}

.cat {
	background: url('folder.gif') no-repeat;
	padding: 0 0 0 22px;
	font-size: 13px;
	font-weight: bold;
	color: #4c90ca;
	margin: 0 0 6px 0;
}
	.cat a {
		font-size: 13px; color: #4c90ca; text-decoration: none;
	}
	.cat a:hover {
		text-decoration: underline;
	}
	.cat span {
		font-size: 9px;
		padding: 0 0 0 4px;
	}
	
.new {
	font-size: 9px;
	padding: 0 0 0 4px;
	color: #FF0000;
}	

.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #696969;
	font-weight: normal;
	font-size: 7pt;
	text-decoration: none;
}

.os {
	color: #3d4c53;
	font-weight: bold;
}
	.os a {
		color: #3d4c53; font-size: 11px; text-decoration: none;
	}
	.os a:hover {
		text-decoration: underline;
	}
	
.design {
	color: #982a05;
	font-weight: bold;
}
	.design a {
		color: #982a05; font-size: 11px; text-decoration: none;
	}
	.design a:hover {
		text-decoration: underline;
	}
	
/* 
//
UPDATED STYLE ADD BY JEFF ROBERTS
WWW.JEFFROBERTSWEBDESIGN.COM
02/04/2010
//
*/

body {background: #F6F5FA; }

.surround {width: 1084px; margin: 0 auto 0 auto; background: #fff; border: solid 1px #CBCBFA; border-width: 0 1px 1px 1px; }

.header {width: 1084px; height: 95px; background: url(i/headerback.jpg) right no-repeat #0100FE; }


	
.menu {position: relative; z-index: 4000; height: 32px; width: 1084px; margin-bottom: 8px; background: url(i/menuback.jpg) repeat-x; border: solid #CBCBFA; border-width: 1px 0 1px 0; }
	.menu ul {list-style: none; margin: 0 0 0 15px; padding: 0; position: absolute;}
	.menu ul li {text-align: center; float: left; display: block; }
	.menu a {
		float: left; 
		font-size: 14px; 		
		font-weight: normal;  
		font-family: arial; 
		color: #fff; 
		padding: 8px 15px 8px 15px; 
		text-decoration: none; 
		display: block; 
		}
		
		.menu a:hover {
			background: #8095FE; 
			color: #FFFFFF;
			}
/* SECOND TIER */

.menu ul ul.wide a {width: 200px; }

.menu ul ul {
	display: none; 
	float: left;
	position: absolute;
	z-index: 3000;
	top: 32px;
	}
	
.menu li:hover ul {
	display: block; 
	position: absolute;
	z-index: 999;
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	}
	
.menu ul ul {
	background: #415EFB;
	border: solid 1px #CBCBFA;
	float: left;
	}
	
.menu ul ul a {
	width: 150px;	
	clear: both;
	border: solid 1px #CBCBFA;
	padding: 8px 12px 8px 12px;
	border-width: 0 0 1px 0;
	background: #0707FF;
	}
	
.menu ul ul a:hover {
	background: #8095FE; 
	}
	
.menu ul ul a.last {
	border: none;
	}
	
.menu ul ul li {	
	text-align: left;
	clear: both;
	}	
	
.leftCol {width: 207px; margin-right: 10px; float: left; padding: 0px 0 0 10px; letter-spacing: 1px; }
	.leftCol h3 {margin-top: 18px; }

.products {margin-bottom: 15px; padding: 18px 10px 15px 25px; background: url(i/productsback.jpg) top left no-repeat; letter-spacing: 0; }
	.products ul {margin: 0 0 0 15px; padding: 0; }
	.products p {margin-bottom: 3px; padding-bottom: 3px; }

.content {width: 854px; float: left;  margin: 0; position: relative; z-index: 0; }

.map { background: url(i/map.jpg) no-repeat; width: 848px; height: 506px; }
	.macon {position: absolute; top: 234px; left: 308px; } 
	.tifton {position: absolute; top: 273px; left: 316px; }
	.debary {position: absolute; top: 345px; left: 375px; }
	.lakeland {position: absolute; top: 384px; left: 370px; }
	.pennsuco {position: absolute; top: 443px; left: 410px; }
	.pennsuco2 {position: absolute; top: 428px; left: 415px; }
	
	#popupwindow {display: none; position: absolute; }
	.shadow {position: absolute; top: 202px; left: 492px; width: 224px; border: solid 3px #CBCBCD; }
	.popup {position: absolute; top: 200px; left: 490px; width: 200px; background: #FBF7D4; border: solid 2px #D9D7C3; padding: 10px 15px 10px 15px; color: 515151; font-size: 16px; font-family: "trebuchet ms", verdana, arial; }
		.popup p {margin: 0; padding: 0; font-size: 14px; }
	
table {background: none !important; }

.members {padding: 5px 10px; }

.footer {width: 1064px; height: 17px; padding: 3px 10px 0 10px; background: url(i/bargray.jpg)  repeat-x; }

.admin {width: 1084px; margin: 7px auto 0 auto; }
	.admin a {color: #B4ABD6; }

h2 {font-size: 18px; color: #030548; font-weight: normal; font-family: "trebuchet ms", verdana, arial; }
h3 {color: #000066; font-size: 14px; font-weight: bold; letter-spacing: 0; font-family: arial; margin: 0; padding: 0; }

p {margin-top: 0; padding-top: 0; }

.offsides {position: absolute; top: -9999px; left: -9999px; }

.left {float: left; }
.right {float: right; }
.clear {clear: both; }

.lgMargR {margin-right: 25px; }
.mdMargB {margin-bottom: 10px; }


