@import url("reset.css");

body {
	text-align: center;
	background: #4D7383;
	font: normal .76em/1.1em Arial, Verdana, sans-serif;
	margin-top: 10px;
}
div { text-align: left; }
h2 { color: #ffffff; font: 0.98em Arial, Verdana, sans-serif; text-transform: uppercase; }

#global { margin-right: auto; margin-left: auto; width: 1000px; }
#header { width: 1000px; height: 127px; border-bottom: 1px solid #656464; }
#header img { float: left; }
#navigation { width: 1000px; height: 36px; background: #333333; border-bottom: 1px solid #656464; }
#container {
	width: 976px;
	padding: 12px;
	background-color: #446573;
}
#subcontainer {
	width: 976px;
	height: 538px;
	padding: 12px;
	height: 538px;
	background-color: #446573;
}
#footer { width: 1000px; height: 17px; margin: 10px 0; padding: 13px 0; background: #636464; color: #ffffff; text-align: center; clear: both; }
#copyright { width: 1000px; margin: 10px 0; color: #ffffff; text-align: center; }

#welcome { width: 975px; height: 70px; margin: 0 0 12px; background: #000000; border: 1px solid #656464; }
#welcometitle { width: 223px; margin: 7px 4px 0 10px; padding: 22px 0; float: left; border-right: 1px solid #333232; }
#welcometext {
	width: 720px !important;
	width: 710px;
	height: 56px;
	padding: 6px 7px 7px 4px;
	float: left;
	font: normal .9em/1.2em Arial, Verdana, sans-serif;
	color: #ffffff;
}

#subnavigation { width: 180px; height: 513px; padding: 10px; float: left; background: url('images/subnavbg.gif') repeat-x bottom #2e2e2e; border: 1px solid #656464; font: 1.1em/1.5em Arial, Verdana; }
#subnavigation p {
	color: #FFFFFF;
	line-height: 1em;
}

#subnavigation > img {
	margin-top: 2em;
	margin-bottom: 1em;
	margin-right: 0px;
	margin-left: 0px;
}
#subnavigation > img.first {
	margin-top: 0em;
}
#subnavigation ul#snav {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnavigation ul#snav li {
	text-align: left;
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#subnavigation ul#snav li a:link, #subnavigation ul#snav li a:visited {
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #383838;
	text-decoration: none;
}
#subnavigation ul#snav li a:hover {
	background-image: url(images/snav_li_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	color: #FFFFFF;
}

#subholder {
	width: 767px;
	height: 533px;
	float: right;
}

#main {
	width: 958px !important;
	height: 380px;
	margin: 0 0 12px;
	padding: 8px;
	background: #201e1e;
	border: 1px solid #656464;
}
#submain { width: 747px; height: 305px; margin: 0 0 8px; padding: 8px; background: #201e1e; border: 1px solid #656464; }

#content {
	width: 945px;
	height: 370px;
}
#subcontent { width: 754px; height: 305px; }

#bodytext {
	width: 345px;
	padding: 5px 20px 0 20px;
	float: left;
	font: normal 1em/1.3em Arial, Verdana, sans-serif;
	color: #ffffff;
}
#subbodytext {
	width: 415px;
	height: 305px;
	padding: 5px 10px 0 0px;
	float: left;
	font: normal 1em/1.3em Arial, Verdana, sans-serif;
	color: #FFFFFF;
}
#subbodytext img { margin: 0 10px; }
#subbodytext p { margin:1em 0px;}
#sidetext { width: 310px !important; width: 220px; height: 327px; padding: 5px 0; float: left; }
#subsidetext { width: 310px; height: 305px; padding: 5px 0; float: left; }
#more { width: 345px; margin: 13px 0; }
#links { width: 170px; float: left; border-right: 1px solid #333232; }
#links ul li, #soundtrack ul li {
	background-image: url(images/links_bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	text-align: left;
	display: block;
	padding-left: 17px;
	list-style-type: none;
	margin-left: -15px;
}

#soundtrack { width: 165px; float: right; }

ul { margin: 0 0 0 12px; }
li { list-style: square; line-height: 1.3em; }

.nosquare { list-style: none; }

#nav { margin: 0px; }
.navitem { margin: 0px; padding: 0px; float: left; list-style: none; display: inline; }

#subboxes { width: 976px; height: 218px; }
#subsubboxes { width: 767px; height: 218px; }
.box { border: 1px solid #656464; float: left; margin: 0 11px 0 0 }
.box2 { border: 1px solid #656464; float: left; margin: 0 5px 0 0 }
.boxend { border: 1px solid #656464; float: left; }
.boxhead {
	width: 100%;
	height: 20px;
	padding: 12px 0 0 9px;
	background-color: #234350;
}
.boxhead h2 {
	margin: 0px;
	padding: 0px;
}

.boxbody { width: 100%; height: 187px; background: #ffffff; color: #333333; }
.boxbody2 { width: 100%; height: 170px; background: #ffffff; color: #333333; }
.boxbody img { width: 142px; margin-right: 10px; float: left; }
.boxtext { padding: 10px; color: #333333; }
.boxtext p {margin: 1em 0 1em 0;}

#change { width: 249px; height: 127px; background: url('images/changebg.gif') repeat-x; float: right; }
#tree { width: 80px; height: 127px; margin: 0 0 0 5px; float: left; background: url('images/tree.gif') no-repeat; }
#logo { width: 154px !important; width: 149px; height: 31px; margin: 22px 5px 0; float: left; background: url('images/changelogo.gif') no-repeat; }
#joinus { width: 154px !important; width: 140px; margin: 10px 5px 0; color: #ffffff; float: right; }

.sep { margin: 0 5px 0 5px; }

a:link, a:visited {
	color: #f79a33;
	text-decoration: underline;
}
a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
.boxlink a:link, .boxlink a:visited {
	color: #f79a33;
}
.boxlink a:hover { color: #CCC; }

.subnav a:link { color: #ffffff; text-decoration: none; }
.subnav a:visited { color: #ffffff; text-decoration: none; }
.subnav a:hover { color: #f79a33; text-decoration: none; }

#footer a:link { color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: none; }

.boxtext a:link, .boxtext a:visited {
	color: #333333;
	text-decoration: underline;
}
.boxtext a:hover {color: #f79a33;}
.marginBFix { margin-bottom:-5px;}

.regForm{ font-size:14px; font-weight:bold;}
.regForm input[type=text]{ font-size:14px; font-weight:normal; height: 18px; border: 1px solid #999;}
.regForm input[type=password]{ font-size:14px;  font-weight:normal; height: 18px; border: 1px solid #999;}
.regForm td{ padding:5px; }

.miniEditBox
{
  float: right;
  border: 1px solid #dcdcdc;
  font-size: 8pt;
  padding: 2px;
  margin: 4px 4px 0 4px;
}