body {
margin: 0px;
padding: 0px;
font-size: small;
font-family: "Trebuchet MS", Arial, sans-serif;
background: url(../s_images/fade_bkg2.gif) repeat-x;
}

#container {
clear: both;
width: 743px;
margin: auto;
margin-top: 5px;
border: solid #FFFFFF 10px;
background-color: #FFFFFF;
}

#header{
position: relative;
height: 136px;
width: 743px;
background-color: white;
}

#logo{
float: left;
width: 210px;
height: 130px;
}

#top_nav{
position: absolute;
width: 532px;
height: 130px;
left: 210px;
}

#top_nav ul{
display: inline;
list-style-type: none;
}

#top_nav a{
position: absolute;
text-indent: -9999px;
text-decoration: none;
}

#nav1 {
background: url(../s_images/top_nav/yp_a.jpg) no-repeat;
width: 135px;
top:0px;
left: 0px;
height: 130px;
}
#nav1 :hover {
background: url(../s_images/top_nav/yp_b.jpg) no-repeat;
}
#nav2 {
background: url(../s_images/top_nav/com_a.jpg) no-repeat;
width: 129px;
top: 0px;
left: 135px;
height: 130px;
}
#nav2 :hover {
background: url(../s_images/top_nav/com_b.jpg) no-repeat;
}
#nav3 {
background: url(../s_images/top_nav/ent_a.jpg) no-repeat;
width: 135px;
top: 0px;
left: 265px;
height: 130px;
}
#nav3 :hover {
background: url(../s_images/top_nav/ent_b.jpg) no-repeat;
}
#nav4 {
background: url(../s_images/top_nav/env_a.jpg) no-repeat;
width: 133px;
top: 0px;
left: 390px;
height: 130px;
}
#nav4 :hover {
background: url(../s_images/top_nav/env_b.jpg) no-repeat;
}


#nav_wrapper{
position: relative;
background-color: #FFFFFF;
height: 36px;
}

#navigation{
position: absolute;
width: 743px;
height: 36px;
color: #FFCC00;
margin-top: 0px;
padding-left: 0px;
font-size: 12px;
}

#navigation ul{
display: inline;
list-style-type: none;
}

#navigation a{
position: absolute;
text-indent: -9999px;
text-decoration: none;
}

#btn1 {
background: url(../s_images/buttons/1a.gif) no-repeat;
width: 66px;
top:0px;
left: 0px;
height: 36px;
}
#btn1:hover {
background: url(../s_images/buttons/1b.gif) no-repeat;
}

#btn2 {
background: url(../s_images/buttons/2a.gif) no-repeat;
width: 80px;
height: 36px;
top:0px;
left: 66px;
}
#btn2:hover {
background: url(../s_images/buttons/2b.gif) no-repeat;
}

#btn3 {
background: url(../s_images/buttons/3a.gif) no-repeat;
width: 150px;
height: 36px;
top:0px;
left: 441px;
}
#btn3:hover {
background: url(../s_images/buttons/3b.gif) no-repeat;
}

#btn4 {
background: url(../s_images/buttons/4a.gif) no-repeat;
width: 150px;
height: 36px;
top:0px;
left: 388px;
}
#btn4:hover {
background: url(../s_images/buttons/4b.gif) no-repeat;
}

#btn5 {
background: url(../s_images/buttons/5a.gif) no-repeat;
width: 150px;
height: 36px;
top:0px;
left: 509px;
}
#btn5:hover {
background: url(../s_images/buttons/5b.gif) no-repeat;
}

#btn6{
background: url(../s_images/buttons/6a.gif) no-repeat;
width: 169px;
height: 36px;
top:0px;
left: 600px;
}
#btn6:hover {
background: url(../s_images/buttons/6b.gif) no-repeat;
}

#btn7{
background: url(../s_images/buttons/7a.gif) no-repeat;
width: 133px;
height: 36px;
top:0px;
left: 602px;
}
#btn7:hover {
background: url(../s_images/buttons/7b.gif) no-repeat;
}

#btn8{
background: url(../s_images/buttons/8b.gif) no-repeat;
width: 129px;
height: 36px;
top:0px;
left: 261px;
}
#btn8:hover {
background: url(../s_images/buttons/8a.gif) no-repeat;
}

#btn9 {
background: url(../s_images/buttons/9a.gif) no-repeat;
width: 115px;
height: 36px;
top:0px;
left: 146px;
}
#btn9:hover {
background: url(../s_images/buttons/9b.gif) no-repeat;
}


#nav_search_wrapper{
float: left;
width: 207px;
height: 36px;
}

.search{
font-size: 9px;
color: white;
background-color: #0066FF;
border: solid 1px white;
}

.search2{
font-size: 10px;
font-weight: bold;
color: white;
background-color:#0066FF;
text-decoration: none;
border: solid 1px white;
}

.searchform{
margin-bottom: -10px;
margin-top: 8px;
margin-left: 9px;
}

#content_wrapper{
position: relative;
width: 743px;
}

#main_content{
position: relative;
width: 536px;
float: left;
background-color: #FFFFFF;
}

#blue{
margin-left: 20px;
margin-top: 8px;
margin-bottom: 10px;
position: relative;
font-size: 25px;
width: 400px;
color: #0033CC;
}

#red{
margin-left: 20px;
margin-top: 8px;
margin-bottom: 10px;
position: relative;
font-size: 25px;
width: 400px;
color: #FF0000;
}

#lblue{
margin-left: 20px;
margin-top: 8px;
margin-bottom: 10px;
position: relative;
font-size: 25px;
width: 400px;
color: #0099FF;
}

#green{
margin-left: 20px;
margin-top: 8px;
margin-bottom: 10px;
position: relative;
font-size: 25px;
width: 400px;
color: #66CC00;
}

#normal{
margin-left: 20px;
margin-top: 8px;
margin-bottom: 10px;
position: relative;
font-size: 20px;
width: 400px;
color: #0066CC;
font-family: "Trebuchet MS", Arial, sans-serif;
}

#changing{
clear: both;
margin-top: 5px;
width: 350px;
height: 30px;
}

#bottom_graphic{
clear: both;
background: url(../s_images/bottom_graphic.gif) no-repeat;
height: 19px;
}

#donate{
position: relative;
margin-top: 20px;
margin-left: 20px;
width: 450px;
font-size: 12px;
line-height: 14px;
color: #000066;
}


.donate{
font-size: 12px;
color: #000066;
text-decoration: none;
}

#attached_pages_wrapper{
position: relative; 
width:200px;
top:5px;
}

#attached_pages{
position: relative;
margin-left: 10px;
margin-top: 10px;
}

#attached_pages h1{
font-size: 14px;
margin-left: 7px;
}

#attached_pages a:link {
text-decoration: none;
color: #FFCC00;
background-color: #000066;
padding: 2px;
}
#attached_pages  a:visited {
text-decoration: none;
color: #FFCC00;
background-color: #000066;
padding: 2px;
}
#attached_pages  a:hover {
text-decoration: none;
color: #000066;
background-color: #FFCC00;
padding: 2px;
}
#attached_pages  a:active {
color: #FF0000;
padding: 2px;
background-color: #FFCC00;
}

#related_heading{
position: relative;
width: 177px;
height: 15px;
font-size: 11px;
margin-top: 34px;
margin-left: 10px;
color: #000066;
font-weight: bold;
padding-left: 9px;
padding-bottom: 1px;
padding-top: 1px;
background-color: #FFFFFF;
}

#bullet{
float:left;
margin-top: 4px;
margin-right: 2px;
}

#utilities{
width: 80px;
float: right;
margin-top: 25px;
margin-right: 9px;
height: 28px;
}

#utilities img{
float: left;
}


#content{
position: relative;
font-size: 13px;
font-weight: bold;
color: #000066;
border-top: dotted #3399FF 1px;
border-bottom: dotted #3399FF 1px;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
width: 490px;
margin-top: 18px;
}

#map_wrapper{
width: 400px;
margin-left: 50px;
}

#map_wrapper h1{
font-size: 16px;
font-weight: bold;
margin-top: 1px;
margin-bottom: 2px;
}

#map_wrapper h2{
font-size: 12px;
font-weight: bold;
margin-top: 1px;
margin-bottom: 2px;
}


#map_wrapper a:link{
text-decoration: none;
color: #000099;
}

#map_wrapper a:hover{
background-color: #0099FF;
color: #FFFFFF;
}

#map_wrapper a:visited {
color: #999999;
}

#map_wrapper a:active {
text-decoration: none;
color: #999999;
}







#error_message{
position: relative;
margin-left: 20px;
color: #FF0000;
}

#form_header{
position: relative;
border-bottom: dotted #3399FF 1px;
font-size: 16px;
margin-left: 20px;
width: 450px;
}

#ref_table{
position: relative;
margin-top: 10px;
}


#content a:link {
text-decoration: underline;
color: #000066;
}
#content a:visited {
text-decoration: none;
color: #0066FF;
}
#content a:hover {
text-decoration: none;
color: #0066FF;
}
#content a:active {
color: #0066FF;
}

#search_content{
position: relative;
font-size: 13px;
font-weight: bold;
color: #000066;
border-top: dotted #3399FF 1px;
border-bottom: dotted #3399FF 1px;
margin-left: 20px;
margin-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}

#search_content h1{
font-size: 14px;
color: #3399FF;
}

#search_content img{
margin-right: 5px;
margin-top: 5px;
}

#right_menu3{
float: left;
right:-1px;
width: 207px;
height: 300px;
background: url(../s_images/right_menu_bkg3.jpg) no-repeat;
}

#right_menu2{
float: left;
right:-1px;
width: 207px;
height: 296px;
background: url(../s_images/right_menu_bkg2.jpg) no-repeat;
}

#right_menu1{
float: left;
right:-1px;
width: 207px;
height: 147px;
background: url(../s_images/right_menu_bkg1.jpg) no-repeat;
}

#latest_wrapper{
position: relative;
margin-top: 10px;
width: 188px;
margin-left: 10px;
background-color: #FFFFFF;
}

#latest_heading{
position: relative;
font-size: 20px;
color: #3399FF;
margin-left: 8px;
margin-top: 4px;
}

#news_wrapper{
position: relative;
width: 180px;
margin-left: 2px;
margin-top: 11px;
border-top: dotted #3399FF 1px;
border-bottom: dotted #3399FF 1px;
margin-bottom: 10px;
}

#news_link_wrapper{
position: relative;
margin-top:10px;
margin-bottom:10px;
}

#news_link_wrapper a:link {
text-decoration: none;
color: #FFCC00;
background-color: #000066;
padding: 2px;
}
#news_link_wrapper  a:visited {
text-decoration: none;
color: #FFCC00;
background-color: #000066;
padding: 2px;
}
#news_link_wrapper  a:hover {
text-decoration: none;
color: #000066;
background-color: #FFCC00;
padding: 2px;
}
#news_link_wrapper  a:active {
color: #FF0000;
padding: 2px;
background-color: #FFCC00;
}

#latest_wrapper2{ 
width: 480px;
position: relative;
}

#news_link{
margin-left: 6px;
width: 168px;
margin-top: 5px;
font-size: 14px;
font-weight: bold;
}

#news_link2{
margin-left: 6px;
width: 400px;
margin-top: 5px;
font-size: 14px;
font-weight: bold;
}

#news_img{
float: left;
margin-top: -2px;
}

.date_created{
color: #3399CC;
font-size: 10px;
} 

#article_limit{
font-weight: normal;
color: #666666;
font-size: 12px;
}

#web_nav{
font-size: 11px;
color: #999999;
margin-left: 20px;
position: relative;
margin-top: 10px;
width: 400px;
}

#web_nav a:link{
text-decoration: none;
color: #000099;
}

#web_nav a:hover{
background-color: #0099FF;
color: #FFFFFF;
}

#web_nav a:visited {
color: #999999;
}

#web_nav a:active {
text-decoration: none;
color: #999999;
}

#links{
margin:auto;
position: relative;
width: 600px;
color: #FFFFFF;
font-size: 10px;
padding-bottom: 10px;
text-align: center;
font-weight: normal;
}

#links a:link{
text-decoration: none;
color: #FFFFFF;
}

#links a:hover{
text-decoration: underline;
}

#links a:visited {
text-decoration: none;
color: #FFCC00;
}

#links a:active {
text-decoration: underline;
}

#email_wrapper{
width: 400px;
margin-left: 50px;
color: #000099;
font-size: 14px;
font-weight: bold;
}

#ref_form{
position: relative;
width: 150px;
padding: 5px;
margin-top: 40px;
margin-left: 25px;
background-color: #FFFFFF;
border: solid blue 1px;
font-size: 12px;
font-weight: bold;
color: #000099;
line-height: 30px;
}

#ref_form a:link{
text-decoration: none;
color: #000099;
}
#ref_form a:hover{
background-color: #0099FF;
color: #FFFFFF;
}
#ref_form a:visited {
color: #000099;
}
#ref_form a:active {
text-decoration: none;
color:  #000099;
}

.ref_form_head{
font-size: 15px;
}

#extralinks{
width: 400px;
height: 100%;
}

#extralinks a:link {
text-decoration: none;
color: #0036C0;
}
#extralinks a:visited {
text-decoration: none;
color: #0036C0;
}
#extralinks a:hover {
text-decoration: none;
color:  #0036C0;
}
#extralinks a:active {
color: #0036C0;
}