@charset "utf-8";
/* CSS Document */
/* kept in directory: /styles_scripts/main.css */


/* General styles for all pages */
img
	{
	border: none;
	display: block;
	}


/* Styles for the background */
body#background
	{
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #003366;
	background-image: url('../images/background.gif');
	background-repeat: repeat;
	/* NOTE: This is a trick to make sure older versions of IE center the page properly. BE SURE TO SET THE TEXT ALIGNMENT OF ALL OTHER CLASSES! */
	text-align: center;								
	}

/* Styles for the main content page */
div#mainpage
	{
	width: 751px;
	padding: 0px;
	/* NOTE: 'Auto' is used to center the page on modern browsers */
	margin: 0px auto;
	/* NOTE: This next line ensures that the text-align from the BODY tag is corrected for */
	text-align: left;
	}


/* Styles for the Header */
div#header
	{
	float:left;
	width: 100%;
	position: relative;
	}
/* (spacer on left side just below main header image) */
div#spacer
	{
	float: left;
	height: 22px;
	width: 171px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #003366;
	}


/* Styles for the top bar on the page */
div#topbar
	{
	float: left;
	height: 22px;
	width: 580px;
	margin: 0px;           
	padding: 0px;
	background-color: #FFFFFF;
	}
/* black version of same bar */
div#topbar_black
	{
	float: left;
	height: 22px;
	width: 580px;
	margin: 0px;           
	padding: 0px;
	background-color: #000000;	
	}

/* correctly positions the topbar layout image */
div#topbar img#topcorner,
div#topbar_black img#topcorner
	{
	float: left;
	}


/* Styles for the two-column layout */
div#columns
	{
	clear: both;						/* ensures that the header stays put */
	position: relative;
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url('../images/column_background_white.png');
	background-repeat: repeat-y;
	width: 751px;
	}
/* black version of columns */
div#columns_black
	{
	clear: both;						/* ensures that the header stays put */
	position: relative;
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url('../images/column_background_black.png');
	background-repeat: repeat-y;
	width: 751px;
	}

/* left menu column */
div#columns div#leftcolumn,
div#columns_black div#leftcolumn
	{
	background-color: transparent;
	float: left;
	width: 171px;
	margin: 0px;
	padding: 0px;
	border: none;
	}
/* right menu column */
div#columns div#maincolumn,
div#columns_black div#maincolumn
	{
	background-color: transparent;
	float: left;
	width: 580px;
	margin: 0px;
	padding: 0px;
	border: none;
	}


/* Styles for the side menu (left) */
div#sidemenu
	{
	margin: 0px;
	margin-bottom: 59px;		/* keeps the "Contact NESEC" image from covering the menu! */
	padding: 0px;
	clear: both;
	}
div#sidemenu ul
	{
	list-style-type: none;		/* remove list bullets */
	padding: 0px;				/* remove list indentation (Firefox) */
	margin: 0px;   				/* remove list indentation (IE) */
	border: none;
	background:none;
	background-color: #003366;
	}
div#sidemenu li
	{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px dotted #FFFFFF;
	margin: 0px 4px 0px 4px;
	padding: 1px 0px 1px 3px;
	}
div#sidemenu li a
	{
	text-decoration: none;  /* remove line uner links */
	}
/* color when mouse is not over link*/
div#sidemenu ul a:link,
div#sidemenu ul a:visited
	{
	color:#FFFFFF;
	}
/* color when mouse is over link */
div#sidemenu ul a:hover,
div#sidemenu ul a:active,
div#sidemenu ul a:focus
	{
	color:#FFFF00;
	}
/* color link is for current page*/
div#sidemenu ul a.current,
div#sidemenu ul a.current:link,
div#sidemenu ul a.current:visited,
div#sidemenu ul a.current:hover,
div#sidemenu ul a.current:active,
div#sidemenu ul a.current:focus
	{
	color:#FFFF00;
	}


/* Special style for hiding contact information on web site */
/* (content inside the span is replaced on javascript-enabled browsers) */
span.contactinfo
	{
	}

/* Styles for the main content window (right) */
div.content
	{
	padding: 0px 10px 3px 15px;				/* NOTE: Ensures that content is not blocked by the floated contact div! */
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
div.content p
	{
	font-size: 90%;
	text-align:justify;
	padding: 0px;
	margin: 5px 0px 15px 0px;
	}
div.content hr
	{
	color: #003366;
	background-color: #003366;
	width: 100%;
	}
div.content img
	{
	border: none;
	display: block;
	}
div.content ol,
div.content ul
	{
	font-size: 90%;
	text-align:left;
	margin: 0px 5px;
	}
div.content ol li,
div.content ul li
	{
	margin: 5px 5px 5px 10px;
	}
div.content h1
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	}
div.content h2
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align:left;
	}
div.content h3
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	text-align:center;
	font-style:italic;
	}
div.content h4
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	padding-top: 20px;
	}
div.content h5
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align:left;
	font-style:italic;
	font-weight:normal;
	margin: 25px 0px 0px 0px;
	text-transform: uppercase;
	}
div.content h6
	{
	font-weight: bold;
	color: #003366;
	text-align: left;
	font-size: 105%;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
	margin: 30px 0px 0px 0px;

	}
div.content div.address
    {
	display:block;
	margin: 25px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
    }
div.content code
	{
	font-size: 100%;
	}
div.content blockquote
	{
	font-size: 90%;
	margin-left:25px;
	display:block;
	}
div.content cite
	{
	font-size: 90%;
	font-style:italic;
	margin: 0px 40px 35px 25px;
	display: block;
	}
/* Styles for a Table of Contents */
div.content div.contents {
	width: 300px;
	border: solid 1px #666666;
	margin: 5px 5px 40px 0px;
	padding: 5px;
	background-color: #EEEEEE;
	}
div.content div.contents h1 {
	font-weight: bold;
	font-size: 85%;
	text-align: left;
	margin: 6px 0px;
	padding: 0px;
	}
div.content div.contents a {
	text-decoration: none;
	display: block;
	margin: 5px 0px; 
	text-align: left;
	font-size: 75%;
	}
/* Styles for a return-to-top link */
div.content a.return
	{
	clear: both;
	display: block;
	font-size: 60%;
	text-decoration: none;
	margin-bottom: 32px;
	border: none;
	margin: 5px 0px 30px 0px;
	padding: 0px;
	}
/* Styles for content footnotes */
div.content p.footnote
	{
	margin-top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 75%;
	font-style: italic;
	}

/* Styles for the footer */
div#footer
	{
	clear: both;
	position: relative;				/* NOTE: This position is used with img#contactlogo to move it into the proper position */
	width: 751px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #003366;
	}
div#footer div#privacy
	{
	float: left;
	width: 171px;
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: #003366;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	}
/* color when mouse is not over link*/
div#footer div#privacy a,
div#footer div#privacy a:link,
div#footer div#privacy a:visited
	{
	border: none;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	}
/* color when mouse is over link */
div#footer div#privacy a:hover,
div#footer div#privacy a:focus,
div#footer div#privacy a:active
	{
	color: #FFFF00;
	}
/* NOTE: This class places the contact image just above the footer, over the left column. */
div#footer img#contactlogo
	{
	position: absolute;			/* NOTE: This is used with positioning in div#footer to correctly place the contact image */
	top: -59px;					/* (top) = -1 * ((height of img#contactlogo) + (height of margin below the image)) **/
	left:  1px; 				/* (left) = (width of left column) - (width of img#contactlogo) - (right margin of image) */
	width: 176px;				/* dimensions of contact image */
	height: 59px;				/* dimensions of contact image */
	}
div#footer img#address
	{
	width: 524px;
	float: left;
	margin: 2px 0px 0px 30px;
	padding: 0px;
	}