@charset "UTF-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;

background: url("images/bg.jpg") top left repeat-x;
background-color: #fff;

font-family: Georgia, serif;
font-size: 11px;
line-height: 17px;
color: #005a84;
}
img {border: 0;}
p {padding-bottom: 2px;}



/* wrapper */

#wrapper {
margin: 0px auto;
position: relative;
width: 700px;
}



/* header */

#header {
margin: 0px;
padding: 0px;
height: 180px;
}

#logo {
float: left;
}



/* navigation */

#navigation {
margin: 0px;
padding: 0px;
margin-top: 122px;
width: 500px;
float: left;
background-color: #009ac8;
}

#navigation li {list-style-type: none; height: 30px; line-height: 30px; float: left; cursor: pointer;}
#navigation li a {display: block; text-decoration: none;}
#navigation a:hover {background-position: 0 -30px; cursor: pointer;}
#navigation a span {display: none;}

a#home {width: 100px; height: 30px; background:url("images/nav-home.jpg") no-repeat;}
a#biography {width: 100px; height: 30px; background:url("images/nav-biography.jpg") no-repeat;}
a#classes {width: 100px; height: 30px; background:url("images/nav-classes.jpg") no-repeat;}
a#gallery {width: 100px; height: 30px; background:url("images/nav-gallery.jpg") no-repeat;}
a#contact {width: 100px; height: 30px; background:url("images/nav-contact.jpg") no-repeat;}



/* content */

#content {
padding: 0px;
border-top: 20px solid #fff;
}

#content #left {
width: 200px;
padding: 0px;
padding-top: 16px;
float: left;
position: relative;
}

#content #right {
width: 457px;
padding: 0 12px 0 30px;
border-left: 1px dotted #ccc;

height: 432px;
height: auto !important;
min-height: 432px;

float: left;
position: relative;
}

#content #right .header {margin-left: -21px;}

#content #right b, .orange {color: #dd802c;}

#content #right h3 {
font-family: Arial, Helvetica, sans-serif;
color: #fbb03b;
}


#content .time {
font-family: Arial, sans-serif;
text-transform: uppercase;
} 



#clear {
clear: both;
border-bottom: 30px solid #fff;
}