/* Generic Selectors */

body {
	font-family: Arial, san serif;
	font-size: 11px;
	color: #333333;		
	background-image: url(Clouds.jpg);
	/*margin: 0 0 0 0; top right bottom left*/
	
}
//*to remove scroll from ie in object*//
html,body { overflow: auto; 
	margin:1;
	borders: none;}
html>body { overflow: visible; }
html { height: 100%; }

p {
	width: 80%;
}

li {
	list-style-type: none;
	line-height: 150%;
	list-style-image: url(../images/arrowSmall.gif);
}


h1 {

	font-family: Arial, san serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

h2 {
	font-family: Arial, san serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid blue;
}
h3 {

	font-family: Arial, san serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

/************************* Classes *************************/





/*************************  Pseudo classes *************************/

a:link {
	color:navy;
	text-decoration: none;
	font-weight: bold;
}
li a:link {
	color: #00CC00;
	text-decoration: none;
	font-weight: bold;
}

a:visited { 
color: dark blue;
text-decoration: none;
font-weight: bold;
}

li a:visited { 
color: #00CC00;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: rgb(0, 96, 255);
padding-bottom: 5px;
font-weight: bold;
text-decoration: underline;

}
li a:hover {
	display: block;
	color: rgb(0, 96, 255);
	padding-bottom: 5px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C6EC8C;	
}
  
a:active { 
color: rgb(255, 0, 102);
font-weight: bold; 
} 


/*************************  ID's *************************/

#navigation {
	position: absolute;
	z-index: 10;
	width: 210px;
	height: 100%;	
	margin-top: 0px;
	border-right: 1px solid blue;
min-height: 170%;/*leave*/
max-height: 190%;
	font-weight: bold;
line-height: 20px;
}

.i{min-height: 20%;
max-height: 30%;}

.b{min-height: 50%;
max-height: 90%;}

#centerDoc {
	position: absolute;	
	z-index: 15;
	padding: 0 5px 0px 5px; /*top right bottom left*/
	margin-top: 0px;
	margin-left: 233px;
font-weight: bold;
width: 470px;
height: 100%;
}
.border{ position: absolute;
	background: white;
                  border-width: 1px;
	border-style: solid;
	border-color:gray;
                  /*padding: 5px 2px 2px 2px;*/
}

.bkgrd{
                  position: absolute;
	background: sea;
                  border-width: 1px;
	border-style: solid;
	border-color:gray;
                  padding: 5px 5px 2px 15px;	
}
#jhb{
                  position: absolute;
	width: 100%;
	margin-bottom:0px;
	font-size: small center;
}

#rightcol {
	position: absolute;
	z-index: 25;
	width: 210px;
	height: 100%;	
	margin-top: 0px;
margin-left: 735px;
	border-left: 1px solid blue;
	font-weight: bold;
/*line-height: 20px;*****/
padding: 0 5px 0 5px;
}

#footer{
text-align: center;
position: absolute;
bottom: -220px;
width: 98%;
font: 10px Arial;
font-weight: bolder;
	}

.a{
text-align: center;
position: absolute;
bottom: -190px;
width: 98%;
font: 10px Arial;
	}

/*.b{
text-align: center;
position: absolute;
bottom: -0px;
width: 98%;
font: 10px Arial bold;
	}*/

/*.i{
text-align: center;
position: absolute;
bottom: -0px;
width: 98%;
font: 10px Arial bold;
	}*/