body { background:#533419 url(images/bop.png) left top fixed repeat-y;font-size:100%;
      font-family:Arial;margin:0px;padding:20px;color:#111; }
#page { width:888px;margin:0px auto;padding:auto;border:1px orange solid; }
a { color:#f60;text-decoration:none; }
a:hover { text-decoration:underline; }
img { margin:10px; padding:3px; border:1px solid #eee; }
#header { width:890px;height:310px;margin-top:-20px;background: transparent url(images/headerBackground.jpg) left top no-repeat; }
#header h1 { position:relative;font-size:24pt;padding-left:20px; }
#header h1 a { color:#FFF8CE; }
#header .description { text-align:center;position:absolute;top:288px;left:30%;
        font-size:22pt;color:white;margin:0;padding-left:5px; }
#header .description b { color:#F9AA02;font-size:120%; }
/* FFCC33 FF6600 A45209 533419
Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
p { padding:0 10px; }
.suckertreemenu ul{ margin: 0;margin-top:-1px;padding: 0;list-style-type: none;z-index:999; }

/*Top level list items*/
.suckertreemenu ul li{ z-index:999;position: relative;display: inline;float: left;background-color: orange; /*overall menu background color*/}
/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;font-size:11pt;width: 116px;height:36px;padding-left:4px;padding-right:2px;padding-top:2px; /*Width of top level menu link items*/
text-align:left;border: 1px solid #533419;margin:0px auto;
border-left-width: 0;text-decoration: none;color: #533419; }
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;visibility: hidden; }
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{ display: list-item;float: none; }
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ left: 149px; /* no need to change, as true value set by script */top: 0; }
/* Sub level menu links style */
.suckertreemenu ul li ul li a{ display: block;
width: 150px; /*width of sub menu levels*/
color: #533419;text-decoration: none;padding: 1px 5px;border: 1px solid #533419; }
.suckertreemenu ul li a:hover{ background-color: orange;color: white; }
/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{background: orange url(images/down.gif) no-repeat center right; }
/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{background: orange url(images/right.gif) no-repeat center right; }
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */
#mainarea { margin:0px;padding:0px; }
#contentarea { min-height:500px;background-color:#FFF8CE;line-height:14pt;z-index:1; }
#contentarea h2 { font-size:130%;margin-top:40px; }
#contentarea h3 { font-size:120%; }
#contentarea h2,#contentarea h3,#contentarea h4,#contentarea ul,#contentarea ol,#contentarea p { padding:10px; }
#contentarea ol, #contentarea ul { margin:20px; }
#sidebar { position:relative;top:1px;float:right;width:200px;padding:10px;background-color:#533419;
line-height:14pt;margin:0;margin-right:10px;margin-top:10px; }
#contentarea #sidebar h2 { color:#FFF8CE;text-align:center;margin-top:20px; }
#CC3676322 { margin:10px 3px;  }
#footer { clear:both;width:888px;padding-top:40px;text-align:center;
line-height:14pt;background-image:url(images/footer.png);
background-repeat:no-repeat;background-color:#000000; }
#footer a { color:#533419; }

/* ######### CSS for PHP Photo Album itself ######### */
.photodiv{ /*CSS for DIV containing each image*/
float: left;margin-right: 10px;margin-bottom: 10px; }
.photodiv img{ /*CSS for each image tag*/
border: 0;width: 200px;height: 106px;cursor: hand;cursor: pointer; }

.albumnavlinks{ /*CSS for DIV containing the navigational links*/}
.albumnavlinks a{ /*CSS for each navigational link*/
margin-right: 5px;padding: 1px 5px;border: 1px solid #9aafe5;text-decoration: none; 
color: #2e6ab1;font-weight: bold; }
.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
border: 1px solid #2b66a5;background-color: yellow; }

/* ######### CSS for thumbnail viewer plugin ######### */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;left: 0;top: 0;width: auto;
padding: 8px;padding-bottom: 0;background: #313131;visibility: hidden;
z-index: 100;cursor: hand;
cursor: pointer;box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #818181;-moz-box-shadow: 5px 5px #818181;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;letter-spacing: 5px;
line-height: 1.1em;color: white;
padding: 5px 0;text-align: right; }


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;margin: 5px; }

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;visibility: hidden;
border: 1px solid black;background-color: #EFEFEF;
padding: 10px;font: bold 14px Arial;z-index: 500; }