body {  font-family:arial; text-align:center; background-color:white; background:url("images/backnew.jpg"); border:0px;}

#container {  margin: 0em auto;  color:000aaa;  width:978px; height:1192px; border:5px solid #000066; padding:0px; text-align:center;   /*background:red url(images/containerback.jpg) repeat-y;*/   repeat 0px -5px;   ;
	
}
#mainbox	{ background-color:3333FF; border:2px solid #333; background:url(images/background.jpg) no-repeat; margin: 0em auto; margin-left:-2px margin-right:2px; color:white; width:972px; height:225px; margin-top:0px; float:left }
#mainbox p { color:#444; margin-right:15px; margin-left:25px; text-align:left; }

#header { width:975px; height:86px; 	background-color:#1C86EE; border:2px solid #333; background:url(images/head.jpg) no-repeat top; float:left; margin-left:0px; } 
#header h1 { font-size:30px;  }

#content { width:600px; background-color:black; 
cursor: default;
	list-style-type: none;
	display: inline;
OVERFLOW:auto;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:941px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel_ul {
position:relative;
left:-978px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:0px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:950px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
background: #000000;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:5px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px; 
}
#left_scroll, #right_scroll{
float:left; 
height:130px; 
width:15px; 
background: #C0C0C0; 
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;

}
#logo { width:682px; height:97;}
#contentinner ul { font-weight:bold; list-style:none; font-size:16px; text-align:center; margin:15px; filter: Alpha(opacity=75);  /* the -moz-opacity attribute is recognized by   Gecko browsers and should be a decimal */    -moz-opacity: .75;  /* opacity is the proposed CSS3 method, supported   in recent Gecko browsers */   opacity: .75; padding:0px; }
#contentinner li a { color:#ccc; font-weight:bold;  }
#contentinner ul li ul { font-weight:normal; text-align:center  }
#contentinner li a:hover { color:black;  }
#contentinner img { padding:0px; }
#contentinner a { color:#777; }
#contentinner a:hover { color:black; text-decoration:none; }
#contentinner h2 {  color:#333}
#contentinner2 ul { font-weight:bold; list-style:none; font-size:16px; text-align:left; margin:15px; filter: Alpha(opacity=75);  /* the -moz-opacity attribute is recognized by   Gecko browsers and should be a decimal */    -moz-opacity: .75;  /* opacity is the proposed CSS3 method, supported   in recent Gecko browsers */   opacity: .75; padding:0px; }
#contentinner2 li a { color:#8c91bb; font-weight:bold;  }
#contentinner2 ul li ul { font-weight:normal;  }
#contentinner2 li a:hover { color:black;  }
#contentinner2 img { padding:15px; }
#contentinner2 a { color:#777; }
#contentinner2 a:hover { color:black; text-decoration:none; }
#contentinner2 h2 { /*color:#acbfcc;*/ /*color:#bbb;*/ color:#333}

#current { background-color:white; }
form#contactform { margin-left:150px; background-color:white;}
#menu {width:975px; height:65px;  }
#main_menu { display:block;list-style-type:none; width:975px; height:57px; float:left; padding-top:0px; margin-left:0px; 
 background-color:#333; text-align:left; }



#main_menu li {float:left; display:block; margin-right:0px; margin-top:0px;   }
#main_menu li a { color: #ccc; text-decoration:none; display:block; float:left;  font-family:arial, verdana, sans-serif; width:188px; padding-top:0px; font-weight:800 }
#main_menu li a:visited { color:#aaa; }
#main_menu li a:hover { color:black; } 
#footer { color:#000; /*footfake.jpg*/ width:1040px;  height:35px;  float:left; float:bottom; padding-top:10px; repeat 0px -5px; }
#footer p { }

#menu2 a { background:url(images/menu1.jpg) no-repeat; width:185px; height:55px; margin-top:2px; margin-left:25px;  list-style:none; background-colour:blue; }
#menu2 :hover { background:url(images/menu1.jpg) no-repeat;}
#menu3 a { background:url(images/menu2.jpg) no-repeat; width:185px; height:55px; margin-top:2px; list-style:none; }
#menu3 :hover { background:url(images/menu2.jpg) no-repeat;}
#menu4 a { background:url(images/menu3.jpg) no-repeat; width:185px; height:55px; margin-top:2px; list-style:none; }
#menu4 :hover { background:url(images/menu3.jpg) no-repeat;}
#menu5 a { background:url(images/menu4.jpg) no-repeat; width:185px; height:55px; margin-top:2px; list-style:none; }
#menu5 :hover { background:url(images/menu4.jpg) no-repeat;}
#menu6 a { background:url(images/menu5.jpg) no-repeat; width:180px; height:55px; margin-top:2px; list-style:none; }
#menu6 :hover { background:url(images/menu5.jpg) no-repeat;}


/*
#menu5:hover { background:url(images/at2.jpg) no-repeat; width:110px; height:100px;list-style:none; }
#menu3:hover { background:url(images/note2.jpg) no-repeat; width:110px; height:100px;list-style:none; }
*/

#banner {  margin: 0em auto;  color:fff;  width:800px; height:120px;}

#showcase {background:#6f9c6f;}
dl.menus_list dt {background:#6f9c6f; font-size:1.5em; margin:3px 0;}
#foot {background:#8fbc8f;}
dl.menus_list dd.nil {padding:0; margin:0;}


#contentsection { width:965px; height:600px; float:left; background-colour:black}

#scrollbox { width:975px; height:31px; float:left; margin-left:14px; margin-top:0px; }
#page { width:975px; height:1100px; float:left; padding:0px;  background-color:#ddd; border:2px solid #333; }

#contentinner {  background-color:fff; margin-left:10px; margin-top:8px; OVERFLOW:auto; width:631px; height:660px; float:left;     }
#contentinner p { color:#ccc; margin-right:30px; margin-left:15px; text-align:left; }

#content p { color:#999; }
#rightpanel { background-color:aaa; float:left; width:325px; height:325px; margin-left:0px; margin-top:8px;}
#rightpanel p { color:#333; margin-right:30px; margin-left:15px; text-align:centre; }
#rightpanel2 { background-color:aaa; float:left; width:325px; height:335px; px; margin-top:0px; margin-left:0px;}
#rightpanel2 p { color:#333; margin-right:30px; margin-left:15px; text-align:centre; }