/*index page*/

#wrapper {width: 1000px;
margin: 0 auto;
}

#header {border-bottom: 2px;
border-bottom-color:#000000;
height: 205px;

}

a:link {color: #000000;
text-decoration: none;
font-family: Arial;
font-size: 14pt;
 }
a:visited {color: #000000;
text-decoration: none;
font-family: Arial;
font-size: 14pt;
}

a:hover {color:#97100c;
text-decoration: none;
font-family: Arial;
font-size: 14pt;
}

a:active {color: #000000;
text-decoration: none;
font-family: Arial;
font-size: 14pt;
} 

#contained-left {
float: left; width: 350px; padding: 10px; margin: 5px; clear: left;
}

#contained-right {
float: left; width: 550px; padding: 10px; margin: 5px;  text-align: right;  border-left: dashed 3px #97100c;
}

#container { background: #fffff; clear: left; width: 1000px; margin: auto;}

#content-left {float: left; width: 300px; padding: 10px; margin: 5px; clear: left;}

#content-center {float: left; width: 275px; border-left: dashed 3px #97100c; padding: 10px; margin: 10px;}

#content-right {float: left; text-align: right; width: 300px; border-left: dashed 3px #97100c; padding: 10px; margin: 10px;}

.first {
font-family: arial;
font-size: 12pt;
}

.second {
font-family: arial;
font-size: 16pt;
font-style: bold; 

}

.third {
font-family: verdana;
font-size: 14pt; 
color: #a11912;

}

/* Navigational Bar*/

#navbar {
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}

#navbar li {
    list-style: none;
    float: left; }

#navbar li a {
font: verdana;
font-size: 14px;
font-weight:bold;
    display: block;
    padding: 8px 10px;
    background-color: #ffffff;
    color: #a11912;
    text-decoration: none;
	border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;}

#navbar li ul {
    display: inline;
    width: 10em; /* Width to help Opera out */
    background-color: #000000;
    text-decoration: none;}

#navbar li:hover ul, #navbar li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0; }

#navbar li:hover li, #navbar li.hover li {
    float: none; }

#navbar li:hover li a, #navbar li.hover li a {
    background-color: #000000;
    color: #ffffff; }

#navbar li li a:hover {
    background-color: #000000;
    color: #ffffff; }
	
#image_gallery {
position: relative;
overflow: visible;
}

/*art is free and priceless*/

#title {
text-align: right;
float: right;
width: 250px;
}

#content {
clear: both;
}

#subcontent {
font-family: verdana;
font-size: 14pt; 
}

#mission {
font-family: verdana;
font-sixe: 12pt;
}


/*Image Gallery*/

#image_gallery {clear: left;}

ul#gallery_thumbs {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
left: 65px;
}
#gallery_thumbs li {
background: none;
display: inline;
}
.thumb img { /* styles thumbnail previews */
background: #fff;
padding: 2px;
border: 3px solid #000000;
}
.thumb:hover img {
background-color: transparent;
}
.thumb span { /* hides large previews */
visibility: hidden;
position: absolute;
}
.thumb span img { /* styles large previews */
background: #fff;
padding: 2px;
border: 2px solid #000000;
}
.thumb:hover span { /* displays preview while hovering over thumb */
visibility: visible;
position: absolute;
top: 70px; /* absolute positioning to control where previews are displayed */
left: 70px;
z-index: 10;
}

#image_gallery_two {
position: relative;
overflow: visible;
}
ul#gallery_thumbs_two {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
left: 0px;
}
#gallery_thumbs_two li {
background: none;
display: block;

}#gallery_thumbs li {
background: none;
display: inline;
}

/*project main page*/

#container-left {
float: left; width: 450px; padding: 10px; margin: 5px; clear: left;
}

#container-right {
float: left; width: 450px; padding: 10px; margin: 5px;  text-align: right;  border-left: dashed 3px #97100c;
}

/*images*/

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}