@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: 12pt;
	background-color: CCC;
	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: 1em;
	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 */
	background: #FFFFFF;
	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/branding.png);
	background-repeat: no-repeat;
	height: 75px;
	margin-top: 0;
	text-indent: -9999px;
	padding: 1px 1px 1px 1px;
}


#branding h1 {font-family: arial; font-size: 32px; }


/* top - which is right below the branding */
#top h2 {font-family: Arial; font-size: 24px; padding: 1em; text-align: center; margin-top: 2em;}
#top h3 {font-family: Times; font-size: 18px; padding: 1em; text-align: center;}
#top p {font-family: Arial; font-size: 14px; margin: .5em; ;line-height: 1.2em;}
#top li {font-size: 13px; margin-bottom: .5em; margin-left: 2em; margin-right: 1em; padding-right: 1em; padding-top: .2em; line-height: 115%; list-style: circle; margin-bottom: 1em;}


/* navMain div */
/*- Menu Tabs I--------------------------- */

    #tabsI {
      float:left;
      width:100%;
      background:#EFF4FA;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #DD740B;
      }
    #tabsI ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsI li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsI a {
      float:left;
      background:url("images/tableftI.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsI a span {
      float:left;
      display:block;
      background:url("images/tabrightI.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsI a span {float:none;}
    /* End IE5-Mac hack */
    #tabsI a:hover span {
      color:#FFF;
      }
    #tabsI a:hover {
      background-position:0% -42px;
      }
    #tabsI a:hover span {
      background-position:100% -42px;
      }

/*- Menu Tabs C--------------------------- */

    #tabsC {
      float:left;
      width:100%;
      background:#EDF7E7;
      font-size:93%;
      line-height:normal;
      }
    #tabsC ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("images/tableftC.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("images/tabrightC.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }  
	
	

/* I need a container to hold the content and the columns */
#contentContainer {
  float:left;
  width:780px; 
}

/* these are the styles for IE to make the content section work */
/* Hides from IE-mac \*/
* html #content {
	float:left;
  	width:780px;
  	min-height: 500px;
	background-color: #fff;
	padding-top: 0;
	padding-right: 2em;
	padding-left: 0em;
}


* html .fs-large { font-size: 13px; color: #145c8f; text-align: left; margin-top: .3em; margin-bottom: .5em;}
* html .text {font-size: 12px; text-align: left;}

/* End hide from IE-mac */



/* the main content goes here */
#content {
	float:left;
  	width:780px;
  	min-height: 500px;
  	background-color: #fff;
	padding-top: 0;
	padding-right: 1.5em;
	padding-left: 1.5em;
}

#content img {margin-left: 1.6em; }
#content .clear { 
display: block;  
clear: both;  
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#content h3 {margin-left: 0; margin-right: 3em; margin-bottom: 1em; margin-top: 1em;}
#content h2 {margin-left: 0em; margin-top: 2em; margin-right: 2em; text-align: right; font-size: 25px; font-weight: 400; color: #2765a1; }
#content h4 {margin-left: 0; margin-right: 3em; margin-bottom: 1em; margin-top: 1em; font-size: 14px;}
#content .p1 {font-size: 14px; margin-left: .2em; margin-right: 2em; margin-top: .7em; margin-bottom: .7em; padding: .2em; line-height: 115%;}
#content p {font-size: 13px; margin-left: .2em; margin-right: 2em; margin-top: .7em; margin-bottom: .7em; padding: .2em; padding: .2em; line-height: 115%;}
#content ol {margin-left: 3em; margin-right: 1em; }
#content ol li {margin-bottom: .4em; list-style-type: upper-alpha; list-style: upper-alpha;}
#content ul {margin-left: 4em; margin-top: .5em;}
#content li {font-size: 13px; margin-bottom: .5em; margin-right: 1em; padding-right: 1em; padding-top: .2em; line-height: 115%; list-style: circle; margin-bottom: 1em;}

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


.additional_links {display: block; background-color: #BBD9EE; font-family: Arial-Black; font-size: 14px; text-align: center; margin-top: .3em; margin-bottom: .3em; padding-bottom: .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: 135%;
	background-color: purple;
	color: white;
	padding: .4em;
}

/* 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: none; border-bottom: none;}
#footer li a:hover {text-decoration: underline;}