@charset "utf-8";
/* CSS Document */

body{
	margin:0 auto;
	width:1024px;
	padding:0;
	background:#FFFFFF;
	font: 13pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/*This is the CSS for making the active page tab a different color*/
body.home li#hometab, body.latest li#latesttab, body.mostread li#mosttab, body.archives li#archivestab, body.forums li#forumstab, body.contact li#contacttab{
	background-color:#496383;
	border-color:#496383;
}

body.home li#hometab:hover, body.latest li#latesttab:hover, body.mostread li#mosttab:hover, body.archives li#archivestab:hover, body.forums li#forumstab:hover, body.contact li#contacttab:hover{
	background-color:#F28030;
	border-color:#F28030;
}

#outercontainer{
	margin:0 auto;
	position:relative;
	padding:0;	
	width:1024px;
	text-align:left;
	z-index:1;
}

/*  ==========  left sidebar & menu ==========  */

#bgleft{
	position:absolute;
	float:left;
	width:230px;
	height:100%;
	background:#0A3148;
	z-index:3;
}

#menu{
	position:relative;
	float:right;
	top:265px;
	width:140px;
	background:transparent;
	z-index:5;
}

#menu ul{
	list-style-type:none;
}

#menu li{
	padding:5px;
	display:block;
}

#menu li:hover{
	background:#F28030;
	border-color:#F28030;
}						

#menu a:link, #menu a:visited{
	color:#FFFFFF;
	text-decoration: none;
	padding-left:5px;
}

#menu a:hover, #menu a:active{
	text-decoration: none;
}	

/*  ==========  header & container ==========  */

#uppercontainer{
	position:relative;
	left:12.5%;
	padding:0;
	width:75%;
	z-index:4;
}

#header{
	position:relative;
	width:1024px;
	height:263px;
	background:url('../images/header.png');
	z-index:6;
	color:#FFFFFF;
}

#header h1, h2, h3{
	margin: 0;
	padding-top:20px;
}

#date{
	position:relative;
	float:left;
	margin-top:0px;
	padding-top: 50px;
	padding-left:35px;
	color:#0A3148;	
}

#date p{
	margin:-5px;
}

#day{
	font:36pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#FFFFFF;
}

#title{
	position:relative;
	float:right;
	margin-top:0px;
	padding-right:25px;
	font: 36pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

/*  ==========  main content area ==========  */

#mainbody{
	position:relative;
	float:left;
	margin-left:128px;
	z-index:2;
}

#contentcolumn{
	position:relative;
	margin-left:0px;
	float:left;	
	width:1024px;
	background:transparent;
	z-index:4;
}

#content{  /*  =========  content area  ==========  */
	margin-left:0px;	
}

#content h1{
	font: 30pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#F28030;
}

#content h2{
	font: 18pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#F28030;
}

#content h4{
	font: 14pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#0A3148;	
}

#content p{
	font:12pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0A3148;
}

/*  ==========  left content area ==========  */

#contentleft{  
	position:relative;
	left:165px;
	float:left;
	width:590px;
	margin: -5px 10px 10px 0px;  /*adjusts center content*/
	padding-top:10px;	
}

/*  =====  latest content page ====== */

.latestcontent{
	position:relative;
	float:left;
	width:100%;	
	border-top:thin solid #F28030;
	margin-top:10px;/*creates gap between borders*/
	padding-top:20px;/*creates gap between border & picture*/
	display:block;
}

.imglatest{
	position:relative;
	float:left;
	width:100px; 
	height:100px;
	padding-bottom:10px;
}

.latestcontent ul{
	position:relative;
	float:left;
	width:100%;
	list-style-type:none;
}

.latestcontent li{
	height:20px
	text-align:left;
	display:block;
	line-height:1.2em;
}

.article{
	float:left;
}

.smallercontent{
	position:relative;
	float:left;
	width:100%;
	border-bottom: thin solid #F28030;	
}

.smallercontent ul{
	position:relative;
	float:left;
	margin-top:-5px;
	list-style-type:none;
}

.smallercontent li{
	display:inline;
	padding-right:57px;	
	margin-left:-40px;
	font:11pt "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.smallercontent li a{	
	text-decoration:none;
}

.smallercontent li a:hover{	
	text-decoration:underline;
	color:#F28030;
}

.blue{
	color:blue;
}

/*  =====  most read page ====== */

.articles{
	border-top: thin solid #F28030;
	margin-top:5px;
}

.articles ul{
	position:relative;
	float:left;
	width:100%;
	list-style-type:none;
}

.articles li{
	display:block;
	padding-right:0px;	
	margin-left:0px;
}

.articles li a{	
	color:#0A3148;
	text-decoration:none;
	padding-left:5px;
}

.articles li a:hover{	
	text-decoration:underline;
	color:#F28030;
}

/*  =====  archives page ====== */

#selection{
	position:relative;
	float:left;		
	width:100%;
	padding:25px;
}

#select{
	position:relative;
	float:left;
}

#pushme{
	position:relative;
	left:-10px;
	top:40px;
	float:left;
	width:46px;
	height:50px;
}
#click{
	float:left;	
	position:relative;
	left:-5px;
	top:40px;
	width:180px;
}
	
#mouse{
	position:relative;
	float:left;
	width:80%;
	padding-top:50px;
	margin-left:100px;
}

/*  =====  forums page ====== */


/*  =====  contact us page ====== */

.vertical{
	position:relative;
	top:-20px;
	margin-left:15px;
}

#disclaimer{
	padding-top:5px;
	border-top:thin solid #F28030;
}

#contactus{
	position:relative;
	padding:200px 0px;
	width:100%;
	float:right;
}

/*  ==========  right content sidebar ==========  */

#contentright{  
	float:right;
	width:200px;
	margin:-105px auto 10px auto;
	padding: 10px 10px;
	background:#496383;
	border-top:60px solid #0A3148;
	border-bottom:20px solid #0A3148;
	text-align:center;
	z-index:4;
}

#image{
	margin:0 auto;
	padding-top:0px;
	padding-bottom:3px;
	width:196px;
}

#contentright h2{
	margin-top:10px;
	border-bottom:1px solid #F28030;
}

#contentright p{
	color:#FFFFFF;
}

#search {
	width:100%;
	background:#0A3148;
	margin:10px 0px 0px -10px;
	padding:5px 10px;
	border-top:10px solid #FFFFFF;
	border-bottom:10px solid #FFFFFF;
}

#siteTopics{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px;
}

#siteTopics ul{
	width:170px;
	list-style-type:none;
}

#siteTopics li{
	padding:0px;
	text-align:left;
	display:block;
}

#siteTopics li:hover{
	background:#FFFFFF;
	margin-left:-50px;
	padding-left:50px;
	display:block;
}

#siteTopics a:link, #sitetopics a:visited{
	color:#FFFFFF;
	text-decoration: none;
	display:block;
}

#siteTopics a:hover, #sitetopics a:active{
	color:#0A3148;
	text-decoration: none;
	padding-left:0px;
	display:block;
}

#members{
	margin-left:0px;
}

#members p{
	position:relative;
	width:100%;
	margin:10px 0px 0px -10px;
	padding:5px 10px;
	text-align:center;	
}

#login ul{
	position:relative;
	width:100%;
	list-style-type:none;
}

#login li{
	position:relative;
	float:left;
	display:inline;
	margin-left:-10px;
	padding-right:15px;
	text-align:left;
}

#login li a{
	position:relative;
	float:left;
}

#login li:hover{
	background:none;
}

#login li a{
	font: 8pt "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-top:12px;
}

/*  ==========  footer & container  ==========  */

#lowerbody{
	position:relative;
	left:12.5%;
	padding:0;
	width:75%;
	z-index:2;
}

#footer{
	position:relative;
	left:12.5%;
	bottom:0px;
	width: 1024px;
	height:262px;
	padding: 0px 0px;	
	background:url('../images/footer.png');
	z-index:6;
}

#footer a{
	color: #0A3148;
	text-align:left;
}

#copyright{
	position:absolute;
	bottom: 25px;
	margin-left:375px;
}
	
/*  ==========  miscellaneous  ==========  */

.clear{
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	height: 0;
}

.bold{
	font-weight:bold;
}

.light{
	font-weight:lighter;
}

.color{
	height:25px;
	width:100px;
	background:#0A3148;
	border: 5px solid #FFFFFF;
	text-align:left;
	margin-bottom:10px;
}