/******************
HTML Tags
******************/

body {
	/*font-family:"Courier New", Courier, monospace;*/
	font-family: Verdana,Arial,sans-serif,Helvetica;
	color:#666666;
	margin:3px 0px 20px 0px;
	font-size:.9em;
	letter-spacing: 0.04em;
	font-weight: 500;
	background: url(bg-main.jpg) repeat-x;
	}
	

	
/******************
Layout Divs
******************/

#sitename {
	font-size:2.3em;
	margin:0px;
	color:#FFFFFF;
	/*padding:18px 0px 0px 30px;*/
	padding:0px 0px 0px 0px;
	}

#sitename img {
    border-top-width: 3px;
    border-top-color: #336699;
    border-top-style: solid;
    border-left-width: 3px; 
    border-left-color:#336699;
    border-left-style:solid;
    border-bottom-width : 0px; 
    border-bottom-style:none;
    border-right-width: 3px;  
    border-right-color:#336699; 
    border-right-style:solid; 
    display:block; 
    margin-left:auto; 
    margin-right:auto
}

#sitename a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#header-container {
	width:1031px; /*760px;*/
	height:153px; /*144px;*/
	margin-left:auto;
	margin-right:auto;
	/*background: #006699 url(bg-header.jpg) no-repeat;*/
	}

#mainnav {
    width:994px; /*700px; */  
    height:22px; 
	padding:5px 0px 0px 30px;
	margin-left:auto;
	margin-right:auto;
	border-left-width:3px;
	border-left-color:#336699;
	border-left-style:solid;
	border-top-width:1px;
	border-top-style:  ridge;
	border-top-color: #29528C;/*Navy;*/
	border-bottom-width:1px;
	border-bottom-style:ridge;
	border-bottom-color: #29528C;/*Navy;*/
	border-right-width:3px;
	border-right-style:solid;
	border-right-color:#336699;
	background-color: #006699; /*#0055FF; */
	}

#breadcrumbs {
    width:964px; 
	color:#666666;
	padding:5px 0px 5px 33px;
	font-size:.8em;
	background-color: #AAAAFF; 
	}

#content-container {
	/*width:740px;*/ /*assigned in loal element*/
	margin-left:auto; /* needed for container staying in middle, not on left*/ 
	margin-right:auto; /* needed for container staying in middle, not on left*/ 
	padding:1px 0px 0px 0px;
	}


#side
{
    /*width:170px;*/ /*assigned in loal element*/
    border-right: gray 1px solid; 
	border-top: gray 1px solid; 
	border-left: gray 1px solid; 
	border-bottom: gray 1px solid; 
    height: 594px;
    float: left;
    font-size: .8em;
    margin-bottom: 0px;
    background-color:#9CAAC6; /* #9A9B9E;*/
    /*display: inline;*/ /*assigned in loal element*/
}

#content {
	/*width:538px;*/ /*assigned in loal element*/
	/*width: 100%;*/ /*causing map move down below side panel and fill 100% of content-container  */
	margin-left:2px;
	float:left;
	}

#three-column-container {
	width:100%;
	margin:10px 0px;
	}

#three-column-left {
	float:left;
	width:30%
	}

#three-column-right {
	float:right;
	width:30%
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%
	}

#footer {
	clear:both;
	width:1020px;
	height: auto;     /*30px;*/
	/*min-height:55px;*/
    border-top:solid 1px white; 
	margin-right:auto;
	margin-left:auto;
	margin-top:1px;
	padding:3px 0px 1px 8px;
	/*color:#FFFFFF;*/
	background-color: #677C97; /*#006699;*/
	font-size:.75em;
	line-height:1em; 
	word-spacing:0.1em
	}

/******************
FORM STYLES
******************/

#content form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 20px 20px 20px;
	border:6px solid #E6E6E6;
	}

/* a nested fieldset */
#content fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:bold;
	}

#content label {
	display:block;
	padding-top:8px;
	}

/******************
SIDE SEARCH FORM
******************/

#side form {
	margin:10px 0px;
	padding:0px;
	}
	
#side fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}
	
#side legend {
	display:none;
	}

#side label {
	/*display:none;*/
	display:inline;
	font-size:0.95em;
	letter-spacing: 0.03em;
	}
	
#side input {
	/*display:block;*/
	display:inline;
	}

.button-search {
	margin-top:4px;
	}
	
.searchbox {
	}

.button {
  /*color:#050;*/
  padding: 0px;
  font: bold 95% 'trebuchet ms',helvetica,sans-serif;
  max-width: 110px; 
  width: 110px; 
  background-color: #CCCCCC; /*#F9F9F9;*/
}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#000099; /*#006699;*/
	text-decoration:underline;
	}

a:visited {
	color:#000099; /*#330099;*/
	text-decoration:underline;
	}

a:hover {
	color:#339900;
	text-decoration:none;
	background-color: #DEE7EF;
	border: 3px outset #006699;
	}

a:active {
	color: #FF6600;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

#mainnav a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#mainnav a:hover {
	/*color:#FEFFBE;*/
	color:#CC9900;
	text-decoration:underline;
	background-color: #DEE7EF;
	border-left:  outset 1px  #6699CC;
	border-right:  outset 3px  #6699CC;
	}

#mainnav a:active {
	/*color:#FFDDDD;*/
	color: orange; /*#E15119;*/
	text-decoration:underline overline;
	}

#mainnav #feedback a:link {
	color:#FF3366;
	text-decoration: none;
	background-color: #FFFFFF;
	border-left:  outset 1px  #6699CC;
	border-right:  outset 3px  #6699CC;
	}

#mainnav #feedback a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#mainnav #feedback a:hover {
	/*color:#FEFFBE;*/
	color:#CC9900;
	text-decoration:underline;
	background-color: #DEE7EF;
	border-left:  outset 1px  #6699CC;
	border-right:  outset 3px  #6699CC;
	}

#mainnav #feedback a:active {
	/*color:#FFDDDD;*/
	color: orange; /*#E15119;*/
	text-decoration:underline overline;
	}
	
/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link, #breadcrumbs a:visited  {
	color:#006699;
	text-decoration:none;
	}

#breadcrumbs a:hover {
	color:#339900;
	text-decoration:underline;
	}

#breadcrumbs a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#side ul a:link, #side ul a:visited  {
	color:#006699;
	text-decoration:none;
	}

#side ul a:hover {
	color:#339900;
	text-decoration:underline;
	}

#side ul a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}
	
#side #imagebutton a:link, #side #imagebutton a:visited  {
	color:#006699;
	text-decoration:none;
	}

#side #imagebutton a:hover {
	color:#339900;
	text-decoration:none;
	border: none;
	}

#side #imagebutton a:active {
	color:#FF6600;
	text-decoration:none;
	}
/******************
HEADINGS
******************/

h1 {
	font-size:1.8em;
	margin:0px 0px 10px 0px
	}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1em;
	}
	
h4 {
	font-size:.9em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}



/******************
MAIN MENU ITEMS
******************/

#mainnav ul {
	margin:0px;
	padding:0px;
	}

#mainnav li {
	padding:0px;
	list-style:none;
	display:  inline;
	padding:0px 25px 0px 0px;
	}
	
#mainnav a {
	margin:0px;
	padding:0px 1px 0px 4px;
	word-spacing:0.03em; /*-5px;*/
	}
	
/******************
SIDE LIST MENUS
******************/

#side ul {
	margin:0px;
	padding:0px;
	}

#side li {
	/*padding:0px;*/
	list-style:none;
	list-style-position:outside;
	padding:5px 5px 5px 5px;
	border-bottom:2px solid #FFFFFF;
	vertical-align: text-top;
	background:#FEFFBE;
	font-weight:bold;
	}
	
#side div {
	/*padding:0px;*/
	/*list-style:none;*/
	/*list-style-position:outside;*/
	/*width:150px;*/
	padding:3px 3px 3px 3px;
	margin-top:7px;
	margin-right:10px;
	margin-bottom:7px;
	margin-left:10px; 
	/*border-bottom:2px solid #FFFFFF;*/
	vertical-align: text-top;
	background : #FAEBD0; /*#FEFFBE;*/
	font-weight: bold;
	color:#000000;
	}

select {
     width: 146px;
    }

option {
    white-space: normal;
    }
    
/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 16px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position: 0 .1em;
	text-decoration: none;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px 6px 8px 4px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 16px;
	text-decoration:none;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 16px;
	text-decoration:none;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 6px 2px 20px;
	text-decoration:none;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 16px;
	text-decoration:none;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 .1em;
	}

/******************
TABLE STYLES
******************/

.table {
	width:100%;
	background:#CCE1EC;
	border:6px solid #E6E6E6;
	border-collapse:collapse;
	}
	
.table td {
	padding:10px 2px;
	color:#000000;
	}

thead th, tfoot th{
	padding:6px 2px;
	background-color:#006699;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	}

.table-row-1 td {
	background:#FFFFFF;
	}

.table-row-2 td {
	}

.round-corner-table
{
	font-family: Sans-Serif, "Lucida Sans Unicode", "Lucida Grande";
	font-size: 11px;
	margin: 2px;
	width: 130px;
	text-align: left;
	border-collapse: collapse;
}
.round-corner-table thead th.rounded-left
{
	background: #b9c9fe url('leftcorner.png') left -1px no-repeat;
}
.round-corner-table thead th.rounded-right
{
	background: #b9c9fe url('rightcorner.png') right -1px no-repeat;
}
.round-corner-table th
{
	padding: 1px;
	font-weight: normal;
	font-size: 11px;
	color: #039;
	background: #b9c9fe;
}
.round-corner-table td
{
	padding: 1px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
.round-corner-table tfoot td.rounded-foot-left
{
	background: #e8edff url('botleftcorner.png') left bottom no-repeat;
}
#round-corner-table tfoot td.rounded-foot-right
{
	background: #e8edff url('botrightcorner.png') right bottom no-repeat;
}
.round-corner-table tbody tr:hover td
{
	background: #d0dafd;
}

/******************
CLASSES
******************/

.none {
	display:none;
	}
	
.clear {
	clear:both;
	}

.button-big {
	margin-top:8px;
	}
	
.TrafficPage {
    visibility:visible;
    }

img.photobig, img.photosmall {
	border:10px solid #006699;
	}

img.photosmall {
	margin-right:25px;
	margin-bottom:8px;
	float: left;
	}

.faq a:link {
	color:#000099; /*#006699;*/
	text-decoration: none;
	}

.faq a:visited {
	color:#000099; /*#330099;*/
	text-decoration:none;
	}

.faq a:hover {
	color:#339900;
	text-decoration:none;
	background-color: #DEE7EF;
	border: 0;
	}

.faq a:active {
	color: #FF6600;
	text-decoration:none;
	}
/******************
MAP
******************/	
	
.TrafficMap {
	border-right: ridge 4px #E7E4D3; 
	border-top: solid 1px gray; 
	border-left: solid 1px gray; 
	border-bottom: solid 1px gray; 
	height: 594px; /*height: 100%;*/ 
	width: 100%; /*width: 530px*/ 
	float: left; 
	background-color:#9CAAC6; 
	position: relative; 
	z-index:0
    }

/*
.TrafficMap div {
    padding: -20px;
    border: -20px;
}
*/