body {
    background: #fff;
    margin: 0;
	padding: 0;
	margin-bottom: 40px;
    font: 100% verdana, helvetica, arial, sans-serif;
	color: #635e5e;
}

a { color:#797979; text-decoration:none; }
a:hover { color:#719edb; text-decoration:none; }
a:visited { text-decoration:none; }

#container {
	margin: 0 auto;
	
	background: #fff ;
	position: relative;
	width: 950px;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}

#navigation-top {
	position: relative;
	margin: 0 auto;
	width: 870px;
	height: 30px;
}

#icon-home {
    position: relative;
    float: left;
	top: 7px;
    width: 15px;
    height: 15px;
}

#top-menu {
    position: relative;
    float: right;
	top: 7px;
    font: 11px verdana, helvetica, arial, sans-serif;
}

#header {
	background: url(../images/header.jpg); 
	position: relative;
	margin: 0 auto;
	width: 870px;
	height: 150px;
}

#login-box {
	position: absolute;
	float: right;
	right: 40px;
	top: 22px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	width: 320px;
	z-index:10;
	padding: 10px;
	border:4px solid #d2e0fe;
    background: #e2ebfe; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	color: #719edb;
	font-size: 11px ;
}

#login-box a { color: #719edb; text-decoration: none;}
#login-box a:hover { color: #719edb; text-decoration: underline;}
#login-box .text, .text:disabled, .text-grey {
	background: #f5f1f1;
	border: 1px solid #b8c8ec;
    padding-left:3px;
	font: 11px  verdana, helvetica, arial, sans-serif;
    color:#797979;
}

#login-box .text-grey { color:#bfbfbf; }
#login-box .text:disabled { background: #e2ebfe; font-style: italic; }
#login-box .button, .button:disabled {
	background: #6c9793;
	border:0;
	border-bottom: 1px solid #b8c8eC;
	border-top: 1px solid #b8c8eC;
    font-size: 11px;
	font-weight: bold;
    color: #f2f2f2;
	width: 50px;
}
#login-box .button:disabled { background: #d8e2f8; color: #a6a7a8; width: 50px;}

#navigation {
	background: #d6e4f2;
	position: relative;
	margin: 0 auto;
	width: 870px;
	height: 28px;
	z-index: 200;
}

#intranav { color:#666; font-size:10px; position: absolute; height: 20px; z-index:11; top: 158px; left:730px; }
#intranav a { color: #666; text-decoration: none; font-weight: bold;}
#intranav a:hover { color: #666; text-decoration: underline; font-weight: bold;}

#content {
	position: relative;
	margin:0 auto;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	width: 870px;
	font-size: 11px;
}

#footer {
	position: relative;
	margin:0 auto;
	height: 40px;
	width: 920px;
	font-size: 10px;
	color: #666;
	text-align: center;
	border-top: solid 1px #999;
	padding-top:5px;
}

#footer a {text-decoration: underline; color:#666; }
#footer a:hover {text-decoration: none; color:#ccc; }

#content p { line-height:16px; }

#side-right {  }

#side-left
{
	position: relative;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}
#side-left .page-title {
	width: 300px;
	padding-left: 20px;
	border-bottom: solid 3px #d3b154;
	font:11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;	
	color: #d3b154;
	line-height: 25px;
}

#side-left .title { font-size: 12px; font-weight: bold; color:#6c9793; }
#side-left .posted { color:#8B8B8B; font-size:11px; }
#side-left .content { font-size: 11px; color: #656666; text-align: justify; }
#side-left .content p { margin-top:7px; margin-bottom: 7px; }

#data-view table { background: #fff; width:100%; }
#data-view td { height:25px; border-bottom:1px solid #d2e0fe; }
#data-view .thead { background: #d2e0fe; font-weight:bold; }
#data-view .thead td {color:#6c9793; height: 25px; padding-left:2px; border-bottom:1px solid #b3c2e2; border-right:1px solid #b3c2e2;}
#data-view .thead-sub { background: #d2e0fe; }
#data-view .thead-sub td { height: 25px; padding-left:2px; border-bottom:1px solid #b3c2e2; border-right:1px solid #b3c2e2;}

#ctop { height: 15px; }
#cbottom { height: 15px; clear:both; }

#pagetitle { border-bottom: 2px solid #d2e0fe; font-size: 11px; font-weight:bold; height:20px;}
#pagetitle .blocktitle
{
	width: 200px;
	height: 12px;
	background: #d2e0fe;
	padding: 5px;
	color: #6c9793;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
}

#debug { position: relative; margin:0 auto; height: 40px; width: 920px; }

#widget {
	border:1px solid #d2e0fe;
	font-size:11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	width: 230px;
}

#widget .wtitle { font-size:11px; font-weight:bold; height: 15px; padding:5px;  background:#d2e0fe; color:#6c9793; }
#widget .ctitle { background: #d2e0fe; text-align:center; height: 16px; color:#6c9793; }
#widget .ccell { background: #fff; height: 20px; }
#widget .wcontent { min-height: 20px; height: auto !important; height: 20px; padding: 5px; font-size: 10px; }

#headline {}
#headline .htitle { color: #6c9793; font-weight: bold; }
#headline .htitle a { color: #6c9793; font-weight: bold; text-decoration: none; }
#headline .htitle a:hover { color: #ff9100; font-weight: bold; text-decoration: underline; }
#headline .hposted { color: #8B8B8B; }
#headline .hcontent { margin-top:10px; text-align:justify; }

#archive { margin-top:15px; }
#archive .title { color: #6c9793; font-size:11px; }
#archive .title a { color: #6c9793; text-decoration:none; }
#archive .title a:hover { color: #ff9100; text-decoration:underline; }
#archive .posted { color: #8B8B8B; }
#archive .item {
    background: url(../images/item.png)  1px no-repeat;
    padding-left: 20px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    border-bottom: solid 1px #DADADA;
}
#archive .paging { color: #6c9793; margin-bottom: 7px; text-align: right; }
#archive .paging a { color: #6c9793; text-decoration: none; }
#archive .paging a:hover { color: #6c9793; text-decoration: underline; }

#livemap {
	width: 620px;
	height: 350px;
	border: 1px solid #d2e0fe;
	margin-bottom:10px;

}
.image
{
    padding: 3px;
    border: solid 1px #ccc;
    background-color:#fff;
    float: left;
    margin-top:0px !important;
    margin-top:10px;
    margin-right:10px;
}

.rounded
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
}
.pwdbox-green, .pwdbox-red {
	width: 400px;
	height: 28px;
	border: 1px solid #fff;
	text-align: center;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
	background: #33cc00;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
}

.pwdbox-red { background: #ff0000; }

.sbox, .redbox 
{
	border:1px solid #b3c2e2;
	background: #d2e0fe;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	margin-bottom: 5px;
}


.redbox {
	background: #e34848;
	border-top: 1px solid #d2e0fe; color: #e4ec5d;
	border-bottom: 1px solid #d2e0fe; color: #e4ec5d;
}

.etgreen, .etred {
	padding-top: 5px;
	width: 100px;
	height: 25px;
	color: #fff;
	background: #b3c2e2;
	font-size: 15px;
	font-weight:bold;
	text-align:center
}

.etred { background: #ff0000; }

.green-light { background-color:#33cc00; color: #fff; }
.red-light { background-color:#ff0000; color: #fff; }
.blue-light { background-color:#3c60fa; color: #fff; }