/*
---- Global HTML tags ----
*/
* {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
}
body {
	background:#fff;
	padding:0px; /* Remove edges in Opera */
	margin:0px auto; /* Remove edges in IE and Firefox but center align */
	text-align:center;
	width:816px;
}
input, textarea, select {
	border:1px solid #1870c0;
}

/*
---- Global page elements ----
*/
div#thepage {
	background:#ffffff url('../images/BodyBG.gif') top center repeat-y;
	width:800px;
	position:relative;
	text-align:left;
	padding:0px 8px;
}
div#navbar {
	background:#80ccff url(../images/NavBarLinkBGOver.gif); /* Preload navbar hover */
	height:36px;
	width:800px;
	overflow:hidden; /* Fixes a bug in IE causing the div to have extra spacing below the links */
}
div#navbar a {
	color:#104070;
	font-size:0.8em;
	text-decoration:none;
	text-align:center;
	padding-top:8px;
	background:#40a0e0 url(../images/NavBarLinkBG.gif);
	height:24px;
	width:133px;
	display:block;
	float:left;
	border-bottom:4px solid #0058a2;
}
div#navbar a:hover {
	background:#80ccff url(../images/NavBarLinkBGOver.gif);
	color:#203040;
	border-bottom:4px solid #8fc4f1;
}
div#navbar a#navlinkfirst {
	padding-left:1px; /* (800 / 6 = 133.33333) so we're 2 pixels short with link widths of 133px */
}
div#navbar a#navlinklast {
	padding-right:1px; /* (800 / 6 = 133.33333) so we're 2 pixels short with link widths of 133px */
}
div#footer {
	font-size:0.8em;
	text-align:center;
	background:#1870C0;
	width:800px;
	height:64px;
	border-top:4px solid #0058a2;
}
div#footer a {
	color:#104070;
	font-size:0.8em;
	text-decoration:none;
	text-align:center;
	padding-top:6px;
	background:#40a0e0 url(../images/FooterLinkBG.gif);
	height:18px;
	width:100px;
	display:block;
	float:left;
	border-bottom:4px solid #0058a2;
}
div#footer a:hover {
	background:#80ccff url(../images/FooterLinkBGOver.gif);
	color:#203040;
	border-bottom:4px solid #8fc4f1;
}
div#footerlinks {
	background:#80ccff url(../images/FooterLinkBGOver.gif); /* Preload footer hover */
	width:400px;
	height:28px;
	margin:0px auto;
	border-left:1px solid #0058a2;
	border-right:1px solid #0058a2;
	overflow:hidden; /* Fixes a bug in IE causing the div to have extra spacing below the links */
}
div.border_left {
	display:none;
}
div.border_right {
	display:none;
}
div#header {
	color:#ffffff;
	background:#1870c0 url(../images/TitleBarBG.jpg) center center no-repeat;
	font-size:3em;
	text-align:center;
	width:800px;
	height:64px;
}
div#copyright {
	width:250px;
	color:#ffffff;
	margin:0px auto;
}
div#pagecontent {
	font-size:0.8em;
	position:relative;
	width:800px;
	background:#ffffff url(../images/PageContentBG.jpg) top center no-repeat;
}
div#pagecontent_left {
	width:600px;
	min-height:640px;
	height:auto !important;
	height:640px;
	overflow:auto;
}
div.left_bar_title {
	font-size:2.0em;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:8px;
}
div.left_bar_title h2 {
	font-size:1.0em;
	margin:0px;
	padding:0px;
}
div#pagecontent_right {
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	background:url(../images/opacity25.png) !important;
	background:#dbe8f3;
	border-left:1px solid #1870c0;
	border-bottom:1px solid #1870c0;
}
div.right_bar_title {
	font-size:1.25em;
	text-align:center;
	text-decoration:underline;
	width:184px;
	margin-top:0px;
}
div.right_bar_text {
	margin:4px 0px 16px 0px;
	font-size:0.85em;
}
div.right_bar_text ul {
	margin-top:0px;
	margin-bottom:4px;
}
div.right_bar_text li {
	margin-left:-12px;
}
div#pagecontent_full {
	width:800px;
}

/*
---- Global link classes ----
*/
.small_link {
	font-size:0.8em;
}

/*
---- News classes ----
*/
div.news_container {
	background:url(../images/opacity25.png) !important;
	background:#dbe8f3;
	border:1px solid #1870c0;
	margin:0px 0px 32px 0px;
}
div.news_header {
	position:relative;
	height:28px;
	border-bottom:1px dashed #1870c0;
	padding:2px;
}
div.news_icon {
	position:absolute;
	top:2px;
	left:2px;
	height:24px;
	width:24px;
	padding:2px;
}
div.news_title {
	position:absolute;
	top:1px;
	left:30px;
	color:#13568f;
	font-size:1.125em;
	font-weight:bold;
	padding-top:0px;
}
div.news_date {
	position:absolute;
	bottom:1px;
	left:30px;
	color:#1870c0;
	font-size:0.75em;
	font-weight:bold;
	padding-bottom:2px;
}
div.news_post {
	padding:2px;
}
.news_list {
	margin-top:4px;
	margin-bottom:4px;
	margin-right:4px;
}

/*
---- Section classes ----
*/
div.section_info {
	padding:8px 0px 8px 0px;
}

/*
---- Chatbox classes ----
*/
div.chatbox {
	text-align:right;
}
input#chatname {
	width:135px;
	font-size:1.0em;
}
textarea#chattext {
	font-size:1.0em;
	width:180px;
	height:64px;
}
input.chatbutton {
	width:58px;
	background:#a0c6e0;
}
div.chatbox_posts {
	height:300px;
	overflow:auto;
	background:url(../images/opacity50.png) !important;
	background:#f0f7fc;
	padding:2px;
	border:1px solid #1870c0;
}
div.chatbox_name {
	font-weight:bold;
}
div.chatbox_date {
	border-bottom:1px solid #000000;
}
div.chatbox_content {
	margin-bottom:8px;
}

/*
---- Map table classes
*/
table.map_info {
	width:100%;
	border-collapse:collapse;
	background:url(../images/opacity25.png) !important;
	background:#dbe8f3;
	border:1px solid #1870c0;
}
td.map_info_cat {
	width:104px;
	text-align:right;
	vertical-align:top;
	border:1px solid #1870c0;
}
td.map_info_data {
/*	width:480px;*/
	text-align:left;
	vertical-align:top;
	border:1px solid #1870c0;
}
td.map_info_cat div, td.map_info_data div {
	padding:2px;
/*	border:1px solid #aa0000;*/
}

/*
---- Gallery classes ----
*/
table.gallery_container {
	width:100%;
	border-collapse:collapse;
	background:url(../images/opacity25.png) !important;
	background:#dbe8f3;
	border:1px solid #1870c0;
}

td.gallery_header {
	font-size:2.0em;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #1870c0;
	padding:4px;
}

td.gallery_topper {
	vertical-align:middle;
	border-bottom:1px solid #1870c0;
	background:url(../images/opacity50.png) !important;
	background:#f0f7fc;
}

td.gallery_footer {
	vertical-align:middle;
	border-top:1px solid #1870c0;
	background:url(../images/opacity50.png) !important;
	background:#f0f7fc;
}

table.gallery_thumbs {
	width:100%;
/*	border-bottom:1px solid #1870c0;*/
}

table.gallery_thumbs tr td {
	width:33%;
	text-align:center;
}

table.gallery_nav {
	width:100%;
	text-align:center;
}

table.gallery_nav tr td {
	width:33%;
/*	border:1px solid #000000;*/
}

img.gallery_thumb {
	width:128px;
	height:96px;
	border:4px double #1870c0;
	padding:0px;
	margin:8px;
}


/*
---- Websites classes ----
*/
table#websites_table td {
	border:1px solid #1870c0;
	padding:4px;
	vertical-align:top;
}
table#websites_table th {
	background:#1870c0;
	color:#fff;
	padding:4px;
}
/*table#websites_table td.info {
	width:75%;
}
table#websites_table td.images {
	width:25%;
}*/
table#websites_table img {
	border:0px;
	margin:4px 2px 2px;
}
table#websites_table p {
	margin-top:0px;
}
table#websites_table table.generic {
	width:99%;
	margin:0px auto;
}
table#websites_table table.generic td {
	width:25%;
	background:#fff;
	text-align:center;
}

/*
---- Generic table classes ----
*/
table.generic {
/*	width:100%;*/
	border-collapse:collapse;
	background:url(../images/opacity25.png) !important;
	background:#dbe8f3;
	border:1px solid #1870c0;
}
td.generic_cat {
	width:104px;
	text-align:right;
	vertical-align:top;
	border:1px solid #1870c0;
}
td.generic_data {
	width:694px;
	text-align:left;
	vertical-align:top;
	border:1px solid #1870c0;
}
td.generic_cat div, td.generic_data div {
	padding:2px;
}

/*
---- Image classes ----
*/
img.smiley {
	width:15px;
	height:15px;
}
img.screenshot_thumb {
	width:128px;
	height:96px;
	border:4px double #1870c0;
	padding:0px;
	margin:8px;
}

/*
---- General borders, margins and padding ----
*/
div.text_margin_8 {
	margin:8px;
}

/*
---- General alignment classes ----
*/
.center {
	text-align:center;
}

/*
---- Visibility classes ----
*/
.visible {
	display:inline;
}
.hidden {
	display:none;
}