@charset "utf-8";
/* CSS Document */
* {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#bfbfbf;
 margin:0;
 padding:0;
}
h3 {
 color:#74d0ed;
 font-size:150%;
 font-weight:bold;
 margin:14px 0 10px 8px;
}
h4 {
  font-size:160%;
	margin:5px 0 10px 8px;
	color:#74d0ed;
	font-weight:bold;
}
#sidebar h3 {
  margin-left:14px;
}
#sidebar p {
  margin-left:14px;
}
p {
  margin:4px 8px 12px 8px;
}
body {
	background-color: #000000;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
}
#outter_container {
  margin:0 auto;
  width:841px;
}
#container {
  margin:0 auto;
  width:841px;
  background:url(images/container-bg.gif) no-repeat #000000;
  float:left;
  margin-top:10px;
}
#content {
	width:841px;
	/*background:url(images/content-top.gif) top no-repeat;*/
	margin:0px auto;
	position:relative;
	float:left;
}
#contentarea {
	width:628px;
	margin-top:70px;
	float:left;
	margin-left:5px;
}
#logo {
  position:absolute;
  top: 0px;
  left:5px;
  background:url(images/logo.gif);
  width:234px;
  height:62px;
  display:block;
	clear:both;
}
#nav {
	width:567px;
	height:53px;
	background:url(images/nav-background.gif) no-repeat;
	position:absolute;
	top: -8px;
	right:20px;
	clear:both;
}
#nav li {
	float:left;
}
li.news a {
	width:147px;
	height:53px;
	background:url(images/nav-news.gif) no-repeat;
	display:block;
}

li.about a {
	width:175px;
	height:52px;
	background:url(images/nav-about.gif) no-repeat;
	display:block;
	margin-left:5px;
}
li.maps a {
	width:122px;
	height:52px;
	background:url(images/nav-maps.gif) no-repeat;
	display:block;
	margin-left:3px;
}
li.portfolio a {
	width:110px;
	height:52px;
	background:url(images/nav-portfolio.gif) no-repeat;
	display:block;
	margin-left:3px;
}

li.news.current a {      background-position: -147px; }
li.about.current a {     background-position: -175px; }
li.maps.current a {      background-position: -122px;}
li.portfolio.current a { background-position: -110px; }

*html li.current.news a {      background-position-x: -0px; }
*html li.current.about a {     background-position-x: -0px; }
*html li.current.maps a {      background-position-x: -0px;}
*html li.current.portfolio a { background-position-x: -0px; }

li.news a:hover {
	background-position: -147px;
}
li.about a:hover {
	background-position: -175px;
}
li.maps a:hover {
	background-position: -122px;
}
li.portfolio a:hover {
	background-position: -110px;
}

#sidebar {
  width:200px;
  /*top:0px;
  right:0px;*/
  /*float:right;
  min-height:400px;*/
	float:left;
}
*html #sidebar {
  width:198px;
}
span.title {
  margin-left:8px;
  font-size:110%;
  font-weight:bold;
  color:#74d0ed;
}
span.date {
  margin-left:8px;
  font-size:90%;
  color:#505050;
}
p.news {
  padding-bottom:10px;
  border-bottom:2px dotted #505050;
}
#shoutbox {
  margin-top:40px;
  height:200px;
  overflow:hidden;
}
#shoutbox p {
  color:#737272;
}

#shoutbox p span.name {
  color:#bfbfbf;
}
#mapslist p {
  margin-bottom:5px;
}
#links, #mapslist {
  margin-top:62px;
}
#links p a, #mapslist p a {
  color:#737373;
  text-decoration:none;
  font-weight:bold;
}
#links p a:hover, #mapslist p a:hover {
  text-decoration:none;
  color:#bfbfbf;
  font-weight:bold;
}
#mapslist p a {
  width:180px;
	height:20px;
	border-bottom:1px solid #999999;
	display:block;
	line-height:20px;
}
#mapslist p a:hover {
  border-bottom: 2px solid #00CCFF;
}
.addcomment {
  background:url(images/addcomment.gif) no-repeat;
  width:75px;
  height:35px;
  display:block;
  margin:0;
  float:right;
  margin-right:5px;
  margin-top:16px;
  border:none;
  cursor: pointer; cursor: hand;
}
.input {
  margin-left:5px;
  width:107px;
	margin-left:14px;
	width:98px;
}
*html .input {
  margin-left:4px;
  width:100px;
}
ul.screens {
  margin-left:8px;
	margin-bottom:16px;
	float:left;
}
*html ul.screens {
  margin-left:2px;
}
ul.screens li {
  float:left;
	margin-right:6px;
}
ul.screens li.download {
  margin-right:0px;
}
ul.screens li.download a {
  background:url(/images/download.gif) 0px 0px;
	width:70px;
	height:48px;
	display:block;
	border:none;
	text-indent:-999999px;
}
ul.screens li.download a:hover {
  background:url(/images/download.gif) -70px 0px;
	border:none;
}
ul.screens li a {
  border: 2px solid #999999;
	width:127px;
	height:127px;
	display:block;
}
ul.screens li a:hover {
 border: 2px solid #00CCFF;
}