/**
*
*  Style sheet for net-seal.net
*
*  All elements use min-height so the page can grown dynamically
*/

/*
* The outermost solid grey thick border around the content area
*/
#ContentContainerOutter {

	position:			relative;
	left:				0px;
	top:				0px;
	width:				750px;
	z-index:			1;
	background-color: 	#999999;
	margin-top: 		2px;   /* separate this from the nav bar for the thin black line */
	border-top: 		1px solid #999999; /* needed for bug in firefox/opera */
	min-height: 		600px;
	
}
/* IE does not support min-height, this will fix it */
/*\*/
* html #ContentContainerOutter {
height: 650px;
}
/**/


/*
* Provides the two borders outside the content area, the grey and light blue ones.
* The light blue border is provided by the background color and the grey border is
* the actual border of this element. 
*/
#ContentContainerInner {

	position:			relative;
	z-index:			1;
	width: 				700px;
	background-color: 	#A2B0D7;
	margin-right: 		auto;
	margin-left:		auto;
	margin-top:			25px;
	border: 			1px solid #333333;
	min-height:			550px;
	
}
/* IE does not support min-height, this will fix it */
/*\*/
* html #ContentContainerInner {
height: 550px;
}
/**/

/*
*  Holds the text that holds the page's name and provides the gradient background 
*  above the main content area
*
*/
#ContentHeader {

	position:			relative;
	width:				698px;
	height:				44px;
	z-index:			1;
	background-image: 	url(../images/contentBG.jpg);
	margin-left: 		auto;
	margin-right: 		auto;
	border-top: 		1px solid #A2B0D7; /* needed for bug in firefox/opera */
	
}

/*
*  This is the actual content area with the dark blue background
*
*/
#Content {

	position:			relative;
	width:				698px;
	z-index:			1;
	margin-left: 		auto;
	margin-right: 		auto;
	background-color: 	#000066;
	margin-bottom:		1px;
	min-height:			504px;
	
	
}
/* IE does not support min-height, this will fix it */
/*\*/
* html #Content {
height: 504px;
}
/**/

/*
*  Where the content goes, the content is in here in order to give the margins
*  so the content isn't up against the edges of the Content layer
*
*/
#ContentHere {

	position:			relative;
	width:				630px;
	z-index:			2;
	margin-left:		auto;
	margin-right:		auto;
	top: 				30px;
		
}
/*
*  This container holds everything on the right side (news and links)
*
*/
#RightContainer {

	position:			relative;
	width:				195px;
	z-index:			1;
	background-color: 	#999999;	
    min-height: 		731px;

}
/* IE does not support min-height, this will fix it */
/*\*/
* html #RightContainer {
height: 731px;
}
/**/

/*
*  This is the main container that holds everything
*
*/
#Container {

	position:			relative;
	width:				950px;
	z-index:			1;
	margin-right: 		auto;
	margin-left: 		auto;
	
}

/*
*  Holds the banner image
*
*/
#Banner {

	position:			relative;
	width:				750px;
	height:				50px;
	z-index:			2;
	background-color: 	#CCCCCC;	
}

/*
*  Holds everything on the left side (banner, navigation, content and footer)
*
*/
#LeftContainer {

	position:			relative;
	left:				0px;
	top:				0px;
	width:				750px;
	z-index:			2;

}

/*
*  Holds the links in the footer
*
*/
#Footer {

	position:			relative;
	width:				750px;
	height:				30px;
	z-index:			1;
	background-color: 	#CCCCCC;
	margin-top: 		2px;
	text-align:			center;
	background-image:	url(../images/footerBG.jpg);
	
}

/*
*   Holds all the navigation link images
*
*/
#Navigation {

	position:			relative;
	left:				0px;
	top:				0px;
	width:				750px;
	height:				45px;
	z-index:			1;
	background-color: 	#CCCCCC;
	margin-top: 		2px; /* separates it from the banner */
	background-image: 	url(../images/navBG.jpg);
	
}

/*
*  Provides the two borders for the news area. One grey border and one light blue border.
*  Similiar to ContentContainerInner
*
*/
#NewsContainerOutter {

	position:			relative;
	width:				140px;
	z-index:			1;
	background-color: 	#A2B0D7;
	margin-left: 		30px;
	margin-top: 		15px;
	height: 			290px;
	border: 			1px solid #333333;
	
}

/*
*  Holds the actual news and the two scroll arrrows
*
*/
#NewsContainerInner {

	position:			relative;
	width:				138px;
	height:				243px;
	z-index:			1;
	margin-left:		auto;
	margin-right:		auto;
	background-color: 	#000066;
	
}

/*
*  Holds the top part of the news section that holds the "News" text
*
*/
#NewsHeader {

	position:			relative;
	width:				138px;
	height:				44px;
	z-index:			1;
	background-image: 	url(../images/contentBG.jpg);
	margin-left: 		auto;
	margin-right: 		auto;
	border-top: 		1px solid #A2B0D7; /* needed to fix bug in firefox/opera */
	
}

/*
*  Where all of the news posts are
*/
#News {

	height:				200px;
	z-index:			1;
	font-family: 		Tahoma;
	font-size: 			12px;
	color: 				#FFFFFF;
	overflow:			hidden;
	
}




/*
*  Provides the two borders for the news area. One grey border and one light blue border.
*  
*/
#SearchContainer {

	position:			relative;
	width:				140px;
	z-index:			1;
	background-color: 	#A2B0D7;
	margin-left: 		30px;
	margin-top: 		15px;
	height: 			160px;
	border: 			1px solid #333333;
	overflow:			hidden;
	
}

/*
*  Holds the top part of the news section that holds the "News" text
*
*/
#SearchHeader {

	position:			relative;
	width:				138px;
	height:				44px;
	z-index:			1;
	background-image: 	url(../images/contentBG.jpg);
	margin-left: 		auto;
	margin-right: 		auto;
	border-top: 		1px solid #A2B0D7; /* needed to fix bug in firefox/opera */
	overflow:			hidden;
	
}

/*
*  Where all of the news posts are
*/
#Search {
	position:			relative;
	width:				138px;
	height:				113px;
	z-index:			1;
	margin-left:		auto;
	margin-right:		auto;
	background-color: 	#000066;
	overflow:			hidden;
	z-index:			1;
	font-family: 		Tahoma;
	font-size: 			12px;
	color: 				#FFFFFF;
	text-align:			center;
	
}
/*
* Provides the two borders for the Links section, one gray one light blue
*
*/
#LinksContainer {

	position:			relative;
	width:				140px;
	z-index:			1;
	background-color: 	#A2B0D7;
	margin-left: 		30px;
	margin-top: 		15px;
	height: 			220px;
	border: 			1px solid #333333;
	
}

/*
*  Holds the text that says "Links" and provides the gradient background
*
*/
#LinksHeader {

	position:			relative;
	left:				0px;
	top:				0px;
	width:				138px;
	height:				44px;
	z-index:			1;
	margin-left: 		auto;
	margin-right: 		auto;
	background-image: 	url(../images/contentBG.jpg);
	border-top: 		1px solid #A2B0D7; /* needed for bug in firefox/opera */
	
}

/*
*  Holds the images for each link
*
*/
#Links {

	position:			relative;
	top:				0px;
	width:				138px;
	height:				168px;
	z-index:			1;
	margin-left: 		auto;
	background-color: 	#000066;
	margin-right: 		auto;
	padding-top: 		5px;
	
}
 
#Links div {
	margin-top: 5px;
}
/*
*  Fix for firefox/opera
*
*/
html>body #RightContainer {	

	border-top:			1px solid #999999;

}

/*
*  Fix for firefox/opera
*
*/
html>body #Footer {

	border-top:			1px solid #CCCCCC;
	height:				29px;
	
}

/*
*  Main body
*/
body {

	background-color: 	#0066CC;

}



/*
* (no longer used?)
*
*/
.description {

    font-size:			11px;	
	width: 				500px;
	margin-top: 		15px;
	margin-bottom: 		15px;	
	text-align:			center;
	
}

/*
*  The normal text on every page
*
*/
.normalText {

	color: 				#FFFFFF;
	font-family:		Arial, Helvetica, sans-serif;	
	
	font-size: 			16px;
	
	line-height: 		1.2em;
}

/*
*  The header for every page (page title, "News", "Links")
*
*/
.headers {

	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold; 
	color: 				#FFFFFF;
	font-size: 			18px;
 	margin-top: 		10px; 
	text-align:			center;
  
}
/*
*
* Headers to be used on individual pages
*/
.pageheaders {

	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-weight: 		bold; 
	color: 				#FFFFFF;
	font-size: 			15px;
 	margin-top: 		10px; 
	text-align:			center;
  
}

.subheaders {

	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	font-weight: 		bold; 
	color: 				#FFFFFF;
	font-size: 			13px;
	text-align:			center;
  
}

a:link {
	color: 				#FFFFFF;
}
a:visited {
	color: 				#FFFFFF;
}
a:hover {
	color: 				#FFFFFF;
}
a:active {
	color: 				#FFFFFF;
}

/*
*
*  The text for "Contact Webmaster"
*/
.webmaster {

	font-size: 			12px;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	text-decoration:	underline;
	
}

/*
*  The text that appears underneat the page
*/
.nsf {

	font-size: 			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#FFFFFF;
	
}

/*
*
*   The navigation links in the footer
*/
.navLinks {

	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			14px;
	color: 				#333333;
    position:			relative;
    margin-top:			5px;
	
}

.navLinks a:hover {
	color:				#333333;
	text-decoration:	none;
}
.navLinks a:link {
	color:				#333333;
	text-decoration:	none;
}
.navLinks a:visited {
	color:				#333333;
	text-decoration:	none;
}
.navLinks a:active {
	color:				#333333;
	text-decoration:	none;
}

/*
*used by search.php
*/
.warning {
	font-size:			9px;
	font-style:			italic;
}


table .chapters {
	border-width: 		thin;
	border-spacing: 	0px;
	border-style: 		solid;
	border-color: 		white;
	border-collapse: 	collapse;
}
table .chapters td{
	text-align: 		center;
	padding: 			10px;
	border-width: 		thin;
	border-style: 		solid;
	
	
}

hr {
	border: 			0;
	color: 				#FFFFFF;
	background-color: 	#FFFFFF;
	height: 			1px;
}
td .title {
	border-bottom: 		1px solid #FFF;
}

/*
* Used for divs to display search results
*/
.searchResult {
	visibility: 		visible;
	display: 			block;
	text-align: 		left;
}

/*
* Properties for the div that holds the number of search results
*/
.searchTitle {
	font-style: 		italic;
	font-size: 			14px;
	
}

/*
*	Error messages
*/	
.error {
	color: 				#FF0000;
	font-weight:		bold;
}