/* CSS Document */

/* 
	CENTERS BACKGROUND HORIZONTALLY:  background: #ffffff url(images/bg_body.gif) 50% 0 no-repeat;
	CENTERS BACKGROUND VERTICALLY:  background: #ffffff url(images/bg_body.gif) 0 50% no-repeat;
	BACKGROUND CLINGS TO LEFT BROWSER EDGE:  background: #ffffff url(images/bg_body.gif) 0 0 no-repeat;

	BACKGROUND DOES NOT REPEAT:  background: #ffffff url(images/bg_body.gif) 0 0 no-repeat;
	BACKGROUND REPEATS VERTICALLY:  background: #ffffff url(images/bg_body.gif) 0 0 repeat-y;
	BACKGROUND REPEATS HORIZONTALLY:  background: #ffffff url(images/bg_body.gif) 0 0 repeat-x;

 */

body {
	background-color: #000000;
	margin: 5px 0 0 0;
	padding: 0;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}


/*  Accessibility Navigation - blank 2x1px images with links to the Content area  */
#AccessibilityNav{
	width: 47.5em;
	min-width: 760px;
	}
#AccessibilityNav img{
	border:none;
}
/*  message for users with old Browsers - links to update Browsers  */
p#older_browsers {
	display: none;
}
/*  Company name invisible but to old browsers and Search Engines  */
div#CompanyName {
	display: none;
}

/* ************************************----------- HEADER -----------************************************ */
div#Header {
	margin-top: 0;
	width: 60.625em;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #FFFFFF;
}



/* ************************************----------- MENUBAR -----------************************************ */
div#Menu {
	width: 60.625em;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}
div#Menu p {
	text-align:center;
	font-size: 0.95em;
	font-weight: bold;
	font-style:italic;
	padding: 3px 5px;
	margin: 0px;
} 
/*----------- 	NAVIGATION LINKS -----------*/
div#Menu a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;

}
div#Menu a:hover {
	color: #009ac8;
}
/*----------- 	DROPDOWNS -----------*/
div.Dropdowns {
	background-color: #000000;
	border: solid 1px #FFFFFF;
	padding: 5px;
}
div.Dropdowns p {
	margin: 0;
}
div.Dropdowns a {
	color: #FFFFFF;
	font-size: 0.85em;
	text-decoration:none;
	display:block;
	margin-bottom: 5px;
}
div.Dropdowns a:hover {
	color: #009ac8;
}
div#AboutUsDropdown {
	position: absolute;
	visibility: hidden;
	width: 8.3em;
}	
div#ShopDropdown {
	position: absolute;
	visibility: hidden;
	width: 8.4em;
}
div#VisitorInformationDropdown {
	position: absolute;
	visibility: hidden;
	width: 9em;
}
div#DowntownLivingDropdown {
	position: absolute;
	visibility: hidden;
	width: 9em;
}
div#EconomicDevelopmentDropdown {
	position: absolute;
	visibility: hidden;
	width: 12em;
}
div#EventsDropdown {
	position: absolute;
	visibility: hidden;
	width: 4em;
}
/* ************************************----------- SKYLINE IMAGE -----------************************************ */

div#SkylineImage {
	width: 60.625em;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #FFFFFF;
	margin-top: 0px;
}

/* ************************************----------- CONTENT AREA 	-----------************************************ */
table#Container {
	width: 60.7em;
	min-width: 972px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	margin-left: auto;
	margin-right: auto;
}


/* ************************************----------- HOME COLUMNS (1 - 2 - 3 - 4) -----------************************************ */
/*  Background for the left column is specified here  */
td.HomeColumns {
	width: 25%;
}
div.HomeContent {
	padding-left: 10px;
	padding-right: 10px;
}
div.HomeContent a {
	color: #c1d82f;
}
div.HomeContent a:hover {
	text-decoration:none;
}
td.HomeColumns p {
	color: #FFFFFF;
	font-size: 0.75em;

}
td#Column2, td#Column3, td#Column4 {
	border-left: solid 1px #FFFFFF;
}
td#Column1 {
	border-left: none;
}
div#UpcomingEvents td {
	color: #FFFFFF;
	font-size: 0.75em;
}
div#UpcomingEvents td a {
	color:#c1d82f !important;
}
/* ************************************----------- MAIN COLUMN -----------************************************ */
td#MainColumnCalendar {
	padding-top: 5px;
	background: #FFFFFF url(/images/bg_main_col_int.jpg) 100% 0 no-repeat;
}

td#MainColumnInterior {
	padding-top: 5px;
	width: 75%;
	background: #FFFFFF url(/images/bg_main_col_int.jpg) 100% 0 no-repeat;
}
div#Content {
	margin: 10px 20px;
}
div#Content p, div#Content ol, div#Content ul{
	font-size: 0.75em;
}
li {
	margin-bottom: 8px;
}
li li {
	font-size: 1.25em !important;
	margin-bottom: 2px;
}
/*  If there is a myproduct being installed - use this tag to style the admin menu  */
div#AdminMenu {
	margin-top: 15px;
	margin-right: 20px;
}
div#AdminMenu p {
	color: #009ac8;
	font-size: 0.75em;
	text-align: right;
}
div#AdminMenu a {
	color: #009ac8;
}
div#AdminMenu a:hover {
	text-decoration: none;
}

h1 {
	color:#c1d82f !important;
	font-size: 2.5em;
}

img.TitleIcon {
	margin-right: 25px;
	margin-bottom: 15px;
}
H2 {
	color:#009ac8;
	font-size: 1.25em;
	font-weight:bold;
}
H3 {
	color:#ffffff;
	font-size: 0.9em;
	font-weight:normal;
	font-style: italic;
}

div#Content a, div#Content a:visited {
	color:#009ac8;

}
div#Content a:hover {
	text-decoration: none;
}
table.DataTable td p {
	margin: 0px !important;
}
table.PhotosCaptions p {
	font-size: 10px !important;
}
/* ************************************----------- RIGHT COLUMN -----------************************************ */
td#RightColumn {
	width: 25%;
	border-left: solid 1px #ffffff;
}
div#Poll {
	padding: 10px;
	color: #FFFFFF;
}
div#Poll p {
	font-size: 0.75em;
}
div#Poll a {
	color: #c1d82f;
}
div#Poll a:hover {
	text-decoration: none;
}
table.PollTables td {
	font-size: 0.75em;
}
/* ************************************----------- FOOTER -----------************************************ */
div#Footer {
	width: 60.625em;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #ffffff;
	padding: 10px 0;
	background: url(/images/bg_footer.jpg) 0 0 no-repeat;
}
div#Footer p {
	text-align: center;
	font-size: 0.75em;
	color: #FFFFFF;
}
div#Footer a {
	color: #FFFFFF;
	text-decoration: underline;
}
div#Footer a:hover {
	text-decoration: none;
}
/* *******----- Copyright -----************** */
div#copyright {	
	width: 60.625em;
	min-width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}
div#copyright p {	
	font-size: 0.65em;
	text-align: center;
	color:#ffffff;
}
div#copyright a, div#copyright a:active, div#copyright a:visited {	
	color:#ffffff;
	text-decoration: underline;
}
div#copyright a:hover {	
	text-decoration: none;
}
table#TableCalendar {
	margin: 20px;
}
table#TableCalendar td a{
	text-decoration: none !important;
}

#UpcomingEvents a font { color: #FFFF00; }

div#banners {
	width: 60.625em;
	min-width: 970px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.banner {
	width: 972px;
	height: 90px;
	overflow: hidden;
	text-align: center;
}

.banner_interior {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 550px;
	text-align: left;
}

.banner_interior p {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	color: #ffffff;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px;
}

.banner a[href] {
	color: #c1d82f;  !important;	/* For Firefox... mark as important, otherwise it becomes black */
}