*{margin:2px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:top;}

body {font: normal 13px/1.2em Arial, Helvetica, sans-serif; color:white; background-color:gray; font-size:12px; }

form {width:80%;}

.maps {margin:20px; padding:10px;}


h3 {margin:20px 0 0 10px; font-size:16px; font-weight:bold;}
h3 a:visited  { text-decoration:underline;}
h3 a:link  { text-decoration:underline;}
h3 a:active  { text-decoration:underline;}
h3 a:hover { color:blue;}

img {margin:0; padding:0;}

ul {list-style-type:none;}

label {display:block; text-align:right; float:left; width:300px; padding-right:20px;}

input {display:block; float:left; width:300px;}

textarea {display:block; float:left; width:300px; height:100px;}

iframe {height:630px; overflow:scroll; text-align:center;}

button {display:block; margin:10px 0 0 555px;}

br {clear:left;}

a#pushme {font-weight:bold;}
a#pullme {font-weight:bold;}

a:link {color:#0080fe; text-decoration:none; margin:0; padding:0; z-index:8999;}
a:visited {color:#0080fe; text-decoration:none; margin:0; padding:0; z-index:8999;}
a:hover { color:black; text-decoration:underline; margin:0; padding:0; z-index:8999;}
a:active {color:#0080fe; text-decoration:none; margin:0; padding:0; z-index:8999;}

ul.artnav li a:hover { text-decoration:none; color:black; background-color:whitesmoke; margin:0; padding:0; z-index:8999;}
ul.flynav li a:hover { color:black; background-color:whitesmoke; margin:0; padding:0; z-index:8999;}
ul.linknav li a:hover { color:black; background-color:whitesmoke; margin:0; padding:0; z-index:8999;}
ul.topnav li#email a:hover { color:black; background-color:whitesmoke; margin:0; padding:0; z-index:8999;}
div.back a:hover { text-decoration:none; color:black; background-color:whitesmoke;  z-index:8999;}

div.whole {  width:100%; height:100%; background-color:gray; }

div.spacer {height:10px; width:10px;}

div.header {width:100%; color:black; background:white url(http://yvonnepitts.com/art/letterhead.png) no-repeat top left; height:140px;   }
 
div.topnav {margin:15px 0 0 305px; font-size:16px; font-weight: bold; font-variant:small-caps;}
 ul.topnav {margin:0 5px 0 0; position:relative; font-weight: bold;  font-variant:normal; }
 li.topnav {margin:2px 2px 0 -2px; font-size:12px; position:relative; font-weight: normal;}
 ul.topnav li#phone {margin:10px 2px 0 -2px; }
 li.topnav a:hover#news {text-decoration:none; }
 li.topnav div { margin:-10px 0px 0 20px; padding:0; z-index:9999; cursor:pointer; height:48px; width:48px; background-image:url(nav/news.gif); background-repeat:no-repeat;} 
 
div.flynav {margin:-10px 0 0 10px;  float:left; font-weight: bold;  font-variant:small-caps;}
 ul.flynav {margin:0 0 0 0; position:relative; color:#0080fe; display:inline; font-weight: bold;   }
 li.flynav {padding-left:5px; position:relative; color:black; display:inline; font-weight: normal; border-left:thin solid silver;}

div.crumb { display:inline; font-size:12px; font-weight:normal; margin-top:5px;}

ul.artnav { display:inline; position:relative;}

table.galroom {margin:5px;}

table.newspage { font-size:14px; font-weight:normal;  }
th.newspage { font-size:16px; font-weight:bold; text-align:left;}
td.newsdate {    font-variant:small-caps; }
td.newstitle {  text-decoration:bold; font-size:16px;}
td.newstext { font-size:12px;}
td.newstext a:hover { text-decoration:none; color:lime;  z-index:8999;}

div.close {display:inline; position:relative; top:3px; }
div.popcell1 {display:inline; position:relative; top:4px;   color:black; background-color:gold; font-variant:small-caps; font-size:8;height:12px; }
div.popcell2 {display:inline; position:relative; top:4px;   color:red; background-color:white; font-variant:small-caps; font-size:8; height:12px;  }
div.popcell3 {display:inline; position:relative; top:-2px;    }

div.popcell4 {display:inline; position:relative; top:3px;  }

#rooms {display:none; margin:0; padding:0; font-size:12px; position:absolute; filter: alpha(opacity=85); opacity:0.85;  top:0px; left:0px;  z-index:7999;  font-variant:normal;}
#innerrooms {background-color: white ; margin: 0 0 1px 1px; border:thin solid powderblue;}
#plugrooms {position:absolute;   height:20px; top:1px; right:1px;  }
#toprooms { line-height:3px;  margin:0;}
#leftrooms {float:left; width:1px; margin:0; }
#rightrooms { float:right; width:1px; margin:0; }
#botrooms { clear:both; line-height:3px;  margin:0; }

div.linknav {margin:-10px 10px 0 0; float:right; font-variant:small-caps; }
 ul.linknav {margin:0 0 0 0; position:relative; display:inline; }
 li.linknav {margin:0 0 0 0; padding-left:5px; position:relative; display:inline;   border-left:thin solid silver;}


#knewworks {display:none; margin:0; padding:0; font-size:12px; position:absolute; filter: alpha(opacity=85); opacity:0.85; top:0px; right:0px;  z-index:9999;  font-variant:normal;}
#innernewworks {background-color: white ; font-weight:bold; margin: 0 0 1px 1px; border:thin solid powderblue;}
#plugnewworks {  position:absolute;  height:20px; top:1px; left:1px;  }
#plugmoreworks {  position:absolute;  width:30px; height:20px; top:1px; right:1px;  }
#topnewworks {  line-height:3px;  margin:0;}
#leftnewworks { float:left; width:1px; margin:0; }
#rightnewworks {  float:right; width:1px; margin:0; }
#botnewworks {  clear:both; line-height:3px;  margin:0; }


div#index { background-repeat:no-repeat; background-position:200px 20px; }

div.middle { width:100%;  margin:0; clear:both; overflow:hidden; background-repeat:no-repeat;}

div#popup {  padding:0; margin:0; font-size:14px; font-weight: bold; vertical-align:top; background-position: 20px 40px;}

table.popup {margin-top:0;  width:200px; position:absolute; top:38px; left:10px; color:black; background:white;  border:thin solid silver; font-size:12px; font-weight: normal;}

div#contact {  font-weight: bold;  font-size:14px; background-position: 128px 25px;} 

div#contact h1 {margin:50px 0 120px 0}

div.error {margin:10px 0 0 50px: font-size:12px; font-weight: normal;  color:tomato; width:500px;}

div.prompt {margin:20px 0 0 50px: font-size:12px;font-weight: normal;  color:gray;}

div#info {width:100%;  margin:20px 0 10px 0; clear:both; } 
  a.info { position:relative;  margin:20px; font-variant:small-caps;}

div#place {width:190px; float:left; font-weight: bold; padding-top:10px; margin:10px; font-size:14px; }
 ul.place {font-weight: bold; font-size:12px; margin:10px; }
 li.place {font-weight: normal; }
 li.place  a:hover { text-decoration:none; color:lime;  z-index:8999;}
 
 

div.roomlist {width:160px; height:440px; float:left; font-weight: bold; padding-top:10px; margin:10px; font-size:14px;}
 ul.roomlist {font-weight: bold; font-size:14px; margin:10px;}
 li.roomlist {font-weight: normal; font-size:12px;}
 ul#roompagetitle {font-style:italic;}
 ul#roompagetitle li {font-style:normal;}


div.splash {width:160px; height:640px; float:left; font-weight: bold; padding-top:10px; margin:10px; font-size:14px;}
  p.splash {position:relative; font-weight: normal; padding:10px; margin:10px 0 -10px 0; font-size:12px;}

div.artnav {margin:0 0 0 5px; font-weight: bold; padding-top:6px;  font-variant:small-caps; border: thin solid gray; }
 ul.artnav {margin:2px ; font-weight: normal; font-size:14px;  height:20px;}
 ul.artnav li {  background-color:white; position:relative; top:2px; padding:2px;  height:20px; border: thin solid black; font-variant:small-caps; display:inline;  font-size:12px;}

div.back {  margin:5px 0 0 5px;  width:40px; background-color:white;  padding:2px;  border: thin solid black; font-variant:small-caps;  font-size:12px;}

div.picblock {z-index:3999;  display:block; padding:0; margin:0; text-align:left; font-size:12; overflow:visible;}

div.big   { display:inline; z-index:8999; }
div.buy   { display:inline; z-index:8999; }
div.name  { display:inline; z-index:8999;  font-variant:small-caps; font-size:14;text-align:left;} 

div.hung  { z-index:8999; padding:0; margin:0; }

div.door {width:160px; height:400px; position:absolute; font-size:40px; z-index:8999;}

div.door td {width:60px; height:80px;}
div.door td#double { height:160px;}
div.screen {width:180px; height:400px; position:absolute;  z-index:9999; }
div.screen a img {width:155px; height:400px; }


div.price {color:black; background-color:gold; font-variant:small-caps; font-size:8; height:12px; width:30px;}
div.tag {color:red; background-color:white; font-variant:small-caps; font-size:8; height:12px; width:30px;}

div.price {display:inline; z-index:8999; position:relative; top:6px; border:thin solid gray;}
div.tag   {display:inline; z-index:8999; position:relative; top:6px; border:thin solid gray;}