/* 
CSS 
*/
 
body { font-family: century gothic; color: #333; background: #e9fffc; margin: 0; line-height: 1.3em; letter-spacing: 0.02em; text-align: center;}
html { }

h1 { font-size: 140%; color: #990066; font-weight: bold; margin:0 0 5px 0; text-transform: uppercase;}
h2 { color: #990066; font-size: 90%; margin:0; text-transform: uppercase; background-color: #ececec; padding: 4px; border-bottom:1px solid #ccc;}
h3 { color: #fff; padding:2px; background-color:#990066; margin: 0;} 
a:link { color: #1aa796; text-decoration: underline;}
a:active { color: #1aa796; text-decoration: underline;}
a:hover { color: #333366; text-decoration: none; }
a:visited { color: #660066; text-decoration: underline;}

#wrapper { background: #990066 ; width:945px; height:100%;  text-align: center; margin: auto; margin-top:10px; padding:0; }
#header { float:left; width: 945px;}
#news {padding: 4px; border-bottom: 1px solid #ccc; margin-top: 10px; background-color:white;}

#patch { float:left; margin: 10px 30px 0 30px;}
#main-home { background-image:url(images/aboutpage.png); background-repeat:no-repeat; width:945px; height:530px;}
#main-news { background-image:url(images/aboutpage.png); background-repeat:no-repeat; width:945px; height:100%;}
#main-about { background-image:url(images/aboutpage.png); background-repeat:no-repeat; width:945px; height:530px;}
#main-home-inner { float: left; width:600px; height: 660px; padding: 10px; font-size:80%; text-align:left; margin: 20px 0 0 165px;}
#main-about-inner { float: left; width:600px; height: 760px; padding: 10px; font-size:80%; text-align:left; margin: 20px 0 0 165px;}

#wwd_workshops_l { float:left; background-image: url(images/workshop-speechb.jpg); width:390px; height:335px; padding: 10px; font-size:80%; text-align:left; margin: 0;}
#wwd_workshops_r{  float: left; background-image:url(images/workshop-birds.jpg);   width: 500px; height: 407px; }
#wwd_workshops_inner { width: 350px; padding: 10px; margin-left: 25px;}

#wwd_performance_l { float:left; margin:0 150px 0 50px; }
#wwd_performance_r{  float: left; background-image: url(images/performance-speechb.jpg); background-repeat:no-repeat;  width: 410px; height: 430px; padding: 10px; font-size:80%; text-align:left; margin: 0;}
#wwd_performance_inner { width: 360px; padding: 10px; margin-left: 15px;}

#main-working { background-image:url(images/workingpage.png); background-repeat:no-repeat; width:945; height: 475px;}
#main-working-inner { float: left; width: 700px; height: 500px; padding: 10px; font-size:80%; text-align:left; margin: 20px 0 0 110px;}

.bird-home {position:relative; z-index:1; left: -200px; top: 50px; }
.bird-workshops {position:relative; z-index:1; left: 0px; top: 0px;}
.bird-workshops01 {position:relative; z-index:1; left: 210px; top: 30px; }
.bird-working {position:relative; z-index:1; left: 600px; top: 0px;}

.tt-testimonial { color: #333; padding:2px; background-color:#ececec; border: 1px solid #ccc;}

.tt {margin-top: 5px; }
/*TOOL Tips*/
.tool-tip {
text-align:left;
	color: #000;
	width: 400px;
	border: 2px solid #990066;
	z-index: 1000;
	margin-left: 0px; 
}
 
.tool-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #000;
	padding: 8px 8px 4px;
	background: #fff;
	letter-spacing:.1em;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #fff;
}


#navcontainer { float: left; height:158px;}
#navcontainer a {margin:0px; padding:0;}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

#footer {  background-image: url(images/footbg.jpg); width: 945px; height: 106px; margin-top: 30px;}
#footer_sub { float: left; background: #e9fffc; color: #990066; width: 945px; height: 100px; font-size: 65%; padding:20px; text-align: center; line-height: 1.8em;}
#footer_sub a:link { color: #666; text-decoration: none;}
#footer_sub a:active { color: #666; text-decoration: none;}
#footer_sub a:hover { color: #ccc; text-decoration: none; }
#footer_sub a:visited { color: #999; text-decoration: none;}
#footer img {border: none;}

.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

.photo { float:left; margin: 0 16px 0 0; border: none; }

/*form styles*/
fieldset {border: none; padding:0; font-family:Arial, Helvetica, sans-serif; }
.submit { color: #fff; background: #339999; width: 110px; height: 30px; border:0;}
.input{ width: 190px; height: 24px; padding: 2px; font-size: 16px; color: #333; border: 1px solid #333 ; }
.textarea { width: 200px; height: 130px; float:right; border: 1px solid #333; font-size: 16px; color: #333;}
.select { width: 200px; height: 24px; border: 1px solid #333; font-size: 14px; color: #333;}
.blank{display:none;}

#form-left { float: left; width: 200px; margin: 0 10px 0 0; text-align: left; font-size: 100%; font-weight: normal; color:#333; font-family:Arial, Helvetica, sans-serif; }
#form-middle { float: left; width: 200px;  font-family:Arial, Helvetica, sans-serif; }
#address-right {float: right; width: 170px; margin:0 0 0 10px; text-align: left; padding: 2px; font-size: 110%; font-weight: normal; color:#333; 
font-family:Arial, Helvetica, sans-serif;}