@charset "iso-8859-1";

body {
margin: 0;
margin-left: 3px;
font-family: Arial;
color: #313131;
}

form {
margin: 0;
padding: 0;  
}

#top {
float: left;
}

.top-left {
float: left;
width: 228px;
}

.top-left img {
border: 0;
margin-left: 40px;
margin-top: 4px;
}

.top-right {
float: left;
width: 535px; 
margin-bottom: -4px; 
}

.flash_movie object,
.flash_movie embed {
z-index: 0;  
width: 535px;
height: 365px;
position: relative;
}

/* Vertical Drop-Down Menu */
#menu-vert {
font-size: 10pt;
font-weight: bold;
width: 225px;
z-index: 1000;
padding-top: 5px;
}

ul#menu-vert,
ul#menu-vert ul {
	margin: 0;
	padding: 0;
	width: 225px; /* Width of Menu Items */
	border-bottom: 1px dotted #A0A0A0;
	background: #fff; /* IE6 Bug */
	font-size: 100%;
	z-index: 1000;
	}

ul#menu-vert li {
	position: relative;
	list-style: none;
	}

ul#menu-vert li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #777;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px dotted #A0A0A0;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu-vert li { float: left; height: 1%; }
* html ul#menu-vert li a { height: 1%; }
/* End */

ul#menu-vert ul {
	position: absolute;
	display: none;
	left: 225px;
	top: 0;
	}

ul#menu-vert li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#menu-vert li:hover ul ul,
ul#menu-vert li:hover ul ul ul,
ul#menu-vert li.over ul ul,
ul#menu-vert li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#menu-vert li:hover ul,
ul#menu-vert li li:hover ul,
ul#menu-vert li li li:hover ul,
ul#menu-vert li.over ul,
ul#menu-vert li li.over ul,
ul#menu-vert li li li.over ul { display: block; } /* The magic */

ul#menu-vert li.menuparent {
background: transparent url(../img/vert-menu-arrow-std.gif) 215px 8px no-repeat;
text-align: right;
}
/* au quotidien */
ul#menu-vert li.menuparent_au_quotidien {
background: transparent url(../img/vert-menu-arrow-hover.gif) 215px 8px no-repeat;
text-align: right;
/* background-color: #F5F5F5;*/
}

ul#menu-vert li.menuparent2 {
text-align: right;
}

ul#menu-vert li.menuparent2:hover {
background-color: #dcdcdc;
}

ul#menu-vert li.menuparent2 a {
padding-right: 20px;
}

ul#menu-vert li.menuparent a {
padding-right: 20px;
}

/* au quotidien */
ul#menu-vert li.menuparent_au_quotidien a {
padding-right: 20px;
/* color: #ED532D; */
}

ul#menu-vert li.menuparent:hover,
ul#menu-vert li.over {
background: #DCDCDC url(../img/vert-menu-arrow-hover.gif) 215px 8px no-repeat;
}

/* au quotidien */
ul#menu-vert li.menuparent_au_quotidien:hover,
ul#menu-vert li.over {
background: #DCDCDC url(../img/vert-menu-arrow-hover.gif) 215px 8px no-repeat;
}

ul#menu-vert ul.submenu {
background-color: #FFF;
padding-right: 2px;
padding-bottom: 3px;
width: 138px;
border-top: 0;
border-bottom: 0;
font-weight: normal;
}

/* au quotidien */
ul#menu-vert ul.submenu_au_quotidien {
background-color: #FFF;
padding-right: 2px;
padding-bottom: 3px;
width: 138px;
border-top: 0;
border-bottom: 0;
font-weight: normal;
}

ul#menu-vert ul.submenu li a {
background-color: #DCDCDC;
text-decoration: none;
margin: 0;
padding: 0;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 2px;
background-image: none;
text-transform: none;
text-align: left;
border-top: 0;
}

/* au quotidien */
ul#menu-vert ul.submenu_au_quotidien li a {
background-color: #DCDCDC;
text-decoration: none;
margin: 0;
padding: 0;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 2px;
background-image: none;
text-transform: none;
text-align: left;
border-top: 0;
}

ul#menu-vert ul.submenu li a:hover {
color: #F2552E;
text-decoration: underline;
}

/* au quotidien */
ul#menu-vert ul.submenu_au_quotidien li a:hover {
color: #F2552E;
text-decoration: underline;
}

/**/
.links-vert-menu {
clear: both;
font-size: 9pt;
margin-left: 24px;
padding-top: 10px;

width: 200px;
}

.links-vert-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
padding-top: 4px;
margin-bottom: 10px;
}

.links-vert-menu li {
margin-top: 0px;
margin-bottom: 0px;
}

.links-vert-menu li a {
color: #313131;
text-decoration: underline;
}

.links-vert-menu li a:hover {
text-decoration: none;
}

.links-vert-menu li b {
font-size: 7pt;
color: #313131;
}

.links-vert-menu b {
color: #069;
}

.header {
height: 65px;
}

.header ul.links {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
margin-right: 10px;
margin-left: 10px;
}

.header ul.links li {
padding-left: 15px;
}

.header ul.links li.home {
background-image: url(../img/home-ico.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}

.header ul.links li.help {
background-image: url(../img/help-ico.gif);
background-repeat: no-repeat;
background-position: 1px 8px;
}

.header ul.links li.map {
background-image: url(../img/map-ico.gif);
background-repeat: no-repeat;
background-position: 2px 8px;
}

.header ul.links li a,
.header .townmap a {
font-size: 8pt;
color: #000;
text-decoration: underline;
}

.header ul.links li a:hover,
.header .townmap a:hover {
text-decoration: none;
}

.header img.sep {
float: left;
margin-top: 7px;
margin-right: 10px;
}

.header .search { padding-top: 10px; margin-right: 10px; float: left; }

.header .search b {
font-size: 9pt;
color: #313131;
}

.header .search input {
float: left;
background-color: #FFF;
border: 1px solid #959595;
border-right-color: #B5B5B5;
border-bottom-color: #B5B5B5;
}

.header .search img {
border: 0;
float: left;
margin-left: 5px;
margin-top: 1px;
}

.header .townmap img {
border: 0;
}

.page-title {
clear: both;
width: 100%;
height: 45px;
/*background-color: #313131;*/
background-color: #006A9C;
margin-bottom: 3px;
}

.page-title h1 {
margin:0;
text-transform: uppercase;
color: #fff;
font-size: 13pt;
font-weight: bold;
margin-left: 5px;
padding-top: 5px;
}

.page-title h2 {
margin: 0;
padding: 0;
margin-top: 2px;
color: #fff;
padding-left: 5px;
font-size: 10pt;
}

/*********************/
/* Bottom ************/
/*********************/

#bottom {
padding-top: 3px;
clear: both;
}

html>body #bottom {
margin-top: -1px;  
}

#bottom .title {
color: #FFF; 
height: 48px; 
}

#bottom .title h1,
#bottom .title h2 {
margin: 0;
padding: 0;
padding-left: 5px;
}

#bottom .title h1 {
text-transform: uppercase;  
font-size: 12pt;
font-weight: bold;
padding-top: 5px;
}

#bottom .title h2 {
font-size: 10pt; 
padding-top: 2px; 
}

#bottom .left {
margin-right: 3px;  
}

#bottom .left,
#bottom .right {
float: left;
width: 266px;
}

#bottom .left .title {
background-color: #006A9C;  
}

#bottom .right .title {
background-color: #ED532D;  
}

#bottom .content {
min-height: 500px;  
height:auto !important;
height: 500px;
margin-top: 3px;
color: #313131;
font-size: 8pt;
padding: 5px;
}

#bottom .content a {
color: #313131;  
}

#bottom .content a:hover {
color: #313131;  
text-decoration: none;
}

#bottom .content h2 {
margin: 0;
padding: 0;  
font-size: 10pt;
}

#bottom .content h2.under {
padding-top: 8px;  
}

#bottom .content .gt {
font-size: 8pt;  
}

#bottom .left .content {
background-color: #E3ECF1;  
} 

#bottom .right .content {
background-color: #F5EAE8;  
}
/*********************/
/* Footer ************/
/*********************/
#footer {
width: 760px;
position: relative;
clear: both;
font-size: 8pt;
text-align: left;
padding-top: 3px;
}

#footer .darkblue {
color: #3F5388;
}

#footer .lightblue {
color: #6B95C7;
}

#footer a {
text-decoration: none;
}

#footer a.ml { color: #313131; text-decoration: underline; }
#footer a.ml:hover { text-decoration: none; }