body {
margin : 0;
padding : 0;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #003250 url(img/bgd.png) center repeat;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
padding : 20px;
line-height: 1.7em;
color : #666;
background : #000000;
}
			/*TOP BANNER*/
#banner {
float : left;
width : 510px;
height : 200px;
padding : 0;
margin : 0 0 10px 0;
}
			/*TOP SCROLLBAR*/
div.scroll {
overflow : auto;
height : 7em;
width : 160px;

padding : 1em;
color : #333;
background : inherit;
border : 1px solid #615A3F;
margin : 20px;
scrollbar-face-color: #383424; 
    scrollbar-highlight-color: #bbd2e0; 
    scrollbar-shadow-color: #615A3F; 
    scrollbar-3dlight-color: #383424; 
    scrollbar-arrow-color:  #bbd2e0; 
    scrollbar-track-color: #383424; 
    scrollbar-darkshadow-color: #000000;
}
div.scroll2 {
overflow : auto;
overflow-x : hidden;
height : 460px;
width : 314px;
padding : 5px;
color : #ffffff;
background : inherit;
margin : 10px;
scrollbar-face-color: #383424; 
    scrollbar-highlight-color: #bbd2e0; 
    scrollbar-shadow-color: #615A3F; 
    scrollbar-3dlight-color: #383424; 
    scrollbar-arrow-color:  #bbd2e0; 
    scrollbar-track-color: #383424; 
    scrollbar-darkshadow-color: #000000;
}
div.scroll3 {
overflow : auto;
overflow-x : hidden;
height : 460px;
width : 163px;
padding : 1px;
color : #ffffff;
background : inherit;
margin : 10px;
scrollbar-face-color: #383424; 
    scrollbar-highlight-color: #bbd2e0; 
    scrollbar-shadow-color: #615A3F; 
    scrollbar-3dlight-color: #383424; 
    scrollbar-arrow-color:  #bbd2e0; 
    scrollbar-track-color: #383424; 
    scrollbar-darkshadow-color: #000000;
}
}
div.scroll4 {
overflow : auto;
overflow-x : hidden;
height : 460px;
width : 500px;
padding : 5px;
color : #ffffff;
background : inherit;
margin : 10px;
scrollbar-face-color: #383424; 
    scrollbar-highlight-color: #bbd2e0; 
    scrollbar-shadow-color: #615A3F; 
    scrollbar-3dlight-color: #383424; 
    scrollbar-arrow-color:  #bbd2e0; 
    scrollbar-track-color: #383424; 
    scrollbar-darkshadow-color: #000000;
}
#bannerb {
float : right;
width : 210px;
margin : 0 0 10px 0;
padding : 0;
}
			/*TOP NAVIGATION*/
#navcontainer {
clear:both;
width : 100%;
}
#navcontainer ul {
padding-left: 0;
margin-left: 0;
background: #383424;
color: #bbd2e0;
float: left;
width: 100%;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
padding: 0.2em 1em;
background: #383424;
color: #bbd2e0;
text-decoration: none;
float: left;
border-right: 1px solid #ffffff;
}
#navcontainer ul li a:hover {
background: #bbd2e0;
color: #383424;
}
#active a:link, #active a:visited, #active a:hover {
background: #bbd2e0;
color: #383424;
font-weight : bold;
}
			/*CENTRE CONTENT*/
#content {
padding : 5px;
margin-left : 198px;
margin-right : 198px;
background-image : #615a3f;
color : #ffffff;
border : 1px solid #383424;
}

/*CENTRE CONTENT PAGE 2*/
#content2 {
padding : 10px;
margin-left : 198px;
margin-right : 0px;
height : 490px;
background-image : #615a3f;
color : #ffffff;
border : 1px solid #383424;
}
			/*LEFT CONTENT*/
#sidebar {
float : left;
height : 490px;
width : 180px;
margin : 0 5px 0 0;
padding : 5px;
color : #ffffff;
background : #000000;
border : 1px solid #615A3F;
}
#sidebar2 {
float : left;
height : 500px;
width : 180px;
margin : 0 5px 0 0;
padding : 5px;
color : #ffffff;
background : #000000;
border : 1px solid #615A3F;
}
			/*LEFT MENU*/
#menu {
width : 180px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
width : 160px;
padding : 0.1em 0.8em;
text-decoration : none;
display : block;
color : #bbd2e0;
background : #383424;
border-right: 1px solid #ffffff;
}
#menu a:hover {
background : #bbd2e0;
color : #383424;
}
			/*RIGHT CONTENT*/
#sidebar-b {
float : right;
height : 490px;
width : 180px;
margin : 0 0 0 1px;
padding : 5px;
background : #000000;
color : #ffffff;
border : 1px solid #615A3F;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 15px;
color : #bbd2e0;
background : #383424;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #f2f2f5;
}
			/*TYPOGRAPHY*/
p {
margin : 10px;
}
h1 {
margin : 0 0 10px 10px;
font : normal 1.3em verdana, arial, tahoma, sans-serif;
font-weight : bold;
letter-spacing: 2px;
color : #bbd2e0;
background : inherit;
}
h2 {
padding-left : 5px;
font : bold 1em verdana, arial, tahoma, sans-serif;
color : #FFFF99;
background : inherit;
}
blockquote {
padding-left : 5px;
font-weight : bold;
font-style : italic;
color : #bbd2e0;
}
			/*LINKS*/
a {
text-decoration : none;
color : #66CC99;
background : inherit;
}
a:hover {
color : #0d4953;
background : inherit;
}
			/*CLASSES*/
.news {
font-size : 1em;
background : inherit;
color : #ffffff;
}
.orange {
background : inherit;
color : #FFFF99;
}
.clear {
clear : both;
}
div.centrer { 
   display: block; 
   margin: 0 auto; 
}
img {
   border: 0;
}
img.center {
   text-align : center;
}