body 
{
	font: 80% arial, helvetica, sans-serif;
	margin: 0;
	background-color: #fff;
}

a {
	color: #336699;
}
.small {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666}
form {margin: 0px 0px 0px 0px; }

/****************************************
  Layout
 ****************************************/

td.spacedContent
{
    padding-left: 25px;
    padding-right: 25px;
}

td#center
{
    vertical-align: top;
}

td#main
{
    padding-top: 25px;
}

td#search { width: 200px; }
td#navigation { text-align: left; padding: 0 10px 0 0; }

td#extras
{
    width: 250px;
    background-image: url('images/upcoming_bg2.gif');
    background-repeat: repeat-y;
    vertical-align: top;
    border: solid; 
    border-width: 0px 0px 0px 1px;
    border-color: #999999 #999999 #999999 #666666
}


td#header
{
    height: 114px;
    background-image: url('images/header_bg.gif');
    background-repeat: repeat-x;
}
td#subpage
{
    background-image: url('images/subpage_bg.gif');
    background-repeat: repeat-x;
    height: 88px;
}

/****************************************
  Header
 ****************************************/
td#logo
{
    width: 218px;
}

td#horizontalBar
{
    height: 27px;
    background-image: url('images/nav_bg.gif');
    background-repeat: repeat;
    text-align: left;
}

/* td#searchsite { width: 75px; } */
.searchSite { color: #FFF; font-weight: bold; }
td#searchinput { width: 90px; }
td#searchicon { width: 25px; }

td#horizontalBar form
{
    font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; background-color: #99CCFF; border: #003366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
    margin: 0;
}
.searchForm {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; background-color: #99CCFF; border: #003366; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
td#slogan
{
    height: 87px;
    vertical-align: bottom;
    text-align: right;
    padding-right: 20px;
}

h2.slogan { color: #ff9900; font-size: larger; }



td#mainpage
{
    background-image: url('images/header.jpg');
    background-repeat: repeat-x;
    height: 243px;
    width: 732px;
}

img.slogan
{
    padding-right: 20px;
    padding-bottom: 10px;
    float: right;
}

form#searchform
{
    padding: 0;
    margin: 0;
}

/****************************************
  Subpage Navigation
 ****************************************/

td#submain
{
    width: 312px;
    vertical-align: top;
}

td#subright
{
    width: 420px;
    vertical-align: top;
}

img.subright
{
    float: right;
}

h1.pageTitle { color: #567a9e; margin: 0; padding: 0; font-size: 1.5em}

td#subnav 
{
    padding-top: 2px;
	background-repeat: repeat-x;

    /* Taken from LightMix */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	/* Removed for spacing consistency! padding: 2px 30px 0px; */
	padding-bottom: 1px; /* Fixes Firefox */
	background-color: #D7E5F3;
	margin: 0px;
	background-image: url(images/subnav_bg.gif);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #2E6AA1;
	border-right-color: #2E6AA1;
	border-bottom-color: #2E6AA1;
	border-left-color: #2E6AA1;
}

td#subNavImage
{
    padding-bottom: 11px;
}

ul.subNav
{
    padding: 9px 0 12px 0;
    margin: 0;
}

li.subNav,
li.subNav a:link, 
li.subNav a:hover, 
li.subNav a:visited, 
li.subNav a:active, 
li.subNav a:focus,
li.subNavSpacer
{
    list-style: none;
    display: inline;
    
    /* From Lightmix */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4A8CC6;
}

li.subNavSpacer { padding: 0 10px; }




ul.secSubNav
{
    padding: 0 0 12px 0;
    margin: 0;
}
li.secSubNav { list-style: none; display: inline; }
li.secSubNav a:link, 
li.secSubNav a:hover, 
li.secSubNav a:visited, 
li.secSubNav a:active, 
li.secSubNav a:focus
{
	
	/* From LightMix */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #185086;
	background-color: #B7D1E9;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-decoration: none;
	height: 16px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #42709C;
	border-right-color: #42709C;
	border-bottom-color: #42709C;
	border-left-color: #42709C;
}

/* Updated secondary sub navigation CSS -- removed lightmix's as it had a problem with Firefox */
	#tabs ul {
		list-style: none;
		padding: 2px 0 0 0;
		margin: 0;
	}
	
	#tabs li {
		display: inline;
		border: 1px solid #42709C;
		border-bottom-width: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    font-weight: normal;
	    color: #185086;
	    background-color: #B7D1E9;
	    margin-right: 10px;
	    padding: 0 10px 1px 10px;
	    padding-bottom: 1px;
	    height: 16px;
	}
	
	#tabs li a {
		text-decoration: none;
	}
	
	#tabs .selected {
		padding-bottom: 1px;
		background: white;
	}


li.secSubNavOn { list-style: none; display: inline; }
li.secSubNavOn a:link, 
li.secSubNavOn a:hover, 
li.secSubNavOn a:visited, 
li.secSubNavOn a:active, 
li.secSubNavOn a:focus
{
	/* From LightMix */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4A8CC6;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 0px;
	text-decoration: none;
	height: 16px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #42709C;
	border-right-color: #42709C;
	border-bottom-color: #FFFFFF;
	border-left-color: #42709C;
}



/****************************************
  Main Navigation
 ****************************************/

.mainNaviDropDown
{
    background-color:#003366; 
    color: #003366;
    border-style:solid; 
    border-color:#ffcc33; 
    border-width:4px; 
    padding: 0; 
    z-index: 5001;   /* dce */
    /*margin:4px 0px 0px; */
}

.mainNaviDropDownItem
{
    color:#ffffff; 
    text-align:left; 
    font-family:verdana; 
    font-size:11px; 
    font-weight:normal; 
    font-style:normal; 
    text-decoration:none; 
    border-style:none; 
    border-color:#000000; 
    border-width:1px; 
    padding: 5px;
    /* z-index: 5001;    dce */
}
.mainNaviItem,
.mainNaviItem a:link, 
.mainNaviItem a:hover, 
.mainNaviItem a:visited, 
.mainNaviItem a:active, 
.mainNaviItem a:focus
{
    color:#fff; 
    font-family:verdana; 
    font-size:14px; 
    font-weight:bold; 
    font-style:normal; 
    text-decoration:none; 
    border-right: solid 1px #fff;}

/****************************************
  Extras
 ****************************************/
/* dce add to make bold title option */
div#extrasSpacedEvents div.eventDateTitle,
div#extrasSpacedEvents div.eventDateTitle a:link,
div#extrasSpacedEvents div.eventDateTitle a:hover,
div#extrasSpacedEvents div.eventDateTitle a:visited,
div#extrasSpacedEvents div.eventDateTitle a:active,
div#extrasSpacedEvents div.eventDateTitle a:focus
{
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 20px; 
    font-weight: bold; 
    color: #FFCC33;
    margin-bottom: 0px;
    text-decoration: underline;		
}



div#extrasSpacedHeader
{
    background-image: url('images/upcoming_bg.gif');
    /* padding: 0 20px; */
}

div#extrasSpacedEvents
{
    background-image: url('images/upcoming_bg1.gif');
    background-repeat: repeat-y;
    padding: 10px 15px 40px 0px;  /* Additional 10px on bottom from <li> */
}

div#extrasSpacedEvents div.eventDate,
div#extrasSpacedEvents div.eventDate a:link,
div#extrasSpacedEvents div.eventDate a:hover,
div#extrasSpacedEvents div.eventDate a:visited,
div#extrasSpacedEvents div.eventDate a:active,
div#extrasSpacedEvents div.eventDate a:focus
{
    /* Taken from LightMix */
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #FFCC33;
    margin-bottom: 0px;
    text-decoration: none;
}

div#extrasSpacedEvents div.eventDesc,
div#extrasSpacedEvents div.eventDesc a:link,
div#extrasSpacedEvents div.eventDesc a:hover,
div#extrasSpacedEvents div.eventDesc a:visited,
div#extrasSpacedEvents div.eventDesc a:active,
div#extrasSpacedEvents div.eventDesc a:focus
{
    /* Taken from LightMix */
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: normal; 
    color: #FFFFFF;
}
div#extrasSpacedEvents ul
{
    list-style-position: outside;
    list-style-type:none;
    padding: 0;
    margin-left: 25px;
}

div#extrasSpacedEvents li { margin-bottom: 25px; }


h2.upcomingEventsHeader
{
    color: #003366;
    display: inline;
}
td#upcomingEventsHeader
{
    height: 24px;
}

/****************************************
  Footer 
 ****************************************/
#address
{
    width: 250px;
    background-image: url('images/upcoming_bg2.gif');
    background-repeat: repeat-y;
    padding: 15px 0;
    border-left: solid 1px #666666;
}

#footer
{
    vertical-align: top;
    min-width: 732px;
}

p.address
{
    padding-left: 20px;
    margin: 0 0;
    
    /* From original LightMix */
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: normal; 
    color: #336699
}

hr.footer
{
    width: 100%;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
    color: #999999;
    background-color: #999999;
    vertical-align: top;
    border: 0;
}

ul.bottomNav { padding: 0; margin: 0; }

li.bottomNav,
li.bottomNav a:link, 
li.bottomNav a:hover, 
li.bottomNav a:visited, 
li.bottomNav a:active, 
li.bottomNav a:focus,
li.bottomNavSpacer
{
    list-style: none;
    display: inline;
    
    /* From Lightmix */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #999999;
}

li.bottomNavSpacer { padding: 0 10px; }

#bottomNav { text-align: left; }