/* This is a Trade and Value, Corp. design */


/* Please refrain from copying this style sheet */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
img {
     max-width: 100%;
     height: auto;
 }
 
 b, strong{
font-weight: bold;
}

.show-mobile{
float: none;
display: none;
visibility:hidden;	
}
.hide-mobile{
display: inherit;
visibility: visible;
}

html{
height: 100%;
background-image: url(../images/elements/back.jpg);
}


body{
width: 100%;
margin: 0px auto;
}

.site-holder{
width: 1000px; 
margin: 0px auto;
margin-top: 20px;
border: 2px solid #d6a476;
background-color: #ffffff;
}


/* ===== BANNER ===== */

.top-banner-holder{
width: 1000px;
height: 180px;
margin: 0px auto;
background-image: url(../images/elements/top-banner.jpg);
background-repeat: no-repeat;
overflow: hidden;
}

.top-banner-left{
width: 750px;
height: 180px;
float: left;
margin: 0px auto;
overflow: hidden;
}


.top-banner-right{
width: 250px;
height: 180px;
margin: 0px auto;
float: left;
overflow: hidden;
}
.top-banner-right h3{
margin: 15px 10px 0px 0px;
text-align: right;
font-family: Arial, Times;
font-size: 10pt;
font-weight: bold;
color: #063b25;
}
.top-banner-right h2{
margin: 5px 10px 0px 0px;
text-align: right;
font-family: Arial, Times;
font-size: 20pt;
font-weight: bold;
color: #063b25;
}


.top-separator{
width: 100%;
height: 29px;
background-image: url(../images/elements/top-separator.jpg);
background-repeat: repeat-x;
overflow: hidden;
}





	/* ======== START NAVIGATION =============== */

.main-left{
width: 214px;
border-right: 1px solid #d6a476;
float: left;
}

.main-left #message-left{
width: 214px;
height: 80px;
background-color: #063b25;
overflow: hidden;
}
.main-left #message-left h3{
margin: 10px 0px 0px 0px;
text-align: center;
font-family: Arial, Times;
font-size: 9pt;
font-weight: bold;
color: #ffffff;
}
.main-left #message-left h2{
margin: 5px 0px 0px 0px;
text-align: center;
font-family: Arial, Times;
font-size: 19pt;
font-weight: bold;
color: #ffffff;
}

.main-left ul{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
}
.main-left li{
width: 214px;
height: 35px;
padding: 10px 0px 0px 10px;
margin: 0px 0px 0px 0px;
list-style: none;
border-bottom: 1px solid #d6a476;
background-image: url(../images/elements/tabs.jpg);
background-repeat: no-repeat;
}


.main-left a:link, .main-left a:active, .main-left a:visited {
font-family: Arial, san-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; 
color: #ffffff;
}
.main-left a:hover{
font-family: Arial, san-serif; 
font-size: 12pt;
font-weight: bold; 
text-decoration: underline; 
color: #ffffff;
}

.main-left #newsletter-left{
margin: 20px 0px 20px 0px;
}

/* =========== Main Content CSS ============ */

.mainContent{
width: 775px; 
margin: 0px 0px 0px 0px;
background-image: url(../images/elements/top-main-content.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
font-family: Arial, Times; 
font-size: 11pt;
color: #4b4b4b;
float: left;
} 
.mainContent a:link, .mainContent a:active, .mainContent a:visited{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: none; 
color: #0d5842;
}
.mainContent a:hover{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #0d5842;
}

.mainContentWall{
width: 775px; 
margin: 0px auto;
background-color: #ffffff;
font-family: Georgia, Arial, Times; 
font-size: 10pt;
color: #4b4b4b;
float: left;
} 

.mainContentWall a:link, .mainContentWall a:active, .mainContentWall a:visited{
font-size: 10pt; 
font-family: Georgia, Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: none; 
color: #063b25;
}

.mainContentWall a:hover{
font-size: 10pt; 
font-family: Georgia, Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #063b25;
}


.social{
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
.social img{
margin: 0px 5px 10px 5px;
}

	/* ====================== Footer ===================== */ 

.bottom-shadow{
width: 100%;
height: 51px;
background-image: url(../images/elements/bottom-shadow.png);
background-repeat: repeat-x;
overflow: hidden;
}

.footer-holder{
width: 1000px;
height: 150px;
margin: 0px auto;
border-top: 3px solid #d6a476;
background-image: url(../images/elements/footer-background.jpg);
background-repeat: repeat-x;
background-color: #6f2605;
overflow: hidden;
clear: both;
}

.main-footer{
width: 750px;
margin: 0px auto;
margin-top: 10px;
text-align: center;
}

.footer-holder ul{
width: 750px;
padding: 0;
margin: 0px auto;
margin-top: 10px;
text-align: center;
}
.footer-holder ul li{
display: inline;
padding: 0;
margin: 0;
list-style:none;
}
.footer-holder ul li:after{
content: "|";
margin: 0px 10px 0px 10px;
color: #e8ad56;
}
.footer-holder ul li:last-child:after{
content: none;
}

.footer-holder ul li a:link, .footer-holder ul li a:active, .footer-holder ul li a:visited {
font-family: Arial, san-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
color: #e8ad56;
}
.footer-holder ul li a:hover{
font-family: Arial, san-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: underline; 
color: #e8ad56;
}


/* Credits Footer and remaining Custom CSS */

.credits-footer{
width: 1000px;
height: 80px;
margin: 0px auto;
margin-top: 10px;
font-family: Arial, san-serif; 
font-size: 9pt; 
color: #e8ad56;
}

.credits-footer p{margin: 10px 0px 0px 0px; text-align: center;}

.credits-footer p span{font-size: 10pt; font-weight: bold;}


.powered-by{
width: 100%;
height: 20px;
margin: 5px 0px 50px 0px;
}
.powered-by a:link, .powered-by a:active, .powered-by a:visited{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: none; 
color: #ff9900;
}
.powered-by a:hover{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: underline; 
color: #ff9900;
}
.powered-by p{
text-align: center;
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
color: #ff9900;
}


/* Additional CSS */


a:link, a:active, a:visited{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: none; color: #b11715;}


a:hover{font-size: 8pt; font-family: Arial, san-serif; font-weight: bold; text-decoration: underline; color: #b11715;}

.clr{
clear: both;
}


	/* End of Custom CSS  */