/*** GENERAL ***/
BODY
{
    margin: 0;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    font-size: 12px;
    color: black;
    background: rgb(220, 242, 253);
}

FORM, TABLE {
    margin: 0;
}

A:link {color: rgb(24,138,194); text-decoration: underline;}
A:visited {color: rgb(24,138,194); text-decoration: underline;}
A:focus {color: rgb(24,138,194)}
A:hover {color: rgb(24,138,194); text-decoration: none;}
A:active {color: rgb(24,138,194)}

.lineseparator {
    border-bottom: 1px solid gray;
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 1px;
}

.tableHeadingLineSeparator {
    border-bottom: 2px solid #d7d7d7;
    padding: 0;
    margin: 0;
    height: 2px;
}

.tablelineseparator {
    border-bottom: 1px solid #d7d7d7;
    padding: 0;
    margin: 0;
    height: 1px;
}

.tablelineseparatorwhite {
    border-bottom: 2px solid #ffffff;
    padding: 0;
    margin: 0;
    height: 2px;
}

.tablelineseparatordark {
    border-bottom: 1px solid green;
    padding: 0;
    margin: 0;
    height: 1px;
}

.tableCellSpace {  
    margin: 0;
    padding: 3px 10px 3px 3px;
}

.actionButton {
    color:white;
    background-color: #40678E;
    background-color: rgb(17,153,214);
    font-size: 12px;
    padding: 3px 10px 2px 10px;
    overflow: visible;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.cancelButton {
    background-color: #d7d7d7;
    font-size: 12px;
    padding: 3px 10px 2px 10px;
    overflow: visible;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
}

.infoMessageDiv {
    margin: 0px 0px 10px 0px;
    width: 360px;
    padding: 10px;
    background: #fffdda;
    color: gray;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px olive;
}

.errorMessageDiv {
    margin: 0px 0px 10px 0px;
    width: 360px;
    padding: 10px;
    font-size: 12px;
    background: #f9c7c2;
    font-weight: bold;
    border: solid 1px red;
}

/* To be used when using an image in a form button.
* Example: <input class="imageButton" id="loginButton" type="submit" name="button" value="Login">
* Notice that specific values are set via the id.
*/
.imageButton {
    text-indent: -999px;
    font-size: 0;
    display: inline;
    line-height: 0px;
    overflow: hidden;
    border: none;
}

/*** HEADER ***/
#header {
    border: solid 1px;
    border-top: none; /* solid 2px; */
    border-color: rgb(54,175,228);
    padding: 0px 0px 0px 0px;
    border-bottom: none;
    margin: 0;
}

.headerImage A:link {color: white;}
.headerImage A:visited {color: white;}
.headerImage A:hover {color: white;}
.affliateAds table {font-size: 10px;}
.signOut {color: gray; font-size: 9px;} 
.signOut A:link {color: gray}
.signOut A:visited {color: gray}
.signOut A:focus {color: gray}
.signOut A:hover {color: red}
.signOut A:active {color: red}

/*** MAIN MENU ***/
.mainmenudiv {
    margin: 0;
    background: rgb(17,153,214);
    padding: 0px 0px 0px 15px;
}

.mainmenudiv A:link {color: white; text-decoration: none;}
.mainmenudiv A:visited {color: white; text-decoration: none;}
.mainmenudiv A:focus {color: white}
.mainmenudiv A:hover {color: white; text-decoration: underline;}
.mainmenudiv A:active {color: white}

.mainmenusmalldiv {
    float:left;
    width:200px;
    margin: 0;
    padding: 0;
}

.mainmenulist {
    list-style-type: none;
    display: inline;
    border-left: 1px solid #d7d7d7;
    padding: 9px 12px 5px 12px;
    margin: 0 0 0 0;
    background: rgb(17,153,214);
    font-weight: bold;
    font-size: 13px;
}  

#mainmenuselected {
    background: rgb(248,155,66);
}

.mainmenusmalllist {
    list-style-type: none;
    display: inline;
    padding: 9px 0px 5px 0px;
    margin: 0px 0 0 0;
    background: rgb(17,153,214);
    font-weight: normal;
    font-size: 11px;
}  

/*** TOUR MENU ***/

.tourmenudiv {
    margin: 5px 30px 0 30px;
    background: #f6f6f6;
    padding: 0px 0px 0px 0px;
    border: solid 1px #cccccc;
}

.content .tourmenudiv a:link {color: #363636; text-decoration: underline}
.content .tourmenudiv a:visited {color: #363636; text-decoration: underline;}
.content .tourmenudiv a:focus {color: #363636}
.content .tourmenudiv a:hover {color: #363636; text-decoration: none;}
.content .tourmenudiv a:active {color: #363636}

.tourmenulist {
    list-style-type: none;
    padding: 4px 10px 5px 10px;
    margin: 0px;
    font-weight: bold;
    font-size: 12px;
}

.tourrightdiv {
    float: left;
    padding: 8px 0 0 0;
    width: 600px;
}

/*** SUB MENU ***/
.submenulist {
    padding: 0 0 0 20px;
    margin:3px;
}

/**
.content .submenulist A:link {color: black; text-decoration: none;}
.content .submenulist A:visited {color: black; text-decoration: none;}
.content .submenulist A:focus {color: black}
.content .submenulist A:hover {color: red; text-decoration: underline;}
.content .submenulist A:active {color: black}
**/

.submenulistitem {
    list-style-type: none;
    display: inline;
    border: 1px solid gray;
    padding: 4px 8px 4px 8px;
    margin: -2px;
    /* background: #Fff8f0; */
    background: #f5f8ec;
    font-weight: bold;
    font-size: 11px;
}

.submenulistitemnew {
    font-size: 11px;
}

#submenuselected {
    /* background: #F3D9A6; */
    background: #d5e9d7;
}
#submenuselected a:link {color: black; text-decoration: none;}
#submenuselected a:visited {color: black; text-decoration: none;}
#submenuselected a:focus {color: black}
#submenuselected a:hover {color: red; text-decoration: underline;}
#submenuselected a:active {color: black}

.submenuspan {
    list-style-type: none;
    display: inline;
    padding: 4px 8px 4px 8px;
    margin: 0 30px;
}

/*** MAIN HEADER BAR ***/
.mainheader {
    border-style: none;
    border-width: 1px;
    background: rgb(146,200,62);
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 1px 0px;
    font-weight: bold;
    font-size: 13px;
    color: white;
}

/*** CONTENT ***/
.thescreen {
    margin: 0 auto 0px auto;
    width:900px;
    padding:0;
    background-color: white;
}

.content {
    border: solid;
    border-color: rgb(54,175,228);
    border-width: 1px;
    padding: 15px 0px 0 0px;
    margin: 0;
    height: 1%;
}

.content A:link {color: rgb(24,138,194); text-decoration: underline;}
.content A:visited {color: rgb(24,138,194); text-decoration: underline;}
.content A:focus {color: rgb(24,138,194)}
.content A:hover {color: rgb(24,138,194); text-decoration: none;}
.content A:active {color: rgb(24,138,194)}

.contentArea1 {
    padding: 18px 18px 18px 18px;
}

.threaddata {
    padding: 10px 25px 10px 20px;
    margin:0;
}

.threadname {
    font-size: 11px;
    color: black;
}

.threaddate {
    font-size: 10px;
    color: gray;
}

.stretch {
    border: none;
    clear: both;
    margin: 0;
    padding: 0;
    height: 0px;
}

.picturelink img {border: solid #d8d8d8 1px;}

/*** Dashboard items ***/
.box {
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px;
    border-color: #867146;
    border-right: solid 1px #eaf3da;
    border-left: solid 1px #eaf3da;
    border-bottom: solid 1px #eaf3da;
    width: 355px;
}

.tableDataList {
    padding:2px 10px 2px 3px;
    font-size:11px;
    margin: 0;
}

.tableDataListBackground {
    padding:2px 10px 2px 3px;
    font-size:11px;
    background-color:#f5f8ec;
    margin: 0;
}

/*** Add Member three pages ***/

.addMemberUtility {
    margin-left:auto;margin-right:auto;
    margin-top: 15px;
    width: 600px;
    border: solid gray;
    border-width: 1px;
    padding: 10px 0 0 30px;
    background-color: #f5f8ec;
}

.addMemberUtilityTitle {
    font-weight:bold;
    margin-left:-25px;
    font-size:14px;
    color: #363636;
}

/*** FOOTER ***/
#footer {
    clear: both;
    border: none;
    border-width: 1px;
    border-color: gray;
    margin: 0 0 0 0;
    padding: 15px 0 30px 0;
    background: rgb(220, 242, 253);
}

.bottomlinks {
    font-size: 10px;
}

/*** ALBUM ***/
.albumContent {
    padding: 15px 15px 20px 15px;
    background: #f8f8f8;
    margin:0 20px 10px 20px;
    border: 1px solid #d8d8d8;
}

/*** COMMUNITY  ***/
.communityContent {
    padding: 15px 15px 20px 30px;
    width: 575px;
    background: #f8f8f8;
    margin:0 20px 10px 30px;
    border: 1px solid #d8d8d8;
    margin-left: auto;
    margin-right: auto
}

.communityMainItemDiv {
    width: 550px;
    padding:10px 5px;
    font-size: 12px;
    border-top: #d7d7d7 2px solid;
    background: white;
}

/*** Feature Info ***/
.featureInfoDiv {
    padding:5px 25px 0px 35px;
}

.featureInfoP {
    line-height: 1.40em;
    font-size:12px;
    color:#505050;
    margin-top: 5px;
    margin-bottom: 10px;
}

.featureInfoH1 {
    font-size:22px;
    margin:0 0 20px 0;
    color: rgb(234,132,36);
    text-align:center;
}

.featureInfoH2 {
    color: rgb(234,132,36);
    font-size:18px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.featureInfoH2NoMargin {
    color: rgb(234,132,36);
    font-size:18px;
    margin-bottom: 0px;
    margin-top: 0px;
}

/*** Front Page ***/
.frontPageBox {
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px;
    border-color: green;
    border-right: solid 1px #eaf3da;
    border-left: solid 1px #eaf3da;
    border-bottom: solid 1px #eaf3da;
    border: none;
    width: 355px;
}