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

/* Please refrain from copying this style sheet */


html{
height: 100%;
background-color: #8ba1d2;
}

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

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


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

.top-banner-holder{
width: 850px;
height: 125px;
margin: 0px auto;
background-color: #ffffff;
overflow: hidden;
}

.top-banner-left{
width: 450px;
height: 125px;
float: left;
margin: 0px auto;
/*
background-image: url(../images/elements/top-picture.jpg);
background-repeat: no-repeat;
*/
overflow: hidden;
}
.top-banner-left img{
margin-top: 20px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
}
.top-banner-left h4{
margin-top: 3px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 120px;
font-size: 15pt;
font-weight: bold;
color: #4b4b4b;
}

.top-banner-right{
width: 400px;
height: 125px;
margin: 0px auto;
background-color: #ffffff;
float: left;
overflow: hidden;

}
.top-banner-right h4{
margin-top: 30px;
margin-right: 10px;
text-align: right;
font-family: Arial, Times;
font-size: 20pt;
font-weight: bold;
color: #ffce06;
}
.top-banner-right span{
font-size: 14pt;
font-weight: bold;
color: #8ba1d2
}

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

.nav-holder{
width: 850px;
height: 26px; 
margin: 0px auto;
padding-top: 8px;
text-align: center;
background-image: url(../images/elements/main-nav.jpg);
background-repeat: repeat-x;
overflow: hidden;
}
.nav-holder p{
display: inline;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: center;
overflow: hidden;
}
.nav-holder span{
margin-right: 15px;
margin-left: 15px;
font-family: Arial, san-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; 
color: #ffce06;
}
.nav-holder a:link, .nav-holder a:active, .nav-holder a:visited {
font-family: Arial, san-serif; 
font-size: 12pt; 
font-weight: bold; 
text-decoration: none; 
color: #ffce06;
}
.nav-holder a:hover{
font-family: Arial, san-serif; 
font-size: 12pt;
font-weight: bold; 
text-decoration: underline; 
color: #ffce06;
}

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

.mainContent{
width: 850px; 
margin: 0px auto;
background-color: #ffffff;
font-family: Arial, Times; 
font-size: 11pt;
color: #4b4b4b;
} 
.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: #4b5c86;
}
.mainContent a:hover{
font-size: 10pt; 
font-family: Arial, Times, san-serif; 
font-weight: bold; 
text-decoration: underline; 
color: #4b5c86;
}

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

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

.footer-holder{
width: 850px;
height: 170px;
margin: 0px auto;
background-color: #ffce06;
overflow: hidden;
}

.main-footer{
width: 850px;
margin: 0px auto;
margin-top: 10px;
text-align: center;
}
.main-footer p{
display: inline;
}
.main-footer span{
margin-right: 5px;
margin-left: 5px;
font-weight: bold;
color: #4b5c86;
}
.main-footer a:link, .main-footer a:active, .main-footer a:visited {
font-family: Arial, san-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: none; 
color: #4b5c86;
}
.main-footer a:hover{
font-family: Arial, san-serif; 
font-size: 10pt; 
font-weight: normal; 
text-decoration: underline; 
color: #4b5c86;
}

/* Credits Footer and remaining Custom CSS */
.credits-footer{
width: 850px;
height: 80px;
margin: 0px auto;
margin-top: 20px;
font-family: Arial, san-serif; 
font-size: 9pt; 
color: #4b5c86;
}

.credits-footer p{margin-top: 10px; text-align: center;}
.credits-footer p span{font-size: 10pt; font-weight: bold;}

.powered-by{
width: 100%;
height: 20px;
margin-top: 5px;
margin-bottom: 50px;
}
.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: #ff9850;
}
.powered-by a:hover{
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
text-decoration: underline; 
color: #ff9850;
}
.powered-by p{
text-align: center;
font-family: Arial, san-serif; 
font-size: 9pt; 
font-weight: bold; 
color: #ff9850;
}


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