#pagewrapper {
	position: relative;
	margin:auto; 
	width: 100%;
	height: 400px; 
	/* background-color: rgb(0,0,0);*/
	background: rgb(140,160,175);
	/*border: 4px solid #FFF;*/
	/* position: fixed;*/
	left: 0px;
	top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
}
#tags{
	/*	border: 1px solid #000;*/
	position: relative;
	/*	margin-top: 30px; */
}

/* .tagcloud {
	position: absolute;
	padding: 25px 35px 10px 35px !important;
	background-color: #FFFFEE !important;
	border: 1px solid #F8E78C !important;
	margin-top: 54px;
	margin-left: 52px;
	display: none;
	width: 720px;
	height: 330px;
} */
.closeButton{
	position: absolute; 
	height: 26px;  /* this is the size of the image */
	width: 66px; 
	top: 0px; 
	background-image: url(../images/closelabel_v1.gif);
}
.loading{
	position: absolute;
	top: 0px;
	width: 34px;
	height: 34px;
	border: 2px solid #FFF;
	background-image: url('../images/ajax-loader.gif');
	display: none;
}
/*
.tags_map{
	background-color: #FFFFEE !important;
	border: 1px solid #F8E78C !important;
} */

/*'top':markerOffset.y-200, 'left':markerOffset.x-200,*/
/*

All tag cloud styles are set in the JS !!!!!!!! 
.tagcloud_overlay {
	background-color: #002233 !important;
	border: 2px solid #000 !important; 
	margin-top: 0px;
	margin-left: 45px; 
	opacity: 0.7;
	display: none;
}
.tagcloud_overlay li{
	text-decoration: none !important;
   color: #FF0000;
}
*/


.progress {
	position: absolute;
	top: 6px;
	display: block;
	width: 120px;
	height: 30px;
	border: solid 1px #FFF;
	opacity: 1;
}
.arrow{
	position: absolute;
	/*top: 200px;
		left: 250px;*/
	width: 50px;
	height: 22px;
	top: 9px;
/*	opacity: 0.65;*/
/*	color: #CCC*/;
	background-image: url('../images/arrow.gif');
}
.progressWrapper{
	position: relative;
	width: 67.5%;
	left: 130px;
	top: 5px;
	padding-top:0px;
	padding-left: 10px;
	height: 44px;
	display: none;
	background-color: #FFF;
}
/* #message { position:absolute; padding:10px;} */
#map_canvas{
	width: 100%; 
	height: 400px; 
	display: none; 
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
#datenav{
	position: absolute;
	top: 1px;
	left: 250px;
	width: 250px;
	height: 34px;
	display:none;
}
#datenav-previous{
	position: absolute;
	top: 1px;
	left: 1px;
	width: 32px;
	height: 32px;
	background-image: url('../images/previous.png');
	cursor: pointer;
}
/*
#cur_date{
	position: absolute;
	top: 1px;
	left: 35px;
	width: 180px;
	height: 32px;
	text-align: center;
	color: #FFF;
	font-size: 150%;
}
*/
#calendar_holder{
	position: absolute;
	top: 1px;
	left: 35px;
	width: 180px;
	height: 180px;
	background-color: #000;
	border: 1px solid #FFF;
	z-index: 10000;
	display: none;
}
#datenav-next{
	position: absolute;
	top: 1px;
	right: 1px;
	width: 32px;
	height: 32px;
	background-image: url('../images/next.png');
	cursor: pointer;
}
#startbutton{
	position: absolute;
	text-align: center;
	top: 150px;
	width: 100%;
	height: 100px;
	cursor: pointer;
	color: #fff;
	/*background-image: url('../images/startButton.gif');*/
}
#startsmall{
	margin: 0px;
	padding: 0px;
	border: none;
	margin-left: auto ;
	margin-right: auto ;
	float: none;
	height: 93px;
	width: 97px;
}
#themeNav{
	position: absolute;
	top: 1px;
	left: 80px;
	display: block;
}
#topbanner {
	margin: auto;
/*	  border: 2px solid #ccc;*/
	background-color:#000;
	width: 900px;
	height: 55px;
	position: relative;
	top: 0px;
/*	left: 200px;*/
}
#bannertext{
	position: absolute;
	top: 10px;
	left: 300px;
	font-family: georgia, serif;
	font-size: 24px;
	color: #ccc;
}
#events_overlay{
	background:#000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) repeat-x scroll 50% 50%;
	opacity:0.7;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index: 98;
	display: none;
}
/* overlay  styles for dialogs */
.complete_overlay{
	background:#000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) repeat-x scroll 50% 50%;
	opacity:0.9;
	height:220%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index: 98;
	display: none;
}

#events{
	background: #FFFFFF url(images/ui-bg_flat_0_aaaaaa_40x100.png) repeat-x scroll 50% 50%;
	height: auto;
/*	width: 700px;*/
	display: none;
	position: absolute;
	z-index: 99;
	top: 300px;
	left: 300px;
	opacity:0.8;
/*	padding: 20px;*/
	spacing: 10px;
}

#startingBox{
	position: absolute;
	height: 250px;
	width: 500px;
	z-index: 100;
	opacity:0.8;
/*	padding: 20px;*/
	spacing: 10px;	
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;		
}

#startingBox td{
	width: 250px;
	height: 250px;
	text-align: center;
	background-color: #d4d8bd;
	padding: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	cursor: pointer;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;		
}
#loading_messages{
	position :block;
	font-weight:bold;
	font-size: 15px;
}
.highlight{background-color:yellow;}
#time{
/*	background-color: #FFFFEE !important;
	border: 1px solid #F8E78C !important;*/
	margin-top: 150px;
	margin-left: 352px;
	margin-right: 352px;
	width: 200px;
	height: 152px;
	display: none;
}
/* For menu part*/
.menu {
	height:150px;
	font-size:100%;
	font-weight:bold;
	margin:25px 0 50px 15px; /* this page only */
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;	
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:150px;
}
/* style the list items */
.menu li {
	background:#d4d8bd url(shade.gif);
	height:26px;
	/* for IE7 */
	float:left;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;	
}
.menu li.sub {
	background:#d4d8bd url(sub.gif) no-repeat right center;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;	
}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* style the links */
.menu a, .menu a:visited {
	font-family:verdana, arial, sans-serif;
	display:block;
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:200px;
	color:#000;
	text-indent:5px;
	border:1px solid #fff;
	border-width:0 1px 1px 1px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;	
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:150px; width:149px;}
/* style the link hover */
* html .menu a:hover {color:#efa; background:#aa7; position:relative;}
.menu li:hover {position:relative;}
/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#efa; background:#aa7;}
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#efa; background:#aa7;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
	left:200px;
	/* set up the overrun area */
	padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
	background:transparent url(transparent.gif);
}
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}
/* for IE5.5 and IE6 you need to style each level hover */
/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
	visibility:hidden;
}
/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
	visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{
	visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
	visibility:visible;
}