@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

html, body {margin: 0; padding: 0; border: 0;}

/* Hides from IE5-mac \*/
* html #content #navMain {
	height: 1%;
	margin: 0;
	padding: 0;}
/* End hide from IE5-mac */

/*----- basics ------  */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3em;
	padding: .4em 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	border-bottom: none;
}

p {
	margin: 0;
	padding: 8px;
}

/* container */
#container {
	position: relative;
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 1px solid #666;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
} 

/* branding - which is the banner for the page */
#branding {
	background-image: url(images/banner.png);
	background-repeat: no-repeat;
	height: 119px;
	margin-top: 0;
	text-indent: -9999px;
	padding: 1px 10px 0px 20px;
}

#branding a {display: block;
	overflow: hidden; height: 120px;}


/* search box */
#search {
	background-color: #0000CC;
	display: block;
	margin: 0;
	padding-top: .5em;
	padding-right: 1.5em;
	height: 2.2em;
}

/* title div */
#title ul {text-align:right;}
#title li {display: inline; list-style-type: none; padding-right: 20px; line-height: 1.6em;}
#title li a {text-decoration: none; border-bottom: none; font-family: "Arial Black", Arial, sans-serif; font-weight: 100; color: black;}
#title li a:hover {background-color: #999;}
#title li a:active {background-color: blue;}
#title #active {font-family: "Arial Black"; font-weight: 100; color: white; background-color: teal;}
#title h2 {font-size: 18pt; font-family: "Arial Black"; margin-bottom: 0; margin-left: 6.5em; border-bottom: solid medium #990000; line-height: 0; }


	

/* I need a container to hold the content and the columns */
#contentContainer {
  float:left;
  width:500px;
  border-left:140px solid #fff; 
  /* The width and color of the left rail */
  border-right:160px solid #fff; 
  /* The width and color of the right rail */
 
}

/* these are the styles for IE to make the content section work */
/* Hides from IE-mac \*/
* html #mainContent {
	float:left;
  	width:488px;
  	min-height: 500px;
  	margin-right:-488px;
	background: url(images/bg_line.gif) 499px 0 repeat-y;
	background-color: #fff;
	padding-top: 0;
	padding-right: 4em;
	padding-left: 0em;
	border-left: solid thin gray;
}

* html #rightColumn {
  float:right;
  width:150px;
  margin-right:-150px;
  position:relative;
  background-image: url(images/bg1.gif);
	background-repeat: repeat;
}

/* End hide from IE-mac */


/* the main content goes here */
#mainContent {
	float:left;
  	width:462px;
  	min-height: 500px;
  	margin-right:-462px;
	background: url(images/bg_line.gif) 499px 0 repeat-y;
	background-color: #fff;
	padding-top: 0;
	padding-right: 1.5em;
	padding-left: 1.5em;
	border-left: solid thin gray;
	border-right: solid thin gray;
}

#mainContent .clear { 
display: block;  
clear: both;  
} 

#mainContent h3 {margin-left: 1em;}
#mainContent h2 {margin: .3em; font-size: 14px; padding: 0;}
#mainContent .p1 {font-size: larger;}
#mainContent ol {margin-left: 3em; margin-right: 1em;}
#mainContent ol li {margin-bottom: 1em;}
#mainContent .contact {width: 440px; position: relative; list-style-type: none; margin: 0; padding: 0;}
#mainContent .contact {float: left; width: 315px; padding-right: .2em; padding-left: .5em; padding-bottom: .2em; min-height: 4em; margin-top: 2em; margin-left: 2em;}
#mainContent ul {margin-left: 3em;}
#mainContent img {border: 1px solid #a9a9a9; padding: 4px; margin: 4px; margin-left: 1em;}

#mainContent .question {text-align: left; margin: 0; padding: 0; font-weight: 800;}
#mainContent .answer {font-family: verdana, arial, sans-serif;}
#mainContent .top {font-size: smaller;}

/* navMain contains the main navigation for the site */
#navMain {
	float: left; /* since this element is floated, a width must be given */
	width: 140px; 
	margin-left:-140px;
  	position:relative;
  	background-image: url(images/bg1.gif);
	background-repeat: no-repeat;
}

div#navMain h4 {font-size: 14px; font-family: Helvetica; margin-left: .3em; margin-bottom: .5em; margin-top: .5em; padding-top: 0;}

#navMain img {border: 1px solid #a9a9a9; padding: 4px; margin-top: 3em; margin-left: 1em; margin-bottom: 1em;}

div#navMain ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	border: none;
}

div#navMain li {
	margin: 0;
	padding-left: 0;
	padding: .2em;
	border: none;
}

div#navMain .info {
	margin: 0;
	padding-left: 0;
	padding: 0;
	border: none;
	text-indent: 1.5em;
}

#navMain a {
	display: block;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CED2B6;
	margin: 0px;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	color: black;
	border-collapse: collapse;
}

/* \*/
* html #navMain a { height: 1%; }
/* */

#navMain .active {color: white; background-color: #990000; text-decoration: none; font-size: 11px; margin: 0px; padding: 2px 10px 3px 10px;}
div#navMain .info .active {
	margin: 0;
	padding-left: 0;
	padding: 0;
	border: none;
	text-indent: 1.5em;
	color: white; background-color: #990000; text-decoration: none; font-size: 11px; margin: 0px; padding: 2px 10px 3px 10px;
}


#navMain a:hover {
	background-color: #e4e5c7;
	color: #000;
}

#navMain a:active {
	background-color: blue;
	text-decoration: none;
	color: white;
}

#active {background-color: blue; color: white;}

#navMain h4 {
	display: block;
	font-size: 11px;
	margin-top: 1.5em;
	padding: 2px;
	text-align: left;
	border-collapse:collapse;
}

/* this is the right column for pictures, etc. */
#rightColumn {
  float:right;
  width:160px;
  margin-right:-160px;
  position:relative;
  background-image: url(images/bg1.gif);
	background-repeat: repeat;
}

#rightColumn h3 {font-size: 14px; font-family: Helvetica; margin-left: .3em; margin-bottom: .5em; margin-top: .5em; padding-top: 0;}
#rightColumn img {border: 1px solid #a9a9a9; padding: 4px; margin: 4px; margin-left: 1em;}

#rightColumn p {font-family: Helvetica; text-align: left; font-size: 10px;}

#rightColumn .pdf {background-image: url(images/pdf_download_bg.gif); height: 81px; width: 86px; background-repeat: no-repeat; padding: 4px; margin-left: 4em; margin-top: 3em; line-height: 1em;}

#rightColumn .podcast {background-image: url(images/podcast_download_bg.gif); height: 81px; width: 86px; background-repeat: no-repeat; padding: 4px; margin-left: 4em; margin-top: 3em;}

#rightColumn a:link {text-decoration: none;}
#rightColumn a:hover {text-decoration: underline;}

#rightColumn .quote {font-family: Times; font-size: small; font-style: italic;}
#rightColumn .print {
	background-image: url(images/printer.gif); 
	background-repeat: no-repeat; 
	height: 60px; width: 73px;
	background-position: 50% 20%;
	margin-left: 3em;
}


/* this is the footer which is supposed to clear both */
#footer {clear: both;
	font-size: 9px;
	text-align: center;
	padding-top: 1em;
	background:#fff;
	border-top: thin solid #999999;
} 

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	line-height: .5em;
	background-color: silver;
	color: black;
}

/* Hides from IE-mac \*/
* html #footer li {display: inline; list-style-type: none; padding-left: 4px; padding-right: 4px; line-height: 1em; border-right: solid thin black;}

/* End hide from IE-mac */

#footer ul {padding-bottom: 1em;}
#footer li {display: inline; list-style-type: none; padding-left: 6px; padding-right: 6px; line-height: 1em; border-right: solid thin black;}
#footer .last {border-right: none;}
#footer h4 {display: inline; padding-right: 1em; font-size: larger;}
#footer li a {text-decoration: underline; border-bottom: none;}
#footer li a:hover {text-decoration: none; color: white;}