/* -------------------------------------------------- */

.note        { font-family: Verdana; font-size: 7pt; margin-top: 0px; margin-bottom: 0px; text-align:left;}
.noteitalic  { font-family: Verdana; font-size: 7pt; margin-top: 0px; margin-bottom: 0px; text-align:left;font-style:italic;}
.warning     { font-family: Verdana; font-size: 7pt; color: #F00; margin-top: 0px; margin-bottom: 0px;}
.debug       { font-family: Verdana; font-size: 8pt; color: #F00; margin-top: 0px; margin-bottom: 0px;}

/* ---------- BODY ---------------------------------- */

body {
  text-align: center;
  color: #555555;
  background-color: #EEE;
  margin: 0px;
  padding: 0px;
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  position: absolute;
  left: 50%;
  top: 20pt;
  margin-left: -400px;
}

/* ---------- POSITIONING CONTAINERS ---------------- */

#main_container {
  width: 800px;
  height: 600px;
  background-color: #FFF;
  margin: 0px;
  padding: 0px;
  border: solid #333 1px;
}

/* ---------- HOME MAIN IMAGE ---------------------- */

#image_container {
  position: absolute;
  top: 1px;
  left: 0px;
  width: 800px;
  height: 500px;
  margin: 0px;
  padding: 0px;
}

/* ---------- MAIN MENU ----------------------------- */

#menu_container {
  position: absolute;
  top: 500px;
  left: 0px;
  width: 800px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  color: #333;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 9pt;
}

#menu_container a:link, #menu_container a:visited {
  color: #2970A6;
  text-decoration: none;
}

#menu_container a:hover {
  color: maroon;
  text-decoration: none;
}

/* ---------- GALLERY ------------------------------- */

#galgrid_container{
  position: absolute;
  top: 50px;
  left: 130px;
  width: 650px;
  height: 400px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-size: 7pt;
}

#galgrid_container table {
  width: 650px;
  height: 400px;
  background-color: silver;
  border-style: inset;
  border-collapse: collapse;
}

#galgrid_container td {
  width: 130px;
  height: 130px;
  text-align: center;
  border: solid white 1px;
}

#galgrid_container img {
  width: 100px;
  height: 100px;
  border: solid #333 1px;
}

/* ---------- GALLERY MENU ------------------------- */

#galmenu_container {
  position: absolute;
  top: 50px;
  left: 2px;
  width: 126px;
  height: 400px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 8pt;
}

ul#subnav{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

ul#subnav li a:link, ul#subnav li a:visited{
  text-decoration: none;
  display: block;
  width: 80%;
  padding: 6px 4%;
  background-color: white;
  font: bold 8pt/1.5 arial, sans-serif;
  color: #2970A6;
}

ul#subnav li a:hover, ul#subnav li a:active{
  background-color: white;
  color: #800;
}

#menuhead {
  vertical-align: top;
  text-align: center;
  font-size: 8pt;
}

#menubody {
  vertical-align: middle;
  text-align: center;
  font-size: 8pt;
}

#menufoot {
  vertical-align: bottom;
  text-align: center;
  font-size: 8pt
}

/* ---------- COPYRIGHT BAR ------------------------ */
#copybar {
  position: absolute;
  top: 530px;
  left: 25px;
  width: 750px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  text-align:justify;
  font-size: 7pt;
}

/* ---------- TITLE BAR ----------------------------- */

#titlebar {
  position: absolute;
  top: 530px;
  left: 25px;
  width: 750px;
  height: 50px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 12pt;
}

/* ---------- FOOTER -------------------------------- */

#footer {
  position: absolute;
  top: 580px;
  left: 25px;
  width: 750px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 7pt;
}

/* ---------- WIP GALLERY TITLE -------------------- */

#wipgaltitle {
  position: absolute;
  top: 455px;
  left: 130px;
  width: 650px;
  height: 25px;
  margin: 0px;
  padding: 0px;
  text-align:center;
  font-size: 12pt;
}

/* ---------- WIP GALLERY FOOTER -------------------- */

#wipgalfooter {
  position: absolute;
  top: 480px;
  left: 130px;
  width: 650px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  text-align: right;
  font-size: 8pt;
}

/* ---------- CANVAS -------------------------------- */

#canvas_container {
  position: absolute;
  top: 15px;
  left: 250px;
  width: 500px;
  height: 400px;
  margin: 0px;
  padding: 0px;
}

#canvas_container img {
  border: solid #333 1px;
}

#cat_container {
  position: absolute;
  top: 420px;
  left: 250px;
  width: 20px;
  height: 15px;
  margin: 0px;
  padding: 0px;
}

#title_container {
  position: absolute;
  top: 420px;
  left: 270px;
  width: 460px;
  height: 15px;
  margin: 0px;
  padding: 0px;
}

#avail_container {
  position: absolute;
  top: 420px;
  left: 710px;
  width: 35px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

#details_container {
  position: absolute;
  top: 435px;
  left: 250px;
  width: 500px;
  height: 90px;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8pt;
}

#wipnav_container {
  position: absolute;
  top: 430px;
  right: 50px;
  width: 100px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 8pt;
  text-align: right;
}

/* ---------- THUMB LIST 1 -------------------------- */

#thumblist1_container {
  position: absolute;
  top: 15px;
  left: 25px;
  width: 150px;
  height: 400px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 7pt;
  background-color: silver;
  border: solid #333 1px;
}

#thumblist1_container table{
  width: 150px;
  height: 400px;
}

#thumblist1_container img {
  border: solid #333 1px;
}

#thumblist1_container a:link, #thumblist1_container a:visited, #thumblist1_container a:hover, #thumblist1_container a:active  {
  text-decoration: none;
}

/* ---------- THUMB LIST 2 -------------------------- */

#thumblist2_container {
  position: absolute;
  top: 50px;
  left: 25px;
  width: 150px;
  height: 400px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 8pt;
  background-color: silver;
  text-align: center;
  border: solid #333 1px;
}

#thumblist2_container table{
  width: 150px;
  height: 400px;
}

#thumblist2_container img {
  border: solid #333 1px;
}

#thumblist2_container a:link, #thumblist2_container a:visited, #thumblist2_container a:hover, #thumblist2_container a:active  {
  text-decoration: none;
}

/* ---------- THUMB LIST 3 -------------------------- */

#thumblist3_container {
  position: absolute;
  top: 15px;
  left: 25px;
  width: 150px;
  height: 465px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 8pt;
  background-color: silver;
  text-align: center;
  border: solid #333 1px;
}

#thumblist3_container table{
  margin: 0px;
  padding: 0px;
  width: 150px;
  height: 450px;
  border-collapse: collapse;
}

#thumblist3_container td{
  margin: 0px;
  padding: 0px;
  width: 75px;
  height: 55px;
}

#thumblist3_container img {
  border: solid #333 1px;
}

#thumblist3_container a:link, #thumblist3_container a:visited, #thumblist3_container a:hover, #thumblist3_container a:active  {
  text-decoration: none;
}

/* ---------- PAGE SUB NAV -------------------------- */

#pagenav_container {
  position: absolute;
  top: 420px;
  left: 25px;
  width: 150px;
  height: 70px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 10pt;
}

#pagenav_container ul{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

#pagenav_container ul li a:link, ul li a:visited{
  text-decoration: none;
  display: block;
  width: 140px;
  padding: 3px 4%;
  background-color: silver;
  font: bold 9pt/1.3 arial, sans-serif;
  color: white;
}

#pagenav_container ul li a:hover, ul li a:active{
  background-color: gray;
  color: white;
}

#pagenav_container ul li {
  border-top: 1px solid #DDD;
}

/* ---------- EVENT SUB MENU ----------------------- */

#eventmenu_container {
  position: absolute;
  top: 75px;
  left: 250px;
  width: 500px;
  height: 375px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

ul#eventnav{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

ul#eventnav li a:link, ul#eventnav li a:visited {
  text-decoration: none;
  display: block;
  width: 191pt;
  padding: 6px 6px;
  background-color: #EEE;
  font: 10pt/1.5 arial, sans-serif;
  color: #2970A6;
}

ul#eventnav li a:hover {
  width: 191pt;
  background-color: #CCC;
  color: #800;
}

ul#eventnav li {
  width: 200pt;
  border-top: 1px solid #DDD;
}

/* ---------- EVENT SUB NAV ------------------------ */

#events_subnav_container {
  position: absolute;
  top: 470px;
  left: 1px;
  width: 798px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 8pt;
}

#events_subnav_container a:link, #events_subnav_container a:visited {
  color: #008;
  text-decoration: none;
}

#events_subnav_container a:hover {
  color: #800;
  text-decoration: none;
}

/* ---------- I FRAME 1 ----------------------------- */

#eventif_container {
  position: absolute;
  top: 50px;
  left: 230px;
  width: 500px;
  height: 400px;
  margin: 0px;
  padding: 0px;
}

#if_container{
  position: relative;
  top: -10px;
  left: 150px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 8pt;
  text-align: left;
  background-color: white;
}

#if_container table{
  width: 500px;
}

#if_container td {
  text-align: left;
}

#if_container h1 {
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  color: #008;
}

#if_container h2 {
  font-size: 9pt;
  margin: 0px;
  padding: 0px;
}

#if_container a:link, #if_container a:visited, #if_container a:hover, #if_container a:active  {
  text-decoration: none;
}

/* ---------- I FRAME 2 ----------------------------- */

#linksif_container {
  position: absolute;
  top: 50px;
  left: 230px;
  width: 510px;
  height: 400px;
  margin: 0px;
  padding: 0px;
}

#linksif2_container{
  position: relative;
  top: 0px;
  left: 150px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 8pt;
  text-align: left;
  background-color: white;
}

#linksif2_container table{
  width: 500px;
}

#linksif2_container td {
  height: 30px;
  text-align: left;
}

#linksif2_container a:link, #linksif2_container a:visited, #linksif2_container a:hover, #linksif2_container a:active  {
  text-decoration: none;
}


/* ---------- I FRAME 3 ----------------------------- */

#artistif_container {
  position: absolute;
  top: 50px;
  left: 230px;
  width: 500px;
  height: 400px;
  margin: 0px;
  padding: 0px;
}

#artistif3_container{
  position: relative;
  top: 0px;
  left: 150px;
  margin: 0px;
  padding: 0px;
  color: #555;
  font-family: Verdana, Arial, Helvetica, Sans-serif;
  font-size: 9pt;
  text-align: justify;
  background-color: white;
}

#artistif3_container p{
  width: 500px;
}

#artistif3_container a:link, #artistif3_container a:visited, #artistif3_container a:hover, #artistif3_container a:active  {
  text-decoration: none;
}


/* ---------- AVAILABILITY GRID --------------------- */

#availgrid_container{
  position: absolute;
  top: 1px;
  left: 1px;
  width: 799px;
  height: 399px;
  margin: 0px;
  padding: 0px;
}

#outertable_container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 400px;
  border-style: none;
  border-collapse: collapse;
}

#outertable_container td {
  position: relative;
  width: 130px;
  height: 100px;
  border: solid white 1px;
  background-color: silver;
}

#innertable_container {
  width: 106px;
  height: 76px;
  border-collapse: collapse;
  border: solid #333 1pt;
  font-size: 7pt;
}

#innertable_container td{
  border-style: none;
  background-color: white;
}

#innertable_container td#image {
  width: 60px;
  height: 30px;
}

#innertable_container td#dot {
  padding: 3pt 0pt;
  width: 40px;
  height: 30px;
}

#innertable_container td#cat {
  width: 40px;
  height: 30px;
}

#innertable_container td#image img {
  width: 50px;
  height: 50px;
  border: solid #333 1px;
}

#innertable_container td#dot img {
  width: 15px;
  height: 15px;
  border-style: none;
}

#availinfo_container {
  position: absolute;
  top: 420px;
  left: 0px;
  width: 800px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 9pt;
  text-align: center;
}

/* ---------- PRICE RANGE --------------------------- */

#price_container {
  position: absolute;
  top: 150px;
  left: 230px;
  width: 500px;
  height: 300px;
  margin: 0px;
  padding: 0px;
}

#price_container h1 {
  margin: 0px;
  padding: 0px;
  font-size: 14pt;
}

#price_container h2 {
  font-size: 12pt;
  margin: 0px;
  padding: 0px;
  color: #008;
}

/* ---------- CONTACT -------------------------------- */

#contact_container {
  position: absolute;
  top: 50px;
  left: 230px;
  width: 500px;
  height: 400px;
  margin: 0px;
  padding: 0px;
}

#contact_container h1 {
  margin: 0px;
  padding: 0px;
  font-size: 14pt;
}

#contact_container h2 {
  font-size: 12pt;
  margin: 0px;
  padding: 0px;
  color: #008;
}

/* ---------- CONTACT -------------------------------- */

#pvlogin_container {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 700px;
  height: 400px;
  margin: 0px;
  padding: 0px;
  text-align: center;
border: solid #CCC 1px;
}

#pvlogin_container h1 {
  font-size: 14pt;
  color: #008;
}

#pvlogin_container h2 {
  font-size: 14pt;
  margin: 0px;
  padding: 0px;
}

#pwtext {
  font-size: 7pt;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

/* ---------- LINKS --------------------------------- */
a:link {
  color: #2970A6;
  text-decoration: none;
}
a:visited {
  color: #2970A6;
  text-decoration: none;
}
a:hover {
  color: #800;
  text-decoration: none;
}
a:active {
  color: #2970A6;
  text-decoration: none;
}

/* -------------------------------------------------- */