@charset "utf-8";
/* CSS Document */

@import url("reset.css");


/* Template */

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

#wrapper {
		margin: 0 auto;
		width: 900px;
		background-image:url(../_images/wrapper-bg.png);
		background-repeat:repeat-y;
		padding:0px 30px 0px 30px;
		}
#header {
		margin: 0 auto;
		background-image:url(../_images/woodwind-workshop-header.jpg);
		height:140px;
		width:900px;
		position: relative;
		}
		#header h1 {
			display: block;
			text-indent: -1000em;
			}
			
#facebook {	background:transparent url(../_images/fbtab.png) repeat scroll 0 0;
height:50px;
margin-left:17px;
position:absolute;
right:47px;
top:-8px;
width:50px;
			}
			
#twitter{ 	background:transparent url(../_images/twittab.png) repeat scroll 0 0;
height:50px;
margin-left:5px;
position:absolute;
right:93px;
top:-8px;
width:50px;
			}
			
#flickr{ 	background:transparent url(../_images/flicktab.png) repeat scroll 0 0;
height:50px;
margin-left:5px;
position:absolute;
right:0px;
top:-8px;
width:50px;
			}
			
			
	
				
/* Navigation */		
		
#navigation {
		background-image:url(../_images/menu/blank.gif);
		background-repeat:repeat-x;
		height:36px;
		}
		
		
.menu2 {padding:0 0 0 20px; margin:0; list-style:none; height:36px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:36px; color:#ccc; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../_images/menu/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../_images/menu/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(../_images/menu/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../_images/menu/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../_images/menu/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../_images/menu/blank_overa.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(../_images/menu/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../_images/menu3/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../_images/menu/blank_overa.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #33652d; white-space:nowrap; width:170px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:170px; font-weight:normal;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:170px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../_images/menu/arrow.gif) 100px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#33652d; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#33652d url(../_images/menu/arrow_over.gif) 120px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#33652d url(../_images/menu/arrow_over.gif) 120px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}


/* Content */

#post-content { width:590px; float: left; margin: 5px;}

#post-content a {
		color:#006633;
		text-decoration:none;
		}
#post-content a:hover {
		color:#333333;
		text-decoration:underline;
		}
#post-content h1{font-size: 16pt; margin:10px;}	
#post-content h2 {font-size: 14pt; margin-bottom:10px;}
#post-content h3 {font-size: 12pt; background-color: #437540; padding: 5px; color: #fff; margin-bottom:10px;}
#post-content h3 a { color: #fff;}
#post-content h3 a:hover{color: #fff; text-decoration: underline;}
#post-content h4 {font-size: 12pt; background-color: #437540; padding: 5px; margin: 10px; color: #fff;}



#content a {
		color:#006633;
		text-decoration:none;
		}
#content a:hover {
		color:#333333;
		text-decoration:underline;
		}


#third-col {
		width:253px;
		float:left;
		padding:15px;
		font-size:13px;
		font-weight:normal;		
		}
#third-col hr {
		color:#CCC;
		width:242px;
		}

#twothird-col {
		width:590px;
		float:left;
		padding:10px;
		font-size:13px;
		font-weight:normal;
		border-left:1px solid #CCC;
		}
		#twothird-col h1, #twothird-col h2, #twothird-col h3 {
				font-family:georgia;
				font-size:26px;
				font-size-adjust:none;
				font-stretch:normal;
				font-style:normal;
				font-variant:normal;
				font-weight:normal;
				line-height:normal;
				padding:5px 0px 5px 0px;
				border-bottom:1px solid #999;
				margin-bottom:10px;
				} 
		#twothird-col h2 {
				font-size:20px;
				border-top:1px dashed #999;
				margin-top:35px;
				} 
		#twothird-col h3 {
				font-size:18px;
				border:none;				
				} 

#slideshow {
	position:relative;
	height: 188px;
	width:250px;
	overflow:hidden;
	float:right;
	margin:10px;
	border:3px solid #999;
		
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slideshow IMG.active {
	z-index:10;
}
#slideshow IMG.last-active {
	z-index:9;
}

.galleryimg {
	width:125px;
	height:100px;
	overflow:hidden;
	}				
.icons {
	float:left;
	padding-right:22px;
	}
.imgstrap {
	border:3px solid #CCC;
	float:left;
	margin:0px 7px 5px 0px;
	}
.imgstrap-right {
	border:3px solid #CCC;
	float:right;
	margin:0px 0px 8px 15px;
	}	
	.imgstrap-left {
	border:3px solid #CCC;
	float:left;
	margin:0px 15px 8px 0px;
	}

	
.breadcrumb {
	color:#999;
	font-size:18px;
	padding-left:5px;
	}
	
.alignright {
	float: right;
	display: none;
	}

.alignleft {
	float: left;
	display: none;
	}


.msgbtn
	{
	font-size:18px;
	margin:20px;
	}
#msgform td {
	padding:10px;
	}
	#msgform input, #msgform textarea  {
		border:solid 1px #666;
		padding:3px;
		}
	
#left-navigation { width: 246px; float: left; color: #CCCCCC; line-height: 30px; margin-top:5px; margin-bottom: 5px; border: 1px solid;}
#left-navigation  a:link {color: #000; text-decoration: none;}
#left-navigation  a:visited {color: #000; text-decoration: none;}
#left-navigation h2 {font-size: 14pt; padding-left:10px; background-color: #437540; color: #F4FCF1;}
#left-navigation  a {display: block;}
#left-navigation a:hover { background-color: #194B13; color: #F4FCF1;}
#left-navigation ul li a{margin: 0; padding-left:11px;}
#left-navigation li { border-top: 1px solid #CCCCCC;}

h1.pagetitle { font-size: 14pt;}

.screen-reader-text {font-size: 14pt; padding-left:10px; text-align: left; display: block; background:url(../_images/titlebg.jpg) repeat-x; color:#CCCCCC;}

#searchform {border-top:1px solid; margin-bottom:20px; background-color: #437540; margin-top:20px; padding-bottom:10px;}
#searchform input {border: none; margin-left: 10px;}
#searchform #s {width: 138px; padding: 2px;}
#sidebar #searchsubmit {
							padding: 1px;
							color: #F4FCF1; 
							background-color:#194B13;
							margin:7px;
							padding:0;
						}
						
div.post img {border: 2px solid #CCCCCC; padding: 2px;}

div.post p {margin-bottom: 10px;}

.commentlist{ border: 1px solid #CCCCCC; padding: 5px; margin: 10px;}

div.post {border: 1px solid #CCCCCC; margin:10px; padding:5px;}

#top-tips a:hover {background: #fff;}

#top-tips {background: #fff;}

#navbar-links a:hover {background: #fff;}

#navbar-links{		
background-image:url(../_images/follow-usbg.jpg);
border:2px solid #CCCCCC;
height:100px;
margin-left:2px;
margin-top:4px;
width:238px;	}	
		
		
a.facebook-nav{
			background: url(../_images/facebook.jpg);
			float:left;
			height:38px;
			margin-left:25px;
			width:100px;

				}
				
a.twitter-nav { 
			background: url(../_images/twitter1.jpg);
			float:left;
			height:37px;
			margin-left:10px;
			width:100px;
				}
				
#visit-us-links {background-image:url(../_images/visit-us.jpg); background-position: top; padding-top:30px; height:166px;}
#visit-us-links a:hover{background-color: #fff;}

#flickr-navigation {margin-top:50px;}
							
#flickr-navigation a:hover{background:#FFFFFF none repeat scroll 0 0;}

#commentform textarea {
	width: 97%;
	padding: 5px;
	margin: 10px;
	}
	
#commentform #submit {
	background-color:#437540;
	border:medium none;
	color:#FFFFFF;
	float:right;
	margin:0 10px 5px auto;
	padding: 5px;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 10px;
	}

#commentform {
	margin: 5px 10px 0 0;
	}



/* Footer */

#footer {
	background-image:url(../_images/footer.jpg);
	height:320px;
	}