/* ----- BASIC ELEMENTS ----- */

/* Top menu settings */
.menu {font-family: arial, sans-serif; width:110px; height:150px; position:relative; margin:10px; font-size:11px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:104px; height:20px; text-align:center; border:1px solid #fff; border-width:1px 1px 0 0; background: url(assets/buttons/topbutton.gif); line-height:19px; font-size:11px;} 

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#000; background:#85B285;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;}
.menu ul li:hover ul li a.hide {background:url(assets/buttons/topbutton.gif); color:#000;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#85B285; color:#000; width:150px;}

.menu ul li:hover ul li a:hover {background:#9BCF9B; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#fff;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background: url(assets/buttons/topbutton.gif); color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#85B285; color:#fff;}
.menu ul li:hover ul li a:hover {background:#85B285; color:#fff;}


body {
background-color: #fff;
color: #707070;
font-size: 11px;
font-family: 'Tahoma';
background: url(assets/background.gif);
}

.clear {
clear: both;
}

img {
border: 1px;
}

p {
margin: 10px 30px 10px 30px;
}

.yellow_span {
color:#DFBD02;
font-weight:bold;
}

.red_span {
color:#FF0000;
font-weight:bold;
}

.grey_span {
font-size: 12px;
font-family: 'Tahoma';
color:#585858
}

.green {
color:#016001;
}

.date {
color:#016001;
text-decoration:overline;
padding: 10px 0 20px 0;
}

.light_green {
color:#85B285;
}

#content_footer p {
margin: 40px 30px 10px 30px;
font-size:10px;
text-align:left;
}

#menu_left p {
margin: 25px 0px 0px 25px;
font-size:9px;
color:#fff;
font-weight:bold;
text-transform: uppercase;
}

.login_box p {
margin:10px 10px 0 25px;
color:#016001;
}

.login_box_2 p {
padding:0 10px 0 0;
color:#fff;
}

#top p {
margin: 95px 0px 0px 154px;
font-size:9px;
}

.content_box p {
margin: 10px 5px 10px 5px;
font-size:10px;
text-align:left;
}

.content_box_large p {
margin: 10px 30px 10px 15px !important;
margin: 10px 30px 10px 5px;
font-size:11px;
text-align:left;
}

.content_box_small p {
margin: 10px 30px 10px 0px;
font-size:11px;
text-align:left;
}

h1 {
margin: 20px 30px 7px 30px;
font-weight:bold;
font-size:25px;
color:#fff;
}

h2 {
margin: 0px 30px 10px 30px;
font-size:12px;
font-weight:bold;
color:#DFBD02;
}

h3 {
margin: 0px 30px 10px 30px;
font-size:16px;
font-weight:bold;
color:80808002;
}

h4 {
margin: 20px 30px 7px 30px;
font-weight:bold;
font-size:25px;
color:#008000;
}

a {
text-decoration: none;
color: #016001;
}

a:hover {
text-decoration: none;
}

/*----- MENU ----- */

#navLeft, #navRight {
margin: 0;
padding: 0;
width:  auto;
list-style: none;
}

#navLeft li, #navRight li {
width: 135px;
text-transform: uppercase;
font-size:9px;
font-weight:bold;
}

#navLeft a, #navRight a {
color:#A0A0A0;
}

.li_nav_header a  {
display: block;
width: 135px;
height: 20px;
background: url(stylesheet.css) no-repeat;
}

.li_nav_body a  {
display: block;
width: 135px;
height: 20px;
background: url(stylesheet.css) no-repeat;
padding-left: 10px;
line-height:20px;
}

.li_nav_footer a  {
display: block;
width: 135px;
height: 33px;
background: url(stylesheet.css) no-repeat;
}

.li_nav_body a:hover
{display:block; text-decoration:none;color:#FF0000; width:185px; height:20px; text-align:center; color:#FF0000; border:1px solid #00C000; background-color:#DCDCDC; line-height:20px; font-size:11px;}

.li_active a:active  {
background: url(assets/nav_body.gif) no-repeat;
background-position:  0 -40px;
color:#fff;
}

/*----- LAYOUT ----- */

#container {
width: 850px;
margin: 0 auto;
}

#top {
height: 10px;
padding:10px;
}

#menu_left {
width: 155px;
float: left;
}

#menu_right {
width: 180px;
float: right;
}

#menu_middle {
Width: 120px
float:left;
}

.login_box {
width: 135px;
height:155px;
float: left;
background: url(assets/login_box.gif) no-repeat top;
}

.login_box_2 {
width: 135px;
height:155px;
float: left;
background: url(assets/login_box.gif) no-repeat top;
}

#head {
width: 540px;
height: 240px;
float: right;
background: url(assets/content_header.gif) no-repeat top;
}

#head2 {
width: 540px;
height: 180px;
float: right;
background: url(assets/header2.gif) no-repeat top;
margin-bottom:30px;
}

#content {
background: url(assets/content_body.gif) repeat-y;
width: 540px;
text-align: justify;
float: right;
}

#content2 {
background: url(assets/background.gif) repeat-y;
width: 540px;
text-align: justify;
float: right;
}

#content3 {
background: url(http://www.corebars.co.uk/assets/content3_header.gif) no-repeat top;
height: 85px;
width: 540px;
float: right;
text-align: Justify;
}

li_nav_body
.content_box_large {
width: 340px;
margin:30px 30px 30px 14px;
float: left;
}
.content_box_small {
width: 340px;
Margin: left;
Padding: 15px;
}

.content_box_text {
width: 420px;
Margin: left;
Padding: 15px;
}

#content_footer {
background: url(assets/content_footer.gif) no-repeat;
height: 85px;
width: 540px;
float: right;
text-align: center;
margin-bottom:30px;
}



/*----- IMAGES ----- */

img{
border: 1px solid #a0a0a0;
float: right;
padding: 1px;
margin: 2px;
}


/*----- FORM ----- */

input   {
border-top: 1pt solid #cccccc;
border-bottom: 1pt solid #cccccc;
border-right: 1pt solid #cccccc;
border-left: 1pt solid #cccccc;
font: normal 10px tahoma;
width:70px;
color: #707070;
margin:5px 10px 5px 25px;
}

input.login {
margin-top:10px !important;
margin-top:-5px;
}