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

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; padding: 0px; text-align:center;  margin: auto; color:#CCCCCC; background: #000000 url(images/background.jpg) top center no-repeat fixed;}

#main {position:relative; padding-top: 29px; width: 887px; margin: auto; text-align: center; z-index: 50; }

#banner {position:relative; width: 887px; height: 192px; background-image: url(images/banner.jpg); z-index: 50;}

#content {position:relative; width: 887px; margin: auto; text-align: left; }

#menuBar {position: absolute; z-index: 99; text-align: left; overflow:hidden; bottom: 0px; right: 0px; width: 550px; height: 22px; vertical-align: bottom; padding: 0px; background-image: url(images/menuback.jpg)}

#news {position: relative; left: 0px; top: 0px; width: 250px; background: url(images/cellbottom.gif) bottom no-repeat;}

#message {position: relative; right: 0px; margin-top: 35px; width: 250px; background: url(images/cellbottom.gif) bottom no-repeat;}

#letter {position: relative; right: 0px;  width: 250px; background: url(images/cellbottom.gif) bottom no-repeat;}

#copy {position: absolute; top: 20px;  width: 600px; left: 275px; text-align: justify; }

#solocopy {position: absolute; top:15px;  width: 880px; left: 0px; text-align: justify; }

.menu{position: absolute; z-index: 99; text-align: left; padding: 5px; height: auto; width: auto; background-image:url(images/background.jpg); border-bottom-color:#cc6633; border-bottom-style: solid; border-bottom-width: 1px; line-height: 20px;}

.orangeLink, .orangeLink:LINK, .orangeLink:VISITED {color: #cc6633; text-decoration: none;}
.orangeLink:HOVER {color: #cc6633 ; text-decoration: underline;}

.greyHeader {color: #CCCCCC; font-size: 14px; font-weight: bold; text-decoration: none;}
.orangeHeader {color: #cc6633; font-size: 14px; font-weight: bold; text-decoration: none;}

.orangeText {color: #cc6633;}

#album{position: relative; margin-left: 25px; width: 855px;}

.slideshow{ /*CSS for DIV containing each image*/
position:relative;
float: left;
margin-right: 20px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 150px;
height: 106px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
color: #cc6633; 
text-decoration: none;
font-size: 10px;
}

#navlinks a{ /*CSS for each navigational link*/
color: cc6633;
margin-right: 8px;
margin-bottom: 3px;
font-size: 10px;
color: #cc6633; 
text-decoration: none;
}
#navlinks a.hover{ /*CSS for each navigational link*/
color: cc6633;
margin-right: 8px;
margin-bottom: 3px;
font-size: 10px;
color: #cc6633; 
text-decoration: underline;
}

#navlinks a.visited{ /*CSS for each navigational link*/
color: cc6633;
margin-right: 8px;
margin-bottom: 3px;
font-size: 10px;
color: #cc6633; 
text-decoration: none;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
color: cc6633;
font-size: 10px;
text-decoration: underline;
}