a { cursor: pointer; }

* { margin: 0; padding: 0 }

#darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

#titleWindow, div.photoWindow {
	background-color: #e1be5e;
	border: 2px solid #000;
	position: fixed;
	padding: 10px;
	width: 530px;
	height: 330px;
	z-index: 25;
	left:50%;
	top:50%;
	margin: -175px 0 0 -275px;
}

div.photoWindow { width: 575px; display: none;}
div.photoWindow h3, #photoalbum h3 { display: block; font-size: 145%; font-family: georgia,times,serif; font-style: italic; color: #600; font-weight: normal; text-decoration: underline; font-variant: normal !important;}
div.photoWindow img, #photoalbum img.only { margin: 10px auto; border: 1px solid #000; display: block;}
div.photoWindow a.close img { border-width:0; position: absolute; right: 5px; top: 5px; }
div.photoWindow p, #photoalbum p { color: #000; font-size: 12px; }
#content #photoalbum p { text-indent: 5px; width: 95%; margin: 10px auto; display: block;}
#photoalbum h3 { margin-left: 10px; }

div.photoWindow div.nextprev { font-size: 12px; margin: 0 auto -10px auto; text-align: right;  }

#photoalbum { width: 95%; margin: 10px auto 0 auto; background-color: #e1be5e; border: 1px solid #600; padding: 15px 0; overflow: auto; position: relative;}
#pagination { list-style: none; position: absolute; right:10px; top:5px; font-size: 12px;}
#pagination li { float: left; padding: 0 3px;}
#pagination li.page { padding: 2px 0 0 0; font-size: 15px;}
#pagination li.invisible { visibility: hidden;}
#pagination a { display: block; padding: 4px 5px; cursor: pointer;}
#pagination a:hover, #pagination a.selected { background-color: #600; color: #edda82; text-decoration: none; }
#rightcolumn #album, .album { list-style: none; display: block; margin: 0 auto; }
#album li.albumcell, .album li.albumcell { float: left; width: 155px; height: 165px; padding: 0 7px; margin: 10px 0;}
#album li.albumcell img, .album li.albumcell img { display: block; padding: 3px; background-color: #600; margin: 0 auto;}
#album li.albumcell img:hover { background-color: #edda82; }


#backto { width: 95%; margin: 0 auto; font-size: 12px; }
#backto span.nextprev { float: right; }


#titleWindow h3 { text-decoration: underline; margin-bottom: 35px;}
#titleWindow img { float: left; border: 1px solid #000; margin: 35px 20px 35px 0;}
#titleWindow img.portrait { margin-top: 0; }
#titleWindow label { font-weight: bold; font-size: 12px; ; position: relative;}
#titleWindow input, #titleWindow textarea { display: block; }
#titleWindow a.close img { border-width:0; position: absolute; right:-5px; top:-20px; }



body { background-color: #960/*#cf993d*/; font-family: arial,sans-serif;} /*#cc9933*/

#wrapper { width: 810px; margin: 10px auto; }
#header { border: 3px solid #e1be5e; width: 800px; margin: 40px auto 10px auto; position: relative; overflow: visible; }
#header img { display: block; }

h1 { font-family: georgia,"trebuchet ms",serif; font-weight: normal; width: 105%; color: #edda82/*#600*/; position: absolute; margin: -40px 0 0 -20px; }
h1 span.left { float: left;}
h1 span.right { float: right;}

h2 { background-color: #666633; padding: 7px 7px 7px 12px; color: #fff; font-weight: normal; font-size: 160%; letter-spacing: 3px; }

h3 { text-decoration: underline; font-variant: small-caps; color: #600; font-size: 135%;}
h3.photo { text-decoration: none; font-variant: normal; font-style: italic; font-size: 120%; margin-left: 10px; }
h4 { font-size: 18px; font-style: italic; margin: 10px 0; display: block;}
h4 a { color: inherit; }
h4 a:hover { text-decoration: none; }
h5 { font-style: italic; margin-bottom: 5px; }

a { color: #600; text-decoration: underline; }
a:hover { text-decoration: none; }

fieldset { border-width: 0; }


#leftcolumn { width: 250px; float: left; margin: 0 0 25px 3px; background-color: #660000; border: 1px solid #edda82; color: #fff;}
#leftcolumn p { text-align: center; margin: 10px 0; }

/* navigation menu */
ul.menu { list-style: none; color: #fff; font-family: arial; letter-spacing: 3px;}
ul.menu li { text-indent: 10px; border: 0 solid #e1be5e; border-top-width: 1px; line-height: 1.3em;}
ul.menu li.here { background-color: #e1be5e; color: #000; font-weight: bold;}
ul.menu li.here ul { display: block; list-style: none;}
ul.menu li a { display: block; width: 100%; color: #fff; text-decoration: none; padding: 4px 0;}
ul.menu li.here a { color: #000; }
ul.menu li.here a:hover { padding: 4px 0; }
ul.menu li a:hover { background-color: #e1be5e; color: #000; font-weight: bold;}
ul.menu li ul { display: none; font-size: 80%; background-color: #000; color: #fff; font-weight: normal; }
ul.menu li.here ul li a { text-indent: 15px; color: #fff;}
ul.menu li.here ul li a:hover { background-color: #222; font-weight: normal;}
ul.menu li.here ul li.here a { background-color: #222; font-weight: normal;}
ul.menu li.invisible, #leftcolumn ul.menu ul li.invisible { display: none; }


fieldset { width: 90%; margin: 0 auto; padding-top: 10px; }
select option { padding-right: 10px; }
select.month { float: left; }
select.year { float: right; }

div.calendar { padding: 10px 0; }
div.calendar table { width: 90%; margin: 0 auto; background-color: #e1be5e; font-size: 70%; color: #660000;}
div.calendar th { background-color: #996600; color: #edda82; width: 14%; padding: 5px 0; text-decoration: underline; margin-bottom: 3px; }
div.calendar td { padding: 3px 2px; text-align: center; font-weight: bold;}
div.calendar td.today { background-color: #cc9933; border: 1px solid #660000;}
div.calendar td.nonMonth { color: #cc9933; }
div.calendar td.pirates { background-color: #e3dbf0; }
div.calendar td.reenes { background-color: #f5d60a; }
div.calendar td.both { background-color: #0a9ff5; }
div.calendar td a.event { border: 1px solid #600; background-color: #c93; display: block; width: 80%; text-decoration: none; padding: 3px 0; margin: 0 auto;}

ul.calendar { font-size: 70%; font-color: #8a8989; display: block; margin-bottom:10px; position: relative; }
ul.calendar li { line-height: 15px; margin-left: 35px; }
ul.calendar li.pirates { list-style: outside url('../images/shapes/pirates.gif'); }
ul.calendar li.reenes { list-style: outside url('../images/shapes/auntreenes.gif'); }
ul.calendar li.both { list-style: outside url('../images/shapes/both.gif'); }

ul.canselect { list-style: none; font-size: 90%; }
ul.canselect li { float: left; width: 49%; text-align: center; padding: 10px 0;}
ul.canselect li a { color: #edda82; }
ul.canselect li a:hover { text-decoration: none; }


/* main area */
#rightcolumn { margin-left: 260px; padding: 5px 5px 15px 5px; width: 535px; background-color: #edda82; border: 1px solid #e1be5e; position: relative; color: #660000;}
#rightcolumn p { font-size: 90%; text-indent: 10px; margin-bottom: 10px; line-height: 1.4em;}
#rightcolumn img { border: 2px solid #e1be5e; margin: 3px; }
#rightcolumn ul { margin-left: 40px; font-size: 90%; }

#smallcal { float: right; width: 250px; margin: 30px 0px 0 0; position: relative;}

/* footer */
#footer { color: #e2da82; float: right; text-align: right; width: 280px; font-size: 70%; margin: 5px 5px 10px 0; }


/* event calendar */
#smallcal table { border: 1px solid #600; }
#smallcal span.calhead { font-weight: bold; color: #600; position: absolute; top: -10px; text-align: center; width: 100%;}
#smallcal span.calhead a { text-decoration: none; }

div.event { margin: 20px 0 30px 20px; font-size: 80%; width: 80%;}
div.event h5 { margin:0; font-size: 110%; text-decoration: underline;}
hr { color: #600; width: 80%;}
#rightcolumn div.event p { text-indent:0; }

/* photo gallery */
#positioningdiv { position: relative; width: 500px; height: 105px; margin: 0 auto 2px auto; }
#layer1 { position: absolute; width: 100%; height: 100%; overflow: hidden; }
#layer2 {  position: absolute; overflow: hidden; border: 1px solid #600; border-width: 1px 0; background-color: #e1be5e;}

#rightcolumn #scrollingphotos { margin:0;}
#scrollingphotos li { width: 95px; margin: 6px 2px; float: left; list-style: none; height: 90px;}
#scrollingphotos li img { display: block; border: 1px solid #600; margin: 0 auto; }
#scrollingphotos li img.landscape, #scrollingphotos li img.square { margin-top: 12px; }

#photoarea { display: block; margin: 10px auto; width: 500px; border: 1px solid #600; border-width: 1px 0; height: 450px; background-color: #e1be5e;}
#photoarea img { border: 1px solid #600; margin: 0 auto; display: block; margin-top: 60px;}
#photoarea .portrait { margin-top: 20px; }

ul.links li { list-style: none; position: absolute; display: block; }
ul.links li.left { left:-20px;}
ul.links li.right { right:-20px;}
ul.links li a { display: block; line-height: 102px; text-decoration: none; font-size: 160%; border: 1px solid #600; color: #600;}
ul.links li a:hover { background-color: #e1be5e;}

#error { width: 40%; border: 1px solid #600; display: block; color: #600; background-color: #df6f6f; padding: 5px 0; font-weight: bold; font-size: 13px; text-align: center; margin-bottom: 15px;}