body { background-color:#dfffff;width:720px;margin:8px auto;font-family:georgia,verdana;color:#60351d; }

.hideforie { display:none; }

.main { background-color:#a3e4ff;padding:2px 0px 2px 0px;border-style:solid; border-color:#aaa;border-width:0px 1px; }

#header { display:block;border-bottom: 1px solid #aaa;padding:0px 8px 4px 8px; text-align:center; font-weight:bold; }
#header h1 { text-align:center;margin:0px; }
a#header { color:#60351d; text-decoration:none; }

#nav { background-color: #fff;padding-bottom:12px;}
#nav a { display:block;width:200px;text-align:center;margin:0px auto;padding:2px 4px;text-decoration:none;border-style:solid;border-color:#aaa;border-width:0px 1px 1px 1px;color:#60351d;font-weight:bold; }
#nav a.selected { background-color:#60351d;color:#a3e4ff; }
#nav a:hover { background-color:#dfffff;color:#60351d; }

#cardnav { margin-left: 16px;padding:0px;}
#cardnav li { margin:0px 0px 4px 0px;padding:0px;font-size:80%;height:1em;vertical-align:middle;}
html>body #cardnav li { height: 1.6em; }
#cardnav li a { display:block;border:1px solid #ddd;text-decoration:none;font-weight:bold;color:#60351d;padding: 2px;}
#cardnav li.selected { background-color:#60351d; }
#cardnav li.selected a { color:#a3e4ff; }
#cardnav li a:hover { background-color:#dfffff;color:#60351d; }

.content { background-color: #fff; padding: 8px;}

#footer { border-top:1px solid #aaa;font-size: 80%;padding-top:4px;text-align:center;}
.clear { clear:both;height:1px;overflow:hidden;margin-top:-1px; }

.thumb { border:0px;text-decoration:none;color:#60351d;float:left;padding-bottom: 4px; }
.thumb img { padding:4px;border:1px solid #aaa;background-color:#fff;margin:4px;width:120px;height:90px; }
.thumb p { font-size:70%;margin:0px;text-align:center; }
.thumb.hover { background-color:#dfffff; }

.sidebox { background-color:#fff;padding:4px;border:1px solid #aaa;height:440px;width:180px; }

.b1, .b2, .b3, .b4 { display:block;height:1px;overflow:hidden;background-color:#a3e4ff;}
.b1 { margin:0px 5px; background-color:#aaa; }
.b2 { margin:0px 3px; border-style:solid;border-color:#aaa;border-width:0px 2px; }
.b3 { margin:0px 2px; border-style:solid;border-color:#aaa;border-width:0px 1px; }
.b4 { margin:0px 1px; border-style:solid;border-color:#aaa;border-width:0px 1px;height: 2px; }

.cardClass { padding: 2px 6px; border-style: solid; border-color: #aaa; border-width: 0px 1px; background-color: #a3e4ff; color: #60351d; }
.cardClass h3 { margin: 0px; margin-bottom: 3px; font-size: 1.4em; }
.cardClass .details { margin: 3px 0px; }
.cardClass .body { text-align: justify; }
.cardClass .thumb { float: right; }
.cardClass .date { margin: 4px 0px; }
.cardClass .register { text-align:right;padding:2px 0px; }

#calendar { width: 100%; font-size: 80%; }
#calendar th.month { font-size: 180%; }
#calendar th.month .previous { font-size: 50%; float: left; }
#calendar th.month .next { font-size: 50%; float: right; }
#calendar th.day { width: 14.3%; padding: 8px; }
#calendar td { height: 100px;vertical-align: top; } 
#calendar td .daylabel { float: right; border-style:solid; border-color: #aaa; border-width: 0px 0px 1px 1px; padding: 0px 6px 4px 6px; }
#calendar td div { font-size: 80%; margin-bottom: 8px; }
#calendar td a {  }
#calendar td.dim { background-color: #eee; }

#cards { width:416px;margin:0px auto; }

#photoboxDisplay {background-color:#eee;padding:10px;border-bottom:2px solid #666;border-right:2px solid #666;border-top:2px solid #aaa; border-left:2px solid #aaa; }
#photoboxDetails {font-size:0.8em;font-family:verdana;padding-top:0.4em;clear:both;}	
#photoboxDetails {text-align:center;}
#photoboxNext {position:absolute;right:38px;top:10px;}
#photoboxPrevious {position:absolute;left:15px;top:10px;}
#photoboxNext, #photoboxPrevious {text-decoration:none;border:none;outline:none;margin:0px;opacity:.35;filter:alpha(opacity:35);}
#photoboxNext:hover, #photoboxPrevious:hover {opacity:.99;filter:alpha(opacity: 99);}
#keyboardMsg {float:right;}
#closeButton {top:5px;right:5px;background-color:#eee;padding:0px 0px 5px 5px;}
#photoboxDisplay img{border:none;clear:both;}
#photoboxOverlay img{border:none;}
#photoboxOverlay {background-color:/*#60351d;*/ #a3e4ff; }