/* ---------------------------- 1. BASIC FORMATTING --------------------------------- */

body {
background-color: #FFFFFF;
color: #999999;
margin: 0px;
padding: 0px;
}

#cloud {
color: #999999;
background-color: inherit;
width: 580px;
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
}

#cloud a:hover {
color: #999;
text-decoration:none;
background-color: inherit;
}

.clear{
clear: left;
}

img{
border:none;
}

.imgleft{
float:left;
border: 1px solid #ccc;
padding: 4px;
margin-right: 10px
}

a {
color: #FCB131;
text-decoration: none;
background-color: inherit;
}

a:hover {
color: #999;
text-decoration:none;
background-color: inherit;
border-bottom: 1px dotted;
}

.orange {
color:#FCB131;
font-weight:bold;
text-decoration: none;
background-color: inherit;
}

.dottedline {
border-top:dotted 1px #999999;
background-repeat: repeat-x;
background-position: left;
height:5px;
width:580px;
color: #999999;
background-color: inherit;
}

.img_borderright {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-left: 7px;
margin-top: 4px;
margin-right: 10px;
}

/* ---------------------------- 2. BASIC FORMATTING --------------------------------- */

#topblack {
color: #999999;
background-color: #333333;
margin: 0px;
padding: 0px;
height: 160px;
width: auto;
}

#blackbar {
color: #999999;
background-color: #333333;
height: 150px;
width: 820px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#logo h1{
color: #999999;
margin: 0px;
padding: 0px;
background-image:  url(img/logo.gif);
background-repeat: no-repeat;
height: 120px;
width: 200px;
}

#logo h1 span{ 
display:none;
}

#logo h1 a {
display: block;
margin: 0px;
padding: 0px;
height: 120px;
width: 200px;
}

/* ---------------------------- 3. TOP NAVIGATION --------------------------------- */


#topnav{
	width: 820px;
	height: 30px;
	background-image:url(http://ebvk.com/img/button_bg.jpg);
	background-repeat:repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 17px;
	font-weight: normal;
	line-height: 30px;
	text-align: center;
	background-repeat:repeat-x;
	margin-top:0px;
}

#topnav a {
	display: block;
	float:left;
	width: 102px;
	height: 30px;
	background-image:url(http://ebvk.com/img/button_bg.jpg);
	background-repeat:repeat-x;
	color: #333333;
	border-right: solid 1px #333333;
	text-decoration: none;
}

#topnav a:hover {
	display: block;
	float:left;
	width: 102px;
	height: 30px;
	background-image: url(http://ebvk.com/img/button_bg.jpg);
	background-repeat:repeat-x;
	color: #FFFFFF;
	text-decoration: none;
border-bottom: none;
}

#topnav span {
text-align: center;
}

#topnav ul {
display: inline;
padding: 0px; 
margin: 0px;
}

#topnav ul li {
display: inline;
list-style-type: none;
padding: 0px; 
margin: 0px;
}

/* ---------------------------- 4. MAIN CONTAINER --------------------------------- */

#maincontainer{
background-color: #FFFFFF;
color: #999999;
height: auto;
width: 820px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#maincontainer h1{
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #FCB131;
font-size: 22px;
font-weight: bold;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
	
body > #maincontainer h1 {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #FCB131;
font-size: 22px;
font-weight: bold;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 8px;
margin-left: 0px;
}

#bottom {
background-color: #333333;
color: #FFFFFF;
margin: 0px;
height: 140px;
width: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 25px;
padding-left: 0px;
}

.maincontent {
background-color: #FFFFFF;
width: 820px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
}

/* ---------------------------- 5. LEFT COLUMN FORMATTING --------------------------------- */

#leftcontent {
background-color: #FFFFFF;
color: #999999;
float: left;
width: 590px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 0px;
padding: 5px;
}

#leftcontent p {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #999999;
font-size: 12px;
font-weight: normal;
line-height:1.5em;
text-align:justify;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}

#rss-item {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #999999;
font-size: 12px;
font-weight: normal;
line-height:2em;
text-align:justify;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}

#rss-item a {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #FCB131;
font-size: 12px;
font-weight: normal;
line-height:2em;
text-align:justify;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}

#rss-item a:hover {
background-color: #FFFFFF;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #999999;
text-decoration: none;
border-bottom: 1px dotted;
font-size: 12px;
font-weight: normal;
line-height:2em;
text-align:justify;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
	
#leftcontent h2{
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #999999;
background-color: #FFFFFF;
font-size: 18px;
font-weight: normal;
line-height:1.5em;
padding: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}

/* -----------------------------------------form styles ------------------------- */

#contact_form input, #contact_form textarea {
background: url(/img/input_bg.gif);
background-color: #FFFFFF;
border:1px #999999 solid;
display:block;
padding:4px;
font:12px "Trebuchet MS", Verdana, Arial, Sans-Serif;
color:#333333;
margin:0 0 10px 0;
	}

#contact_form label {
background-color: #FFFFFF;
margin-left:0px;
font:12px "Trebuchet MS", Verdana, Arial, Sans-Serif;
padding:5px 0 0 3px;
color:#999999;
	}
#contact_form label span {
font:12px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#999999;
padding:0px 0 0px 3px;
	}
#contact_form input:hover, #contact_form textarea:hover {
border:1px #FCB131 solid;
}
#contact_form input:focus, #contact_form textarea:focus {
border:1px #FCB131 solid;
}
	
/* ---------------------------- 6. IMG FORMATTING --------------------------------- */
	
#folio_preview {
padding-top:8px;
padding-left:4px;
}
	
.folio_bg {
float:left;
background-image: url(../images/folio_bg.gif);
width:76px;
height:64px;
text-align:center;
padding-top:12px;
margin-bottom:5px;
}

/* ------------------------pic is 117w x 140h to be centered below------------------- */
#smlbookpic {
float: left;
background-image: url(./img/smlbookpic_bg.gif);
background-repeat: no-repeat;
width: 140px;
height: 175px;
text-align: center;
padding-top: 18px;
padding-left: 2px;
margin-right: 15px;
margin-bottom: 2px;
}
	
.folio_bg img {
width: 53px; 
height: 53px; 
border: 0px; 
}

/* ---------------------------- 7. RIGHT COLUMN FORMATTING --------------------------------- */

#rightcontent {
float: right;
margin: 0px;
margin-top:15px;
margin-bottom:15px;
padding: 0px;
float: left;
width: 200px;
background-color: #333333;	
}

#rightcontent p {
background-color: #333333;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #999999;
font-size: 10px;
font-weight: normal;
line-height:1.5em;
padding: 10px;
}	

#rightcontenttop {
background-image:  url(../images/latest_news.gif);
float: right;
margin: 0px;
padding: 0px;
float: left;
width: 200px;
background-color: #333333;	
}

#rightcontentbot {
background-image:  url(../images/rightbot.jpg);
float: right;
margin: 0px;
padding: 0px;
float: left;
width: 200px;
background-color: #333333;	
}

#rightcontentheader{
background-color: #333333;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
color: #999999;
font-size: 14px;
font-weight: bold;
padding: 7px;
}

.rightcont img {
background-color: #333333;
clear: right;
float: right;
padding-left: 10px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
}

.rightbottom {
background-color: #333333;
margin: 0px;
padding: 0px;
float: left;
width: 820px;
}

/* ---------------------------- 8. FOOTER FORMATTING --------------------------------- */

.footertext{
float: left;
width: 820px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #999999;
background-color: inherit;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-size: 12px;
}

.footertext a {
background-color: #333333;
margin: 0px;
padding: 0px;
}

.copyright {
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #999999;
width: auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 10px;
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #999999;
background-color: inherit;
text-align: right;
}

.xhtml {
color: #999999;
float: left;
padding-top: 0px;
background-color: inherit;
}

.xhtml a {
font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
font-size: 12px;
color: #FCB131;
background-color: inherit;
text-decoration: none;
}

.xhtml a:hover {
color: #999999;
background-color: inherit;
border-bottom: 1px dotted;
}


/* ---------------------------- 9. RIGHT NAV FORMATTING --------------------------------- */

.rightnavtop {
height: 30px;
background-image: url(img/button_bg.jpg);
background-repeat:repeat-x;
margin-top: 0px;
padding-left: 15px;
padding-top: 8px;
display: block;
color: #333333;
line-height: 1.5em;
font: bold 14px "Trebuchet MS", Verdana, Arial, Sans-Serif;
}

.rightnav {
margin: 0px 0px 0px 0px;
padding: 0px;
border: 0px;
background-color: #333333;
color: #999999;
font: normal 11px "Trebuchet MS", Verdana, Arial, Sans-Serif;
}

.rightnav ul {
margin: 0px;
margin-bottom: 20px;
padding: 0px;
list-style-type: none;
}

.rightnav li {
border-bottom: 1px dotted #999999;
border-left: 0px solid #CCC;
border-right: 0px solid #CCC;
margin-left: 8px;
margin-right: 8px;
padding: 0px 0 0px 0;
height: auto;
line-height: 1.5em;
display: block;
background-color: inherit;
color: #999999;
}

.rightnav ul li a {
height: auto;
margin: 0px;
padding: 3px 5px 2px 20px;
text-decoration: none;
background-color: #333333;
display: block;
color: #999999;
}

.rightnav ul li a:hover {
height: auto;
margin: 0px;
padding: 3px 5px 2px 20px;
background-color: #666666;
background-image: url(img/right_arr.png);
background-repeat: no-repeat;
border: 0px;
display: block;
color: #FCB131;
text-decoration:none;
}

#rightactive {
height: auto;
margin: 0px;
padding: 3px 5px 2px 20px;
text-decoration: none;
background-color: #333333;
display: block;
color: #999999;
}