body
{
    background-color: #F8F8DF;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Keep the a tag in the order listed, active, visited, link and hover */
/* Supposedly will mess up some browsers if not in that order          */
a
{
    font-size: 11px;
    /* NS 4 the color set here */
    color: #003382;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    
    /* Don't declare text-decoration: none here, NS 4 links will be hard to see */
    /* Instead do the text-decorations in each subclass                 */
    /* text-decoration: none; */
    
}

.small
{
    	font-size: 9px;
}

a:active
{
    font-family: Verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #003382;
   text-decoration: none;

}
a:visited
{
    font-family: Verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #003382;
   text-decoration: none;

}

a:link
{
    font-family: Verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #003382;
   text-decoration: none;
}
a:hover
{
	font-family: Verdana, helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #003382;
   text-decoration: underline;
}
.hrbar
{
margin:2px 0 2px 0;
padding:0px;
border-bottom: #ccc 1px solid;
}

.survey
{
    	background: #FFF8AF;
    	width: 95%;
    	color: red;
    	padding: 3px;
    	margin: 3px 3px 3px 7px;
    	list-style: none !important;
    	border: solid 1px red;
 }

ul.surveybox
{
    	list-style: disc !important;
    }

.highlightsurvey
{
    	background: #FFF8AF;
    	padding: 3px;
    	border: solid 1px red;
 }
.highlightnotice
{
    	background: #FFF8AF;
    	padding: 3px;
    	border: solid 1px #ccc;
 }


.bookmarkH2
{
    font-family: Verdana, helvetica, sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #74756A;
   text-decoration: none;
}
.clear { clear:both; }
/********** topnav ***********/

.topnav {
text-align:center;
background:#dadac2;
}
.topnav td{
border:1px solid #455257;
height: .30em;
vertical-align: bottom;
}

.topnav td a {
color:#000 !important;
display: block; 
padding: 3px 0 3px 0;
width:100%;
}

.topnav td a:hover {
color: #000 !important;
background:#b7d9e8;
text-decoration:none; 
}

.topnavtourism {
text-align:center;
background:#dadac2;
}
.topnavtourism td{
border:1px solid #455257;
height: .30em;
vertical-align: bottom;
}
.topnavtourism td a {
color:#000 !important;
padding: 3px 0 3px 0;
display: block; 
width:100%;
}

.topnavtourism td a:hover {
color: #000 !important;
background:#f7dc7d;
text-decoration:none;
}

.topnavhistory {
text-align:center;
background:#dadac2;
}
.topnavhistory td{
border:1px solid #455257;
height: .30em;
vertical-align: bottom;
}
.topnavhistory td a {
color:#000 !important;
padding: 3px 0 3px 0;
display: block; 
width:100%;
}

.topnavhistory td a:hover {
color: #000 !important;
background:#efe68c;
text-decoration:none;
}

.topnavcorp {
text-align:center;
background:#dadac2;
}
.topnavcorp td{
border:1px solid #455257;
height: .30em;
vertical-align: bottom;
}
.topnavcorp td a {
color:#000 !important;
padding: 3px 0 3px 0;
display: block; 
width:100%;
}
.topnavcorp td a:hover {
color: #000 !important;
background:#8bcaa8;
text-decoration:none;
}

/**corporation**/
.env { background:#8bcaa8 !important; }
.doingbus { background:#8bcaa8 !important; }
.community { background:#8bcaa8 !important; }

/**welcome**/
.chairman { background:#b7d9e8 !important; }
.board { background:#b7d9e8 !important; }
.exec { background:#b7d9e8 !important; }
.canalrec { background:#b7d9e8 !important; }

/**maps**/
.niagara { background:#8bcaa8 !important; }
.rochester { background:#8bcaa8 !important; }
.cayuga { background:#8bcaa8 !important; }
.oswego { background:#8bcaa8 !important; }
.utica { background:#8bcaa8 !important; }
.champlain { background:#8bcaa8 !important; }
.albany { background:#8bcaa8 !important; }

/**news**/
.notices { background:#b7d9e8 !important; }
.pr { background:#b7d9e8 !important; }
.transalert { background:#b7d9e8 !important; }
.media { background:#b7d9e8 !important; }

/**tourism**/
.biking { background:#f7dc7d !important; }
.land { background:#f7dc7d !important; }
.calendar { background:#f7dc7d !important; }
.special { background:#f7dc7d !important; }
.boatshire { background:#f7dc7d !important; }
.boating { background:#f7dc7d !important; }
.places { background:#f7dc7d !important; }
.watertrail { background:#f7dc7d !important; }

/**history**/
.classroom { background:#efe68c !important; }
.song { background:#efe68c !important; }
.tugboat { background:#efe68c !important; }
.history { background:#efe68c !important; }

/**contact-us**/
.numbers{ background:#b7d9e8 !important; }
.feedback { background:#b7d9e8 !important; }
.jobs { background:#b7d9e8 !important; }
.locknums{ background:#b7d9e8 !important; }
.liftbridge{ background:#b7d9e8 !important; }
.guardgate{ background:#b7d9e8 !important; }

/**links**/
.reciprocal{ background:#b7d9e8 !important; }
.international { background:#b7d9e8 !important; }

/********** subtopnav ***********/

.subtopnav {
font-size: 9px !important;
padding-left:5px;
padding-top:2px;
 }
.subtopnav a {
font-size: 11px !important;
}
.subtopnav a:hover {
}

/********** lowsidenav ***********/
.lowsidenav {
text-align:right;
color: #000;
text-decoration:none;
font-size: 9px;
padding: 5px 3px 5px 0;
line-height:20px;
background-color: #CDCEAE;
}

.lowsidenav a {
text-align:right;
color: #003382;
text-decoration:none;
font-size: 9px !important;
}

.lowsidenav a:active {
text-align:right;
color: #003382;
text-decoration:none;
font-size: 9px !important;
}

.lowsidenav a:visited {
text-align:right;
color: #003382;
text-decoration:none;
font-size: 9px !important;
}

.lowsidenav a:link {
text-align:right;
color: #003382;
text-decoration:none;
font-size: 9px !important;
}

.lowsidenav a:hover {
text-align:right;
color: #003382;
font-size: 9px !important;
text-decoration:underline;
}

.sidebar {
background:#dadac2;
border:1px solid #000;
width:16px;
}

/********** navinfo page ***********/
.navinfo {
margin:0;
padding:0;
}

.navinfo p{
margin:8px 0 2px 0;
padding:0;
}


.navinfo ul{
margin:0;
padding:0 0 0 40px;
}
.navinfo ul li{
padding:3px 0 3px 0;
}


/********** oldnavs ***********/

.subtopnav1 {
font-family:Arial, Helvetica, sans-serif;
padding:.20em;
color:#ada581;
font-size: 9px !important;
font-weight: bold;
 }
.subtopnav1 a {
color:#ada581;
padding:.20em;
font-size: 9px !important;
font-weight: bold;
}
.subtopnav1 a:hover {
color:#b28d61;
text-decoration:none;
}

#button {
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
display: inline;
width: 100%;

}

#button li {
margin: 0;
float: left;
background:#dadac2;
border:1px solid #455257; 
text-align:center;

}

#button li a {
display: block;
padding: .26em 1.8em; 
color:#000; 
text-decoration:none; 
font-weight:bold; 
font-size:11px !important; 
}


#button li a:hover {
color: #000;
background:#b7d9e8;
}



/* old top Nav */
#topnav1 {
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding-bottom: 6px;
padding-top: 3px;
}

#topnav2 {
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding-top: 6px;
}

#topnav1 a, #topnav2 a {
color: #000; 
background: #dadac2; 
font-weight:bold; 
font-size:11px !important; 
padding: 3px 12px;
border:1px solid #455257 !important;
}


#topnav1 a:hover, #topnav1 a.sel:hover,
#topnav2 a:hover, #topnav2 a.sel:hover{
text-decoration: none;
color: #000;
background: #b7d9e8; 
}
/********** navbar ***********/
#navbar2
{
	background-color: #eaeaea;
	border-right: 1px solid #cccccc;
   	width: 158px;
	padding: 0;
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*display: block;*/ /*for some reason we need this */
}

#navbar2 td {
	vertical-align: top;
}

ul#navlist2
{
	display: block;
	text-align: right;
	list-style: none;
	padding: 0;
	width: 157px; 
	margin: 0;
	}


ul#navlist2 li.navsectionheadtr a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:2px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #003366;
background: #D2E0DC;
font-weight: bold;
text-decoration: none;
width: 100%;
}

ul#navlist2 li.navsectionheadtr a:hover {
color: #000;
border-color: #000;
text-decoration:none;
background-color: #F5BD3D;
width: 100%;
}

ul#navlist2 li.navsectionheadtractive a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:2px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #000000;
background: #F5BD3D;
font-weight: bold;
text-decoration: none;
width: 100%;
}

ul#navlist2 li.navsectionheadhe a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:2px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #003366;
background: #D2E0DC;
font-weight: bold;
text-decoration: none;
width: 100%;
}

ul#navlist2 li.navsectionheadhe a:hover {
color: #000;
border-color: #000;
text-decoration:none;
background-color: #EBE06F;
width: 100%;
}

ul#navlist2 li.navsectionheadheactive a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:2px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #000000;
background: #EBE06F;
font-weight: bold;
text-decoration: none;
width: 100%;
}



ul#navlist2 li.navsectionheadgw a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:1px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #003366;
background: #D2E0DC;
font-weight: bold;
text-decoration: none;
width: 100%;
}

ul#navlist2 li.navsectionheadgw a:hover {
color: #000;
border-color: #000;
text-decoration:none;
background-color: #6EBD92;
width: 100%;
}

ul#navlist2 li.navsectionheadgwactive a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:1px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #000000;
background: #6EBD92;
font-weight: bold;
text-decoration: none;
width: 100%;
}


ul#navlist2 li.navsectionhead a {
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
display: block;
margin: 0;
color: #003366;
background: #CDCEAE;
font-weight: bold;
text-decoration: none;
width: 100%; 
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:1px;
}

ul#navlist2 li.navsectionhead a:hover {
color: #000;
border-color: #000;
text-decoration:none;
background-color: #88AEBE;
width: 100%;
}

ul#navlist2 li.navsectionheadactive a {
display: block;
margin: 0;
padding-left:0px; 
padding-right:3px; 
padding-top:1px; 
padding-bottom:1px;
border-bottom:1px solid #455257; 
border-top:1px solid #455257; 
color: #000000;
background: #88AEBE;
font-weight: bold;
text-decoration: none;
width: 100%;
}




h1
{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #333333;
    font-family: verdana, arial, helvetica, sans-serif;
}
h2
{
    font-weight: bold;
    font-size: 11px;
    color: #74756A;
    font-family: verdana, arial, helvetica, sans-serif;
}
h3
{
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    font-family: verdana, arial, helvetica, sans-serif;
}
p, body, td, blockquote, li, ul, ol
{
    font-size: 11px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
p.leftpad
{
    font-size: 11px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
}
p.alternate
{
    font-size: 11px;
    color: #74756A;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.callout
{
    font-size: 11px;
    color: #003366;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

li.w-padding
{
    font-size: 11px;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 5px;
}

th.busdevel
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.corporation
{ 
   background-color: #8bcaa8; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
  text-align: center;
   text-transform: uppercase;
}

th.cculture
{ 
   background-color: #EBE06F; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.contact
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
  text-align: center;
   text-transform: uppercase;
}

th.exvac
{ 
   background-color: #F6C451; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.faq
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.links
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.maps
{ 
   background-color: #6EBD92; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.news
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.search
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.welcome
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

th.water
{ 
   background-color: #A0BECB; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 10px;
   text-align: center;
   text-transform: uppercase;
}

caption
{
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #333333;
   FONT-SIZE: 11px;
   ALIGN: center;
}


th.nohighlight
{ 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #74756A;
   FONT-SIZE: 11px;
   text-align: center;
   text-transform: uppercase;
}

td.highlight
{ 
   background-color: #CDCEAE; 
   FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
   COLOR: #333333;
   FONT-SIZE: 11px;
}

th.water2
{ 
   background-color: #CDCEAE; 
    FONT-SIZE: 10px;

 }

ul.padding { margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 0; margin-left: 16px; padding-left: 10px;}
ul.padding li { margin-top: 0; margin-bottom: 4px; padding-top: 0; padding-bottom: 0;
list-style-image: url(images/wheel.gif); list-style-position: outside; }
ul.padding2 { margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 0; margin-left: 16px; padding-left: 10px;}
ul.padding2 li { margin-top: 0; margin-bottom: 4px; padding-top: 0; padding-bottom: 0;
list-style-image: url(images/anchordark.gif); list-style-position: outside; }
.whitetext { color: #fff !important; }
.whitetextbold { color: #fff !important; font-weight: bold;}
a.whitetext { color: #fff !important; }
a.whitetext:link { color: #fff !important; }
a.whitetext:visited { color: #fff !important; }
a.whitetext:hover { color: #fff !important; }

.blacktext { color: #000 !important; font-weight: bold; }
a.blacktext { color: #000 !important; font-weight: bold;}
a.blacktext:link { color: #000 !important; font-weight: bold;}
a.blacktext:visited { color: #000 !important; font-weight: bold;}
a.blacktext:hover { color: #000 !important; font-weight: bold;}




.tablebox { margin: 4px 4px 4px 0; padding: 1px; border: #C0C0C0 2px solid; }
.tableboxtitle { padding: 2px; border-bottom: #C0C0C0 2px solid; background-color: #F6C451; font-weight: bolder; color: #333; text-transform: uppercase;}
.tableboxtitlenews { padding: 2px; border-bottom: #C0C0C0 2px solid; background-color: #A0BECB; font-weight: bolder; color: #333; text-transform: uppercase;}

/* Boxes - Below for TRANSalert */
.featurebox { margin: 0 0 4px 0; border: #ccc 1px solid; }
.featurebox p { margin: 0; padding: 2px; }
.featureboxtitle { padding: 2px; border-bottom: #ccc 1px solid;
                   background-color: #37689d; font-weight: bold; color: #fff; }
.featureboxalert { padding: 2px; border-bottom: #ccc 1px solid;
                   background-color: red; font-weight: bold; color: #fff; }
                   
#printpage { text-align:right; 	font-size: 11px; }
