body {
background: #ecf0f2;
color: #636363;
font-size: 10px;
font-family: verdana, sans-serif;
padding: 0;
margin: 0;
text-align: center;
}
a {
text-decoration: none;
color: #636363;
}
a.active {
color: #00bff3;
}
a img {
border: none;
}
div#container {
margin: 0 auto;
width: 950px;
}
div#header {
background: url(image/header_bg.gif) repeat-x left top;
float: left;
width: 936px;
height: 87px;
margin-bottom: 8px;
}
p#top-menu {
color: #ffffff;
float: right;
margin: 11px -2px 0 0;
height: 20px;
display: inline;
}
a.menu-item { 
margin: 0 8px;
}
span.menu-item { 
margin: 0 8px;
}
p#top-menu a.menu-item {
font-size: 1.2em;
line-height: 20px;
padding: 4px 20px 4px 0;
color: #ffffff;
}
p#top-menu span.menu-item {
font-size: 1.2em;
line-height: 20px;
color: #ffffff;
}
a.upload {
background: url(image/upload_blue_btn.gif) no-repeat right 4px;
}
a.eye {
background: url(image/eye_blue_btn.gif) no-repeat right 4px;
}

div#logo {
background: url(image/logo.gif) no-repeat left top;
float: left;
height: 0;
overflow: hidden;
padding-top: 87px;
width: 218px;
}

div#navigation {
float: left;
display: inline;
height: 37px;
width: 488px;
margin: 13px 0 0 18px;
}
div#navigation ul {
list-style: none;
height: 37px;
width:  488px;
padding: 0;
margin: 0;
}
div#navigation li {
float: left;
height: 37px;
width: 121px;
margin: 0 1px 0 0;

}
div#navigation a {
background: url(image/nav_tab.gif) no-repeat left top;
color: #0a5189;
display: block;
font-size: 1.4em;
line-height: 37px;
height: 37px;
text-decoration: none;

}
div#navigation li.current a {
background-position: left -38px;
color: #00bff3;
}

div#header-search {
display: inline;
width: 152px;
height: 24px;
float: left;
margin: 20px 0 0 50px;
}
div#header-search p {
margin: 0;
}
div#header-search form{
background: #ffffff;
font-size: 1.1em;
color: #959595;
width: 152px;
height: 24px;
line-height: 24px;
padding: 0;
margin: 0;
text-align: left;
}
div#header-search input {
margin: 5px 0  0 5px;
display: inline;
padding: 0;
float: left;
}
div#header-search input.btn {
width: 16px;
}
div#header-search input.search-field {
border: 0;
width: 118px;
}

div.bottom-cap {
background: url(image/header_right_cap.gif) no-repeat left top;
float: left; 
width: 14px;
height: 87px;
margin: 0 0 8px 0;
}
div#right-col {
float: right;
width: 718px;
}
div#right-col div.bottom-cap {
background: url(image/right_col_bottom_cap.gif) no-repeat left top;
clear: both;
float: none;
height: 16px;
width: 718px;

}

div#right-col-2 {
float: right;
width: 718px;
}
div#right-col-2 {
/*background: url(image/right_col_bottom_cap.gif) no-repeat left top;*/
clear: both;
float: none;
/*height: 16px;
width: 718px;*/
}


div#map-section {
background: url(image/right_col_bg.gif) repeat-y left 42px;
height: 574px;
width: 718px;
text-align: left;
}
div#map-section h1.section-heading {
background: url(image/right_col_heading.gif) no-repeat left top;
height: 42px;
width: 700px;
line-height: 42px;
font-size: 1.2em;
margin: 0;
padding-left: 18px;
text-align: left;

}
div#map-section h1.section-heading span.location {
font-weight: normal;
}
div#location-menu {
background: url(image/bar_heading_expanded.gif) repeat-x left top;
height: 18px;
width: 712px;
margin: -1px 0 0 1px;
}
div#location-menu ul {
list-style:none;
padding: 0;
margin: 0;
height: 18px;
}
div#location-menu li {
background: transparent;
float: left;
height: 18px;
line-height: 18px;
padding: 0 20px;
border-right: 1px solid #c2c2c2;
}
div#location-menu li.current {
background: #ffffff;
border-style:solid;
border-color: #c2c2c2;
border-width: 1px 1px 1px 0;
border-bottom-color: #ffffff;
height: 16px;
}
div#map-area {
width: 712px;
margin: 10px 0 0 1px;
text-align: center;
}
div#map-area img {
border: 1px solid #c2c2c2;
}
div#footer {
background: url(image/right_col_top_cap.gif) no-repeat left top;
width: 718px;
padding-top: 9px;
}
div#footer p {
background: transparent url(image/right_col_bg.gif) repeat-y left top;
margin: 0;
font-size: 1.1em;
color: #959595;
font-weight: bold;
height: 20px;
line-height: 20px;
}
div#footer span#copyright {
font-style: italic;
}
div#footer a {
color: #00bff3;
}
div#left-col {
width: 225px;
float: left;
text-align: left;
}
div#left-col div.bottom-cap {
background: url(image/left_col_bottom_cap.gif) no-repeat left top;
float: none;
clear: both;
width: 225px;
height: 14px;
}
div#search-section,div#webcams-section {
background: url(image/left_col_bg.gif) repeat-y 0px 42px;
width: 225px;
}

div#search-section { 
height: 175px;
}

div#ads-section {
background: url(image/left_col_bg.gif) repeat-y 0px 42px;
width: 225px;
height: 650px;
}

div#webcams-section {
height: 480px;
}
div#webcams-section p {
margin: 5px 0;
}
div#webcams-section p.webcam {
border-bottom: 1px dotted #c2c2c2;
width: 170px;
margin: 0 auto;
padding: 12px 0;
color: #9c9c9c;

}
div#webcams-section p.webcam span.webcam-caption {
display: block;
text-align: left;
padding-left: 20px;
}
div#webcams-section p.bottom {
border: none;
}
div#left-col h1.section-heading {
background: url(image/left_col_heading.gif) no-repeat left top;
height: 42px;
width: 225px;
line-height: 42px;
font-size: 1.2em;
margin: 0;
padding: 0;
text-align: center;
}

div.expandable {
background: transparent url(image/bar_heading.gif) repeat-x left top;
width: 219px;
margin: -1px 0 0 1px;
}

div.expandable h2 {
/*background: transparent url(image/bar_arrow.gif) no-repeat 190px center;*/
font-size: 1em;
display: block;
cursor: pointer;
color: #959595;
height: 18px;
margin: 0;
line-height: 18px;
text-align: left;
padding-left: 8px;
}

div.toolBarOption h2 {
/*background: transparent url(image/bar_arrow.gif) no-repeat 190px center;*/
font-size: x-small;
display: block;
cursor: pointer;
color: #959595;
/*height: 14px;*/
margin: 0;
/*line-height: 18px;*/
text-align: left;
padding-left: 8px;
padding-bottom: 8px;
}


div#left-col div.active {
background: transparent url(image/bar_heading_expanded.gif) repeat-x left top;
}
div#left-col div.active  h2 {
/*background: transparent url(image/bar_arrow_expanded.gif) no-repeat 190px center;*/
color: #636363;
}

div#left-col div.active  div.expanded-area {
display: block;
}
div.expanded-area {
/*display: none;*/
width: 218px;
text-align: center;
}
div.expanded-area form {
padding: 0;
margin: 0;
text-align: center;
}
div.expanded-area p {
margin: 4px 0;
}
div.expanded-area input {
margin: 0 1px 0 6px;
line-height: 10px;
/*font-size: 1.4em;*/
}
div.expanded-area input.btn {
display: inline;
margin: 4px 0 0 6px;
}
/*
div.expanded-area input.search-field {
width: 170px;
}
*/