/* CSS Document */

body { 
background-color: #FFFFFF;
background-image: url(images/bg.gif); 
background-repeat: repeat;
font-family: Lucida Sans Unicode, Lucinda, sans-serif;
font-size: 62.5%;
margin: 0;
}

#header {
height:0pt;
overflow:hidden;
}

#masthead {
background-image:url(images/header-bg.gif);
background-repeat: repeat-y;
}

#masthead a:link { color: #ffffff; text-decoration:none; }
#masthead a:visited {color: #ffffff;  text-decoration:none;}
#masthead a:hover {color: #ffffff; text-decoration: none;}
#masthead a:active {color:#ffffff;  text-decoration:none;}


#masthead {
font-size: 5.0em;
color: #FFFFFF;
padding: 10px;
}

#outerwrapper {
width: 900px;
margin-left:auto;
margin-right:auto;
}

#footer {
color: #FFFFFF;
background-image:url(images/header-bg.gif);
background-repeat: repeat-y;
line-height: 20px;
}

#footer a:link { color: #ffffff; text-decoration:none; font-size: 1.0em;}
#footer a:visited {color: #ffffff;}
#footer a:hover {color: #ffffff; text-decoration: underline;}
#footer a:active {color:#ffffff;}


p {
font-size:1.1em;
margin: 0 0 0 20px;
padding: 0;
color: #666666;
}

#main li {
font-size:1.1em;
margin: 0 0 0 20px;
padding: 0;
color: #666666;
}

h1 {
color:#000000;
font-size:1.3em;
margin:0;
padding: 15px 15px 15px 2px;
}

h2 {
color:#666666;
font-size:2em;
margin: 6px 0 0 20px;
padding: 0;
}

h3 {
color:#666666;
font-size:1.4em;
margin: 0 0 0 5px;
padding: 0;
}

h4 {
color:#666666;
font-size:1.4em;
margin: 0 0 0 20px;
padding: 0;
}

h5 {
color:#ffffff;
font-size:1.4em;
margin: 0 10px; 0 20px;
padding: 10px;
background-color:#222222;
border: 1px solid #cccccc;
}

a:link { color: #990000; text-decoration:none; font-size: 1.0em;}
a:visited {color: #990000;}
a:hover {color: #990000; text-decoration: underline;}
a:active {color:#990000;}

.navList {
padding: 5px 0 0 0;
}

.navList ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 200px; 
background-color: #f2faf4;
}
	
.navList ul li{
position: relative;
}
	
.navList ul li ul{
position: absolute;
width: 200px; 
top: 0;
visibility: hidden;
}

.navList ul li ul li a{
}

.navList ul li a{
display: block;
overflow: auto; 
color: #ffffff;
text-decoration: none;
background: #333333;
padding: 8px 10px;
border-bottom: 2px solid #f2faf4;
font-size: 1.4em;
background-image:url(images/nav-bg.gif);
background-repeat: repeat-y;
}




.navList ul li a:hover{
background-image: url(images/nav-bg-active.gif);
background-repeat: repeat-y;
color: #000000;
}

.navList ul li a:active{
background-color: #c3e8dc;
background-image: url(images/nav-bg-active.gif);
background-repeat: repeat-y;
color: #000000;
}

.navList ul li a:visited{
background-color: #333399;
background-image: url(images/nav-bg-active.gif);
background-repeat: repeat-y;
color: #000000;
}




* html .navList ul li { float: left; height: 1%; }
* html .navList ul li a { height: 1%; }


#green-bg-01 {
background-image: url(images/green-bg-01.png);
background-repeat: repeat;
line-height: 30px;
}

#green-bg-02 {
background-image: url(images/green-bg-02.png);
background-repeat: repeat;
line-height: 30px;
}

#news {
background-color: #ffffff;
padding: 13px;
border: 3px solid #ffffff;
width: 150px;
}

#news p {
padding: 0;
margin: 0;
width: 150px;
}

.wrappiccyright{
float: right;
margin-left: 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #FFFFFF;
background-color: #FDFCF4;
}

.wrappiccyleft{
float: left;
margin-right: 8px;
padding: 10px;
border: 1px solid #dddddd;
background-color: #F5F5F5;
}