/*-----------------ACCORDIAN PANEL STYLES----------------*/
.Accordion {
	border:none;
	overflow: hidden;
}


.AccordionPanel {
	margin: 0px;
}


.AccordionPanelTab {
	background-color: #85C446;
	background-image:url(../images/pinkBarBackground.jpg);
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	margin: 0px;
	padding: 6px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	margin-top: 0px;
}

.AccordionPanelTab a { text-decoration: none; }

.AccordionPanelContent {
	overflow: auto;
	margin: 12px;
	height: 200px;
}
.AccordionPanelContent p {
	color:#000;
	margin-bottom:0px;
	margin-left: 6px;
	margin-top: 0px;
	line-height: 18px;
}

.AccordionPanelContent h3 {
	margin-bottom:0px;
	margin-left:6px;
	color: #000000;
}

.AccordionPanelOpen .AccordionPanelTab { 	background-image:url(../images/greenBarBackground.jpg);}

.AccordionPanelTabHover {
	background-color: #feaadb;
	background-image:url(../images/pinkBarBackground.jpg);
}
.AccordionPanelOpen .AccordionPanelTabHover {
	background-color: #EA088C;
}


.AccordionPanelTab h2 {
	color:#fff;
	padding-left:6px;
	
	
}

.AccordionFocused .AccordionPanelTab { background-color: #85C446; }

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #85C446; }
.AccordionPanelTab img, .AccordionPanelContent img {
	float: right;
	border: none;
	}




/*-----------------GENERAL STYLES----------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}

ul {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style-type: lower-roman;
	clear: right;
}

li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
h2, h3, h4, h5, p {
	margin:0;
	padding:0;	
} 

h1 {
	font-size:24px;
}
h2 {
	font-size:18px;
	margin-top: 12px;
	margin-bottom: 0px;
}
h3 {
	font-size:14px;
	color: #ffffff;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:12px;
	margin-left: 6px;
}
p {
	color: #000000;
	margin-top: 6px;
	margin-bottom: 0px;
}

#footer p {
	padding-top:12px;
	font-size:9px;
	text-align:center;
	margin-top: 12px;
}

/*-----------------WRAPPER STYLES----------------*/

#wrapper {
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	width: 780px;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:12px;
	margin: 0 auto;
}


/* MAIN CONTENT GENERAL STYLES */
#mainContent {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	clear: both;
}

#mainContent select {
	font-size: 12px;
	border: 1px solid #666;
}



#mainContent #linksColumn2 a {
	text-decoration: underline;
	display: block;
	text-transform: none;
	font-size: 14px;
	margin: 12px;
}
#mainContent #linksColumn2 {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 12px;
	margin-left: 0px;
	width: 250px;
}
#mainContent #moreLinks {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 12px;
	margin-left: 30px;
	width: 250px;
}
#mainContent #moreLinks a {
	text-decoration: underline;
	display: block;
	text-transform: none;
	font-size: 14px;
	margin: 12px;
}
#mainContent #transColumn2 li {
	margin-top: 5px;
	margin-bottom: 6px;
}
#mainContent #transColumn2 {
	margin-top: 6px;
}
#mainContent ul#transColumn2 {
	margin-top: 6px;
	padding-top: 1px;
}
#mainContent #transportation {
	margin-left: 60px;
	float:left;
	width:100px;
	margin-right: 20px;
}
#mainContent ul#transportation li {
	margin-top: 6px;
	margin-bottom: 6px;
}

#mainContent table img {
	text-align: center;
	float: none;
	border-right: 1px solid #eeeeee;
	border-collapse: collapse;
}
#mainContent td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	vertical-align: middle;
	text-align: left;
	padding: 1px;
	font-size: 11px;
	line-height: 16px;
}
#mainContent td.months {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 3px;
}
#mainContent td.years {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	vertical-align: middle;
	background-color: #EEEEEE;
}

#mainContent td.yearsNoBackground {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}



/*-----------------NAVIGATION STYLES----------------*/
#navigation {
	width: 780px;
	position: relative;
	text-align: right;
}
#navigation #logoBlock {
	float: left;
	width: 280px;
}
#navigation #searchFunction  {
	margin-top: 18px;
	margin-right: 0px;
	width: 400px;
	float: right;
	margin-bottom: 0px;
}
#navigation #searchFunction input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 12px;
	text-align: right;
}
/* main navigation */
#navigation #mainNav
{
	padding: 0px;
	font: bold 11px Arial;
	margin:0px;
	list-style: none;
	float: right;
	width: 460px;
	clear: right;
	margin-right: 0px;
	margin-top: 24px;
}

#navigation #mainNav li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}

#navigation #mainNav a{
	display: block;
	color: white;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 5px 6px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: black;
	float: right;
}

#navigation #mainNav a:hover{
	background-color: #E20996; /*Menu hover bgcolor*/
}

#navigation #mainNav #current a{ /*currently selected tab*/
	background-color: #85C446; /*Brown color theme*/
}


/*-----------------SUB NAV----------------*/


#navigation #subMenu  {
	font: bold 11px Arial;
	margin:0;
	/*margin-right: 40px; margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	margin-top: 10px;
	float: right;
	margin-bottom: 0px;
	width: 480px;
		}
	
#navigation #subMenu li{
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
	list-style: none;
	float: right;
			}
			
#navigation #subMenu a{
	float: left;
	display: block;
	color: #666666;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 0px 7px;
	text-decoration: none;
	letter-spacing: 1px;				/*background-color: black;*/
	border-right: 1px solid #666;
	font-weight: bold;
}
#navigation #subMenu a:hover {
	background-color: #ea088c; /*Menu hover bgcolor*/
	color: #ffffff;
	font-weight: bold;
	}
	#mainContent #eventsContent h5 {
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 12px;
}
		
#navigation #subMenu #current a {
		background-color: #AFBD22; 
		}
		
#navigation #subMenu .last {
	border:none;
	}



/* Styles to define you are here in main nav  */
body#directoryListing a#directoryNav,
body#events a#eventsNav,
body#contact a#contactNav,
body#parking a#parkingNav,
body#directions a#directionsNav, 
body#parking a#parkingNav,
body#map a#mapNav,
body#shopping a#shoppingNav,
body#home a#homeNav
{
	background-color:#85C446;
}

/* Styles to define you are here in sub nav  */
body#archives a#archivesNav,
body#tourism a#tourismNav,
body#links a#linksNav,
body#meetings a#meetingsNav,
body#metroLink a#metroLinkNav, 
body#wifi a#wifiNav,
body#leasing a#leasingNav

{
	color:#CC0000;
	font-weight:bold;
	
	
}






#imageShow {
	float: right;
	width: 450px;
	margin-right: 0px;
}





/*-----------------GENERAL STYLES----------------*/

.fltrite {
	float: right;
}
.fltleft { }
.bold {
	font-weight: bold;
}

.white {
	color: #FFFFFF;
}





/*-----------------TABLE STYLES----------------*/

tr.alt {
	background-color: #EEEEEE;
}
#myTable td {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #fff;
	text-align: center;
	}

#headerImages {
	width: 780px;
	margin-top: 0px;
}
#imageHeader img {
	float: none;
}

/*FILE STRIP STYLES*/
div #filmStrip {
	width: 796px;
	margin-bottom: 6px;
}
#filmStrip img {
	float: left;
	margin-right: 2px;
}

#searchFunction form { }

#navigation #searchFunction label {
	margin: 0px;
	padding: 0px;
}

#navigation #searchFunction input {
	margin: 0px;
	padding: 0px;
}

#mainContent #indent { margin-left: 12px; }

.AccordionPanelContent img.noFloat {
	float:none;
	padding: 0;
	margin: 0;
}
