@import "http://www.bevivid.co.uk/core_stylesheet.css";

/**************** CSS Document ***************/

#main { width: 970px; background-color:#fff; margin:auto; border:1px solid #000000 }
body { background-color:#000000 }
#header { width:970px }

#menu1 {width:970px; }
#menu_top { width:970px; background-color: #FFFFFF; float:left; border-bottom:2px solid #000 }

#left { width: 180px; float:left; background-color:#FFFFFF; margin: 10px 0 0 10px ; padding:0}
#members { margin:0; padding:0; border:0; width:180px; background: #FFFFFF }
#enews { background-color:#FFFFFF; }
#newsevents { background-color:#FFFFFF;  }
.left-content {margin:0 0 8px 0; padding:10px 8px 10px 5px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; zoom:100%; }
.nav { width:180px }
#contact { background:url(images/contactbgrd.jpg) top left no-repeat; height:86px }


#centre { width: 580px; float:left; background: #FFFFFF url(images/content-bgrd.jpg) top left no-repeat; height:500px; margin: 10px 0 0 20px; border:1px solid #999999;}
#centre_content { width: 345px; float: right; margin-top:20px }
#centre2 { width: 700px; float:left; background: #FFFFFF; margin: 10px 0 0 50px; }
#centre3 { width: 700px; float:left; margin: 10px 0 0 20px;}
.experience { width:300px; float:left; margin-left:25px }

#right { width: 145px; float:left; background-color:#FFFFFF;  margin: 10px 0 0 20px}



#footer { width:970px; background-color: #dc241f; clear:both; border-top:10px solid #fff }
#sub_footer { width:970px; padding:10px; clear:both}

#left_menu { background-color: #FFFFFF }


/************** typography *****************/

#newsevents a img { border:0; padding:0; margin:0 }
#right a img { border:0; text-decoration: none }
#right a h2 { text-decoration: none; }
#centre2 a { font: normal 9pt arial; color: #000; text-decoration: none; border:0 }
#centre2 a:hover { font: normal 9pt arial; color: #000; text-decoration: underline }
#centre a { font: normal 9pt arial; color: #f00; text-decoration: none; border:0 }
#centre a:hover { font: normal 9pt arial; color: #f00; text-decoration: underline }
#centre3 a { font: normal 9pt arial; color: #f00; text-decoration: none; border:0 }
#centre3 a:hover { font: normal 9pt arial; color: #f00; text-decoration: underline }
#centre2 a img { border:0; }
#left a { font: normal x-small arial; color: #f00; text-decoration:none  }
#left a:hover { text-decoration: underline }

#centre3 { font: normal 9pt arial; color: #000; padding: 5px 30px 5px 5px }
#centre2 { font: normal 9pt arial; color: #000; padding: 5px }
#left p { font: normal x-small arial; color: #000; margin:0; padding:0 }
#members p { font: normal x-small arial; color: #000; margin:0; padding:0 5px 0 0 }
#centre_content p { font: normal 9pt arial; color: #000; padding: 0 10px 0 0 }
#centre3 p { font: normal 9pt arial; color: #000; }
#sub_footer p { font: normal x-small arial; color:#999 ; margin:0; padding:0; border:0 }
#sub_footer a { font: normal x-small arial; color:#999; text-decoration:none }
#sub_footer a:hover { font: normal x-small arial; color:#999; text-decoration: underline }

#centre h1 { color: #f00; font: bold 14pt arial; }
#centre2 h1 { color: #000; font: bold 14pt arial;  }
#centre3 h1 { color: #000; font: normal large arial; padding: 5px 0 0 0; margin:0; border:0 }
#left h1 { background: #db241e url(images/left-h1-bgrd.jpg) top left no-repeat; font: bold 9pt arial; padding: 0 0 0 5px; margin:0; border:0; height: 18px; line-height: 18px; color:#FFFFFF }
#right h1 { background-color: #dc241f; padding: 5px 0 5px 10px; font: bold 10pt arial; padding: 5px 0 5px 8px; color: #fff; margin:0 0 2px 0 }
#green h1 { color: #fff; font: bold 14pt arial; background-color:#006a4e }

#right h2 { border-top: 5px solid #000000; border-bottom: 9px solid #000000; color: #fff; padding: 4px 0 4px 6px; background: url(images/button.png) center right no-repeat #646464; margin: 2px 0 8px 0; font: normal 10pt arial; }
#left h2 { font: bold 9pt arial; padding: 0 0 0 5px; margin:0; border:0; height: 18px; line-height: 18px; color:#000 }
.nav h2 { border:0; margin:0; padding:5px; font:bold 8pt Arial, Helvetica, sans-serif; color:#fff }
#centre2 h2 { font:bold medium Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:5px; border:0 }
#left h3 { font: bold 9pt arial; padding:5px; margin:0; border:0; color:#FFF }
#centre3 h2 { font:bold 9pt Arial, Helvetica, sans-serif; color:#000; margin:0; border:0; padding-top:5px }
#centre3 h3 { font:bold 9pt Arial, Helvetica, sans-serif; color:#000; margin:0; border:0; }

#friends img { border:1px solid #ccc; border:0; }

.button { background-color: #dc241f; color: #ffffff; border-style: none; font: bold small arial; margin: 5px 20px 0 0 }
.small { font: normal x-small arial; color: #000000; margin:0; padding:0 }
.red p { font: normal x-small arial; color: #ff0000; margin:0; padding:0 }
.green p { font: normal x-small arial; color: #6fe04c; margin:0; padding:0 }


td { font: normal small arial; color: #000; padding:1px 2px 1px 2px}
textarea { font: normal x-small arial; padding:1px 2px 1px 2px}
input { margin: 1px; font: normal x-small arial }
form { margin:0; padding:0  }
select { font: normal x-small arial  }

.table { border:1px solid #ccc; margin-bottom:5px;}

.table_info td { font:normal small arial; color: #000; padding:2px; border:1px solid #000 }
.grey { background-color:#CCC; font:normal 11pt Arial, Helvetica, sans-serif }
.darkgrey { background-color:#999; font:normal 11pt Arial, Helvetica, sans-serif }

.stats td { color:#fff }

/**************************** navs ****************************/