/* CSS Document */

/*background:url(../images/bg.gif) repeat-x 0 0 #F7F7F7;*/

body {
	color:#171717;
  margin:0;
  padding:0;
	font:normal 13px/20px Georgia, "Times New Roman", Times, serif;
}

div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0;
  padding:0;
}

ul{
	list-style:none;
}

.spacer{
	font-size:0; line-height:0; clear:both;
}

#outsideBorder {
  border: 0px solid #77FF00;
  background-color: #ffffff;
  background:url('../images/background_graybar.gif') repeat-y; 
  width: 930px;
  margin: 0 auto;
  text-align: left;  /* IE workaround */ 
}
#insideBorder {
  border: 0px solid #669900;
  background-color: #f7f7f7;
  width: 900px;
  margin: 0px auto;
}
#topblank {
  border: 0px solid #aaFF00;
  background-color: #f7f7f7;
  min-height:490px;
  height: auto !important;
}
#blanktop {
  border: 0px solid #aaFF00;
	width:900px; margin:0 auto; height:30px;
}
#logo {
  border: 0px solid #aaFF00;
  width:900px; margin:0 auto; height:200px; margin-left: -2px
}	
#floatleft {
border: 2px solid #aaFF00;
  float:left;
  margin: 0;
}
#floatright {
border: 2px solid #aaFF00;
  float:right;
  margin: 0;
}
.floatleft{
  float:left;
  margin: 5px 12px 5px 0px;
}
.floatright{
  float:right;
  margin: 5px 0px 5px 12px;   
}
img.floatLeft { 
  float: left; 
}
img.floatRight { 
  float: right;
  margin: 5px; 
}
img.floatCenter { 
  float: right;
  margin-right:225px;  
}
#errorBox{
  float:left;
  clear:left;
  border: 3px solid #f08585;
  width: 720px;
  margin:20px 50px 20px 50px;
/*  margin: 20px 0 0 30px; */
/*  padding-left: 50px; */  
  background-color: #ffeded;
  text-align: left;  /* IE workaround */ 
}  
#body .errorHeader{
  font-size:24px;
  text-align:left;
  padding-left:30px;
  color:#bb0000;
  background-color: #ffeded;
}
.errorText{
  text-align:left;
  padding-left:50px;
  color:#bb0000;
  padding-bottom: 5px;
  background-color: #ffeded;
} 
  
/* -- top navigation start -- */
#topNav {
	width:900px;
  margin:0 auto;
  height:37px;
  background:url(../images/bg.gif) repeat-x 0 0 #292929;
}
#topNav ul {
/*	width:990px; */
  margin:0 auto;
}
#topNav ul li {
	height:37px;
  float:left;
  color:#c1c1c1;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
}
#topNav ul li a {
	padding:0 11px;  /* separation between topics  */
  margin-left:2px;
  height:37px;
  float:left;
  color:#c1c1c1;
  text-decoration:none;
  display:block;
	background:url(../images/bg.gif) repeat-x 0 0 #292929;
	font:bold 14px/37px Arial, Helvetica, sans-serif;
}
#topNav ul li a:hover {
	background:url(../images/top_btn_h.gif) no-repeat center bottom;
}
#topNav ul li a.currentPage:link {
  color:#65fe74;   
} 
#topNav ul li a.currentPage:visited {
  color:#65fe74;
  background:url(../images/top_btn_h.gif) no-repeat center bottom;   
} 
#topNav ul li a.currentPage:hover {
  color:#65fe74;
  background:url(../images/top_btn_h.gif) no-repeat center bottom;  
}
#topNav ul li a.currentPage:active {
  color:#65fe74;
} 
#topNav ul li a.currentPage span {
/*  font-size:125%;  */
} 
 
#topNav ul li a.selectablePage:link {
  color:#c1c1c1;   
}
#topNav ul li a.selectablePage:visited {
  color:#c1c1c1;   
}
#topNav ul li a.selectablePage:hover {
  color:white;
  background:url(../images/top_btn_h.gif) no-repeat center bottom;  
}
#topNav ul li a.selectablePage:active {
  color:white;   
}
#topNav ul li a.selectablePage span {
/*  font-size:125%; */
}
/* -- top navigation end -- */

/* -- body start -- */
#body {
	width:900px;
  margin:0 auto;
  padding:0 0 60px 0;
  color:#171717;
} 
  /*background:url(../images/images/composite_pics.gif) no-repeat 300 450 #F7F7F7; } */ 
#body img.logo {
	border:none; margin:0;
}
#body h1x {
	background:url(../images/punch_line.gif) no-repeat 0 0 #F7F7F7; color:#171717;
	width:142px; height:49px; text-indent:-20000px;
}
#body h1 {
  padding:25px 0 0 25px;
  font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif; color:#B10000;
}
#body h1 span {
  color:#000000; padding:25px 0 0 0;
}    
#body div.bodyText {
	padding:50px 0 0 0;
}
#body div.bodyText h2 {
  padding:0 25px 0 0;
	font:bold italic 24px/34px Georgia, "Times New Roman", Times, serif; color:#B10000;
}
#body div.bodyText h2 span {
	color:#000000; background-color:#F7F7F7;
  padding:0 0 0 25px;
}
#body div.bodyText h3 {
  padding:25px 0 25px 0;
  clear: both;
  text-align: center;
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif; color:#526D0D;
}
#body div.bodyText h4 {
	font:normal 20px/24px Georgia, "Times New Roman", Times, serif; color:#000000;
	background-color:#FFF7DE; padding:0 0 0 10px;
}
#body div.bodyText h5 {
  padding:0;
  clear: both;
}
#body div.bodyText p {
	padding:10px 25px 0 25px;
  background-color:#F7F7F7;
  font:normal 13px/20px Georgia, "Times New Roman", Times, serif; color:#171717; 
}
#body div.bodyText p a {
	color:#003E6A;
  background-color:#F7F7F7;
  text-decoration:underline;
}
#body div.bodyText p a:hover {
	text-decoration:none;
}
#body div.catagory {
	padding:25px 0 0 0;
}
#body div.mediumTextCenter {
  text-align: center;
  font:bold 16px/37px Arial, Helvetica, sans-serif; 
}
#body div.bodyText p img.imageBefore { 
  float: left;
  border-style:solid;
  border-color: #b8913c;
  border-width:3px;
  margin-left:80px; 
}
#body div.bodyText p img.imageAfter { 
  float: right;
  border-style:solid;
  border-color: #b8913c;
  border-width:3px;
  margin-right:80px   
}
#body div.bodyText p span.textBefore {
  float: left;
  margin-left:190px;
  font:bold italic 20px/24px Georgia, "Times New Roman", Times, serif; color:#B10000; 
}
#body div.bodyText p span.textAfter { 
  float: right;
  margin-right:195px; 
  font:bold italic 20px/24px Georgia, "Times New Roman", Times, serif; color:#B10000;   
}
/* -- body end -- */

/* footer start -- */
#footer {
	background-color:#292929;
  color:#FFFFFF;
}
.footer {
	width:900px;
  height:80px;
  margin:0 auto;
  padding:18px 0 0 0;
}
.footer ul {
	width:660px; /* make the same size as .footer p  */
  margin:0 auto;
}
.footer ul li {
	color:#c1c1c1;
  background-color:#292929;
  float:left;
  font:bold 12px/20px Arial, Helvetica, sans-serif;
}
.footer ul li a {
	color:#c1c1c1;
  background-color:#292929;
  padding:0 8px;
  font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none; 
}
.footer ul li a:hover {
  color:#65fe74;
  background-color:#292929;
  padding:0 8px;
	font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none;
}
.footer p {
	color:#c1c1c1;
  background-color:#292929; 
  margin:0 auto;
  width:660px; /* make the same size as .footer ul  */
  text-align:center;   
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.footer p.valid {
	margin:0 auto; width:128px;
}
.footer p.valid a.xhtml {
	background:url(../images/xhtml_btn.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.xhtml:hover {
	background:url(../images/xhtml_btn_h.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 0px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css {
	background:url(../images/css_btn.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
.footer p.valid a.css:hover {
	background:url(../images/css_btn_h.gif) no-repeat 0 0 #292929; color:#FFFFFF; margin:5px 0 8px 4px;
	text-decoration:none; text-indent:-2000px; width:62px; height:13px; display:block; float:left;}
/* footer end -- */