/* Generic Selectors */ 
body { 
font-family:"Copperplate Gothic Light" , sans-serif; 
font-size: 14px; 
color: #333333; 
background-color: #99C68E; 
margin = 20px align-justify
} 
p { 
width: 100%; 
} 
li { 
list-style-type: disc; 
line-height: 100%; 
list-style-image
} 
li { 
list-style-type: disc; 
line-height: 100%; 
list-style-image: url(../images/arrowSmall.gif); 
} 
h1 { 
font-family: "Copperplate Gothic Light" , sans-serif; 
font-size: 24px; 
font-weight: bold; 
color: #000000;
border-bottom: 1px solid #99C68E;
} 
h2 { 
font-family: "Copperplate Gothic Light" , sans-serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000; 
border-bottom: 1px solid #99C68E;
} 
h3 { 
font-family: "Copperplate Gothic Light" , sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #000000; 
border-bottom: 1px solid #99C68E; 
} 
 


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

#centerDoc { 

z-index: 15; 
padding: 0 0 0 0px; /*top right bottom left*/ 
margin-top: 1px;
width: 855px; 
height: 150px; 
margin: 0; 
border: ;
background-color: #ffffff;
}

#navigation { 
position: center; 
z-index: 15; 
padding: 0 0 0 0px; /*top right bottom left*/ 
margin-top: 2px;
margin-left: 1px;
width: 855px; 
height: 40px; 
}

#navigation { 
	font-size: 80%;
}

#navigation ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-top: 1em;
}

#navigation li {
	display: inline;
}
#navigation a:link, #navigation a:visited {
	padding: 0.4em 1em 0.4em 1em; 
	color: #FFFFFF; 
	background-color: #009F3C; 
	text-decoration: none; 
	border: 1px solid #C6EC8C;
} 
#navigation2 { 
position: absolute; 
z-index: 15; 
padding: 0 0 0 0px; /*top right bottom left*/ 
margin-top: 2px;
margin-left: 27px;
width: 728px; 
height: 20px; 
}
#navigation2 { 
	font-size: 80%;
}

#navigation2 ul { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	padding-top: 1em;
}

#navigation2 li {
	display: inline;
}
#navigation2 a:link, #navigation2 a:visited {
	padding: 0.4em 1em 0.4em 1em; 
	color: #FFFFFF; 
	background-color: #009F3C; 
	text-decoration: none; 
	border: 1px solid #C6EC8C;
} 
#weatherDoc { 
position: absolute; 
z-index: 15; 
padding: 0 0 0px 20px; /*top right bottom left*/ 
margin-top: 20px;
margin-left: 250px; 
width: 600px; 
height:200px; 
}
#accuDoc { 
position: absolute; 
z-index: 15; 
padding: 0 0 0px 0px; /*top right bottom left*/ 
margin-top: 20px;
margin-left:0px; 
}

#container2 {
padding: 0 0 0 0px; /*top right bottom left*/ 
z-index: 15; 
width: 855px;
margin-top: 20px;

font-weight: normal;
}
#centerDoc2 { 

z-index: 15; 
padding: 0 0px 0 0px; /*top right bottom left*/ 
margin-top: 1px;
width: 800px; 
height: 200px; 
margin-left: 5px; 
background-color: #99C68E;
}

#attDoc { 

z-index: 15; 

padding: 0 0px 0 0px; /*top right bottom left*/ 
margin-top: 1px;
width: 800px; 
height: 655px; 
margin-left: 70px; 
background-color: #ffffff;
}
#attDoc2 { 

z-index: 15; 

padding: 0 0px 0 26px; /*top right bottom left*/ 
margin-top: 1px;
width: 728px; 
height: 655px; 
margin-left: 20px; 
background-color: #ffffff;
}
#RMargin { 
position: absolute; 
z-index: 15; 
padding: 0px 0 0 0px; /*top right bottom left*/ 
margin-top: 0px;
margin-left: 724px;
width: 26px; 
height: 576px; 
}
#LMargin { 
position: absolute; 
z-index: 15; 
padding: 0px 0 0 0px; /*top right bottom left*/ 
margin-top: 0px;
margin-left: 0px;
width: 26px; 
height: 576px; 
margin: 0; 
}

/**************** Pseudo classes ****************/ 
a:link { 
color: #000000; 
text-decoration: underline; 
font-weight: bold;
} 

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

a:active { 
color: rgb(255, 0, 102); 
font-weight: bold; 
}