/* --------------------------------------------------------------------------page */

body {
	background: #000;
	font-family: "century gothic", "avant garde", "avant garde gothic", "itc avant garde gothic", trebuchet, arial, futura, sans-serif;
	font-size: 13px;
	color: #fff;
}

#container {
	width: 950px;
	margin: auto;
	position: relative;
	height: auto; 
}

.border {
	border: 1px #000 solid;
}

/* -----------------------------------------------------------------------paragraphs-text */

p {
	margin: 10px;
}

p.narrow {
	width: 345px;
	float: left;
}

p.padding {
	margin-top: 1px;
	margin-left: 5px;
	margin-bottom: 1px;
	margin-right: 5px;
}

.small {
	font-size: 11px;
}

/* ---------------------------------------------------------------------------images */

img {
	border: none;
	margin: 0;
}

img.frad {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	border: 1px #000 solid;
}

.popup span {
	visibility: hidden;
	position: absolute;
	left: 100px;
	z-index: -1;
}

.popup:hover span {
	visibility: visible;
	left: 100px;
	z-index: 3;
}
/* ---------------------------------------------------------------------------header */

#logo {
	height: 230px;
	width: 230px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#banner {
	height: 230px;
	width: 490px;
	position: absolute;
	left: 230px;
	top: 0px;
	font-size: 11px;
	text-align: center;
}

#bannerlinks {
	width: 230px;
	height: 230px;
	float: right;
	text-align: right;
	margin-right: 10px;
}


#bannerpics {
	width: 230px;
	height: 230px;
	float: right;
	margin-right: 10px;
}

#bannerpics img {
	border: 1px #ccc solid;
}

/* -------------------------------------------------------------------------------content */

#main {
	width: 965px;
	background-color: #fff;
	color: #000;
	height: 510px;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 230px;
	background-image: url('images/whitecorner.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#homecontent img.arrow {
	border: 0px;
	padding: 0px 3px 0px 0px;
	vertical-align: middle;
}

#homecontent {
	float: left;
	width: 710px;
	height: 510px;
	text-align: justify;
	overflow: auto;
}

#contentleft {
	float: left;
	width: 340px;
}

#contentright {
	float: right;
	width: 340px;
}

#leftpics {
	width: 350px;
	float: right;
	text-align: center;
}

#rightpics {
	float: right;
	width: 350px;
	text-align: center;
}

#widepics {
	float: right;
	width: 700px;
	text-align: center;
}


/* -----------------------------------------------------------------------content-auto-adjust */

div.auto {
	height: auto;
	float: none;
	clear: both;
}

#mainauto {
	width: 965px;
	background-color: #fff;
	color: #000;
	height: auto;
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 230px;
	background-image: url('images/whitecorner.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

#homecontentauto {
	float: left;
	width: 710px;
	height: auto;
	text-align: justify;
}

/* ----------------------------------------------------------------------------navigation-news */

#nav {
	height: 580px;
	width: 230px;
	background-color: #669900;
	color: #fff;
	z-index: 2;
	position: absolute;
	left: 720px;
	top: 0px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

#belownav {
	width: 230px;
	height: 145px;
	background-color: #fff;
	color: #333;
	text-align: justify;
	font-size: 10px;
	position: absolute;
	top: 585px;
	left: 719px;
	z-index: 2;
	border: 1px #333 solid;
}

/* ----------------------------------------------------------------------------ads-stats */

#adspace {
	width: 230px;
	height: auto;
	background-color: #fff;
	color: #333;
	text-align: center;
	font-size: 10px;
	position: absolute;
	top: 740px;
	left: 719px;
	z-index: 2;
	border: 0px;
}

#stats {
	width: 230px;
	height: auto;
	background-color: #fff;
	color: #000;
	text-align: justify;
	font-size: 12px;
	position: absolute;
	top: 740px;
	left: 719px;
	z-index: 2;
	border: 0px;
}

/* ------------------------------------------------------------------------------footer */

#footer {
	width: 950px;
	color: #999999;
	background-color: #000;
	float: left;
	position: absolute;
	left: 0px;
	top: 740px; 
	text-align: justify;
	text-justify: distribute-all-lines;
	font-size: 11px;
}

#footeradjust {
	width: 965px;
	color: #999999;
	background-color: #000;
	height: auto;
	overflow: visible;
	float: none;
	clear: both;
	text-align: justify;
	text-justify: distribute-all-lines;
	font-size: 11px;
}

/* ------------------------------------------------------------------------------links */
/* ---------------------------------blue */

a:link {
	text-decoration: none;
	color: #3333cc;
}

a:visited {
	text-decoration: none;
	color: #000099;
}

a:hover {
	text-decoration: none;
	color: #669900;
}

a:active {
	text-decoration: none;
	color: #990000;
}

/* ---------------------------------gray */

a.foot:link {
	text-decoration: none;
	color: #c0c0c0;
}

a.foot:visited {
	text-decoration: none;
	color: #999;
}

a.foot:hover {
	text-decoration: none;
	color: #669900;
}

a.foot:active {
	text-decoration: none;
	color: #990000;
}

/* --------------------------------white */

a.popular:link {
	text-decoration: none;
	color: #fff;
}

a.popular:visited {
	text-decoration: none;
	color: #ccc;
}

a.popular:hover {
	text-decoration: none;
	color: #669900;
}

a.popular:active {
	text-decoration: none;
	color: #990000;
}

/* --------------------------------nav-white */

a.nav:link {
	text-decoration: none;
	color: #fff;
}

a.nav:visited {
	text-decoration: none;
	color: #fff;
}

a.nav:hover {
	text-decoration: none;
	color: #000;
}

a.nav:active {
	text-decoration: none;
	color: #000;
}

/* -------------------------------------------------------------------------headings */

h1 {
	font-family: "century gothic", "avant garde", "avant garde gothic", "itc avant garde gothic", trebuchet, arial, futura, sans-serif;
	margin: 10px 5px 5px 10px;
	color: #3333cc;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	font-family: "century gothic", "avant garde", "avant garde gothic", "itc avant garde gothic", trebuchet, arial, futura, sans-serif;
	margin: 10px 5px 5px 10px;
	color: #669900;
	text-align: left;
	font-size: 13px;
	font-weight: bold;	
}

h6 {
	font-weight: bold;
	font-size: 12px;
	color: #3333cc;
}