HTML {
}

body { 
background: #ffffff;
font-family: Verdana, Arial, sans-serif;
margin: 0px 0px 0px 0px;
color: #505050;
font-size : 100%;
}

H4, H5, H6 {
font-size : 100%;
color : #000000;
font-weight: bold;
}

ul {
list-style-type: none;
}

HR {
color : #CCCCCC; 
height : 1px;	 
width : 75%;
}

.datestamp {
padding: 5px;
font-size: 70%;
text-align: right;
width: 750px;
}

.header {
padding: 0px 0px 0px 0px;
width: 750px;
}

.header h1{
font-size: 130%;
color: #BEC4C8; 
margin: 0px 0px 0px 0px;
}

.header p {
margin: 0px 0px 0px 0px;
font-size: 70%;
color: #9CA4AA; 
}

.header a, .header a:visited {
text-decoration: none;
color: #BEC4C8; 
}

.header a:hover {
color: #9CA4AA; 
}

.tag {
padding: 5px;
font-size : 70%;
background-color: #BEC4C8;
color : #000000;
font-weight: bold;
width: 750px;
}

.tag a, .tag a:visited {
text-decoration: none;
color: #FFFFFF; 
}

.tag a:hover {
color: #000000; 
}

.content {
padding: 10px 10px 5px 10px;
font-size : 75%;
border-left: 1px solid #BEC4C8;
}

.content h1 {
color: #000000; 
font-weight: bold; 
font-style: normal; 
text-decoration: none; 
font-size: 130%;
}

.content h2 {
color: #000000; 
font-weight: bold; 
font-style: normal; 
text-decoration: none; 
font-size: 115%;
}

.content h3 {
color: #666666; 
font-weight: bold; 
font-style: normal; 
text-decoration: none; 
font-size: 110%;
}

.content a, .content a:visited {
font-weight: bold;
text-decoration: underline;
color: #000000; 
}

.content a:hover {
color: #9CA4AA; 
}

.content ul {
list-style-type: disc;
margin: 0px 10px 10px 30px;
} 

.content li {
display: list-item;
margin: 0px 10px 10px 30px;
}

.relatedbox {
padding: 5px;
border: 1px solid #E5E7E9;
margin-bottom: 10px;
font-size: 100%;
background-color: #EBEDEF;
color: #000000; 
}

.relatedbox H3 {
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border-bottom: 1px solid #BEC4C8;
padding: 2px;
}

.relatedbox a, .relatedbox a:visited {
font-weight: bold;
text-decoration: underline;
color: #000000; 
}

.relatedbox a:hover {
color: #333333; 
}

.hottopic {
width: 80%;
background-color: #EBEDEF;
padding: 5px;
border: 1px solid #BEC4C8;
margin-bottom: 10px;
font-size: 90%;
line-height: 1.5;
color: #000000; 
}

.hottopic H3 {
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border: 1px solid #CCCCCC;
background-color: #BEC4C8;
padding: 2px;
}

.hottopic a, .hottopic a:visited {
font-weight: bold;
text-decoration: none;
color: #000000; 
border-bottom: 1px dashed #BEC4C8;
border-top: 1px solid #EBEDEF;
}

.hottopic a:hover {
color: #333333; 
border-top: 1px solid #9CA4AA;
border-bottom: 1px solid #9CA4AA;
background-color: #FFFFFF;
}

.spiderfood {
float: right;
text-align: right;
width: auto;
padding: 5px;
font-size: 80%;
color: #000000;
}

.spiderfood a, .spiderfood a:visited {
font-weight: normal;
color: #000000; 
text-decoration: none;
}

.spiderfood a:hover{
color: #9CA4AA; 
text-decoration: none;
}

.googlebox {
background-color: #EBEDEF;
border: 1px solid #E5E7E9;
float: left;
margin-right: 10px;
margin-bottom: 5px;
width: 250px;
padding: 10px;
font-size : 90%;
height: 250px;
color: #000000; 
}

.googlebox h3{
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border-bottom: 1px solid #9CA4AA;
padding: 2px;
}

.sidepanel {
padding: 5px 10px 5px 10px;
border-left: 1px solid #CCCCCC;
font-size : 70%;
border-right: 1px solid #BEC4C8;

}


.sitemenu {
width: 170px;
padding: 5px;
border: 1px solid #E5E7E9;
margin-bottom: 10px;
font-size: 100%;
background-color: #EBEDEF;
}

.sitemenu h3{
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border-bottom: 1px solid #9CA4AA;
padding: 2px;
}

.sitemenu ul {
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;

}

.sitemenu li {
margin: 0px 0px 0px 0px;
padding: 1px 0px 2px 0px;
}

.sitemenu a, .sitemenu a:visited {
display: block;
text-decoration: none;
color: #333333; 
padding: 2px;
width: 100%;
border-top: 1px solid #EBEDEF;
border-bottom: 1px solid #EBEDEF;
font-weight: bold;
}

.sitemenu a:hover {
text-decoration: none;
color: #9CA4AA; 
padding: 2px;
width: 100%;
border-top: 1px solid #9CA4AA;
border-bottom: 1px solid #9CA4AA;
background-color: #FFFFFF;
}

.flexable {
width: 170px;
padding: 5px;
border: 1px solid #E5E7E9;
margin-bottom: 10px;
font-size: 100%;
background-color: #EBEDEF;
}

.flexable h3{
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border-bottom: 1px solid #9CA4AA;
padding: 2px;
}

.flexable a, .flexable a:visited {
font-weight: bold;
text-decoration: none;
color: #000000; 
border-bottom: 1px dashed #BEC4C8;
border-top: 1px solid #EBEDEF;
}

.flexable a:hover {
color: #333333; 
border-top: 1px solid #9CA4AA;
border-bottom: 1px solid #9CA4AA;
background-color: #FFFFFF;
}

.static {
width: 170px;
padding: 5px;
border: 1px solid #E5E7E9;
margin-bottom: 10px;
font-size: 100%;
background-color: #EBEDEF;
}

.static h3{
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border-bottom: 1px solid #9CA4AA;
padding: 2px;
}

.static a, .static a:visited {
font-weight: bold;
text-decoration: none;
color: #000000; 
border-bottom: 1px dashed #BEC4C8;
border-top: 1px solid #EBEDEF;
}

.static a:hover {
color: #333333; 
border-top: 1px solid #9CA4AA;
border-bottom: 1px solid #9CA4AA;
background-color: #FFFFFF;
}

.resources {
width: 170px;
padding: 5px;
border: 1px solid #E5E7E9;
margin-bottom: 10px;
font-size: 100%;
background-color: #EBEDEF;
}

.resources h3{
font-size: 100%;
color: #000000; 
font-weight: bold; 
font-style: normal; 
border-bottom: 1px solid #9CA4AA;
padding: 2px;
}

.resources a, .resources a:visited {
font-weight: bold;
text-decoration: none;
color: #000000; 
border-bottom: 1px dashed #BEC4C8;
border-top: 1px solid #EBEDEF;
}

.resources a:hover {
color: #333333; 
border-top: 1px solid #9CA4AA;
border-bottom: 1px solid #9CA4AA;
background-color: #FFFFFF;
}

.bookmark {
padding: 5px;
text-align: center;
font-size: 100%;
}

.bookmark a, .bookmark a:visited {
font-weight: bold;
text-decoration: none;
color: #BEC4C8; 
border-bottom: 1px dashed #BEC4C8;
padding-bottom: 2px;
}

.bookmark a:hover{
color: #9CA4AA; 
border-bottom: 1px solid #9CA4AA;
padding-bottom: 2px;
}

.menu2 {
padding: 5px;
font-size : 70%;
font-weight: normal;
border-top: 1px solid #9CA4AA;
text-align: center;
width: 750px;
}

.menu2 a, .menu2 a:visited {
font-weight: normal;
text-decoration: none;
color: #000000; 
}

.menu2 a:hover{
color: #333333; 
}

.footer {
background-color: #BEC4C8;
padding: 5px;
font-size : 70%;
text-align: center;
width: 750px;
color: #000000; 
}

.footer a, .footer a:visited {
font-weight: normal;
text-decoration: none;
color: #E5E7E9; 
}

.footer a:hover{
color: #EBEDEF; 
}

.sitedesign {
width: 750px;
padding: 3px;
font-size : 55%;
text-align: center;
}

.sitedesign a, .sitedesign a:visited {
font-weight: normal;
text-decoration: none;
color: #666666; 
}

.sitedesign a:hover{
color: #9CA4AA; 
}

.formbutton {
background-color: #BEC4C8;
border: 1px solid #9CA4AA;
font-size: 90%;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
}

.formtext {
background-color: #FFFFFF;
border: 1px solid #9CA4AA;
font-size: 95%;
font-family: Verdana, Arial, sans-serif;
color: #9CA4AA;
}