/* ================= Basic Page Elements ============================ */
body {	
    font-family: Arial, Helvetica, sans-serif; 
	background-color: white;
	color: #000066;
    margin: 0px;
    min-width: 750px;
}

/* Everything is within this div */
/* Width for 800x600 display */
div#container 
{
	margin: 0 auto;
	width: 750px;
	padding: 0px;
}

/* Contain the 2/3 part list */
div#content-container
{
    float: left;
    width: 100%;
    background-color: #E6E6E6;
}

/* The main content */
div#content
{
    clear: left;
	float: left;
	width: 550px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	display: inline;
	font-size: smaller;
}

/* The right hand side */
div#aside
{
    float: right;
	width: 150px;
	padding: 0;
	margin: 0 0px 0 0;
	display: inline;
}
@media print { div#aside { display: none; } }

/* The navigation bar */
div#navigation
{
    float: left;
    width: 100%;
    background-color: #660000;
    font-size: smaller;
}
@media print { div#navigation { display: none; } }

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background-color: black; }

/* Site Name */
div#title
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 20pt;
    padding-top: 40px;
    padding-left: 20px;
}
@media print { div#title { padding-top: 0px; } }

/* Site Slogan */
div#slogan
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    font-size: 12pt;
    padding-left: 20px;
}

/* The Logo, Slogan, and Picture area */
div#header
{
    background-color: #990000;
    color: White;
    height: 125px;
    width: 100%;
}
@media print { div#header { color: black; background-color: white; border-bottom: solid medium black; padding-bottom: 10px; height: auto; } }

/* Box which appears if called from old version */
div#upgrade
{
    font-size: smaller;
    font-weight: bold;
    color: black;
    text-align: center;
    border: dotted thin red;
    padding: 1em;
}

/* Copyright footer at end of each page */
div#copyright
{
    clear: both;
    color: #000066;
    width: 100%;
    text-align: center;
    font-size: 8pt;
    margin-top: 16pt;
    padding-top: 8pt;
    border-top: solid thin #00008B;
}


/* General Tags */
h1,h2,h3,h4,h5, .Hinline
{
	color: navy;
	font-family: Arial, Helvetica, sans-serif; 
}


h1 
{	
	font-size: 14pt;
}

h2 	 
{
    font-size: 12pt;
}

h3 	
{    
    font-size: 11pt; 
}

.Hinline  
{	
    font-weight: bold;
}

dfn  
{
	text-decoration: underline;
	color: blue;
}

pre	
{   
    font-size: 8pt;
	font-family: "Courier New", "Courier", monospace;
	background-color: #F0F0F0;
}

ul 
{
    margin-top: 0.5ex;
}

ol 
{
   margin-top: 0.5ex;
}

a:hover { color: #FF0000; }
@media print { a { text-decoration: none; color: #000066; } }



div.NETWORKTHIS 
{
    font-size: small;
    height: 2em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@media print {    div.NETWORKTHIS { display: none; } }



/* Call Outs */
div.CALLOUT
{
    xfont-family: Times New Roman, Times New Roman, Serif;
    font-size: 10pt; 
    float: right;
    color: black;
    background-color: white;
    padding: 10px;
    border: 1px solid black;
    margin: 4px;
}

div.CALLOUT h1, div.CALLOUT h2, div.CALLOUT h3
{
    font-size: 12pt;
}


/* Form Input */
TEXTAREA,INPUT,SELECT
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: black;
	font-size: small;
}

/* Feedback */
#FEEDBACK_BLOCK
{
    background-color: gray; 
    border: solid black 1px; 
    margin-top: 20px; 
    text-align: center; 
}
@media print { #FEEDBACK_BLOCK { display: none; } }

.FEEDBACK_TITLE
{
    font-weight: bold; 
    color: black; 
    text-align: center; 
}

.FEEDBACK_CONTENT
{
    text-align: center; 
    margin-top: 0px;
}

.FEEDBACK_FORM
{
    margin-top: 0px;
}


/* Social Bookmarks */
div.socialbookmarks 
{
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: hidden;
}

div.socialbookmarks ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

div.socialbookmarks li {
	display: inline-block;
	margin-right: 8px;
}

/* for opacity to work in IE8, the element must be a block */
div.socialbookmarks a 
{
    display: block; float: left; margin: 0px; padding: 0px;
}

div.socialbookmarks a:hover {
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

div.socialbookmarks img 
{
    border: none;
    width: 24px;
    height: 24px;
    margin: 0px;
    padding: 0px;
}

@media print { .NOPRINT { display: none; } }