/*CSS for Snug and Outdoor site*/

body {	width: 1800px;	font-family:  Helvetica, Verdana, Arial, sans-serif;	font-size: 12px; 	padding: 0; 	margin: 0; 	border-width: 0;	line-height: 130%; 	color: #444444;	}

h2 { font-family: Helvetica, Verdana, Arial, sans-serif;     font-size: 25px;  }

p { font-size: 12px; color: #444444; }blockquote { color: #444444; font-style: italic; }

a { font-weight: normal; color: blue; text-decoration: none; border: none; }

a:link { color: #666699; }
a:hover { color: #ffaa55; }
a:active { color: #444444; }
a:visited { color: #666699; }

/*site branding styling- logo & tagline*/

#b-navbar { height:0px; visibility:hidden; display:none }
#header {	display: block;	margin: 0;	padding: 0px;	}	
#tagline {	position: absolute; left: 450px; top: 36px;	padding: 0;	margin: 0;	font-size: 12px; 	color: white;}

/*end of site branding styling*//*topnav styling*/
#topnav { border: 0;	padding-left: 50px;	margin: 0;	padding-top: 15px;	width: 900px; }
.topnav, .topnav li { 	line-height: 150%; 	font-size: 12px; 	list-style-type: none; 	display: inline;	padding: 0;	padding-left: 0px;	padding-right: 20px;	margin: 0;}	

/*snug blue #666699 snug red #cc0000 */

.topnav li a { color: #666699; font-weight: bold;}
.topnav li a:hover { color: #ffaa55;}		/* topnav- styles the link you're on */		
#home .home a,		#playgrounds .playgrounds a,		#schools .schools a,		#public .public a,		#publicart .publicart a,		#consultation .consultation a,		#contact .contact a,		#news .news a,   		#snugkit .snugkit a,		#about .about a,		#blog .blog a		{ color: #ffaa55; }
.snugkit img { border: none; vertical-align: text-bottom;}/*end of topnav styling*/

#maincontent { position: absolute; padding-left: 50px; padding-top: 30px; width: 1000px; }

#sidemenu {float: left; }
#imagebox { float: left; padding-left: 50px; width: 350px; }	
imageselector { min-width : 150px; }			
.selector {		float : left;		margin-right : 3px;		margin-bottom: 3px;		overflow : hidden;		width : 15px;		height : 15px;		display : block;		font-size: 8px;		text-align: center;		}			
.selector a {		display : block;		width : 20px;		height : 20px;		background-color : #888888;		}		
.selector a:visited { background-color : #cccccc; }		
.selector a:hover { text-decoration : none;  background-color : #ffaa55; }		
.selector a:active {  background-color : #ffaa55; }						

.videoicon {float: left;}		.videoicon img {border: 0;}		
.videoicon a {color: #666699;}		
.videoicon a:hover {color: #ffaa55;}			
.video {height: 347px; }/*end of imagebox*/

#pagetext {float: left; width: 350px; padding-left: 50px; padding-top: 0; margin: 0;}
#pagetitle {line-height: 100%; font-size: 22px; padding-bottom: 10px; color: #666699; }
#subtitle {line-height: 100%; font-size: 18px; padding-bottom: 15px; color: #666699;}
#subtitle2 {line-height: 160%; font-weight: bold; color: #666699;}
#location {font-weight: bold; padding-bottom: 2px;}
.partnertype {font-weight: bold; line-height: 160%;}
.partner {padding-bottom: 2px;}

#shortdescription {padding-top: 10px; }
#shortdescription a {color: #666699; text-decoration: underline;}
#shortdescription a:hover {color: #ffaa55;}
#quotes {padding-top: 30px; padding-left: 30px; padding-right: 30px; width: 300px; }
#quotes p {color: #777777;}#indextext {position: absolute; width: 250px; padding 0; margin: 0;}
#indextitle {line-height: 100%; font-size: 22px;  color: #666699; }
#rotator{	border: 0px;	cursor: pointer;	overflow: hidden;	width: 350px;	height: 241px;}
#rotator img{	border: 0;	cursor: pointer;	width: 350px;	height: 241px;}
#rotator p{	text-align: center;}
 
 #rotator img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 2px;
}

#slideshow {padding-bottom: 3px; }