/* 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: #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; }

table {margin-top: 10px;
margin-bottom: 10px}



/* 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;
}

#contact {
float: left;
	width: 180px;

}

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

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

	width: 550px;
	
}



/* 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 {
	width: 100%;
	vertical-align: bottom;
}
#subnav a {
	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: #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 15px no-repeat;*/
	padding: 12px 0 0 30px;
}

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


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

#content h1 {
	position: relative;
	display: block;
	background: #3DCCCC;
	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 h4 a {
	color: #fff;
	font-weight: normal;
text-decoration: underline;
background-color: transparent;
}

#leftcol h4 a:hover {
	color: #fff;
	font-weight: normal;
text-decoration: underline;
background-color: transparent;
}



#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: #80806B;
	text-decoration: none;
	/*border-bottom: 1px solid #E5E5D8;*/
}
#footer a:hover { color: #AEB663; }

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



#inside #midcol li, #extra #midcol li, #blog #midcol li, #thought #midcol li {
list-style: disc;
		margin-left: 18px; 

margin-bottom: .5em;}

#midcol ul {  
margin-bottom: 1.0em; 
}






/* extra styling
-------------------------------------------------------- */

.tight {margin-top: -1.0em;}
.ordered {list-style-type: decimal;}

.posted {
	background: url("../images/dot.gif") left bottom repeat-x;
	padding-bottom: 2px; margin-bottom: 2px;
}



.pullquote {
float: right;
width: 40%;

	line-height: 1.6em;
border-top: 2px solid #3dcccc;
border-bottom: 2px solid #3dcccc;
margin: 20px;}








.paginate {  
letter-spacing:	.1em; padding:			12px 0 16px 4px; 
margin:			0 0 0 40px; background-color:	transparent;}

.pagecount {   color:				#666; font-weight:		normal; background-color: transparent;}
.pages1 {display:none;} 

td.cal0 {
width: 25px;
text-align: center;
font-family: verdana;
font-weight: bold;
font-size: 11px;
color: #fff;
background-color: #999;
}

td.cal1 {
width: 25px;
text-align: center;
font-size: 11px;
background-color: #f2f2f2;
color: #000;
}

td.cal2 {
width: 25px;
text-align: center;
font-size: 11px;
background-color: #F5f5f5;
color: #000;
}

tr.cal3 {
height: 20px;
}

td.cal4 {
width: 25px;
text-align: center;
background-color: transparent;
font-weight: bold;
font-size: 11px;
color: #ff8000;
}

td.cal2 a:link {
font-weight: bold;
	text-decoration: underline;
	color: #330066;
}




td.cal1 a:link {
font-weight: bold;
	text-decoration: underline;
	color: #330066;
}


.calendar-head { 
font-size: 11px;;
padding:2px;
font-weight:bold; 
text-align: center;
background-color: #fff; 
color:#330066; 
}

.calendar-link a {
font-weight: bold;
text-decoration: underline;
color:#330066;
}

.calendar-link a:hover {
color: #ff8000;
	text-decoration: none;
	background-color: #E5E5E5;
}










.emphasize {color: #949E3B;
	font-weight:  bold;
}



.permalink {

text-align: right;
}









.code  {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 5px; BACKGROUND: #eeeeee; PADDING-BOTTOM: 5px;  MARGIN-LEFT: 0px; BORDER-LEFT: #dddddd 1px solid; MARGIN-RIGHT: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid
}








.highlight {
background-color: #b3ffff;
	padding: 3px;
}


.tableheader {
	font-size: 0.8em;
line-height: 1.4em;
	font-weight: bold;
	background-color: #3dcccc;
	padding: 3px;
color: #fff;
}



.tablerowNoShade {
	font-size: 0.8em;
line-height: 1.4em;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #80806b;
padding: 3px;
text-align: left;

}

.tablerowShade {
	font-size: 0.8em;
line-height: 1.4em;
	background-color: #e5e5d8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #80806b;
padding: 3px;
text-align: left;
}




.smaller	{
	font-size: 0.8em;
line-height: 1.4em;
color: #80806b;
padding-top: 5px;
padding-bottom:  5px;
}



div.figure {
  
  margin: 10px;
  padding: 10px;
}


div.figure p {
  text-align: center;
  font-size: 10px;
  text-indent: 10px;
}


.required {
  font-size: 10px;
 color: #949E3B;
}


.bold {font-weight: bold;}