/* CSS Document */

html {
	height: 100%;   /* required field for IE and Firefox to display footer correctly */
}

body {
	background-image: url(images/background3.gif);
	background-repeat: repeat-y;  /* repeats background vertically */
	background-position: 50%;  /* centers background */
	background-attachment: fixed;  /* background will not scroll with page */
	margin: 0;
	padding: 0; 
	height: 100%;  /* required field for IE and Firefox to display footer correctly */
}

.clear {
	clear: both;
}

#container {
   margin: 0px auto;
   text-align: left;
   width: 800px;
   position: relative;  /* makes container position relative, as compared to footer */
   min-height: 100%;  /* required field for IE and Firefox to display footer correctly */
}

* html #container {
	height: 100%;   /* only read by IE, which doesn't like "min-height" above */
}

h1 {
   width: 800px;
   height: 104px;
   text-indent: -9999px;     /* allows use of text, for vision-impaired screen readers */
   background: url(images/header.jpg);
   margin: 15px 0 15px 0;      /* leaves a little space at the top of the page above the header.  for no room, set to zero  */
   padding: 0;
}

#left {
	width: 176px;
	float: left;
}

#navcontainer {
	width: 176px;
}

#navcontainer ul {
	margin: 0;   /* no spacing around buttons */
	padding: 0;
	list-style-type: none;  /* takes off default html list bullet */
	font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 25px;
	letter-spacing: 1px;
	border-top: 2px solid #97afba;
	border-bottom: 2px solid #97afba;   /* (optional) creates colored line below buttons */
}

#navcontainer a {      /* general button parameters */
	display: block;   /* lets the broswer see the links as "blocks" or buttons */
	width: 176px;   
	height: 21px;
}

#navcontainer a:link, #navcontainer a:visited {   /* default button state */
	background: url(images/bg_navbutton.jpg);
 	color: #003e6e;     
 	text-decoration: none;   /* removes default link underlining */
}

#navcontainer a:hover { 
	background: url(images/bg_navbutton_over.jpg);
	color: #c6002a;
	text-decoration: none;
}

#navcontainer li a#current {   /* makes the button for the current page the same as the "mouseover" one */
	background: url(images/bg_navbutton_current.jpg);
	color: #A5003B;
	text-decoration: none;
}

.imageleft {    /* template for images in the nav bar */
	float: center; 
	margin: 50px 0 10px 0;
	padding: 0;
}

#submenu {			
	width: 161px;
	padding-left: 15px;
	margin-top: 10px;
}

#submenu h2 {
	font: normal 14px Georgia, Times New Roman, Times, serif;
	color: #4b4a60;
	margin: 0 0 10px 0;      /* Top, Right, Bottom & Left, respectively */
	padding: 0;
}

#submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;     /* hides default bullet  */
}

ul.address li {     /*  makes an address class styled like a list  */
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 12px;
}

ul.extlinks li {     /*  makes an extlinks class, with an li tag within it  */
	background: url(images/bullet_extlink.gif) no-repeat 0 3px;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;  /* 11 = font size, 16 = line spacing */
	padding-left: 12px;
}

.extlinks a:link {
	color: #A5003B;
	text-decoration: none;
	border-bottom: 1px dotted #A5003B;
}

.extlinks a:visited {
	color: #6F2D47;
	text-decoration: none;
	border-bottom: 1px dotted #959E79;
}

.extlinks a:hover {
	background-color: #C3C9B1;
	color: #A5003B;
	text-decoration: none;
	border-bottom: 1px solid #A5003B;
}


#content {   
	width: 589px;   /* width of area = width of page (800) - width of nav buttons (176) - left padding (20) - arbitrary right space (15)*/
	float: left; 
	padding: 15px 0 10px 20px;
}

#content h2 {    /* look of titles in the content div  */
	font: normal 18px Georgia, Times New Roman, Times, serif;
	color: #A5003B;
	background: transparent url(images/bullet_title.gif) no-repeat;
	width: 300px;    /* prevents IE from shifting titles down if right-floating pictures are present, otherwise should be 559px  */
	padding: 0 0 0 30px;
	margin: 0 0 0 0;
}

#content a:link {
	color: #003e6e;
	text-decoration: none;
	border-bottom: 1px dotted #959E79;
}

#content a:visited {
	color: #6F2D47;
	text-decoration: none;
	border-bottom: 1px dotted #959E79;
}

#content a:hover {
	color: #A5003B;
	text-decoration: none;
	border-bottom: 1px dotted #A5003B;
}

#footer {		/* template for footer container at bottom of page  */
	margin: 15px auto 0 auto; 
	position: relative;
	background-color: #a6cbd7;
	border-top: 9px solid #F7F7F6;
	width: 800px;
	padding: 5px 0;     
	clear: both;    /* no floating objects allowed on right or left side of footer */
}

* html #footer {
	margin-top: 30px;  /* only read by IE, to fix footer bottom problem, instead of 15px above */
}

#footer h2 {
	margin-top: 5px;
	text-align: center;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003e6e;
}

#footer h2 a:visited, #footer h2 a:link {
	color: #003e6e;
	text-decoration: none;
	border-bottom: 1px dotted #D3D8C4;
}

#footer h2 a:hover {
	color: #003e6e;
	text-decoration: none;
	border-bottom: 1px dotted #A5003B;
}

.text {				/* sets the look of text  */
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #4b4a60;
	margin-bottom: 10px;
}

.imageright {    /* template for images in the content area of page  */
	float: right;   
	margin: 7px;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #9fd4ad;
}