body {background-color: #FAF5FA; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; margin: 2em;}

#xmas {position: absolute; background: transparent; color: #fff; top: 50px; left: 1.5em; z-index: 999; margin: 0; padding: 0;}
#xmas a, #xmas a:hover, #xmas a:active, #xmas a:visited {font-weight: bold; text-decoration: none; color: #fff;}
#container {margin: 0 auto 0 auto; max-width: 900px; min-width: 900px; width: 900px;}
/* IE wont understand these, so we will use javascript magick */
#header {background-color: #A54499; background-image: url(/common_assets/logo.gif); background-repeat: no-repeat; background-position: top right; height: 112px; display: block; position: relative;}
#main {width: inherit; background-color: #fff; border-right: solid 1px #EDDAEB; border-left: solid 1px #EDDAEB; height: 1%; margin: 0; display: block;}
#res {display: block; clear: left; margin-top: 90px; height: 145px; width: 410px; background-image: url(/common_assets/res.gif); background-repeat: no-repeat; background-position: bottom left; position: relative; z-index: 100; bottom: 0px;}
#left {display: block; margin: 1em 0 0 1em; width: 19em; height: 1%; background-color: #fff; float: left; overflow: visible;}
* html #left {margin-left: 0em;}
#footer {background-color: #A54499; background-image: url(/common_assets/footer.gif); background-repeat: no-repeat; background-position: top right; height: 25px; display: block; }
#subfoot {background-color: #FAF5FA; color: #999; font-size: 0.7em; letter-spacing: 0.1em; text-align: center; padding-top: 20px;}
.menu a:link, .menu a:visited, .menu a:focus {width: 11em; float: left; display: block; margin: 10px 0 0 1.5em; padding: 5px; border-bottom: solid 1px #EDDAEB;  border-right: solid 15px #EDDAEB; background-color: #fff; clear: left; color: #999; text-decoration: none; letter-spacing: 0.4em; text-align: left; } 
.menu a:hover, .menu a:active {border-bottom: solid 1px #A54499;  border-right: solid 15px #A54499; color: #A54499; text-decoration: none;}
#contents {display: block; margin: 15px 0 20px 0; background-color: inherit; padding-right: 65px; height: 1%; width: 45%; font-size: 0.9em; letter-spacing: 0.3em; text-align: justify; color: #999; line-height: 1.8; float: right; clear: right;}
h1 {display: block; width: 60%; background-color: inherit; color: #EDDAEB; font-size: 3em; letter-spacing: 0.3em;; text-align: left; margin: 65px 0 0 0; float: right; font-weight: normal;}
.clear {clear: both;}
.clearleft {clear: left;}
.pdf {background-color: inherit; background-image: url(/common_assets/pdf.gif); background-repeat: no-repeat; background-position: top right; padding-right: 18px; color: #A54499;}
.start {border-left: solid 13px #EDDAEB; padding-left: 4px;}
.end {border-right: solid 13px #EDDAEB; padding-right: 4px;}
.cards {font-size: 0.8em; letter-spacing: 0.1em; color: #A54499;}
.cards a:link, .cards a:visited, .cards a:focus { color: #A54499; font-weight: bold; text-decoration: none;}
.cards a:hover .cards a:active { color: #EDDAEB; font-weight: bold; text-decoration: none; }
.download a:link, .download a:visited, .download a:focus {width: 14em; font-size: 0.9em; float: left; display: block; margin: 10px 0 0 1.5em; padding: 0 0 0 4px; border-left: solid 13px #EDDAEB;background-color: #fff; clear: left; color: #999; text-decoration: none; letter-spacing: 0.2em; text-align: left; }
.download a:hover, .download a:active {width: 14em; font-size: 0.9em; float: left; display: block; margin: 10px 0 0 1.5em; padding: 0 0 0 4px; border-left: solid 13px #A54499;background-color: #fff; clear: left; color: #A54499; text-decoration: none; letter-spacing: 0.2em; text-align: left; }
.biggap {height: 1%; margin-top: 2em; float: left; clear: left;}
.address {float: left; clear: left; font-size: 0.9em; letter-spacing: 0.2em; color: #999; line-height: 1.4; margin: 0 0 0 1.5em;}
* html .address {padding-left: 5px; }

/* Following styles for gallery */
#gal_con {position: static; display: block; background: transparent; color: #666; margin: 0px 0px 0px 200px; padding:0px; height: 1%;}
#gallery {display: block; position: relative; top: 50px; margin-left: 1.5em; float: left; background: none; color: #666; width: 186px; clear: left; z-index: 2000;}
#gal_text { float: left; position: relative; width: 50%; display: block; background: #fff; color: #666; padding: 30px 0px 30px 0px; top: 30px; left: 30px; border: solid 1px #b7b7b7; overflow: auto; height: 450px; scrollbar-base-color: #ccc; }
* html #gal_text {height: 480px;}
#gal_title { width:134px; float:right;  background: #999; margin: 15px 15px 0px 0px; font: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #fff; text-align: center; line-height: 1.5; display: block; padding: 2px 5px 2px 5px; position: static; }
* html #gal_title {margin-right: 7px;}

#gal_select { top: 100px; right: 175px; float: right; position: absolute; background: #b7b7b7; font: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: normal; color: #fff; text-align: center; line-height: 1.5;	display: block; padding: 2px 5px 2px 5px; z-index: 1;}
#gal_more { position: relative; float:right; top: 10px; right: 30px; margin-bottom: 10px; clear: both; background: #b7b7b7; font: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	font-weight: normal; color: #fff; text-align: center; line-height: 1.5; display: block; padding: 2px 5px 2px 5px; z-index: 150;}
#gal_more a, #gal_more a:hover, #gal_more a:active, #gal_more a:focus {text-decoration: none; background: #b7b7b7; color: #fff;}
#thumbwrap {display: block; width: 186px; margin: 0px; padding: 0px;}
* html #thumbwrap {height: 186px;}

/*Tile Galleries*/
#thumbs {display: block; background: none; position: static; margin: 0px; padding: 0;}
#thumbs a {display:block; float:left; margin:0 10px 10px 0px; width:50px; height:50px; border:1px solid #b7b7b7; text-decoration:none; }
#thumbs a.blank {border: none; visibility: hidden; height: 1px; width: 1px;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#fff; text-decoration:none; }
#thumbs a:hover img, #thumbs a:active img, #thumbs a:focus img {position:absolute; width:auto; height:auto; left: 191px; top:-289px; padding: 20px 20px 20px 20px;border:1px solid #b7b7b7; background:#fff; z-index: 2000; text-decoration:none; display: block;}
#thumbs a .caption{ display:none;}
#thumbs a:hover .caption, #thumbs a:active .caption, #thumbs a:focus .caption {
position:absolute; width:562px; height: 562px; left: 180px; top:-300px; padding: 10px; background: #fff; 	font-size: 11px; color: #999; line-height: 2; font-style:normal; text-decoration:none; display: block; z-index: 10; }
* html #thumbs a:hover .caption, #thumbs a:active .caption, #thumbs a:focus .caption { height: 570px;}