/*Settings for links (penny-arcade style links, white underlined for links, active and visited links, but hover set to red)*/

a:link {color: #FFFFFF}     /* unvisited link */
a:visited {color: #FFFFFF}  /* visited link */
a:hover {color: #FF0000}   /* mouse over link */
a:active {color: #FF0000}   /* selected link */

/*Default Text Settings: white, 12px verdana, 1.5 line spacing
Text-align and margin settings for Internet explorer display fix (page centering with absolute positioning)*/

body {
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 12px;
	background: #333333;
	margin: 0px 0px 0px 0px;
        text-align: center;
        line-height: 1.5;
}


/*Simple centering for title page*/

.titlepage { 
	text-align: center; 
/* 	margin-right: 25%; 
	margin-left: 24%;  */
	text-align: center;
margin-left: auto;
margin-right: auto;
width: 700px;

}

/*Complex centering for content; all html contained within one <div> 
with defined width and left postitioning, auto margins either side and a minimum display size*/ 

.content { 
        text-align: left;
	position: absolute;
	width : 700px; 
	height : 100%; 
	top : 20px; 
	left: 1px; 
	right: 10%; 
	min-width: 750px; 
	margin-right: auto; 
	margin-left: auto; 
}

/*Navigation bar postioning within content*/

.navibar  { 
	background-position: left top; 
	position: absolute; 
	width: 139px; 
	height: 2500px; 
}

/*All other elements have fixed sizes to work with the absolute positioning layout:


/*Individual page titles postioning within content*/
	
.pagetitle { 
	background-color: gray; 
	position: absolute; 
	top: 5px; 
	left: 30px; 
	width: 680px; 
	height: 88px; 
}

/*Main holding container, primary section for text on most pages (grey background slightly larger text, margin padding)*/

.pagecontent { 
	color: white; 
	font-size: 14px; 
	background-color: rgb(51,51,51); 
	text-align: left; 
	position: absolute; 
	top: 108px; 
	left: 20px; 
	width: 666px; 
	height: auto; 
	padding: 15px 15px 30px; 
	border: solid 2px; 
}

/*Navy containers for news posts and pages with divided content, plus gaps between each post*/

.newspost { 
	color: #ffffff; 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
	font-size: 12px; 
	background-color: #092655; 
	background-position: center 0; 
	text-align: left; 
	position: static; 
	top: 10%; 
	left: 10%; 
	width: 500px; 
	/*float: inherit; */
	margin-top: 30px; 
	margin-bottom: 30px; 
	margin-left: 80px; 
	padding: 10px; 
	border: solid 1px white; 
	outline: solid 1px white; 
}

/*Header for mini-titles and headings within news posts*/

.newspostheader { 
	color: #ffffff; 
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; 
	font-size: 12px; 
	background-color: gray; 
	text-align: left; 
	position: static; 
	top: 10px; 
	width: 450px; 
	padding-right: 0; 
	border: solid 1px black; 
	outline-width: 1px; 
}

/*Positioning for links to other pages within main pagecontent*/

.links { 
	text-align: center; 
        text-decoration: none;
	position: relative; 
	top: 10px; 
}