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


.text {
font:"Century Gothic";
}

ul {
line-height:10px;
}

ul li {
line-height:25px;
text-decoration:none;
list-style-type:none;
margin-left:-30px;
}

a:link {
color:#333333;
text-decoration:none;
}
a:active {
color:#333333;
text-decoration:none;
}
a:hover {
text-decoration:none;
color:#990000;
font-size:18px;
}
a:visited {
color:#666666;
}

h1 {
font-size:46px;
font-variant:small-caps;
line-height:5px;
}

h2 {
font-size:18px;
font-variant:small-caps;
line-height:5px;
}

#header {
border-bottom:1px solid #990000;
}

#footer {
margin-left:120px;
position:fixed;
clear: both; 
height: 5%; 
border-top: 1px solid #990000; 
padding: 0;
text-align:center;
color:#CCCCCC;
}

#fillBox {
background-image:url(fillBox.png);
padding:35px;
padding-left:40px;
margin:5px;
min-height:253px;
min-width:300px;
height:300px;
width:auto;
background-repeat:no-repeat;
background-attachment:inherit;
}

#fillBoxBio {
padding:35px;
padding-left:40px;
margin:5px;
height:350px;
width:400px;
}

#nav {
position:fixed;
top:150px;
}

/* begin gallery styling */
#jgal { list-style: none; width: 180px; }
#jgal li { opacity: .5; float: left; display: block; width: 50px; height: 50px; background-position:50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 30px; margin: 2px; }
#jgal li img { position:absolute; left:50%; top:150px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }