html, body, * {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

html, body {
	height: 100%;
}

body {
	background: #FFF url(/images/bg_body.jpg) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

p {}

h1 {
	background: url(/images/bg_h1.gif) no-repeat left top;
	height: 57px;
}

h1 span {
	display: none;
}

h2 {
	height: 29px;
}

h2 span {
	display: none;
}

a img {
	border: none;
}



/* Container **********************************************/

#container {
	width: 955px;
	margin: 0 auto 0;
}


/* Header *************************************************/

#header {
	background: url(/images/logo.jpg) no-repeat right 8px;
	height: 72px;
	padding-top: 18px;
}


/* Main ***************************************************/

#main:after {
   	content: ".";
   	display: block;
   	height: 0;
   	clear: both;
   	visibility: hidden;
}
#main {
   	height: 1%;
   	padding-bottom: 45px;
}

p.description {
	margin: 20px 0 40px;
}


/* Main Left **********************************************/

#main #left {
	float: left;
	width: 415px;
}

#main #left h2 {
	background: url(/images/bg_h2-messages.gif) no-repeat left top;
}

#main #left #messages {}

#main #left #messages .item:after {
   	content: ".";
   	display: block;
   	height: 0;
   	clear: both;
   	visibility: hidden;
}
#main #left #messages .item {
	height: 1%;
	border-bottom: 1px solid #FFF;
	padding: 12px 10px;
	cursor: pointer;
	position: relative;
}

#main #left #messages .item.nb1 {
	background: #D8D8D8;
}

#main #left #messages .item.nb2 {
	background: #F1F1F1;
}

#main #left #messages .item.highlight {
	background: #D1C242 !important;
}

#main #left #messages .item .image {
	border: 1px solid #B5B5B5;
	float: left;
	margin-right: 10px;
	height: 75px;
	overflow: hidden;
}

#main #left #messages .item .text {
	float: left;
	width: 285px;
}

#main #left #messages .item .text .message {
	line-height: 1.3em;
}

#main #left #messages .item .text .time {
	background: url(/images/bg_clock.gif) no-repeat left top;
	padding: 3px 0 3px 23px;
	margin-top: 10px;
	font-weight: bold;
	color: #003366;
	font-size: 11px;
}

#main #left #messages .loading {
	position: absolute;
	bottom: 4px;
	right: 4px;
	height: 16px;
	width: 16px;
	background: url(/images/ajax-loader.gif) no-repeat;
}

/* page nav */

#main #left #pageNav {
	padding-top: 15px;
	vertical-align: middle;
}

#main #left #pageNav .previous,
#main #left #pageNav .next {
	display: inline-block;
	width: 85px;
	font-weight: bold;
	color: #AFACA1;
}

#main #left #pageNav .next {
	text-align: right;
	width: 63px;
}

#main #left #pageNav .previous img,
#main #left #pageNav .next img {
	vertical-align: middle;
	margin-top: -4px;
}

#main #left #pageNav .pages {
	display: inline-block;
	width: 259px;
	text-align: center;
	height: 21px;
	color: #2B2308;
}

#main #left #pageNav .pages a {
	padding: 4px 10px 0;
	text-decoration: none;
}

#main #left #pageNav a { /* must be last */
	color: #2B2308 !important;
	display: inline-block;
}


/* Main Right *********************************************/

#main #right {
	float: right;
	width: 510px;
}

#main #right h2 {
	background: url(/images/bg_h2-map.gif) no-repeat left top;
}

#main #right #map {
	background: #DFE4EB url(/images/bg_map.jpg) repeat-x top;
	padding: 14px;
}

#main #right #map .inner {
	border: 1px solid #A4A4A4;
	height: 480px;
	background: #FFF;
	overflow: hidden;
}

#main #right p.legend {
	text-align: right;
	padding: 7px 8px 0 0;
}

#main #right p.legend .item {
	padding-left: 32px;
}



/* Footer *************************************************/

#footer {
	border-top: 1px solid #7E7E7E;
	padding: 12px 0;
	color: #2B2308;
	text-align: right;
	vertical-align: middle;
	font-size: 11px;
}

#footer img {
	vertical-align: middle;
}

#footer a {
	display: inline-block;
	padding: 5px;
	color: #2B2308;
}

#footer #twitterImageLink {
	margin-left: 20px;
}


/* GMap info window *************************************************/

.infoWindow .picture {
	text-align: center;
	padding-bottom: 8px;
}

.infoWindow .text {
	vertical-align: top;
	padding: 0 0 10px 0;
}

.infoWindow .creationTimeDetail {
	font-size: 80%;
	background: url(/images/bg_clock.gif) no-repeat left 5px;
	padding: 8px 0 8px 23px;
}

/* FancyBox *******************************************************/

#fancy_content {}

#fancy_content h3 {
	margin: 20px 0 10px;
	color: #003366;
}

#fancy_content p {
	margin: 5px 0 7px;
}

#fancy_content h4 {
	margin: 10px 0 0;
}

#fancy_content p a {
	color: #4A79A8;
}

/* Text page **********************************************/

#textPage {
	padding: 10px 10px 10px 0;
}

#textPage h2 {
	margin: 0 0 10px;
	font-size: 17px;
}

#textPage h3 {
	margin: 20px 0 10px;
	color: #003366;
}

#textPage p {
	margin: 5px 0 7px;
}

#textPage p a {
	color: #4A79A8;
}

#textPage ul {
	padding-left: 15px;
}

#textPage li {
	list-style: disc;
}


/* welcomeBox *********************************************/

#overlayer {
	background: url(/images/bg_overlayer.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 850px;
}

* html div#overlayer {
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#overlayer .inner {
	position: relative;
}

#welcomeBox {
	margin: 100px auto 0;
	width: 770px;
	background: white;
	border: 1px solid black;
	font-size: 16px;
	padding: 120px 40px;
}

#welcomeBox p {
	line-height: 1.5em;
}