/*-----------------------------------------------------------
Description: Gulfood
Version: 1.0
Author: Luke Sherrington/Soren Aarlev
Author URI: www.aspevents.net
-----------------------------------------------------------*/

/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 0.75em Arial, Helvetica, Sans-serif; letter-spacing:normal;  background-color:#131716; color:#222; line-height:1.42em; text-align:right; margin-bottom:20px;}
a {color:#ed1c24; text-decoration:none; font-size:1em; font-weight:bold;}
a:hover{color:#684a42; text-decoration:none; font-size:1em; font-weight:bold;}
.clear{clear:both;}
p {}
.nowrap	{white-space: nowrap;}
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV { width:980px; margin:0 auto; position:relative; }
#border-top {width:980px; height:0px; float:left;}
#middle { width:980px; height:auto; float:left;  background-color:#fff; }
#content {padding:0; margin:0; width:980px; float:left;}
#header {width:980px; float:left; margin:0; padding:0; height:185px; background-color:#000;}


#search {width:245px; float:left; height:39px; background: url(../g/2010/template/bg_search.gif) top left no-repeat; background-color:#2a2e2d;}
#search form {margin-bottom:0;}
#menu {width:735px; float:right; height:39px; }

#sub-content{width:930px; float:left; padding:0 25px 0 25px; background: url(../g/2010/template/bg_middle.gif) top left; margin:25px 0 25px 0; font-size:1.3em;}

/* Pagebody*/
#sheet{width:570px; float:left; margin-left:25px;} 
#actionsheet{width:570px; float:left; background-color:#ebebeb; }
#pbsheet_bottom{width:570px; float:left;  padding:0; margin:0px; line-height:0; font-size:0;}	

/*Columns*/
#col-right2{width:130px; float:left;} /* Column furthest Left*/
#col-right1{width:180px; float:left;  background-color:#2a2e2d; padding-top:10px; margin-left:25px; /*min-height:700px; _height:700px;*/} /* Middle PB*/


#bottom {float:left; padding:25px 0 0 0; width:930px; background-color:#FFF;}	
#pb_bottom {width:430px; float:left; padding-top:10px; border-top:1px #ccc solid;}
#foot {width:500px; float:left; padding-top:10px; border-top:1px #ccc solid;}
/*---------------------------------------------------------*/


/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
/*********[BEGIN]mainmenu*********/
.menu1{ float:left; width:735px; padding:0; margin:0; background-color:#2a2e2d; z-index:998; height:39px; position:relative;}
.menu1 ul{margin:0; padding:0; }

.menu1 li{list-style:none; float:left; position:relative; z-index:100; border-left:solid 1px #444847; height:39px;  margin:0; padding:0;}

.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:38px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{ display:block; height:39px;}
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; background-color:#ed1c24; /*main menu Background on hover*/}
.menu1 ul li a, .menu1 ul li a:hover{text-align:center; display:block; font-family:Arial, sans serif; font-size:1.2em; font-weight:bold; color:#fff; text-decoration:none; padding:11px 0px 11px 0px; width:120px;}
.menu1 ul li:visited, .menu1 ul li a:visited {color:#fff;}
/*********[END]mainmenu*********/
	
/*********[BEGIN]submenu*********/
.menu1 ul ul{margin:0; padding:0;border:none; width:120px; }
.menu1 ul ul li{list-style:none; background-color:#ed1c24; border:none; }
.menu1 ul ul li a, .menu1 ul ul li a:visited{ background-color:#ed1c24; color:#fff; font: 1em arial, Sans-serif; padding:6px 10px 6px 0; text-align:right; border:none; width:110px;}
.menu1 ul ul li a:hover{font: normal 1em arial, Sans-serif; color:#fff; background-color:#2a2e2d; background-image:none; padding:6px 10px 6px 0; text-align:right; width:110px;}
.menu1 ul ul li:hover {background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul li:hover ul li{background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul ul {visibility:hidden;position:absolute;height:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;}
/*********[END]submenu*********/
/*---------------------------------------------------------*/


/* SHEET
-----------------------------------------------------------*/
.pagetitle {background-color:#ebebeb; width:570px; float:left;}
h1{ margin:0; padding:0; font-family:arial, sans serif; font-weight:normal; color:#ed1c24; font-size:1.9em;  padding-top:15px; padding-bottom:5px; padding-right:10px;line-height:1.2em; border-bottom:solid 1px #ed1c24; float:right;}
h2{ margin:0; padding:0; font-family:arial, sans serif; font-weight:normal; color:#ed1c24; font-size:1.3em; padding-top:15px; padding-right:10px;padding-bottom:3px; border-bottom:solid 1px #ed1c24; float:right;}
h3{ margin:0; padding:0; font-family:arial, sans serif; font-weight:bold; color:#888; font-size:1em; padding-top:5px; padding-left:10px;}

.sheetbody {color:#424242; margin:0; padding:0; background-color:#ebebeb;}
.sheetbody p {margin-top:0; margin-bottom:2;}
.bodysheet {padding:10px;}
.leftsheet {width:275px; float:left;}
.rightsheet {width:275px; float:left;}

.sheetbody_3 {background-color:#2a2e2d; color:#FFF; margin:0; padding:0;}
.bodysheet3 {padding:10px;}
.leftsheet3 {width:275px; float:left;}
.rightsheet3 {width:275px; float:left;}

.sheetbody_4 {color:#424242; margin:0; padding:0; background: url(../g/2010/template/bg_home.jpg) bottom right no-repeat #ebebeb;}
.sheetbody_4 p {margin-top:0; margin-bottom:2;}
.titlesheet4{ margin:0; padding:0; font-family:arial, sans serif; font-weight:normal; color:#ed1c24; font-size:1.9em; padding-top:15px; padding-left:10px;padding-bottom:3px; border-bottom:solid 1px #ed1c24; float:left;}
.bodysheet4 {padding:10px; width:320px;}


.hoz {margin:0; padding:0; width:0; height:20px;}
.vert {width:20px; height:10px; float:left;}
.clear_all{margin:0; padding:0; line-height:0px;}
/*---------------------------------------------------------*/

/* EZone
-----------------------------------------------------------*/

.ez_header {font-family:arial, sans serif; font-weight:normal; color:#fff; font-size:1.6em;}
.ez_po_header {font-family:arial, sans serif; font-weight:normal; color:#fff; font-size:1.2em;}


/* PANELS
-----------------------------------------------------------*/
/*to panels in vertical powerbars*/

h4{margin:0; font-family:arial, sans serif; font-weight:bold; color:#626766; font-size:0.90em; padding-bottom:4px;}

.panel_1{width:120px; border:solid 1px #cccccc; padding:5px; margin-bottom:10px;}
.panelbody_1{ width:120px; text-align:center;}
.panelbody_1 p {margin:0; padding:0; width:120px; text-align:center;}
.panel_1_foot {padding-bottom:0px;}

.panel_body3{ width:100%; background-color:#fff;}
.panel_body3 p {margin:0; padding:0;}
.borderpanel3{margin:0; padding:0;}
.panel_bottom3{width:0; height:10px; padding:0; margin:0;}
/*---------------------------------------------------------*/


/* FOOTER
-----------------------------------------------------------*/
ul#footer {margin:0; text-align:left; height:20px; line-height:20px;} /*footer wrapper*/
ul#footer li {display:inline; padding:0px 2px 0 2px; text-align:left; font:normal 0.6em Arial, Sans-serif;}
ul#footer li a{color:#999;}
ul#footer li a:hover{}
/*---------------------------------------------------------*/

