body  /* indicates defaults for entire site - whatever is not defined will pull from here */
 {
   color: #333333;
   font-family: myriad, arial, helvetica, verdana, geneva;
   font-size: 12px;
	 background:url(images/bg_main.jpg) top left repeat-x #f9f5e3;
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
	}

#sitedescription  {display: none;}	

/* All anchor definitions here - anchor styles need to be kept separate from font styles e.g. must have link/hover/visited/active defined  */

a:link, a:visited, a:active {color: #408bb6; text-decoration: none;}
a:hover {color: #333333; text-decoration: none;}

.anchor {width:975px; text-align:right; color: #005395; font-size: 11px; }
.anchor a { color: #005395; font-weight: bold; letter-spacing: 0px;}
.anchor a:hover { color: #13446a; font-weight: bold; text-decoration:underline; }

/* Different font styles here - no need to define anything that will match the defaults */
h1 {font-size: 18px; color:#005395; font-weight: bold; font-variant: normal; padding: 0; margin:0; border-bottom:solid 1px #C8C8C8; margin-right:10px;}
h2 {font-size: 12px; color: #666633; font-weight: bold; font-variant: normal; padding: 0; margin:0; }

#google_translate_element { height: auto; clear: both; padding: 12px 0; height: 60px;}
.sidebar-ad { height: 150px; width: 180px; margin: 12px 0; background: #c6c6c6; font-size: 16px;
}
#sponsors { width:900px; padding: 0 30px; height: 110px; clear:both; font-size: 11px; color:#666666; margin: 20px 0 10px 0;}
.image { padding: 7px; float: left; width: 130px; }
ul#gold { margin: 0; padding: 10px 0; list-style: none; width: 470px;}
ul#platinum { margin: 0; padding: 10px 0; list-style: none; width: 470px;}

#footer { width:900px; height: auto; background:url(images/bg_footer.gif) repeat-x top #c6c6c6; padding: 25px 30px 0 30px;
}
.title {text-transform: uppercase; font-size: 12px ;color: #444; font-weight: bold; height: 25px;}
#footer-grey { margin-top: 25px;font-size: 10px; text-align: left; padding-bottom: 10px;}
#social-media { float: right; width:250px; text-align: right; padding-top: 25px; }

/* Rest of the styles can go here - more in-depth ones for divs and tds */
hr { color: #666666; height: 1px; } 
.main {width:960px; background:url(images/shadow_top.gif) top left repeat-x #ffffff; margin-top:9px; clear:both; margin-bottom: 20px;}
.rightside {width:210px; background: #E6E6E6; float:right; vertical-align:top; padding:15px;}
.languages {background:url(images/bg_select.gif) repeat-x #ffffff top; border:solid 1px #BFBFBF; padding:5px;}
.teaserbtn {width:210px; background:url(images/bg_teaserbtn.gif) repeat-x; height:19px; font-size: 12px; font-weight: bold; color:#ffffff; padding-top:3px; margin-top:3px;}
.teaser {background:url(images/bg_calendar.gif) repeat-x top left #ffffff; width:209px; height: 180px; border: solid 1px #DBDBDB; padding-top: 15px;}
.content {padding:25px; text-align:left; vertical-align:top; width:670px; float:left;}
.content_sanscalendar {padding:25px; text-align:left; vertical-align:top; width:915px; float:left;}
.logos img {padding-right:28px;}

.glowingtabs{
margin-top:13px;
width:975px;
font-size: 13px;
line-height:normal;
}

.glowingtabs ul{
list-style-type: none;
margin:0;
margin-left: 8px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.glowingtabs li{
display:inline;
margin:0;
padding:0;
}

.glowingtabs a{
float:left;
background:url(images/glowtab-left.gif) no-repeat left top;
margin:0;
margin-right: 3px; /*spacing between each tab*/
padding:0 0 0 16px;
text-decoration:none;
}

.glowingtabs a span{
float:left;
display:block;
background:url(images/glowtab.gif) no-repeat right top;
padding: 6px 20px 4px 3px;
font-weight:bold;
color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.glowingtabs a span {float:none;}
/* End IE5-Mac hack */

.glowingtabs a:hover span {
color: #ffffff;
}

.glowingtabs li.selected a{ /*Selected Tab style*/
background-position:0 -32px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs li.selected a span{ /*Selected Tab style*/
background-position:100% -32px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/
background-position:0% -32px; /*Shift background image up to start of 2nd tab image*/
}

.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/
background-position:100% -32px; /*Shift background image up to start of 2nd tab image*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_d{
position:absolute;
top: 0;
border: 1px solid #cdd4d8; /*THEME CHANGE HERE*/
border-width: 0 1px;
font-size:13px;
line-height:25px;
z-index:100;
background-color: #e6f0f5;
visibility: hidden;
text-align:left;

}

.dropmenudiv_d a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #cdd4d8; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
padding-left:20px;
padding-right:20px;
}

* html .dropmenudiv_d a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/
background-color: #e9cb6c;
}

/* Calendar */

.calendar_embedded_mini {
	background-color: #95b4ce;
	width: 189px;
}

.calendar_embedded td {
	border: 1px solid #666666;
	padding: 3px
} 

.calendar_embedded-month {
	font-size: 14px;
	font-weight: bold;
} 

.calendar_embedded-prev {
	font-size: 16px;
	text-decoration: none;
} 

.calendar_embedded-next {
	font-size: 16px;
	text-decoration: none;
} 

.calendar_embedded-daynames {
	text-align: right;
	padding: 5px;
	width: 75px;
} 

.calendar_embedded-days {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
} 

.calendar_embedded-eventexists {
	text-align: center;
	color: #0066ff;
	background-color: #66ccff;
} 

.calendar_embedded-emptydays {
	background-color: #eeeeee;
} 

/* Events */
.event_header { 
	font-weight : bold; 
} 
.event_category_dance { 
	color : #ed1c24; 
} 
.event_category_specialevents { 
	color : #d87e13; 
} 
.event_category_dropins { 
	color : #0066cc; 
} 
.event_category_exhibits { 
	color : #339900; 
} 
.event_navigate_by_month_label { 
	color : #666666; 
} 
a.event_navigate_by_month_value { 
	color : #ff9900; 
} 
.event_navigate_by_month_unlinked { 
	color : #999999; 
} 
.event_age_info_label { 
	font-weight : bold; 
} 
.event_age_info_value { 
	font-weight : normal; 
} 
.event_location_info_label { 
	font-weight : bold; 
} 
.event_location_info_value { 
	font-weight : normal; 
} 
.event_more_info_label { 
	font-weight : bold; 
} 
a.event_more_info_value { 
	font-weight : normal; 
} 

.homenews {
	background:url(images/bg_homenews.gif) repeat-x; width:301px; height:35px; padding:12px;
}
.lighter {
	color: #aaaaaa;
}

/* homepage gallery styles */

#gallery {
	width: 600px;
	height: 450px;
	margin: 0 auto;
	clear: both;
	margin-bottom: 30px;
}

#slider {
	position: relative;
	background: url(images/loading.gif) no-repeat 50% 50%;
	margin: 0;
	padding: 0;
	height: 450px;
	width: 600px;
}
#slider img {
	position: absolute;
	top: 0;
	left: 0;
}
#slider a {
	border: 0;
	display: block;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-22px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	cursor: pointer;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 9;
	cursor: pointer;
	background: url(images/arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	width:30px;
	height:31px;
}
a.nivo-prevNav {
	left:10px;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:10px;
}

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}