/* css information
--------------------------------------------------------
	Stockbridge Bowl Association:      	screen stylesheet
	author:         					www.studiotwo.com
	updated:        					March 2006

	dark beige:     4D4D40
	med beige:      80806B
	light beige:    E5E5D8
	green link: 	949E3B
	green back:		818b2c 	

-------------------------------------------------------- */
* { padding: 0; margin: 0; } 

body {
	/*background: #818B2C;*/
	background: #777F36 url(../images/background_green.jpg) repeat-x bottom left fixed;
	color: #4D4D40;
	font-size: 76%;
	font-family: tahoma, geneva, arial, sans-serif; 
}

li { list-style: none; }


.hide { display: none; }



/* global interface elements
-------------------------------------------------------- */
#header {
	height: 90px;
}

#content, #extra #content {
	position: relative;
	width: 960px;
	float: left;
	background: #E5E5D8 ;
}

#blog #content {
	position: relative;
	width: 960px;
	float: left;
	background: #949E3B ;
}

#thought #content {
	position: relative;
	width: 960px;
	float: left;
	background: #268080 ;
}

#leftcol {
	width: 144px;
	margin-top: 66px; margin-left: 18px;
	float: left;
	display: inline;
}

#midcol, #extra #midcol {
	background: #FFF;
	margin: 18px 200px 18px 180px;
	padding: 18px;
}

#midcol #wrap {
	float: left;
}

#home #midcol, #thought #midcol, #blog #midcol {
	background: #FFF;
	margin: 18px 18px 18px 180px;
	padding: 18px;
}

#rightcol {
	width: 162px;
	float: right;
	margin-top: 18px;
	margin-right: 18px;
	display: inline;
}

#footer {
	clear: both;
	width: 960px;
	padding: 6px 0 30px 0;
	color: #DBDBDB;
}

#contact {
	float: left;
	width: 180px;
	color: #DBDBDB;
}

#contact a:link {
	color: #D4E256;
}
#contact a:visited {
	color: #D4E256;
}
#contact a:hover { color: #AEB663; }


#botnav {
	margin-left: 180px;
	height: 89px;
	background: url("../images/dot.gif") left top repeat-y;
}



/* navigation elements
-------------------------------------------------------- */
#logo {
	position: absolute;
	top: 0; left: 0;
	z-index: 10;
}

#logo a img { border: 0; }

#nav {
	position: absolute;
	top: 0px; left: 200px;
	width: 720px; 
	height: 36px;
	padding-top: 5px;
	color: #D1DE58;
	border-top: 4px solid #D1DE58;
	
}
#nav a:link {
	padding: 0 16px 0 7px; 
	color: white; 
	text-decoration: none; 
	background: transparent url(../images/icon-nav.gif) 0px 3px no-repeat;
	}
	
#nav a:visited {
	padding: 0 16px 0 7px; 
	color: white; 
	text-decoration: none; 
	background: transparent url(../images/icon-nav.gif) 0px 3px no-repeat;
	}	

#nav a:hover {
	color: #D1DE58;
	}


#rightcol h4 {
	display: block;
	background: #4D4D40;
	padding: 6px;	margin-bottom: 1px;
	color: #FFF;
	font-size: 1em;
}

#rightcol h4 a { color: #FFF; text-decoration: none; }
#rightcol h4 a:hover { color: #949E3B; }

#subnav li, #subnav p {
	width: 100%;
	vertical-align: bottom;
}
#subnav a, #subnav p {
	display: block;
	width: auto;
	background: #FFF;
	padding: 6px;	margin-bottom: 1px;
	color: #949E3B;
	text-decoration: none;
	font-size: 0.9em;
	vertical-align: bottom;
}

#subnav a:hover {
	color: #4D4D40;
	background: #DBDBCD;
}

#subnav a.active {
	font-weight: bold;
}

#features {
	margin: 18px 0;
	padding: 6px;
	background: #DBDBCD;
}

#features dt {
	background: url("../images/dot.gif") left bottom repeat-x;
	font-size: 0.8em;
	padding: 3px 0;
	color: #949E3B;
}

#features #topper {
	background: url("../images/dot.gif") left bottom repeat-x;
	font-size: 0.8em;
	padding: 3px 0;
	color: #268080;
}




#features dd {
	font-size: 0.9em;
}

#rightcol #features a {
	padding: 6px 0 6px 18px;
	display: block;
	color: #4D4D40;
}

#rightcol #features a:hover {
	color: #949E3B;
}

#features a.check {
	background: url("../images/icon-check.gif") left center no-repeat;
}
#features a.paper {
	background: url("../images/icon-paper.gif") left center no-repeat;
}

#botnav ul {
	/*background: url("../images/icon-lock.gif") 18px 12px no-repeat;*/
	padding: 12px 0 0 30px;
}

#botnav li {
	display: inline;
	font-size: 0.9em;
	color: #E5E5D8;
}

#extra #leftcol li.note a {
	background: url("../images/icon-extranote.gif") left center no-repeat;
	padding: 6px 0 6px 18px;
	display: block;
	font-size: 0.9em;
	font-weight: normal;
}

#extra #leftcol li.note a:hover {
	background: url("images/icon-extranote.gif") left center no-repeat;
}



/* content elements
-------------------------------------------------------- */
#midcol img.title {
	display: block;
}

* html #midcol img.title {
	float: left;
}

#content h1 {
	position: relative;
	display: block;
	background: #949E3B;
	color: #FFF;
	font-size: 1.2em;
	padding: 6px; margin: 1px 0 18px 0;
}

#content p {
	padding-bottom: 18px;
	line-height: 1.6em;
}

#leftcol h4 {
	color: #949E3B;
	font-size: 1.1em;
	font-weight: normal;
}

#leftcol h5 {
	font-size: 1em;
	padding-bottom: 18px;
	line-height: 1.4em;
}

#content #leftcol p {
	font-size: 0.8em;
}

#leftcol a, #midcol a {
	color: #949E3B;
	padding: 2px 0;
}

#leftcol a:hover , #midcol a:hover {
	color: #FFF;
	background: #949E3B;
}

#footer h3, #footer p { margin: 0 15px; }

#footer h3 {
	font-size: 1.15em;
	padding-top: 12px;
}

#footer p {
	font-size: 0.8em;
	color: #ffffff;
	padding-bottom: 15px;
}

#footer a {
	color: #D4E256;
	text-decoration: none;
	/*border-bottom: 1px solid #9EA65A;*/
}
#footer a:hover { color: #AEB663; }

#botnav a {
	margin: 1px 6px;
}

#midcol li {
	list-style: disc;
	margin-left: 18px;
}

#midcol ul {
	margin-bottom: 18px;
}

.bold {font-weight: bold;}