body { margin: 0; text-align: center; background-repeat: repeat-x; }
body, p, ul, ol, li, th, td, input, select, textarea { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; }

h1, h2, h3, h4 { font-family: Arial, Helvetica; font-weight: normal; }
h2 { font-size: 24px; }
h2#projectTitle { clear: both; padding-top: 20px; }

a { color: #577EAE; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { outline: none; }

input, select, textarea { width: 220px; margin-bottom: 5px; }
input.submit { width: 60px; }
input.shorterInput { width: 190px; }
input#photoUpload { width: 25px; font-size: 13px; }

img { border: 0; }

#loadingMessage { position: absolute; Top: 0; left: 0; width: 100%; height: 300px; padding-top: 100px; text-align: center; }
#mapMessage { background-color: #fff; position: absolute; top: 0; left: 0; padding: 15px; font-weight: bold; border: 1px solid #333; }
#addFormError { color: #cc0000; }

#mapHelpIcon { background-color: #fff; position: absolute; top: 0; right: 0; margin: 3px; filter: alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
#mapHelpIcon a { color: #000; padding: 3px 5px; display: block; }
#mapHelpIcon a:hover { text-decoration: none; }
#mapHelpInfo { background-color: #fff; position: absolute; top: 3px; left: 3px; width: 624px; filter: alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#mapHelpInfo p { padding: 2px 10px; }


.tabset_tabs	{ margin:0; padding:0; list-style-type:none; position:relative; z-index:2; white-space:nowrap }
.tabset_tabs li	{ margin:0; padding:0; display:inline }
.tabset_tabs a	{ font: bold 15px Arial, Helvetica, sans-serif; text-transform: lowercase; color:#666 ! important; background-color:#efefef ! important; border:1px solid #999; text-decoration:none; padding:0 0.6em; border-left-width:0; border-bottom:none }
.tabset_tabs a:hover	{ color:#666 ! important; background-color:#ddd ! important; }
.tabset_tabs a.active	{ color:black ! important; background-color:white ! important; border-color: #ccc; border-left-width:1px; cursor:default; border-bottom:white; padding-top:1px; padding-bottom:1px }

.tabset_tabs li.firstchild a	{ border-left-width:1px }

.tabset_content	{ border:1px solid #ccc; background-color:white; position:relative; z-index:1; padding:0.5em 1em; display: none; }
.tabset_label	{ display:none }

.tabset_content_active	{ display:block }



#holder { width: 900px; margin: 0 auto; text-align: left; }

#header { background-color: red; padding: 0; margin: 0; }

#header h1 { width: 142px; height: 68px; overflow: hidden; margin: 0; float: left; }

#mapHolder { position: relative; background-color: #5479A7; width: 630px; height: 400px; float: left; }
#mapControls { float: left; margin-left: 20px; width: 250px; }
#map { position:absolute; left:0px; top:0px; cursor:move; }

#footer { margin: 15px 0; font-size: 9px; color: #999; }

.explanation { font-size: 9px; background-color: #efefef; padding: 5px; margin-top: 5px; font-weight: bold; }
.explanation:hover { background-color: #ddd; }
.explanation a { display: block; }
.explanation:hover a { text-decoration: none; }
.explanationText { background-color: #efefef; }
.explanationText p { font-size: 9px; margin: 0; padding: 5px; }

.tabset_tabs a:hover { text-decoration: none; }
ul#tagCloud { margin: 10px 0; padding: 0; list-style-type: none; width: 225px; }
ul#tagCloud a { margin-right: 3px; }
ul#tagCloud a.size1 { font-size: 80%; }
ul#tagCloud a.size2 { font-size: 100%; }
ul#tagCloud a.size3 { font-size: 110%; }
ul#tagCloud a.size4 { font-size: 120%; }
ul#tagCloud a.size5 { font-size: 130%; }
ul#tagCloud a.size6 { font-size: 140%; }
ul#tagCloud a.size7 { font-size: 150%; }
ul#tagCloud a.size8 { font-size: 160%; }

form#addplace label {  }
form#addplace .helpLink {  }


#placesContent { line-height: 18px; margin: 7px 0; }
#placesContent h2 { font-size: 16px; margin: 0 0 3px 0; }

#addHelpRoot { position:absolute; width:270px; background-color:#fff; border:1px solid #999; z-index:100; }
#addHelpHandle { margin:2px; padding:4px; width:258px; background-color:#ddd; cursor: move; }
#addHelpContent { margin: 10px; }
#addHelpContentHider { display: none; }

.clear { clear: both; height: 1px; overflow: hidden; }
.hide { display: none; }


#mainNav { float:right; line-height:normal; }
#mainNav ul { margin:0; padding:36px 0 0; list-style:none; }
#mainNav li { float:left; margin:0 0 0 2px; padding:0; }
#mainNav a { display:block; padding:6px 15px 4px 15px; text-decoration:none; color:#fff; font-family: Arial, sans-serif; font-size: 18px; text-transform: lowercase; background-color: #999; }
#mainNav a:hover { color:#333; }
#mainNav .current {  }
#mainNav .current a { color:#333; padding-bottom:4px; }
#mainNav a#navMap { background-color: #567CAB; }
#mainNav li.current a#navMap { background-color: #9AB0CD; }
#mainNav a#navAbout { background-color: #A8774B; }
#mainNav li.current a#navAbout { background-color: #CBAD93; }
#mainNav a#navBlog { background-color: #9FAD5C; }
#mainNav li.current a#navBlog { background-color: #C5CE9D; }
#mainNav a#navDiscuss { background-color: #AF7DB1; }
#mainNav li.current a#navDiscuss { background-color: #CFB1D0; }
