* {margin:0;padding:0;font-family:arial,sans-serif;}
body {text-align: center;font-size:62.5%; background-color: #d7d7d7;}
li li, li p, li h5, table td p, table td li, li label {font-size:1em;}

/*site container*/
#site_c {width: 940px;margin: 0 auto;}

/*head section*/
#head_c {height: 75px; text-align: left; margin-bottom: 25px;}
.head_c_l {background-image: url("../dsg/bgr/head_l.png"); height: 75px; width: 11px; float: left;}
.head_c_c {background-image: url("../dsg/bgr/head_c.png"); height: 75px; width: 918px; float:left; position: relative;}
.head_c_c img {border: none;}
.head_c_c a:link, a:visited, a:hover, a:active {border: none;}
.head_c_r {background-image: url("../dsg/bgr/head_r.png"); height: 75px; width: 11px; float:left;}

.nav_c {position: absolute; top: 23px; right: 0px; text-align: right;}
.nav_c ul {list-style-type: none; padding: 0; margin: 0;}
.nav_c ul li {float: left; margin: 0 0 0 16px; background-image: url("../dsg/bgr/menu_item.png"); width: 140px; height: 28px;text-align: center; vertical-align: middle;}
.nav_c ul .sel {background-image: url("../dsg/bgr/menu_item_sel.png");}
.nav_c ul li a {font-size: 1.4em;font-family: 'Trebuchet MS', Helvetica, sans-serif;color: #ffffff;font-weight: bold;letter-spacing: 0px;word-spacing: 0px;text-decoration: none; display: block;padding-top: 4px;}
.nav_c ul .sel a {color: #787878;}

#mapContainer {width:100%; height: 350px;}

	/* main_c_w (wide) section */
#main_c_w {float: left; width: 100%; text-align: left; background-color: white}
.round_top {background-image: url("../dsg/bgr/round_top.png"); height: 10px; font-size: 0em;}

.content_box {margin: 0 10px 10px 10px;}
.absolute {position: relative; height: 615px; margin-top: 10px;}

.form_c {width: 350px; float:left;}
.form_map_c {float: left; width: 570px;}
.form_item {width: 100%; padding: 0 0 5px 0}
.form_item label {display: block; float: left; width: 100px;}
.error {color: red;}
.form_item input {border: 1px solid #c0c0c0; width: 200px;}
.form_item .form_image_c {width: 0; height: 0px; display: none;}
.form_item textarea {border: 1px solid #c0c0c0; width: 200px;}

#mapContainer_w {width:100%; height: 600px;}
.content {font-family: 'Trebuchet MS', Helvetica, sans-serif;}
.content h1 {margin:0 0 0 0;}
.content .lead {margin: 0 0 20px 0; font-size: 1.4em;}
.content p {font-size:1.3em;}
.content ul {list-style-type:none;}
.content ul li {font-size:1.3em;}
.content ul li  ul{margin-bottom: 20px;}
.content ul li ul li {padding-left:20px;font-size:1em;}
.content ul li a {color: black; }

	/* mapInfo window*/
#mapInfo {width:920px; height: 15px; background-color: white; position: absolute; bottom: 0px; }
#mapInfo dt {background-color: #d9d9d9; width: 100%; cursor: pointer; height:20px; background-image: url("../dsg/bgr/arrow_d.png"); background-repeat: no-repeat;background-position: center;}
#mapInfo dd {height:210px;border: 1px solid #d9d9d9; border-top: none; height: 190px;}
#mapInfo .hidden {height: 0px; visibility: hidden; display: none; }
#mapInfo .t_info_c {width: 100%; height: 190px;font-family: 'Trebuchet MS', Helvetica, sans-serif;color: #000000;}
#mapInfo .image_c {height: 190px;width: 300px; vertical-align: top;}
.image_c img {width: 150px; height: 150px;}
.image_c table {margin-top: 10px; text-indent: 10px;}
.image_c p {font-size: 1.2em; padding-top: 3px;}

#mapInfo .data_c {height: 190px; vertical-align: top; width:300px; border-right: 1px solid #d7d7d7;}
.cam_data {padding-top: 10px;float:left;}
.cam_data.wide {width: 170px; float: right; padding-right: 10px;}
.cam_data p {font-size: 1.2em; padding-left: 20px;}

#mapInfo .info_c {height: 190px;vertical-align: top; position: relative;}
.project_info {padding-top: 10px;float:left;}
.project_info p {font-size: 1.2em; padding-left: 10px;}
.project_info a {font-size: 1.6em; padding-left: 10px; color: #5f5f5f; font-weight: bold;}
.project_info h1 {font-size: 1.5em; padding: 10px 0 5px 0; color: #5f5f5f; font-weight: bold;text-indent: 10px;}

.project_info_button {width: 136px; height:24px; background-image: url("../dsg/bgr/map_project_button.png"); position: absolute; bottom: 20px; right: 20px;}
.project_info_button a {font-size: 1.4em;font-family: 'Trebuchet MS', Helvetica, sans-serif;color: #ffffff;font-weight: bold;letter-spacing: 0px;word-spacing: 0px;text-decoration: none; display: block;padding-top: 2px;}

.t_timeline_c{width: 620px; vertical-align: bottom;}
.t_timeline_c td {margin-right: 5px;}

	/* mapController window */ 
#mapController {width: 100%; height: 29px; background-color: #d7d7d7;}
#mapController ul {width: 100%; height: 29px; list-style-type: none;}
#mapController li {height: 29px; text-align:center; padding: 0 10px 0 10px;}
#mapController li:hover {cursor: pointer;}
#mapController #first {float: left;}
#mapController #second {float: left;}
#mapController #third {float: left;}
#mapController .cont_c {width:214px;}
#mapController .cont_c p {font-size: 1.4em;font-family: 'Trebuchet MS', Helvetica, sans-serif;color: #ffffff;font-weight: bold;letter-spacing: 0px;word-spacing: 0px;text-decoration: none; display: block;padding-top: 2px;}

#mapController li .left {width: 0px; height: 29px; float: left;}
#mapController li .center {width: 214px; height: 29px; float: left; background-image: url("../dsg/bgr/controller_item.png"); background-repeat: no-repeat;}
#mapController li.sel .center p {float: left;}
#mapController li .center_info {height:0px; display: none; visibility: hidden; }
#mapController li .right {width: 0px; height: 29px; float: left;}

#first.sel {padding: 0 10px 0 0; text-align: left;}
#second.sel {padding: 0 5px 0 5px; text-align: left; }
#third.sel {padding: 0 0 0 10px; text-align: left; }

#mapController li.sel:hover {cursor:auto;}
#mapController li.sel .cont_c {width:214px;}
#mapController li.sel .center{width:194px; background-image: none; background-color: white;}
#mapController li.sel .left {width: 10px; height: 29px; float: left; background-image: url("../dsg/bgr/controller_sel_l_f.png");background-repeat: no-repeat;}
#mapController li.sel .right {width: 10px; height: 29px; float: left; background-image: url("../dsg/bgr/controller_sel_r_l.png");background-repeat: no-repeat;}
#mapController li.sel .cont_c p {font-size: 1.4em;font-family: 'Trebuchet MS', Helvetica, sans-serif;color: #787878;font-weight: bold;letter-spacing: 0px;word-spacing: 0px;text-decoration: none; display: block;padding-top: 6px;}

#mapController li.sel .center_info {height:29px; float: right;display: inline; visibility: visible;}
#mapController li.sel table {margin-right: 10px;}
#mapController li.sel table  img {margin: 10px 10px 0 10px; border: none; cursor: pointer;}

.wide {background-color: white;}

/*site footer section*/
#foot_c {width: 100%; clear: both; background-color: white; text-align: left; text-indent: 10px; height: 20px;}
#foot_c p {font-size: 1.1em;font-family: 'Trebuchet MS', Helvetica, sans-serif;letter-spacing: 0px;word-spacing: 0px;}
#foot_c a {font-size: 1.0em;font-family: 'Trebuchet MS', Helvetica, sans-serif;letter-spacing: 0px;word-spacing: 0px;color: #000000; text-decoration: underline; margin: 0 0 0 5px;}

