/* 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;
}

ul.features { margin-top: 20px; }
ul.features li { margin-bottom: 14px; }

.srnd-notify { position: relative; width: 100%; margin: 10px 0px; background-color: #fcfcbb; border: 1px solid #fed701; -moz-border-radius-topleft: 10px; -khtml-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -khtml-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.srnd-notify .divider { height: 1px; background: url(../img/surrounds/notify/dotted-line.gif) repeat-x bottom; margin-bottom: 6px; }
.srnd-notify .exclamation { background: url(../img/surrounds/notify/exclamation.gif) no-repeat; margin: 10px 10px 0px 10px; padding: 4px 0px 4px 34px; }
.srnd-notify .error { background: url(../img/surrounds/notify/error.gif) no-repeat; margin: 10px 10px 0px 10px; padding: 4px 0px 4px 34px; }
.srnd-notify .success { background: url(../img/surrounds/notify/success.gif) no-repeat; margin: 10px 10px 0px 10px; padding: 4px 0px 4px 34px; }