﻿/* No JavaScript Warning */
.js_warning
{
  color: #ff0000;
  font-weight: bold;
  font-size: 11px;
}

/* Elements Controlled by MDW Style Guide */

h1 
{
    font-family: Times New Roman, Georgia, Times, serif; 
    font-size: 24px; 
    font-style: normal;
    font-weight: normal;
    color: #333;
    margin: 0; 
    padding: 10px 0 0 0;
}

h2 
{
    font-family: Times New Roman, Georgia, Times, serif; 
    font-size: 20px; 
    font-style: normal;
    font-weight: normal;
    color: #ff9900;
    margin: 0; 
    padding: 0;
}

h3 
{
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 18px; 
    font-style: normal;
    font-weight: bold;
    color: #333;
    margin: 0; 
    padding: 0;
}

h4 
{
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 12px; 
    font-weight: normal;
    font-style: italic;
    color: #ff9900;
    margin: 0; 
    padding: 0;
}

h5 
{
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 11px; 
    font-weight: bold;
    font-style: italic;
    color: #333;
    margin: 0; 
    padding: 0;
}

a
{
    color: #003366;
}

a:link
{
    color: #003366;
}

a:active, a:hover
{
    color: #000;
}

a:visited
{
    color: #999;
} 

/* Page body and background */

body 
{
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 11px; 
	text-align: center;
	margin: 0 auto;
	background-color: #30273a;
	background-position: center;
	background-image: url('../Images/OGbackground.jpg');
	background-repeat: repeat;
	background-position: top;
}

/* All content goes inside main container */

.main_container 
{
	width: 1000px;
	min-height: 1000px;
	background-color: #fff;
	margin: 0 auto;
	border-bottom: 10px solid #fff;		
	clear: both;
} 

/* Top area above the banner */

.top_menu 
{
  	width: 1000px; 
  	min-height: 33px; 
  	background-color: #5C5C5C; 
} 

/* Custom search box */

.sfsearchBox 
{
    float: left; 
    width: 215px; 
    height: 26px; 
    margin-top: 1pt; 
    margin-left: 30px;  
    padding-bottom: 3px; 
    background-image: url('../Images/SearchBoxBkgd.jpg'); 
    background-repeat: no-repeat; 
    border: none;
    text-align: left;  
}
              
.sfsearchTxt 
{
    width: 145px; 
    height: 16px; 
    margin: 7px 0 0 0; 
    vertical-align: top;
    border: medium none;
    font-size: 11px; 
    font-family: Verdana, Helvetica, Arial, sans-serif;  
}
    
.sfsearchSubmit 
{
    width: 26px; 
    height: 26px; 
    border: none;
    margin: 5px 0 0 19px;
    background-image: url('../Images/SearchBoxBtn.jpg'); 
    background-repeat: no-repeat; 
}

/* Quick links */

.quicklinks 
{
    float: left; 
    width: 675px;  
    margin-top: 1px; 
    margin-left: 75px;  
    background-color: #5c5c5c; 
    /* background-image: url('../Images/quick_links.jpg'); */
    /* background-repeat: no-repeat; */
}

.quicklinks img 
{
    float: left;
    border: none;
}

.quicklinks ul 
{
    margin: 0 0 0 0; 
    padding: 0 0 18px 0; 
    list-style: none; 
    white-space: nowrap;
}

.quicklinks li 
{
    display: inline; 
    font-weight: bold; 
    font-size: 11px;
}

.quicklinks li span 
{
    color: #fff;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    float: left;  
    padding: 0 8px 0 8px; 
    border-right: 2px solid #fff; 
    text-decoration: none;  
    margin-top: 10px;
}

.quicklinks li a 
{
    color: #fff;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    float: left;  
    padding: 0 8px 0 8px; 
    border-right: 2px solid #fff; 
    text-decoration: none;  
    margin-top: 10px;
}

.quicklinks li a:link 
{
    color: #fff;
}

.quicklinks li a:visited 
{
    color: #ccc;
}  

.quicklinks li:first-child span 
{
    color: #E8B015; 
    padding: 0 0 0 8px;
}

/* In IE8 "last-child" selector does not work. In here "li.last-child"  
   selects the last "li" element of the "ul" by a "last-child" class name. */
.quicklinks li:first-child span, li.last-child a 
{
    border-right: 0;
}

/* Banner Area */

.banner 
{
	min-height: 157px; 
	width: 1000px; 
	/*	background-image: url('../Images/OGbanner.jpg'); */ 
	/*	background-repeat: no-repeat; */
}

/* Rotator area which holds the rotator and latest news */

.rotator_holder 
{
	width: 1000px;
	min-height: 342px; 
	background-color: #fff;
}
	
.rotator 
{	
	float: left; 
	width: 787px;
	min-height: 322px; 
  	margin: 4px 2px 4px 8px;
	background-color: #fff;
}

/* Right of the Rotator Area */

/* The latest-news section appears in the rotator area on the home page */
/*  and in the right column of the middle section on the content pages. */

#home_latest_news
{
	float: left; 
  	min-height: 332px; 
  	width: 182px; 
  	margin: 4px 0 0 14px;
}

#content_latest_news
{
/*	float: left; */
  	min-height: 332px; 
  	width: 182px; 
  	margin: 4px 0 10px 14px;
}

.latest-news 
{
  	width: 174px; 
 	min-height: 328px; 
	float: left; 
	clear: right;
	text-align: left; 
  	padding-left: 5px;	 
	background-color: #fff;	
 	background-image: url('../Images/UpcomingEvents.jpg'); 
 	background-repeat: no-repeat;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 11px; 
    color: #ffffff; 
    font-weight: bold; 
}

.latest-news ul
{
    padding: 60px 0 0 8px;
    text-align: left;  
}

.latest-news li 
{
	list-style: none;
    text-align: left;
    padding: 10px 20px 5px 0;  
}

.latest-news li hr
{
	color: #fff;
	padding: 0 5px ;
}

.latest-news a:link,
.latest-news a:visited 
{
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 11px; 
  	color: #fff;
    padding: 0 0 0 0;
    text-align: left;  
}

.latest-news img 
{
    margin: 28px 0 0px 10px;
}

hr.thin 
{
    height: 1px; 
    border: 0; 
    color: #ff9900; 
    width: 70%;
}

/* Separator Band Underneath the Rotator Area */

.rotator_separator 
{
    clear: both;
	width: 1000px; 
	min-height: 23px;
}

/* Middle Content */

.middle_content 
{
    clear: right;
    width: 1000px; 
    height: auto; 
	text-align: justify; 
    margin: 0; 
    padding: 0; 
    background-color: #fff;
}

/* Left Column */

.left_column
{
    width: 184px;
    min-height: 600px; 
	margin : 5px 0 5px 0;
	padding: 0;
    background-color: #fff; 
    float:left; 
    background-image: url('../Images/OGbuttonBkgdBtm.jpg'); 
 	background-repeat:repeat-y;
    }

/* Center Column */

.center_column 
{
/*	width: 592px; */
	width: 614px; 
    min-height: 600px; 
	margin: 0; 
/*    padding: 0 10px 0 10px; */
    padding: 0;
/*	border-left: 1px solid #333333; */
	border-right: 1px solid #333333; 
	background-color: #fff;
	text-align: justify; 
	float: left; 
}
                       
.center_column a:link
{
    color: #003366;
}
  
/* Right Column */

.right_column 
{ 
    width: 200px; 
    min-height: 600px; 
    margin: 0; 
 	padding: 0;
    background-color: #fff; 
    float: left; 
}

/* Contents */

/* Left Navigation */
/*
.home_button
{
    padding-left: 5px;
    padding-bottom: 5px;
    background-color: #fff;
}

.home_button img
{
    border: none;
}

#left_accordion
{
	width: 194px;
	height: 200px; 
	margin: 0;	
    font-size: 11px;
}

.left_column_accordion  
{
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
	border: 1px solid #eee; 
	float: left;
}

.left_column_accordion .ui-icon 
{
    display: none !important;
}
*/
.left_nav 
{
	float: left; 
	width: 177px; 
  	border: none;   
  	text-align: left;
}
 	
.left_nav ul 
{
    list-style: none;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    color: #fff; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: left; 
    margin: 0; 
/*    margin-left: -40px; */
}
/*
.left_nav li  
{
    display: block; 
    list-style: none; 
    width: 177px; 
    height: 33px; 
    margin: 0;
}
*/
.left_nav li a:link 
{
    display: block; 
    width: 157px; 
    height: 33px; 
    color: #fff; 
    text-decoration: none; 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: left;
    background-image: url('../Images/OGbuttonBkgd.jpg'); 
    background-repeat: no-repeat; 
    padding-top: 0; 
    padding-left: 20px;  
    line-height: 30px;
}
/*  
.left_nav li a:visited 
{
    color: #fff; 
}
*/
.left_nav li a img  
{
    border: none; 
    margin-bottom: 3px; 
    vertical-align: bottom; /* for IE6 */
}
 
.left_nav li a:hover  
{
    visibility: visible; 
    color: #666; 
    text-decoration: none; 
    background-image: url('../Images/OGbuttonBkgdOver.jpg'); 
    background-repeat: no-repeat; 
    width: 157px; 
    height: 33px;/* for IE6 */ 
} 

.left_nav li a:active  
{
    color: #fff; 
    text-decoration: none; 
    background-image: url('../Images/OGbuttonBkgdOver.jpg'); 
    background-repeat: no-repeat; 
    width: 157px; 
    height: 33px;  
}

.left_nav ul li ul 
{
    list-style: none;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    color: #fff; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: left; 
    margin-top: 0; 
    margin-left: 0;
}

.left_nav  ul li ul li  
{
    display: block; 
    list-style: none; 
    width: 177px; 
    height: 33px;
    margin: 0; 
/*    margin: 0 0 0 -40px; */
}

.left_nav ul li ul li a:link 
{
    display: block; 
    width: 157px; 
    height: 33px; 
    color: #3c3c3c; 
    text-decoration: none; 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: left;
    background-image: url('../Images/OGbuttonBkgd2.jpg'); 
    background-repeat: no-repeat; 
    padding-top: 0; 
    padding-left: 20px;  
}
/*  
.left_nav li a:visited 
{
    color: #fff; 
}
*/
.left_nav ul li ul li a img  
{
    border: none; 
    margin-bottom: 3px; 
    vertical-align: bottom; /* for IE6 */
}
 
.left_nav ul li ul li a:hover  
{
    visibility: visible; 
    color: #666; 
    text-decoration: none; 
    background-image: url('../Images/OGbuttonBkgdOver.jpg'); 
    background-repeat: no-repeat; 
    width: 157px; 
    height: 33px;/* for IE6 */ 
} 

.left_nav ul li ul li a:active  
{
    color: #fff; 
    text-decoration: none; 
    background-image: url('../Images/OGbuttonBkgdOver.jpg'); 
    background-repeat: no-repeat; 
    width: 177px; 
    height: 33px;  
}

/* Center Area */

.center_piece 
{
	width: 560px; 
	height: auto;
	margin: 10px 10px 10px 10px; 
	padding: 0;
	text-align: left; 
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.center_piece img
{
/*	margin: 10px 5px 10px -10px; */
	margin: 10px 5px 10px 5px; 
	padding: 0;
}

/*    Tabs Area     */
/*  	
.center_column_tabs 
{
    position: relative;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 530px; 
    min-height: 350px; 
    margin-left: 10px; 
    margin-bottom: 10px;
}

.center_column_tabs ul
{
    list-style-type: none;
}

.tabs_title 
{
    min-width: 100px;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.tabs_page 
{
    min-height: 200px;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    color: #fff;
}

.tabs_page h4
{
    color: #FFA500;
}
*/
/* Right column area */
/*
#right_accordion
{
	width: 190px;
    height: 260px;
    margin: 10px 0 10px 10px;
    font-size: 11px;
}

.right_column_accordion  
{
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
 	border: 1px solid #eee; 
	text-align: left; 
}

.accordion_title 
{
    width: 120px;
    height: 20px; 
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.accordion_page 
{
    width: 140px;
    height: 140px;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

.datepicker
{
    width: 185px;
    height: 140px;
    margin-left: 15px;
}

.datepicker div.ui-datepicker,
.datepicker .ui-datepicker input
{
    font-size: 62.5%;
}
*/

.ticket_requests 
{
    text-align: left; 
    margin: 10px 20px -20px 10px;  
}

.ticket_requests h1 
{
    font-family: Times Roman ; 
    font-size: 14px; 
    font-weight: bold; 
    color: #333399; 
    line-height: 140%;  
}

.ticket_requests p 
{
    text-align: left; 
    font-size: 10px; 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    line-height: 140%; 
}

.ticket_requests a:link
{
    color: #333399; 
}

.image_links  
{
    width: 203px; 
    min-height: 240px; 
    margin-top: 10px; 
    margin-bottom: 10px;
}

.image_links img
{
    border: none;
    margin: 5px;
}
 
.image_links ul
{
    margin: 0 0 0 8px; 
    padding: 0 0 0 0; 
    list-style: none; 
}

.image_links li
{
    padding: 5px 0 5px 0; 
 }
                      
/* Bottom of the Page Area */

.bottom 
{
    clear: both;
  	width: 1000px; 
  	min-height: 220px;
/*  	padding-bottom: 10px; */
 	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
    background: #424242; /* Old browsers */
    background-image: url('../Images/bottomnavBackground.jpg'); 
    background-repeat: repeat-x; 
}

.site_map   
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
	color: #fff;
	text-align: left;
	line-height: 1.5em;
	text-decoration: none;
	margin-top: 20px;
}

.site_map h4 
{ 
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    line-height: 1.2em;
    font-weight: bold;
    color: #ff9900;
    margin: 0;
    padding: 0;
 }
  
.site_map ul
{
    list-style-type: none; 
    list-style-position: outside; 
    margin-left: -20px; 
    margin-top: 2px; 
}

.site_map li
{
    margin-left: -5px;
	text-decoration: none;
}

.site_map a    
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 1.5em;
	text-decoration: none;
}
	
.site_map a:link    
{
	color: #fff;
}	

.site_map a:visited    
{
    color: #ccc;
}

/* Social icons below */
/* Social Icons */

.icon_titles  
{
    margin-top: 20px;  
    font-size: 11px;  
}

.icon_titles ul 
{
    margin: 0; 
    padding: 0; 
    list-style: none;
}

.icon_titles li  
{
    padding: 0 0 30px 0;
    vertical-align: middle;
}

.icon_titles img  
{
    float: left;
    margin: 0 5px 0 50px;
    padding: 0 10px 0 0;
    border: none;
}

.icon_titles li a 
{
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    font-weight: normal; 
    text-decoration: underline; 
}

.icon_titles li a:link,
.icon_titles li a:visited 
{
    color: #fff;
}

/* Footer Area */ 

.footer 
{
	min-height: 15px;
	width: 1000px; 
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding-bottom: 2px;
	text-align: center;
	color: #5C5C5C; 
	background-position: center;
	background-color: #fff;
}

.footer ul 
{
    margin: 0 0 0 180px; 
    padding: 5px 0 5px 0; 
    list-style: none; 
}
    
.footer li 
{
    display: inline; 
    font-weight: bold; 
    font-size: 11px;
}

.footer li a 
{
    color: #5C5C5C; 
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    float: left;  
    padding: 0 12px 0 12px; 
    text-decoration: none;  
}

.footer li a:link 
{
    color: #5C5C5C; 
}

.footer li a:visited 
{
    color: #6C6C6C;
}  

/* Custom Elements */

/* Home Page Center Column  */
.img_thumbnail_list ul
{
    list-style-type: none;
}

/* Right column */


