body { font-family: Arial; font-size: 14px; color: #969797; text-align: center; padding: 0; margin: 0; background-color: #FFFFFF; }

img { border: 0; margin: 0; padding: 0; }

#container { width: 940px; margin: auto; padding: 0; position: relative; }

/* CONTENT LEFT */

#content-left { width: 590px; float: left; padding: 0; margin-top: 30px; margin-bottom: 40px; text-align: left; }

#hours-img { width: 590px; height: 190px; padding: 0; margin: 0; border: 0; }

#video { width: 560px; height: 327px; margin-top: 30px; padding: 0; border: 0; float: left; }

/* CONTENT RIGHT */
              
#content-right { width: 320px; float: right; position: relative; padding: 0; margin-left: 30px; margin-bottom: 40px; text-align: center; }
       
                 	
.switcher-navigation { height: 20px; list-style-image: none; list-style-type: none; margin-bottom: 6px; margin-top: 30px; padding:0; font-size: 10px;
      text-transform: uppercase; color: #FFFFFF; text-align: center; font-weight: bold; }

.switcher-navigation li { display: block; float: left; line-height: 20px; color: #A9A9AA; margin: 0; background-color:#4C768E; }

.switcher-navigation a:hover { display: block; color: #FFFFFF; background-color:#00C0E5; text-decoration: none; }

.switcher-navigation a { display: block; color: #FFFFFF; background-color:#4C768E; text-decoration: none; cursor: pointer; }

.switcher-navigation a.active { display: block; color: #FFFFFF; background-color:#00C0E5; text-decoration: none; }


#schedule-item { width: 80px; }

#switch-back-item { width: 155px; }

#pop-out-item { width: 85px; }


.switcher-content { width: 320px; height: 275px; position: relative; background-color: #4C768E; color: #515151; }

.switcher-content a, .switcher-content a:visited { text-decoration: none; color: #515151; }

.switcher-content a:hover { text-decoration:none; color: #292929; }


#schedule { display: block; }

#switch-back { display: none; }

#pop-out { display: none; }

#chat { width: 320px; height: 240px; margin-top: 6px; padding: 0;  }


/* GRAPH */

#graph { clear: both; width: 940px; margin: 0; padding: 0; }

#graph-content { width: 740px; float: left; margin: 0; padding: 0; }

#left-date { float: left; font-weight: bold; font-size: 13px; }

#right-date { float: right; font-weight: bold; font-size: 13px; }

#graph-image { clear: both; width: 740px; height: 150px; margin: 0; padding: 0; border: 0; }

#graph-description { width: 170px; float: right; margin-left: 30px; padding: 0; font-size: 12px; font-weight: bold; text-align: left; color: #3D3D3D;}

#graph-description h3 { margin-top: 20px; margin-bottom: 5px; padding: 0; font-size: 12px; font-weight: bold; }

#graph-description p { margin-top: 8px; margin-bottom: 8px; padding: 0; }

.flickr { color: #F34B9E; text-decoration: underline; }

.audioboos { color: #8DAFC0; text-decoration: underline; }

.twelveseconds { color: #77AA77; text-decoration: underline; }


/* FOOTER */

#footer { width: 940px; clear: both; margin: 0; padding-top: 20px; font-size: 13px; font-weight: normal; }

#footer p { margin-top: 10px; margin-bottom: 20px; padding: 0;  }

#left-footer { float: left; text-align: left; width: 50%; }

#jquery_feed_menu { float: left; margin-top: 8px; margin-right: 10px; padding: 0; }

#right-footer { float: right; text-align: right; width: 50%; }

#footer a, #footer a:visited { text-decoration: underline; color: #4685EE; }

#footer a:hover { text-decoration: underline; color: #2057B2; }


/* TOP HEADER */

#top-header { clear: both; width: 890px; margin-left: 50px; padding: 0; }

#top-header h1 { margin-top: 25px; margin-bottom: 15px; text-align: left; font-size: 18px; font-family: Georgia; color: #BBBBBB; 
                font-weight: normal; }
                
.blue-h1 { color: #9FBED0; }

#top-header a, #top-header a:visited { text-decoration: underline; color: #BBBBBB; }

#top-header a:hover { text-decoration: underline; color: #818181; }


/* HEADER */

#header { width: 940px; height: 100px; position: relative; margin: 0; padding: 0; color: #FCEED6; background-color: #BAD9EE; }

#header a, #header a:visited { text-decoration: none; color: #E3F5F9; }

#header a:hover { text-decoration: none; color: #FFFFFF; }


/* GPS LOCATION */

.slide-panel { z-index: 25; width: 5px; position: absolute; }

.left {	position: absolute;	left: 0; }

.top { top: 0; }

.content { margin-left: auto;	margin-right: auto;	z-index: 10;	overflow: hidden;	text-align: left;	background-color: #FFFFFF; 
          height: 0;	width: 100%; color: #fff; }

.content iframe { width: 100%; height: 500px; border: 0; }

.gps-location { width: 940px; margin: auto; padding: 0; }

#slide-button { width: 126px; height: 24px; }

.slide-button { position: relative;	width: 126px;	z-index: 20; cursor: pointer; height: 24px;
	              padding-top: 0px;	float: right; }


/* HORIZONTAL ACCORDION */

.accordion_content { width: 940px; background-color: #ffffff; color: #444444; overflow: hidden;	} 	
 	
#horizontal_container { margin: 0; width: 940px; height: 100px; }

.horizontal_accordion_toggle { /* REQUIRED */ float: left;	/* This make sure it stays horizontal */ /* REQUIRED */ display: block;
			 height: 100px; width: 30px; background-color: #BAD9EE; color: #ffffff;	text-decoration: none;
			 outline: none; border-right: 1px solid #FFFFFF; cursor: pointer; margin: 0; }
	
.horizontal_accordion_toggle_active { /*background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;	border-right: 1px solid #f68263;*/ }
		
.horizontal_accordion_content { /* REQUIRED */ width: 785px; height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */ /* REQUIRED */ overflow: hidden; background-color: #ffffff; color: #444444; }
			
.my-accordion-content { width: 783px; height: 100px; background-color: #FFFFFF; margin: 0; padding-left: 15px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }

.my-accordion-content div { float: left; width: 99px; height: 71px; margin-top: 15px; margin-left: 4px; margin-right: 4px; 
                            background-color: #EEDFFC; }
                            
/* NEW SLIDEMENU */

#accordion-menu { width: 940px; background-color: #ffffff; color: #444444; margin: 0; padding: 0; }

.accordion-menu { list-style:none; width: 940px; height:100px; display:block; overflow:hidden; }

.accordion-menu li { width: 32px; float:left; height:100px; display:block; overflow:hidden; margin: 0; padding: 0; }

.accordion-menu-h3 { /* REQUIRED */ float: left;	/* This make sure it stays horizontal */ /* REQUIRED */ display: block;
			 height: 100px; width: 30px; background-color: #BAD9EE; color: #ffffff;	text-decoration: none;
			 outline: none; border-right: 1px solid #FFFFFF; cursor: pointer; margin: 0; }

.accordion-menu-content { /* REQUIRED */ width: 780px; height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */ /* REQUIRED */ overflow: hidden; background-color: #ffffff; color: #444444; }
			
.my-content { width: 780px; height: 100px; background-color: #FFFFFF; margin: 0; padding-left: 15px; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; overflow: hidden; }

#accordion-menu .accordion-menu-content .my-content div { float: left; width: 99px; height: 71px; margin-top: 15px; margin-left: 4px; margin-right: 4px; 
                            background-color: #EEDFFC; }




.end { clear: both; }

.rowThumbnail { width: 99px; height: 71px; }