﻿/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: #FFFFFF;
	color: #000000;

	/*font-size: .9em;
	font-family: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif; 
	text-align: left;
	font-size:10px;
	border-top: 2px solid #B51032;*/
}

/* Header Section */

#header 
{
	/*
	border-top: 3px solid #B51032;
	border-bottom: 1px dotted #B51032;
	height: 3em;
	*/
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .9em;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 01em;
	font-weight:bold;
}

#header a:link, a:visited  {
	color: #B51032;
}

/* Navigation */

#navigation 
{
	position: absolute;
	width: 200px;
	top: 5em;
	left: .9em;
	width: 13em;	
	
	/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	*/
}


#footer 
{
	width: 200px;
	position:relative;
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size:90%;
	
	top: .9em;
	left: 0em;
	width: 13em;	
	margin-top:.9em;
	/*margin-left: 10em;*/
	margin-right: 2em;
	margin-left: 152px;
}
#submenu
{
	text-align:left;
	padding-left:8px;
}

#footer a:visited, #submenu a:visited
{
	/*color:#ED4428;*/
	color: #990000;
}
#footer a:hover, #submenu a:hover
{
	color:#ffffff;
}


/* Main Content */

#content 
{
	/*LEFT: 152px; POSITION: absolute; TOP: 115px;
	margin-left: 11em;*/
	margin-left: 152px;
	width: 75%;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	/*font-size:90%;*/
	font-size:.9em;

}

#content p {
	font-size: 90%;
	/*line-height: 1.6em; */
}
.notice {
	color:#ff0000;
	font-weight:bold;

}


#content ul {
	/*font-size: 90%;*/
	/*line-height: 1.6em; */
}
#helpWindow 
{
	margin-left:.9em;
	width: 90%;
}


.floatRight {
	float: right;
	margin-left: 2px;
	border: none;
}



.division  {
	display: block;
	width:80%;
	font-size: .9em;
	font-family: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif; 
	text-align:left;
	padding: 5px 5px 5px 0.5em;
	/*border: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #B51032;*/
	color: #000000;
	text-decoration: none;
}

.clearfix:after {
    content: "clearfix."; 
    display: block; 
    height: 10px; 
    background-color:Red;
    clear: both; 
    visibility: visible;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */

/*Suggestions from http://www.inknoise.com/experimental/layoutomatic.php*/

/*Replace TABLES using DIVs http://alistapart.com/articles/practicalcss*/
div.row {
  clear: both;
  padding-top: 1px;
  }

div.row span.label {
  float: left;
  width: 70px;
  text-align: right;
  }
div.row span.asterisk {
  float: left;
  width: 5px;
  text-align: left;
  }

div.row span.formw {
  float: right;
  width: 100px;
  text-align: left;
  } 
  
  
  div.spacer {
  clear: both;
  }
  
#mainContainer2 {
	width: 800px;
	margin: 0 auto;
	float:left;
	font-size: .9em;
	font-family: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif; 
	text-align: left;
} 
#mainContainer2 ul
{
	margin-top:0px;
} 
#header2 {
	width: 700px;
}

#columnLeft {
	float: left;
	width: 400px;
}
#columnRight {
	float: right;
	width: 400px;
}



#links	/*User for horizontal links <ul> on credits page.*/
/*http://www.webreference.com/programming/css_lists/index.html#nogo*/
{
	padding:0;
	margin:0;
	/*color:#fff;*/
	font-family: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	white-space:nowrap;	/*ensures the text stays on one line*/
	/*list-style-type: lower-roman;  list-style-position:outside;
	list-style-image: url(images/fleur.gif); position: outside;*/	
}

#links li 
{
	display:inline;	/*makes the list horizontal*/
	
}	

#links li a
{
padding:0.2em .9em;
/*background:#fc6;
color:#000;border:1px solid #000;
text-decoration:none;*/
float:left;	/*keeps the list horizontal*/

}
a
{
	cursor:hand;
		
}

a:visited { color: #0000ff; } 

a.special
{
	color:#ad2e27;	/*#ed4428;*/
	font: 120% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	font-weight:bold;
	text-decoration:none;
}
a.special:visited
{
	color:#ad2e27;	/*#ed4428;*/
	font: 120% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	font-weight:bold;
	text-decoration:none;
}

a.SpecialLinks	/*used on Links page*/
{
	color:#0000ff;	/*#ed4428;*/
	font: 80% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	/*font-weight:bold;*/
	text-decoration:none;
}
a.SpecialLinks:visited
{
	color:#ad2e27;	/*#ed4428;*/
	font: 80% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	/*font-weight:bold;*/
	text-decoration:none;
}
a.SpecialLinks:hover
{
	color:#ad2e27;	/*#ed4428;*/
	font: 80% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	/*font-weight:bold;*/
	text-decoration:underline;
}

a.PlainSmallBlack
{
	color:#000000;	/*#ad2e27;	#ed4428;*/
	font: 80% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	text-decoration:none;	
}
image
{
	border-style: none;

}
img
{
	border-style: none;

}
.img
{
	border-style: none;
	padding:0px;
	border:0px solid #ffffff;

}
table
{
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:90%;
}
/*
tr
{
	 text-align: right;	
}
*/
th
{
	text-align:center;
}
table.sample
{
	border-width: 1px;
	border-style:outset;
	border-color: Black;
	background-color:#d3d3d3;
}
table.sample th {
	
	padding: 1px;
	border-style: inset;
	border-color: white;
	background-color: #d3d3d3;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: white;
	background-color: #ffffff;
	-moz-border-radius: ;
}

h1
{
	font: 120% Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	font-weight:bold;
	color: #ad2e27;	/*#ed4428;*/
	 margin-bottom:0px;
}
h4
{
	 font: Arial, Helvetica, Georgia, "Times New Roman" , Times, serif;
	 margin:0px;
	 font-size: 120%;
	 font-weight:normal;
}

/*
#links li a:hover
{
background:#08c;
color:#fff;
}
*/