* { margin:0;padding:0; }

a:link	{ font-weight:bold;text-decoration:none;color:navy; }
a:visited { font-weight:bold;text-decoration:none;color:navy; }
a:hover {text-decoration: underline; color: green;}
html{padding-bottom:25px;}
body { 
	background-image: url(http://www.marthasvineyardyoga.com/images/katama-boatlaunch.jpg);
        background-position: 100% -50px;
	background-repeat:no-repeat;
	background-attachment: fixed;
	font-size:11pt;
	font-family:Arial;
	background-color:#ccccff; 
	margin:0;
	padding:0;
}

#container { margin:15px auto;width:1000px;}

h1{ font-size:1.3em;text-shadow:rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px,
             rgba(255,255,0,0.1) 1px 0, rgba(255,255,255,0.1) 0 1px,
             rgba(0,0,0,0.1) -1px -1px, rgba(255,255,255,0.1) 1px 1px;
	     margin:15px 0 0 0;
}

h3 { text-shadow:rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px,
             rgba(255,255,255,0.1) 1px 0, rgba(255,255,255,0.1) 0 1px,
             rgba(0,0,0,0.1) -1px -1px, rgba(255,255,255,0.1) 1px 1px;
	     margin:5px 0 20px 0;
}

h4 { margin:0;color:#330066;text-shadow:rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px,
             rgba(255,255,255,0.1) 1px 0, rgba(255,255,255,0.1) 0 1px,
             rgba(0,0,0,0.1) -1px -1px, rgba(255,255,255,0.1) 1px 1px;
}
		
legend { font-weight:bold;color:#330066;font-size:1.1em;white-space:nowrap; }

#blog_div {
	float:left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background-color:#fff;
	width:270px;
	height:130px;
	text-align:center;
	padding:15px 15px 15px 15px;
	font-size:0.9em;
}
#dates {
        float:left;
        border: 1px solid #000;
        background-color: #ccc;
        padding:5px;
		width:383px;
		margin-top:5px;
		text-align:center;
    }

    #dates p {
        clear:both;
    }

    #dates label {
        float:left;
        display:block;
        width:7em;
        font-weight:bold;
    }

#date_filter {
	float:left;
	width:168px;
	margin:5px 0 0 5px;
	font-weight:bold;
	font-size:.8em;
	padding:3px;
}
#directions_div {
	float:left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width:550px;	
	background-color:#fff;
	margin:0 0 0 5px;
}
#flash_bg { 
	position:fixed;
	 width:100%;
	 height:100%;
	 z-index:0;
	 left:0px;
	 top:0px;
}

#google_div {
	font-size:0.8em;
	float:left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	background-color:#fff;
	width:300px;
	text-align:center;
	padding:15px 5px;
	margin:0 0 0 5px;
	
}

#keyword_search {
	float:left;
	width:168px;
	margin:5px 0 0 5px;
	font-weight:bold;
	font-size:.8em;
	padding:3px;
}

#loc_info_div {
	margin: 10px;
	font-size:0.9em;
}

#main_div {
	float:left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width:480px;	
	background-color:#fff;
	margin:0 0 0 5px;
	text-align:center;
	min-height:800px;
}

#search_div {
	float:left;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	width:186px;
	padding:5px;
	background-color:#fff;
	margin:0 0 0 0;
}

#search_input {
	width:130px;
	margin:0 0 3px 3px;
}

#slide_date {
	overflow:hidden;
	height:125px;	
} 

#slide_time {
	overflow:hidden;
	height:35px;	
}

#slide_town {
	overflow:hidden;
	height:120px;	
}

#slide_type {
	overflow:hidden;
	height:125px;	
}

#slide_weekday {
	overflow:hidden;
	height:125px;	
}

#slide_keyword {
	overflow:hidden;
	height:125px;	
}



#time_filter {
	height:20px;
	overflow:hidden;
	text-align:left;
	width:168px;
	margin:2px 2px 0 0;
	font-weight:bold;
	font-size:.8em;
	padding:6px 10px 6px 8px;
}

#twitter_update_list {
	text-align:left;
	margin: 15px 15px 0 25px;
	list-style-image: url(/images/lotus_bullet.png);
		
}

#twitter_update_list li {
	margin: 15px;
		
}

#type_filter {
	float:left;
	width:168px;
	margin:5px 0 0 5px;
	font-weight:bold;
	font-size:.8em;
	padding:3px;	
}

#type_label {
	font-size:1.1em;
	color:#FFFF33;		
}

#type_list {
	width:140px;
	height:135px;	
}

#weekday_filter {
	text-align:right;
	float:left;
	width:168px;
	margin:5px 0 0 5px;
	font-weight:bold;
	font-size:.8em;
	padding:3px;	
}

#town_filter, #day_filter {
	color:#fff;	
	font-weight:bold;
	font-size:.6em;
	margin:11px 0;
	text-align:center;
}
#town_filter { font-size:.7em }

.class_table {
	background-color:#fff;
	-moz-opacity:.8;
	opacity:0.8;
	*position:static;
	*opacity:100;
	*background:transparent;
	margin:50px auto;
	border: 1px inset maroon;
}

.filter_div {
	height:0;	
}

.select_all  {
	font-size:1.1em;
	color:snow;
}

.select_AMPM {
	width:47px;
}

.select_time {
	width:40px;	
}

.specific_input {
	float:left;
	width:100px;
	font-weight:bold;
	padding-left:4px;
	margin-bottom:4px;
	margin-right:20px;
}

.specific_label {
	font-size:.9em;
	text-align:right;
	display:block;
	float:left;
	margin-right:5px;
}
.submit_button {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:100%;
	clear:both;
	margin:0 0 0 3px;
	background-color:#000;
	color:#fff;
	font-weight:bold;
}

.time_picker_div {
	padding:5px;
	border:solid #999999 1px;
	background:#000000;
	width:142px;
}
		
.toggle_label {
	text-decoration:none;
	color:purple;
	text-align:left;
	font-size:.9em;
	font-weight:bold;
}

a.map_link { font-size:0.7em;font-weight:bold; }
a.map_link:link { color:blue;text-decoration:none; }
a.map_link:visited { color:blue;text-decoration:none; }
a.map_link:hover { color:blue;text-decoration:underline; }

a.web_link { font-size:0.75em;font-weight:bold; }
a.web_link:link { color:maroon;text-decoration:none; }
a.web_link:visited { color:maroon;text-decoration:none; }
a.web_link:hover { color:maroon;text-decoration:underline; }


.class_div { width:100%;padding-bottom:10px;overflow:hidden; }

.time_div { clear:left;float:left;text-align:right;width:150px;font-size:.8em;text-align:right;padding:0 10px 0 10px;white-space:nowrap;font-weight:bold; }
.detail_div { text-align:left;float:left; }
.clear_div { clear:both;width:100%;height:10px; }

.checked, .unchecked { color:navy;background:#999 url(/images/button.png) 0 39px;;padding:3px;border:1px solid #ccc; -moz-border-radius:6px;
	-webkit-border-radius:6px;cursor:pointer;
	-khtml-border-radius:6px;-moz-box-shadow: #000 2px 2px 2px;
	-webkit-box-shadow: #000 2px 2px 2px;
	text-shadow:rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px,
             rgba(255,255,0,0.5) 1px 0, rgba(255,255,255,0.8) 0 1px,
             rgba(0,0,0,0.3) -1px -1px, rgba(255,255,255,0.8) 1px 1px;
	     font-family:verdana;
}
.more_visible {color:green;padding:0;margin:0;}
.unchecked { background:#eee;color:#ccc; }

.mobile { display:none; }