body {color: #777; font: 1em/1.4em "Lucida Grande", Lucida, Verdana, sans-serif; margin: 0; padding: 0; color: #534741; background-image: url(images/bkgrd.gif); background-repeat: no-repeat; background-position: center top;}
img {border: 0;}
input {color: #534741;}
hr {border: 0; border-top: 1px solid #7D6A55; height: 1px; clear: both;}
a {color: #A67C52;}

#frame {width: 920px; font-size: 0.7em; background-color: #fff; margin: 0 auto 0 auto;}

/* HEADER AREA */

#header {width: 100%; height: 155px; text-align: center; background-color: #fff; }
#header small {font-size: 10px; margin: 20px 20px 0px 0px; float: right; }
#header img {float: left;}
#header a {text-decoration: none;}
#header a:hover {text-decoration: underline;}

.logo { border: 0; margin: 0px 0px 0 30px;}

#loginpage {border: 1px solid #7D6A55; margin: 30px 0px 0 0; width: 400px; height: 370px; background-color: #fff; margin: 0 auto 0 auto; margin-top: 5%; padding: 20px;}
#loginpage input {margin: 1px; float: right; width: 200px;}
#loginpage label {font-size: 12px; margin: 1px;}
#loginpage form {margin: 0 auto 0 auto; background-color: #fff; padding: 0px;}
#loginpage button {margin: 20px 0px 10px 0px; padding: 0px; height: 35px; width: 100px; float: right;}
#loginpage p a {font-size: 11px; float: left;}
#loginpage p {font-size: 15px; margin-left: 10px;}
#loginpage h1 {font-size: 14px; margin: 0px 0px 25px 10px;}
#loginpage img {border: 0; margin: 0px 0px 0 10px;}
#loginpage table {width: 380px; margin: 0 20px 0 6px;}

.col 
{
    float: left; 
    /*background-color: pink;*/
    width: 440px; 
    margin: 0px 0px 0px 5px;
    text-align: center;
}


.dash, .comments
{
    width: 390px;
    float: left;
    /*border-bottom: 2px dotted #7D6A55;*/
    background-color: #f8f8f8;
    padding: 10px;
    margin: 10px;
    text-align: left;
}

.wide
{
    width: 850px;
    background-color: #fff;
    margin: 0px;
}

.dash h3
{
    margin: 10px 0px 10px 0px;
    font-size: 14px;
}


.dash p
{
margin: 0px 0px 0px 0px;
}

.dash ul {padding: 0px; margin: 0px; list-style-position: outside; list-style-type: none; }
.dash li { padding: 5px; width: 97%; float:left;line-height: 20px; vertical-align: middle; margin-bottom: 5px; border-bottom: 1px dotted #999; background-color: #f8f8f8;}
.dash li a{ /*color: #7d6a55;*/ padding: 5px;font-size: 12px; text-transform: uppercase; font-weight: bold; display: block; text-decoration: none; /*background-color: #f8f8f8;*/}
.dash li:hover {background-color: #f1f1f1; font-weight: bold;}
/*.dash li img {float: left; width: 25px; height: 25px; margin: 2px 5px 0px 0px;}*/
.dash li button {margin: 0px; float: right;}
.dash small {font-weight: normal;}
.thumb {width: 50px; height: 50px;}

.article
{
    margin: 0 auto 0 auto;
    width: 500px;
}

#comments 
{
    width: 500px;
    height: 350px;
}


.comments {width: 93%; padding: 10px; margin: 0px 0px 10px 0px; text-align: left;}
.comments label {margin: 1px; float: left; width: 275px; display: block; font-weight: bold;clear: both;}
.comments input, .comments select {margin: 1px; float: left; width: 275px; clear: both;}
.comments textarea {font-size: 12px; width: 95%; height: 200px; margin: 0px; clear: both;}
/*.comments button {margin: 10px 0px 10px 0px; padding: 0px; height: 35px; width: 100px; }*/
/*.comments h2 {clear: both;}
.comments h3 {font-size: 13px;clear: both;}*/

/*#comment {width: auto;}*/

#title, #tdk_0, #tdk_1, #tdk_2
{
 width: 98%;
}

.edit textarea
{
    width: 400px;
}


/* NAVIGATION AREA */

#nav a {color: #fff;}

#nav {width: 920px; height: 34px; float: left; background-color: #7d6a55;}
#nav ul {margin: 0; padding: 0;}
#nav li {margin: 6px 0 0 28px; padding: 0; float: left; list-style: none; color: #fff;}
#nav li a {  text-decoration: none; display: block; padding: 3px 5px 3px 5px; font-weight: bold;}

#nav li a:hover{background-color: #f8f8f8; color: #7d6a55; }
#on a {background-color: #fff; color: #7d6a55; }
/*

.splash {width: 679px; float: left; border-top: 1px solid #7d6a55; border-left: 1px solid #7d6a55;}



.column {width: 240px; float: left; padding-bottom: 20px;}
.column button {background-image: url(App_themes/images/button.gif);}
.column h3 {margin-top: 20px;}
.column h3, .column h2, .column p, .button {margin-left: 20px; margin-right: 20px;}
.column input {margin: 0 20px 0 20px;}
.column select {margin-right: 5px;}
.column label {width: 220px; display: block; margin: 5px 0 5px 20px;}
.column li {list-style-image: url(images/test.gif);}

.splashbook {margin: 30px 0 0 0;}
.formfield {width: 190px;}
.marg {margin-left: 20px;}

.bookonline {background-color: #ece9e6; height: 306px;}

.button {margin-top: 10px; margin-bottom: 20px;}

.gallery {margin: 0 0 0 20px;}
.gallery img {margin: 0 2px 2px 0;}

*/


/* FOOTER AREA */

#footer {width: 920px; height: 150px; float: left; background-color: #7d6a55; color: #fff;}
#footer p {margin: 80px 20px 0 20px; padding: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover, #on {text-decoration: underline;}

.right {float: right;}
.picright {float: right; margin: 0 0 0 20px;}


/* ADMIN AREA */


#content h1 {font-size: 20px; color: #7D6A55; margin: 30px 0px 40px 0px;}
/*#content h2, .comments h2 {font-size: 15px; color: #7D6A55; margin: 20px 0px 10px 0px;}*/
#content {width: 920px; float: left; padding: 20px;}
/*#content table, #content textarea {width: 860px; padding: 0; margin: 0;}*/
#content th {text-align: left; background-color: #ece9e6;}
#content td, #content th {padding: 5px; border-bottom: 1px solid #7d6a55;}
#content button {margin: 10px 10px 10px 0;}

/*#content textarea {height: 500px;}*/

iframe {height: 500px; margin-top: 20px;}
/*form {width: 870px;}*/

button
{
    font-size: 10px;
    width: auto; 
    padding: 2px;
    margin: 0px;
    line-height: 14px;   
}

form
{
    margin: 0px;
    padding: 0px;
   /* background-color: Green;*/
    
}

.refused
{
    background-color: #666;   
    color: #fff;
    border: 1px outset #222;
}

h2,h3
{
background-color: #c7b299;/*#7D6A55;*/
display: block;
color: #fff;
padding: 5px;
margin: 10px 0px 10px 0px;
font-size: 14px;
}

.res
{
    width: 250px;
    float: right;
    border: 2px dotted #7D6A55;
    background-color: #f8f8f8;
    padding: 10px;
    margin: 10px 75px 0px 0px;
    text-align: center;
}
#tblResource
{
    background-color: #f8f8f8;
    width: 90%;
    border: none;
    margin: 20px 0px 20px 0px;
}
#tblResource input, #tblResource select
{
    width: 200px;
}

.rowA
{

    font-weight: bold;
    color: #7D6A55;
}

.rowB
{
    background-color: #ccc;
}
#tblResource td
{   
    border: none;
    /*background-color: #ccc;*/
    padding: 5px;
    width: 30%;
}
.icon {float: left; width: 25px; height: 25px; margin: 2px 5px 0px 0px;}
.photo {float: left; /*width: 25px; height: 25px; */margin: 2px 5px 0px 0px;}

.agent ul {padding: 0px; margin: 0px; list-style-position: outside; list-style-type: none; }
.agent li {padding: 0px; width: 150px; float:left; height: 300px; margin: 10px 10px 60px 10px;  display: block; font-weight: bold; font-size: 11px; }
.agent li a{ /*color: #7d6a55;*/ padding: 5px;font-size: 12px; text-transform: uppercase; font-weight: bold; display: block; text-decoration: none; }
/*.agent li:hover {background-color: #f1f1f1; font-weight: bold;}*/
.agent li button {margin: 0px; float: right;}
.agent small {font-weight: normal;}
.agent li img {border: none;}

h1 a {font-size: 13px;}


/* new for members*/ 

#tick, #ticknav {width: 530px;  float: left; margin: 20px 0px 0px 18px;}
#ticknav {margin: 18px 0px 0px 18px;}
#ticker {width: 500px;}
#ticker td {padding: 3px; border-bottom: none;vertical-align: top; font-size: 11px;}
#ticker a {text-decoration: none;}
#ticker a:hover {text-decoration: underline; font-weight: bold;}


.date {width: 40px;}
.iconmodule {width: 20px;}
.modulelink {color: #000; text-decoration: none;}
.modulelink:hover {color: #000; text-decoration: underline;}



.tabs li a {text-decoration: none;color: #7d6a55;}
#nav2 p {line-height: 20px; margin: 0px; cursor:pointer;}
#nav2 p:hover {color: #fff;}
#nav2 {width: 530px; float: left; border-bottom: 1px solid #c7b299; padding: 0px; }
#nav2 ul {margin: 0; padding: 0; margin-left: 10px;}
.tabs li{ line-height: 20px; position: relative; top: 5px; margin: 0px 1px 0px 1px; padding: 0; float: left; list-style: none; padding: 2px 5px 2px 5px; background-color:#c7b299; text-decoration: none; }

/*#nav2 li a {text-decoration: none; display: block; padding: 3px 5px 3px 5px; font-weight: bold; color: #c7b299; font-size: 11px; border: 1px solid #ccc; border-bottom: none;}*/

.tabs li:hover{ background-color: #7d6a55; }
#tabon {font-weight: bold; padding: 4px; position: relative; top: 1px;background-color: #fff; text-decoration: none; border: 1px solid #c7b299; border-bottom: none;}
#tabon a {color: #7d6a55; padding: 6px 6px 16px 6px;  }

#rightsidebar {float: right; width: 300px; background-color: #f8f8f8; margin: 18px; padding: 15px; border: 1px solid #c7b299;}
#rightsidbar table {width:100%; }
#rightsidebar td {padding: 3px; vertical-align: top;}
#rightsidebar h3 {font-size: 11px; background: none; margin: 10px 0px 0px 0px; padding: 0px; color: #7d6a55;}
#rightsidebar h4 {font-size: 14px;}
#rightsidebar hr {margin: 20px 0px 20px 0px; width: 100%; height: 1px; border: none; border-bottom: 1px solid #ccc;}
#rightsidebar p {margin: 1px;}
#rightsidebar .link {text-decoration: none; cursor: pointer; color:#a67c52; }
#rightsidebar .link:hover {text-decoration: underline;}


/* popup features by aaron smith 2009 */ 

#popup{background: none;}

.my_form {width: 300px; background-color: #c7b299; margin: 10px 0px 10px 0px; display: none;}
.my_form table {width: 100%;}
.my_form td {font-size: 11px; text-align: right;}
.my_form input, .my_form select, .my_form textarea {}
.my_form select {width: 154px;}
.my_form textarea {width: 280px;}
.my_form button {float: right;}
.my_form h1 {font-size: 14px; margin: 0px; background-color:#7D6A55; color: #fff; padding: 5px;}
.my_form .short {width:65px;}
.my_form .date {width:100px;}
.my_form .long {width:150px;}

.hidden {display:none;}

.test { position: fixed; top: 0px; height: 50px; background-color: pink;}

.redBold {font-weight:bold; color: Red;}
.blockdates { width: 400px; position: relative; top: 30px; margin: 20px;}
.smallinput {width: 80px;}
.blocktd {background-color:#c7b299; color: #fff; font-weight: bold; width: 18px ; height: 18px; text-align: center;}

.IN{font-weight:bold; color: green;}
.WL{font-weight:bold; color: #7d6a55;}
.PE{font-weight:bold; color: Red;}