html, body {
min-height: 100%;
width: 100%;
margin: 0px; 
padding: 0px;

}

body {
color: #000;
font-family: georgia, times new roman, serif;
font-size: 76%;
margin: 0;
padding: 0;
min-width: 975px;
width: 100%;
height: 100%;
text-align: left;
background: #fff url(images/mnbg4.gif) right bottom repeat-x;
}

a {
color: #666;
font-weight: normal;
text-decoration: none;
font-size: 1em;
}

a:hover, a:active {
color: #000;
text-decoration: underline;
}

a img {
border: 0px;
text-decoration: none;
outline: 0;
}

.current {
color: #000;
text-decoration: underline;
}

h1 {
font-size: 1.3em;
font-weight: normal;
text-align: left;
}

h2 {
margin: 20px 0 0 0;
padding: 0;
font-size: 1.2em;
font-weight: normal;
text-align: left;
}

p {
font-size: 1em;
text-align: left;
}

.right {
text-align: right;
}

.small {
font-size: 0.8em;
text-align: center;
}

.bold {
font-weight: bold;
}

.pic {
text-align: center;
}

.ital {
font-style: italic;
}

.under {
text-decoration: underline;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix { display: inline-block;}

html[xmlns] .clearfix {display: block;}

*html .clearfix { height: 1%;}

#container {
position: relative;
margin: 0;
padding: 0;
width: 100%;
min-width: 975px;
min-height: 100%;
background: url(images/facebg.gif) top right no-repeat;
text-align: left;
}

#content {
float: left;
margin: 0 30px;
padding: 20px 0 50px 0;
width: 975px;
}

#mainnav {
margin: 0;
padding: 0;
width: 950px;
text-align: left;
text-transform: uppercase;
}

#mainnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#mainnav ul li {
display: inline;
margin: 0;
padding: 0 50px 0 0;
}

#mainnav ul li a {
margin: 0;
padding: 0;
}

#mainnav ul li img {
vertical-align: middle;
}

ul#subnav {
float: left;
list-style: none;
margin: 30px 0 0 20px;
padding: 0;
width: 180px;
text-align: left;
}

ul#subnav li {
margin: 0;
padding: 10px 0 0 0;
width: 100%;
}

img.cartoon {
margin: 0 0 20px 0;
}


div.music {
float: left;
margin: 0;
Padding: 0;
width: 270px;
}

div.music img {
float: left;
margin: 0 20px 10px 0;
padding: 0;
border: solid 3px #ccc;
}

.galleria{list-style:none;width:260px;height:420px;text-align: center;}
.galleria li{display:block;width:75px;height:75px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li img {border: solid 3px #ccc;}
.galleria li img:hover {border: solid 3px #666;}
.galleria li a{display:none}
.galleria li.active img{border: solid 3px #666;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:30px}
* html .galleria li div span{width:400px} /* MSIE bug */


#window {
float: left;
margin: 40px 0 50px 0;
Padding: 0;
width: 470px;
text-align: center;
}

#window img {
margin-bottom: 30px;
border: solid 4px #ccc;
}


#drawwindow {
float: left;
margin: 20px 0 50px 0;
Padding: 0;
width: 500px;
text-align: center;
}

#drawwindow img {
    margin-top: 20px;
border: solid 4px #ccc;
}

#front {
float: left;
margin: 40px 0 50px 0;
Padding: 0;
width: 670px;
text-align: center;
}

#front img {
    margin-bottom: 5px;
border: solid 4px #ccc;
}

#front a {
text-decoration: underline;
}

div .paint {
    float: left;
    margin: 0;
    padding: 20px 10px;
    width: 200px;
    height: 180px;
    text-align: center;
}

.galnav {
float: left;
margin: 10px 0 0 0;
padding: 0;
width: 200px;
}

.headsnav {
float: left;
margin: 40px 0 0 50px;
padding: 0;
width: 250px;
}

a#prev {
    margin: 0;
    padding-left: 23px;
    outline: 0;
    background: url(images/larrow.gif) center left no-repeat;
}

a#prev:hover {
    background: url(images/onlarrow.gif) center left no-repeat;
}

a#next {
    margin: 0 0 0 30px;
    padding-right: 23px;
    
    background: url(images/rarrow.gif) center right no-repeat;
}

a#next:hover {
    background: url(images/onrarrow.gif) center right no-repeat;
}

p.nav{
clear: both;
}


ul#thumbs {list-style:none;margin:20px 0 0 20px;width:110px;text-align: center;}
ul#thumbs li {display:block;width:110px;float:left;margin:0 10px 20px 0}
ul#thumbs a img{border: solid 3px #ccc;}
ul#thumbs a:hover img, ul#thumbs a img.showing {border: solid 3px #666;}

#musicwindow {
float: left;
margin: 20px 0 0 0;
Padding: 0 0 30px 0;
width: 350px;
text-align: left;
}

#musicwindow a {
    text-decoration: underline;
}

ul#photos {list-style:none;margin:40px 0 0 20px;width:250px;text-align: center;}
ul#photos li {display:block;margin:0 10px 20px 0}
ul#photos img{border: solid 3px #ccc;}


#footernav {
    position: relative;
    clear: both;
margin: 0px auto 0 auto;
height: 40px;
padding: 20px 0 0 0;
width: 100%;
}