/* CSS Document */

.top {
border-style: none none solid none;
border-color:#333333;
border-width:thin;
padding-top: 5px;
padding-bottom: 7px;
}

.bottom {
font-size:9px;
color:#CCCCCC;
}

.blog {
font-size:11px;
}

.utilities {
padding-top: 10px;
padding-bottom: 10px;
}

.left {
width:15%;
padding-right: 20px;
}

.center {
border-style: none dashed none dashed;
border-color:#CCCCCC;
border-width:thin;
padding-left: 20px;
padding-right: 20px;
}

.right {
width:15%;
padding-left: 20px;
}

#joke_of_the_day {
border-style: dashed;
border-color:#CCCCCC;
border-width:thin;
margin:5px 50px 5px 50px
}

ul.nav
{
width:100%;
padding:0;
margin:0;
}
a.clear
{
text-decoration:none;
}
a.nav
{
float:left;
width:100px;
text-decoration:none;
color:white;
background-color:#999999;
padding:5px 0px 5px 10px;
border-right:1px solid white;
}
a.u_nav
{
float:left;
width:150px;
text-decoration:none;
color:white;
background-color:#999999;
padding:5px 0px 5px 10px;
border-right:1px solid white;
}

a.nav:hover {
background-color:#ff3300;
font-size: 105%;
font-style:italic
}

a.u_nav:hover {
background-color:#ff3300;
font-size: 105%;
font-style:italic
}
li.nav {
display:inline;
}

h3 {
margin:0px 0px 0px 0px;
}

h4 {
margin:0px 0px 0px 0px;
}

.site_logo {
position:absolute;
left:20px;
top: 20px;
z-index: 5;
}

.site_logo_clip {
z-index: 5;
}