body {
	background-color:#D4D4D4;
	color:#333;
	font:normal 12px Arial, Helvetica,sans-serif;
	text-align:left;
	margin: 0;

}
#hd_container{
	width:100%;
	margin:2px;
	background-image:url(../images/top_bg_01.jpg);
	border-bottom: 2px solid #fff;
}

#header {
	width: 900px;
	margin: 0 100px;
	padding: 0.5em;
	height:100px;
	color:#fff;
}

#topnav {
	background-image: url(../images/nav_bg.jpg);
	padding: 5px 0 0;
	}

#menu{
	width: 900px;
	height: 14px;
	margin: 0 100px;
	}

#page {
	margin:0 100px;
	background-color:#fff;
	overflow: auto;
	width: 900px;
	}


#content {
	float:right;
	width: 700px;
	padding:0;
	margin: 1em;
}


#content_header{
	margin-bottom:10px;
}

#sidebar {
	padding: 1em 0;
	margin: 0.5em 0;
	line-height: 1.5em;
	width: 170px;
	float: left;
}

#Welcome{
	float:left;
	width: 60%;
	padding: 2px;
}

#News{
	padding: 10px;

}

#footer {
	clear:both;
	padding: 0.5em 0;
	text-align:right;
	color:#fff;
	background-image:url(../images/footer_bg_60.jpg);
}

#download{
	clear:both;
	margin: 1em 1em 4em;
}



h1 { /* H1 is the title in the header */
	font: bold 30px Arial, Helvetica,sans-serif ;
	padding: 0;
	text-align:left;
}

h2 {	/* H2 is the title of the page */
	font-weight: normal;
	color: #fff;
	background-color: #333;
	padding: 0.3em ;
	margin:0;
	/*font-variant:small-caps;*/
}

h3 {
	font-size: 12px;
	padding: 0;
	margin: 1.5em .2em .2em;
	color: #333;
}

h4 {
	font-size: 1.2em;
	padding: 0;
	margin: 1.5em .2em .2em;
	color: #808080;
}

a {
text-decoration:none;
color:#00008B;
}

a:hover {
text-decoration:underline;
color:#00008B;
}

p {
margin:.5em .2em 1em;
padding:0;
}

ul {
margin:0 0 0 1em;
padding:0 0 1em;
}
	

/* --- Main Navigation --------- */
	
#menu ul
{
	margin: 0;
	padding: 0;
}

#menu li {
	padding-right: 1px;
	display: inline;
	}

	
#menu a, #menu a:link, #menu a:visited {
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 5px 15px 7px;
	font-size:14px;
	}
	
#menu a:hover, #menu a:focus{
	text-decoration: underline;
	margin: 0;
	padding: 5px 15px 7px;
	}
	
#menu a.here {
	text-decoration: none;
	
	}
	

/* --- Sub Navigation --------- */

#subNav ul li{
	list-style:none;
	margin:0;
	display: block;
	font-size: 14px;
	list-style-image: none;
	background-image: url(../images/side_link.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0.5em 0em 0.5em 20px;
	color: #333;
	text-decoration: none;
}
#subNav ul li a{
	color: #333;
}

.sideLink:hover, .sideLink:focus {
	text-decoration: underline;
}

.sideLink_onpage, .sideLink_onpage:hover{
	text-decoration: none;
	font-weight: bold;
}


/* --- Images --------- */
img.left {
float:left;
margin:0 12px 0 0;
border:0;
}

img.right {
float:right;
margin:0 0 0 12px;
border:0
}

img.center {
display:block;
margin:0 auto;
}

img.headers
{
	display:block;
	margin:0 12px 10px 0;
}


/*------- Ranks Page -----*/
.ranks-left
{
	width: 30%;
	float: left;
}

.ranks-right
{
	float: left;
	width: 30%;
	margin: 0 40% 0 0;
}

.ranks-left p
{
	padding: 0 0 40px 0;
}

.ranks-right img
{
	padding: 0 30px 10px 0px ;
}
.ranks-box
{
	width: 40%;
padding-left: 60%;
padding-top: 200px;
margin: 0 0 -400px 0;
float: right;
}

/**************************************************************
   Posts
 **************************************************************/

.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1em;
  padding: 0;
}

.post .news_image {
  float:left;
  width: 25%;
  padding:0;
  margin:0;
  border: 1px solid #CCC;
}
.news_image img
{
	width:100%;
	border:0;
}

.post .news_text {
  float:right;
  width: 72%;
  padding: 0;
  margin:0;
  text-align: left;
}


.post .title {
  display: block;
  padding: 0.5em 0em;
  font-size: 1.2em;
  font-weight: 700;
  color: #313E5B;
}

.post .sub_header {
  display: block;
  padding: 0 0 0.5em 0;
  font-size: 1em;
}

.post .date {
  font-style: normal;
  font-size:0.9em;
  font-weight: 600;
}

/**************************************************************
   Full Article
 **************************************************************/

.fullArticle {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  padding: 0.5em;
}


.fullArticle .title {
  display: block;
  color: #313E5B;
  font-weight: 700;
  font-size: 1.5em;
}

.fullArticle .date {
  font-style: italic;
}

/**************************************************************
  Image Gallery
 **************************************************************/


#phpGallery_title	{
	font-family: verdana;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

#phpGallery_title a	{
	font-size: 15px;
}

#phpGallery_table	{
	margin:2px;
}

img.gallery	{
	margin:10px 20px;
	border: 0;
}