/* common declarations  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body { background-color:#8a7d71; margin:10px 0px 0px 0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#666666; overflow:-moz-scrollbars-vertical;}
img { border:0; }
td { padding:0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; color:#666666; }
a { color:#eb5a21; }
a:hover { text-decoration:none; }
h1 { font-family:Georgia, "Times New Roman", Times, serif; margin:0px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; margin:0px; }

/* end common ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wrap { position:relative; width:100%; }

.error{ color:#FF0000; padding-left:2px;}

#logoslippers { position:absolute; top:19px; left:68px; }
#logoqualmark { position:absolute; top:-1px; right:5px; }

#topnav { position:absolute; top:0px; right:114px; font-size:11px; font-weight:bold; color:#fff; }
#topnav a { color:#fff; text-decoration:none; }
#topnav a:hover { color:#ec8134; text-decoration:none; }
.arrowtpnav { padding-left:30px; padding-right:10px; }

#pglayout { background-color:#db5d00; }
#pgcontent { padding:15px 21px 15px 15px; background-color:#fff; }

.tables { width:100%; text-align:center; background-color:#db5d00; }
.tables th { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:bold; background:#db5d00; color:white; padding:2px; height:26px; }
.tables td { font-size:90%; padding:2px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; background-color:#fff; color:#fff; }

#calendar { width:180px; font-size:84%; text-align:center}
#calendar th { background:#ec8134; width:24px; padding:2px 0; color:#f5c8a8; }
#calendar td { background:#f9d9c2; padding:2px; }
#calendar td a { color:black; text-decoration:none; }

.imgdiv { position:relative; padding-bottom:40px; }
.imgcaption { position:relative; top:7px; left:8px; width:200px; font-size:11px; color:#333; }
.imgbg { position:absolute; top:7px; left:7px; border:1px solid #333; background-color:#8a7d71; }
.imgborder { position:relative; border:2px solid #333; }
.enlarge { position:absolute; top:0px; right:0px; }
.enlarge a { color:#333; text-decoration:none; }
.enlarge a:hover { text-decoration:underline; }
#lgeimg { border:5px solid #db5d00; }
.popupclose { padding:10px; background-color:#db5d00; color:#fff; }
.popupclose a { color:#fff; }

#ftrcontent { padding:5px 15px 5px 15px; background-color:#fff; }
#ftrcontact { position:absolute; top:7px; left:0px; width:100%; }
#ftrlogos td { padding-left:20px; }

#copyright { padding:5px; color:#bfb5ac; }
#urbanite { position:absolute; top:0px; right:0px; padding:5px; color:#bfb5ac; }
#urbanite a { color:#bfb5ac; text-decoration:none; }

#nav { width:187px; padding:12px 10px 11px 10px; background-color:#ec8134; }
#nav ul { list-style: none; margin:0; padding:0; }
#nav li { line-height:28px; font-size:11px; font-weight:bold; color:#fff;}
#nav li a { background-image:url(img/arrow_nav.gif); background-repeat: no-repeat; display:block; width:167px; text-indent:16px; color:#fff; text-decoration:none; }
#nav li a:hover { background-image:url(img/arrow_nav.gif); background-repeat: no-repeat; background-color:#db5d00; color:#fff; }

#thumbnails
{ text-align:center; width:170px; height:384px;
overflow-x: hidden;  //these do not work in netscape, mozilla, oprah.  need to use overflowauto as below
overflow-y: scroll;
overflow: auto;

scrollbar-arrow-color : #db5d00;
scrollbar-face-color :#ffffff;
scrollbar-highlight-color : #333333;
scrollbar-shadow-color :#333333; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-track-color :#ffffff;
scrollbar-base-color :#ffffff;
}