
body{
margin:0 auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background: #005b00;
}

#wrapper{
background: #e3ffe3;
color:#303030;
width:776px;
padding-right: 1px;
margin: 0 auto;
height: auto;
}

#banner {
background-image: url(img/beclogo1.gif);
margin: 0px 0px 0px 0px;
width: 777px;
height: 135px;
background-repeat: no-repeat;
border-bottom: 5px #005b00 solid;
background-color: #FFFFFF;background-position: left;}

#bannertext {
font-size: 28pt;
text-align: center;
color: #006600;
font-weight: bolder;
letter-spacing: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 250px;
}

#navmenu{
float:left;
width:165px;
font-size:0.9em;
height: auto;
background-color: #E3FFE3;
background-image: url(star.gif);
background-repeat: no-repeat;
background-position: bottom;
text-align: left;
border-top: none #505050;
border-right: 0px none #505050;
border-bottom: 0px none #505050;
border-left: 0px none #505050;
margin: 0 0 10px;}

#navmenu p{
font-size:0.9em;
text-align: center;
margin-top: 0px;
color: #006600;
padding-left: 10px;
}

#navmenu ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#navmenu li{
margin-bottom:4px;
}

#navmenu li a{
font-weight:bold;
text-decoration:none;
color:#505050;
display:block;
padding: 6px 0px 5px 10px;
background: #bed5be;
border-left: 6px #90a190 solid;
height: 22px;
height: 100%;min-height: 20px;
}	
	
#navmenu li a:hover{
background: #eaa32d;
color: #005b00;
border-left: 6px #005b00 solid}

#content{
line-height:1.6em;
text-align:left;
background-color: #e3ffe3;
float: right;
width: 575px;
margin: 0px;
padding: 10px 10px 10px;
border-left: 3px #005b00 solid;min-height: 550px;}

#content h2{
font-size:1.6em;
margin:0 0 0.5em 0;color: #005b00;}

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

h3{
font-size:1.3em;
}
p{font-size: 1em;margin-bottom: .5em;}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
clear:both;
margin: 0px 0px 10px auto;
border-top: 4px #bed5be solid;
width:776px;
text-align:center;
color:#808080;
font-size:0.9em;padding-bottom: 15px;}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}
img .clearleft{
float:left;clear: left;
}

div.imagerightwide {
width: 265px;
position: relative;
clear: right;
float: right;
margin-left: 15px;
text-align: center;
padding: 5px;
border: 2px #bed5be solid;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0px;
background-color: #e3ffe3;
}

div.imageleftwide {
width: 265px;
position: relative;
float: left;
margin-right: 1px;
text-align: center;
padding: 5px;
border: 2px #bed5be solid;
margin-top: 10px;
margin-bottom: 10px;
background-color: #e3ffe3;
clear: left;
}

div.imageright {
width: 200px;
clear: right;
float: right;
margin-right: 20px;
}

div.imageleft {
width: 200px;
clear: left;
float: left;
margin-left: 20px;
}

img .clearright {
float:right;clear: right;
}

.textright{
text-align:right;
}

.clearboth {
clear:both;
}

.centre{
text-align:center;
}

.indent {
text-indent: 20px;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

table tr td {
padding-left: 15px;
}
