body, textarea 
{
	color:#333;
	font-family: Verdana;
}

td {	
	vertical-align:top;
	padding:5px;
}
	
label.sub-label {
	display:block;
	padding:4px 0px 4px 0px;
	font-size:0.9em;
}

fieldset {
	padding:18px;
	margin:10px 0px 10px 0px;
	border:4px #BBD9EE solid;
}

legend {
	padding:8px;
	font-weight: bold; 
	font-size: 1em; 
	color: #0066CC; 
	letter-spacing:-1px;
}
option {
	padding:3px 6px;
}
select {
	cursor:pointer;
    height: 20px;
}
a, a:visited {
	color:#519CDE;
}
a:hover {
	color:#18184B;
	text-decoration:none;
}
.clearer {
	height:1px;
	line-height:1px;
	font-size:1px;
	clear:both;
}
table {
	margin:10px 0px;
}
li td, li table {
	padding:2px;
	margin:0;
}
/* ---------------------------------- Heading Styles */

h1 {
	font-size:1.6em;
	clear:both;
	color:#519CDE;
	padding:8px 0px 3px;
	font-weight:normal;
	margin-bottom:8px;
}
h2 {
	font-size:1.4em;
	color:#519CDE;
	padding:10px 0px 8px;
	font-weight:normal;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}

p

{
	text-align: justify;
}

/* --------------------------------- Main Holding Divs */

#wrapper {
	font-size:1.1em;
	clear:both;
	width:960px;
	margin:0px auto;
	padding:15px 0px 0px 0px;
}
span#loggedinas {
	color:#FFFFFF;
	display:block;
	width:200px;
	position:absolute;
	top:10px;
	left:10px;
}
span#loggedinas a {
	color:#FFFFFF;
}
#content {
	padding:15px;
}
.login 
{
    width:700px;
    margin:0 auto;
}
/* --------------------------------- Main navigation */
/* --------------------------------- Main navigation */
#header {
	clear:both;
	height:135px;
	width:990px;
	background-color:#519CDE;
	background-image:url(images/sbsBack.png);
	background-position:top left;
	background-repeat:repeat-x;
	margin:0px auto;
	position:relative;
	
}
#searchbar {
    position:absolute; 
    width:500px; 
    text-align:right; 
    right:10px; 
    top:40px;
}
.searchbox {}
.searchbutton {padding:3px 6px !Important;}
span#loggedinas {
	color:#FFFFFF;
	display:block;
	width:200px;
	position:absolute;
	top:10px;
	right:10px;
}
span#loggedinas a {
	color:#FFFFFF;
}


.logo 
{
	width: 215px;
	height: 77px;
	float:left;
	padding: 10px 0px 0px 15px;
	top:0px;
	margin-bottom: 15px;
}

DIV.navigation {
		background-repeat: no-repeat;
		height: 30px;
		width: 980px;
		padding: 3px 10px 0px 0px;
		overflow:hidden;
		color:#16538C;
		font-size:1.1em;
		font-weight:bold;
		background-color:#ffffff;
		border-bottom:solid 1px #16538C;
		position:absolute;
		top:105px;
		margin-bottom:10px;
		left:0px;
	}
	.navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.navigation ul ul {
		position: absolute;
		top: 103px;
		width: 200px;
		display: none;
		padding-top:3px;
		padding-bottom:5px;
		background-image: url(default/images/bg-drop-down.gif);
		background-color: #c2c2c1;
		background-repeat: no-repeat;
		background-position: left top;
		border: 1px solid #545454;
	}
	.navigation ul ul ul {
		position: absolute;
		display: none;
		left: 190px;
	}
	.navigation ul li {
		cursor:pointer;
		display: block;
		float: left;
		height: 30px;
	}
	.navigation ul li a {
		display:block;
		color:#16538C;
		text-decoration: none;
		padding: 4px 10px 6px 10px;	
	}
	.navigation ul ul li {
		display: block;
		clear: left;
		border: none;
		width: 200px;
		height: auto;
		padding:0px;
	}
	.navigation ul ul li a {
		padding: 2px 8px 2px 8px;	
	}
	.navigation ul ul ul li {
		display: block;
	}
	.navigation ul li:hover ul {
		display: block;
	}
	.navigation ul li:hover ul ul {
		display: none;
	}
	.navigation ul ul li:hover ul {
		display: none;
	}
	
#nav { /* all lists */
	list-style: none;
	line-height: 1;
	padding:64px 0px 0px 15px;
	padding-top: 104px;
	margin:0px;
}

#nav li { /* all list items */
	float: left;
	width:auto;
}
#nav li a, #nav li a:visited {
	display:block;
	padding:7px 15px 8px 15px;
	width:auto;
	text-align:center;
	color:#16538C;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	border:0;
}
#nav li a:hover {
	background-color:#F4F4F4;
}


#nav li ul { /* second-level lists */
	position: absolute;
	background-color:#FFFFFF;
	width: 185px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	list-style:none;
	z-index:15;
	border:1px #144F94 solid;
	border-top:none;
}
#nav li ul li {
	width: 170px;
}
#nav li ul li a, #nav li ul li a:visited {
	display:block;
	padding:7px;
	color:#333;
	text-decoration:none;
	text-align:left;
	width: 171px;
	border:0;
	background-image:none;
	font-weight:normal;
	font-size:1em;
}
#nav li ul li a:hover {
	background-color:#E0EEF8;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* ---------------------------------- MAIN PAGE STYLES */

.HomeText
{
	width: 330px;
	padding-top: 5px;
}

.Register
{
	float:right;
	width: 108px;
	height: 28px;
	background-image:url(images/register.png);
	background-repeat: no-repeat;
	padding: 10px;
	margin-top: 10px;
}

.HomeImage
{
	width: 380px;
	height: 250px;
	float: right;
	margin-top: -270px;
}

.Line
{
	background: #cdcdcd;
	height: 1px;
	width: 730px;
	margin-top: 80px;
}



/* ---------------------------------- GENERIC FORM STYLES */

fieldset li, .form-list li {
	padding:5px 0px;
	list-style:none;
}
select {
	border:1px #CCCCCC solid;
	background-color:#F8F8F8;
}
input[type="text"], input[type="password"], textarea{
	border:1px #CCCCCC solid;
	background-color:#F8F8F8;
	padding:5px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color:#FFFFE6;
}

#login-holder {
	width:400px;
	margin:0px auto;
}

/* This is for all the decent browsers - So they understand the hover effect */
input[type="submit"], input[type="button"], .frm_button {
	padding:6Px;
	cursor:pointer;
	background-image:url(images/input-btn-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#3B81C4;
	border:2px #165297 solid;
	color:#fff;
}
input[type="submit"]:hover, input[type="button"]:hover {
    background-image:none;
	border:2px #000 solid;
}

.cta, .cta:visited
{
	padding:6Px;
	cursor:pointer;
	background-image:url(images/input-btn-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#3B81C4;
	border:2px #165297 solid;
	color:#fff;
	text-decoration:none;
}
.cta:hover, .cta:active {
    background-image:none;
	border:2px #000 solid;
	color:#fff;
	text-decoration:none;
}


.ctaa, .cta:visited
{
	padding-top: 10px;
	padding:6Px;
	cursor:pointer;
	background-image:url(images/input-btn-bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#3B81C4;
	border:2px #165297 solid;
	color:#fff;
	text-decoration:none;
	width: 120px;

}
		.ctaa A
	{
		color:#ffffff;
	}
/*############ END GENERIC FORM BUTTONS ##############*/





/* --- left side ---  */

#sidecontent 
{
    float:left;
    width:190px;
}
#sidecontent h2
{
}

.categorylist {
}
.categorylist li {
	padding:1px 0px;
}
.categorylist li a, .categorylist li a:visited {
	display:block;
	padding:2px 0px 2px 10px;
	text-decoration:none;
	color:#000000;
}
.categorylist li a:hover {
	background-color:#EAF2FB;
}

/*-- Latest Added --*/

.addedlist {
	font-size:0.9em;
}
.addedlist li {
}
.addedlist li a, .addedlist li a:visited {
	color:#000000;
	text-decoration:none;
}
.addedlist li a:hover {
	text-decoration:underline;
}

/* --- Content --- */

#maincontent 
{
    float:right;
    width:730px;
}

/* --- Home Page Links --- */
.linkcats {
	float:left;
	width:47%;
	padding:7px 10px 3px;
	width:47%;
	/* set a min height */
	min-height:8em;
    height:auto !important;
    height:8em;
}
.linkcats h5 {
	border-bottom:1px solid #BBD9EE;
	font-size:1.6em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0px 0px 4px;
	padding:0px 0px 2px;
}
.linkcats h5 a, .linkcats h5 a:visited {
	text-decoration:none;
	color:#333333;
}
.linkcats h5 a:hover {
	color:#BBD9EE;
}
.linkcats UL
{
	float:left;
	width:47%;
	margin-right:10px;
}
.linkcats UL LI
{
	margin-bottom:10px;
}

.threeColumnUl
{
}
.threeColumnUl UL
{
	float:left;
	width:30%;
	margin-right:10px;
}
.threeColumnUl UL LI
{
	margin-bottom:10px;
}
.hpsubcatholder {
	list-style:none;
	font-size:0.9em;
	padding:0px 8px;
}
.hpsubcatholder li {
	display:block;
	width:49%;
	float:left;
	padding:1px 0px 1px 0px;
	/* min-height */
   	min-height:1.2em;
    height:auto !important;
    height:1.2em;
}
.hpsubcatholder li a, .hpsubcatholder li a:visited {
	display:inline;
	text-decoration:none;
	color:#666666;
}
.hpsubcatholder li a:hover {
	border-bottom:1px solid #f5464b;
}

/* ---- Listing Page ---- */

#topcategories {
	padding:12px 0px;
	margin:0px 0px 12px 0px;
	border-bottom:1px #CCCCCC solid;
}
#topcategories li {
	display:block;
	float:left;
	width:31%;
	padding:6px 0px 6px 15px;
	background-image:url(images/subcat-list-arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#topcategories li a, #topcategories li a:visited {
	font-size:1.1em;
	color:#333333;
}
#topcategories li a:hover {
}

.listingholders {
	padding:12px 0px;
}
.featuredlisting {
	background-color:#E8F2F9;
	margin:0px 0px 8px 0px;
	padding:10px;
}
.listingholders h4 {
	color:#0066CC;
	font-size:1.3em;
	font-weight:normal;
	padding:1px 0px;
}
.listingholders h4 a, .listingholders h4 a:visited {	
	color:#0066CC;
}
.listingholders h4 a:hover {
	text-decoration:none;
}
.listingholders p {
	font-size:0.9em;
}
p.extralinks {
	font-weight:bold;
}
p.theurl {
	color:#6EB82F;
	font-style:italic;
}

.thumbnail {
	float:left;
	margin:0px 8px 0px 0px;
}

.rssholder {
    text-align:right; 
}
/* ---- FOOTER ---- */

#footer {
	border-top:3px #0066CC solid;
	margin:20px 0px 10px 0px;
	padding:10px;
}



.topNav
{
	position:absolute;
	text-align:right;
	width:970px;
	top:10px;
	left:0px;
	color:#ffffff;
}
	.topNav LI
	{
		display:inline;
		margin-left:10px;		
	}
.topNav A
{
	color:#ffffff;
}

.field 
{
	margin-bottom:10px;
	vertical-align:top;
}
	.field LABEL
	{
		padding-top:2px;
		display:inline-block;
		width:150px;
		vertical-align:top;
	}
	.captcha
	{
		margin-left:150px;
	}
.watermark
{
	color:#999999;
	font-style:italic;
}
.controls
{
	text-align:right;
	border: 1px solid #D7F5FF;
	background-color: #EAF7FF;
}




#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



.AZSelector
{
	color:#cccccc;
	margin-bottom:10px;
}
	.AZSelector .selected
	{
		background-color: #CCFF33;
		font-weight:bold;
	}

.right
{
	text-align:right;
}

.LocationSelector
{
	color:#cccccc;
	margin-bottom:10px;
}
	.LocationSelector .county
	{
		color:#000000;
	}
	.LocationSelector .selected
	{
		background-color: #CCFF33;
		font-weight:bold;
	}
	
.Panelset
{
	width:740px;
	float:left;
}

	.Panelset DIV.half
	{
		width:50%;
		float:left;
	}
	
.SearchBox
{
	background-image:url(images/homegreengrad.gif);
	background-repeat:repeat-x;
	height:220px;
	padding:10px;
	margin-bottom:10px;
}
	.SearchBox H1, .SearchBox H2
	{
		color:White;
		margin-top:0px;
		padding-top:0px;
	}
	.SearchBox SELECT
	{
		border:solid 1px #678f2c;
		height:30px;
		font-family:Trebuchet MS;
		font-size:14px;
		width:340px;
		background-color:#ffffff;
		color:#678f2c;
	}
	.SearchBox INPUT[type="text"]
	{
		border:solid 1px #678f2c;
		height:20px;
		font-family:Trebuchet MS;
		font-size:14px;
		width:330px;
		background-color:#ffffff;
	}
	.SearchBox .watermark
	{
		color:#678f2c;
		font-style:italic;
	}

.RegisterBox
{
	background-image:url(images/homebluegrad1.gif);
	background-repeat:repeat-x;
	height:255px;
	padding:10px;
	margin-bottom:10px;
	color:#ffffff;
	background-color:#adcaec;
} 
	.RegisterBox H1, .RegisterBox H2
	{
		color:White;
		margin-top:0px;
		margin-bottom:5px;
		padding:0px;
	}
	
	.RegisterBox UL
	{
		list-style-type:square;
		margin-left:30px;
		margin-bottom: 10px;
		font-size:12px;
	}
	

	.RegisterBox H3
	{
		color:#003399;
		margin-top:0px;
		margin-bottom:10px;
		padding:0px;
	}
	.RegisterBox SELECT
	{
		border:solid 1px #003399;
		height:30px;
		font-family:Trebuchet MS;
		font-size:14px;
		width:340px;
		background-color:#ffffff;
		color:#678f2c;
	}
	.RegisterBox INPUT[type="text"]
	{
		border: 1px solid #003399;
		height: 20px;
		font-family: Trebuchet MS;
		font-size: 14px;
		width: 330px;
		background-color: #ffffff;
	}
	.RegisterBox .watermark
	{
		color:#003399;
		font-style:italic;
	}
		
.AboutBox
{
	background-color:#eee;
	height:220px;
	padding:10px;
	margin-bottom:10px;
	margin-right:10px;
}
	.AboutBox H1, .AboutBox H2
	{
		margin-top:0px;
		margin-bottom:10px;
		padding:0px;
	}
	.AboutBox UL
	{
		list-style-type:square;
		margin-left:30px;
	}
	
.FeatuersBox
{
	background-color: #D9ECFF;
	height: 255px;
	padding: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #0066CC;
}
	.FeatuersBox H1, .FeatuersBox H2
	{
		margin-top:0px;
		margin-bottom:10px;
		padding:0px;
		color: #0066CC;
	}
	.FeatuersBox UL
	{
		list-style-type:square;
		margin-left:30px;
	}
	.FeatuersBox H3
	{
		margin-top:10px;
		margin-bottom:10px;
		padding:0px;
		font-size:14px;
		color: #0066CC;
	}