/* Start of CMSMS style sheet 'miamiski' */
/* CSS Document */

BODY{
margin:0px;
font-family:trebuchet ms, Helvetica, sans-serif;
background-color:#FFFFFF;
background-image:url(../images/bg.png);
background-repeat:repeat-x;
background-position:top;}

.header{
background-image:url(../images/header.jpg);
background-position:center;
background-repeat:no-repeat;
height:105px;
margin-left:auto;
margin-right:auto;
width:700px;
}

.title{
font-size:24px;
color:#705a00;
letter-spacing:-1px;
font-weight:bold;
padding:0px;
width:270px;
margin-left:20px;
margin-top:30px;
text-align: center;
float:left;}

.navigation{
color:#855108;
font-size:12px;
width:205px;
font-weight:bold;
letter-spacing:0px;
margin-right:50px;
margin-top:10px;
float:right;
}
.outer{width:100%;
margin: auto;
}

.block-1 {
height:63px;
width:727px;
margin: 0.3em 0.3em 0.5em 0.3em;
padding-top:15px;
padding-bottom:0px;
}

.block-2 {
height:530px;
width:680px;
margin-top:-8px;
padding-bottom:0px;
background-image:url(../images/btm_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
text-align:left;
padding:10px;
background-color:#FFFFFF;
}
.block-3 {
height:11px;
width:700px;
margin-top:-8px;
text-align:left;
}

.footer {
height:19px;
width:727px;
margin-top:-8px;
color:#705a00;
font-size:10px;
}

.content_holder {
width:525px;
float:left;
height:100%;
}

.side_bar {
width:140px;
float:right;
border:#006699 dashed 1px;
padding:5px;
font-size:10px;}

.nav_holder {
padding-right:10px;
padding-top:10px;
width:134px;
height:168;
float:left;
border-right:solid #CCCCCC 1px;
height:100%;
background-image:url(../images/sub_nav.jpg);
background-repeat:no-repeat}

.child{
font-size:12px;
font-weight:bold;
color:#705a00;
}

*html .nav_link{
display:block;
width:140px;
color:#855108;
text-decoration:none;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position: +3px +9px;
padding:3px;
padding-left:11px;
}

.nav_link{
display:block;
width:117px;
color:#855108;
text-decoration:none;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position: +3px +9px;
padding:3px;
padding-left:11px;
}

*html .nav_link:hover{
display:block;
background-color:#DEFE92;
width:140px;
color:#855108;
padding:3px;
padding-left:11px;}

.nav_link:hover{
display:block;
background-color:#DEFE92;
width:120px;
color:#855108;
padding:3px;
padding-left:11px;}

.text_area{
margin-left:150px;
font-size:11px;
padding-left:10px;
padding-right:10px;}

h1{
font-size:18px;
color:#705a00;
font-weight:bold;
margin-bottom:2px;}

a:link {color: #855108}     
a:visited {color: #855108} 
a:hover {color: #855108}  

.nav:link {color: #855108; text-decoration:none;}     
.nav:visited {color: #855108; text-decoration:none;} 
.nav:hover {color: #855108; text-decoration:none;}  

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 220px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* End of 'miamiski' */