/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
margin: 0; 
padding: 0; 
border: 0; 
}

body {
	background: url(../images/body_bg.jpg) repeat-x;
	background-color: #CCC;
	font-size: 100.01%;/* fix for IE scaling error at small font sizes*/
	text-align: center;/* centers the wrapper in IE 5.x*/
	font-family:  Lucida Grande, Myriad, Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */


/***** Begin laying out the wrappers *****/

#wrapper {
	margin: 0 auto;/*centers the wrapper in compliant browsers*/
	width: 914px;
	text-align: left;
	position: relative;/*set for the positioning of the nav*/
	background-image: url(../images/outercontent_bg.jpg);/*shadow drop bg image*/
	background-repeat: repeat-y;
}

#outercontent {
	margin-left: 1px;
}


/***** Ends the wrappers *****/

/***** Begin laying out the headers *****/
/*#topbanner {*/
	/*background-image: url(../03images/header_bg03.jpg);*/  /*Main image*/
	/*background-position: -1px 0;*/
	/*height: 124px;
	margin: 0 auto;
	width: 914px;
}
*/
#toparea{
	background: url(../images/header_title.jpg) no-repeat;
	background-color: #CCC;
	height: 124px;
	margin: 0 auto;
	width: 914px;
}


/*************TABBED NAV LIST************/

#main-nav ul {
  /*margin-top: 2px; */
  padding: 3px 5px 0px 35px; /* placement of tabs */
  list-style-type: none;
  float: left;
  background: url(../images/main_nav_bg.jpg) no-repeat  top left;
  background-position: 0px 0;
  width: 914px;
 }
  
#main-nav li {
  float: left;		
  background: url("../images/right.gif") no-repeat top right;
  padding: 0 8px 0 0; /* distance between tabs */
  margin-right: 0.2em
}
  
#main-nav a {
  float: right;
  display: block;
  background: url("../images/left.gif") no-repeat top left; 
  padding: 4px 5px 5px 13px; /* placement of text in tab */
  text-decoration: none;
  color: #BBB; 
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-nav a {
float: none;
}
/* End IE5-Mac hack */


#main-nav a:hover, #main-nav a:focus {
  color: #fff;
}
  
#main-nav #current {
  background-image: url("../images/right_on.gif");
  margin-top: 1px;
}
  
#main-nav #current a {
  background-image: url("../images/left_on.gif");
  color: #000;
}

/***end of tabbed nav list***/

/*********Persistent Page Indicator*******
Please change below to suitable namnes******/

body.PageOne li#one a,
body.PageTwo li#two a,
body.PageThree li#three a,
body.PageFour li#four a,
body.PageFive li#five a 
body.PageSix li#six a
body.PageSeven li#seven a  {
	background-color: #FFF;
	color: #000;
	}

/***** Ends banners **************/

/******* Begins content layout ***********/

#content {
    margin-left: 230px;
	padding: 60px 0 10px 0;
	width: 650px;
}

 
#content .printheader, #content .handheldheader {
	display: none;/*hide the main-nav for the print style sheet*/
}
/****** Ends the content layout ********/

ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	font-size: 94%;
	/*color:#555;*/
	}
	
#content h1 {
	font-size:120%;
	margin: 0 0 0 3px;
}

#content h2 {
	font-size:92%;
	margin: 12px 0 0 5px;
}

#content h3 {
	font-size:92%;
	color: #990000;
	margin: 10px 0 0 5px;
}

#content h4 {
	font-size:92%;
	
	margin: 10px 0 0 5px;/*margin: 12px 0 0 5px;*/
}

#content h5 {
	font-size:84%;
	margin: 10px 0 0 5px;
}

#content h6 {
	font-size:76%;
	/*margin: 12px 0 0 5px;*/
}

#content p {
	font-size: 70%;
	padding: 4px 5px;
	line-height: 140%;
}

#content a {
	color: #444;
}
#content a:hover {
	color: #3366FF;
	text-decoration: none;
}
#content a:visited {
	color: #555;
	text-decoration:underline;
}

/***** Nav layout ******/

#skip {
	position: absolute; 
	top: -500px;/*places the skip nav info off screen*/
}

/* positions the navigation column*/
#nav {
	position: absolute;
	top: 246px; /*height placement of nav*/
	left: 34px;
	width: 174px;
}

#nav h3 {
	color: #777777; 
	font-size: 88%;
	padding-bottom: 5px;
	width: 174px;
	border-bottom: 1px solid #990000;
}

#nav img {
	margin: 25px auto;
	border: 1px solid #990000;
}

#nav ul {
	list-style-type: none;
	padding-left: 0px;
	/*margin-left: 20px;*/
}

div#nav ul li {
	border-bottom: 1px solid #990000;/*plain border for IE pc*/
	font-family: Lucida, Myriad, Verdana, Arial, Helvetica, sans-serif;
	/*color: #777777;*/
	width: 174px;
	margin-bottom: -2px;/*value for IE5.5*/
	margin-bottom:/**/ -5px;/*Value for IE5.01*/
	ma\rgin-bottom: -2px;/*value for IE6*/
}


div#nav>ul li, #nav>h3 {
	border-bottom: 1px dotted #990000;/*IE doesn't do dotted well, set here for browsers other than IE pc*/
	margin-bottom: 0;
}

#nav li a {
	font-size: 90%;
	color: #666666;
	height: 1%;
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 0px;
	margin: 0;
}

#nav li a:hover, #nav li a:focus {
	color: #000;
	background-color: #CCC;
}

/*marker for current section*/
#nav li.current a { 
	color: #FFFFFF;
	background-color: #AAA;
}

/***** Ends the navigation *****/




/***** footers *****/

#footer {
	height: 38px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat; /*if picture is used*/
	padding: 0 30px 0 30px;
	font-size: 70%;
	color: #555555;
	/*background-position: -1px 0;*/
}

#border {
	clear: both;/*width: 800 px;*/
	border-top: 1px solid #666666;
	}

#footer-address p {
	float:left;
	text-align: left; 
	padding-top: 7px;
	/*margin: 0 28px 0 36px;*/
}

#footer-sitemap p {
	float:right;
	text-align: right; /*4px 23px 25px 0;*/
	padding-top: 7px; 
	color:#990000;
}

#footer a {
	color: #444;
}
#footer a:hover {
	color: #3366FF;
	text-decoration: none;
}
#footer a:visited {
	color: #555;
	text-decoration: none;
}

/***** Ends the footers ********/


/************** Generic Classes *******************/

.right {
	float: right;
	margin: 6px 2px 7px 12px;
	padding-bottom: 10px;
}

.left {
	float: left;
	margin: 10px 16px 7px 6px;
}

img  {
	border: none;
}

/************** END *******************/