/*-----------------------------------------------------------
Description: Ipex redesigned site
Version: 1.0
Author: Mark Edwards
Author URI: www.aspevents.net
-----------------------------------------------------------*/


/* RESET
-----------------------------------------------------------*/
a img {border:none;}
.clear {clear:both;}
ol,ul {margin-left:1.5em;} /* I (Soeren) Changed this to show bulletpoints. */
div,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
/*---------------------------------------------------------*/


/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 0.79em/1.7em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; background-color:#000; color:#000000; line-height:1.42em;}
body a {font: 1em/1.7em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; color:#3f8bd6; text-decoration:none;}
body a:hover {font: 1em/1.7em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; color:#a8d425; text-decoration:none;}
body a :visited {font: 1em/1.7em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; color:#3f8bd6; text-decoration:none;}

hr.separator {height:1px; color:#ccc;} /* Client requested an HR separator so I (Soeren) just set up this class for it*/
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/

#PageBody_DIV { width:948px; margin:0 auto; background-color:#fff; position:relative;}
#header {width:936px; float:left;  background:url(../g/2010/template/site_t.gif) top no-repeat; padding:24px 6px 2px 6px;}
#pb_0 {width:180px; height:36px; float:right; }
#marqueeband{width:948; margin:0 6px 0 6px; padding-top:3px;}
#marq {width:549px; height:31px; float:left; padding:8px 10px 0 10px; background:url(../g/2010/template/marquee_l.gif) no-repeat; background-color:#000; }
#showdate {width:367px; height:39px; float:left; background:url(../g/2010/template/showdate.gif) right no-repeat; background-color:#000; }
#mainbody{background-color:#fff;}
#sheet {width:662px; float:left; margin-right:7px; margin-top:13px; padding-left:6px; font-size:0.95em; _width:632px;}
#pb_top {width:662px; float:left; margin-right:7px; margin-bottom:13px; padding-left:6px; font-size:0.95em; text-align:center; _width:632px;}
#pb_right {width:140px; float:left;  margin-right:7px; margin-top:13px; _margin-right:0px; _width:130px;}
#pb_1 {width:120px; float:left; margin-top:13px; }
#pb_1 img, #pb_1 a img {margin:0; padding:0;}
#bottombanner {width:941px; float:left;  padding:10px 3px 0 2px; background-color:#fff;}
#footer {width:948px; height:70px; float:left;  background:url(../g/2010/template/site_b.gif) no-repeat; background-color:#000;}
.marquee{font: 1em/1.7em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; color:#fff; text-decoration:none;}
.marquee a{font: 1em/1.7em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; color:#9fce0c; text-decoration:none;}
.search{height:36px; margin:0; margin-left:-25px;  }
/*---------------------------------------------------------*/


/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ z-index:999; float:left;  text-align:left; width:739px;  height:36px;  background:url(../g/2010/template/menu_bg.gif) no-repeat; margin-left:6px; padding-left:0px;}
.menu1 li{float:left; margin:0; padding:0; }
.menu1 ul{margin:0; padding:0;}
.menu1 table{position:relative; border-collapse:collapse; z-index:800; left:0px; top:-5px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{display:block; margin:0; padding:0; list-style:none; text-align:left; }
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; list-style:none; margin:0; padding:0;/*main menu Background on hover*/}
.menu1 ul li a:hover{ list-style:none; margin:0; padding:0;}
.menu1 ul li a{display:block; font: bold 1em Arial, Sans-serif; color:#000; text-decoration:none; list-style:none;}
.menu1 ul li a:hover{display:block;  font: bold 1em Arial, Sans-serif; color:#000; text-decoration:none;  list-style:none;}
/*********[END]mainmenu*********/

	
/*********[BEGIN]submenu*********/
.menu1 ul ul{ display:block; list-style:none; margin:0; padding:0; z-index:900;}
.menu1 ul ul li{position:absolute; display:block; opacity:0.80; filter:alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); width:150px; margin:0; padding:0;}
.menu1 ul ul li a{ background-color:#000; color:#fff; font: normal 0.75em Arial, Sans-serif; border-bottom:1px solid #2c2b2c; padding:6px 5px;}
.menu1 ul ul li a:visited{ background-color:#000; color:#fff; font: normal 0.75em Arial, Sans-serif; border-bottom:1px solid #2c2b2c; padding:6px 5px;}
.menu1 ul ul li a:hover{color:#000; font: normal 0.75em Arial, Sans-serif; border-bottom:1px solid #2c2b2c; padding:6px 5px; background-color:#c6e370;}
.menu1 ul ul li a:active{color:#000; font: normal 0.75em Arial, Sans-serif; border-bottom:1px solid #2c2b2c; padding:6px 5px; background-color:#c6e370;}


.menu1 ul ul li:hover {background:none; margin:0; padding:0;} /* To get rid of the repeating of background color from the main menu*/
.menu1 ul li:hover ul li{background:none;margin:0; padding:0;} /* To get rid of the repeating of background color from the main menu*/
.menu1 ul ul {visibility:hidden; position:absolute; height:0; list-style:none;margin:0; padding:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;margin:0; padding:0;}
/*********[END]submenu*********/

/*---------------------------------------------------------*/

/* HEADINGS
-----------------------------------------------------------*/
h1{font:bold 1.85em/1em Arial, Sans-serif; color:#000000; text-align:left; padding-bottom:5px; padding-top:6px; padding-left:15px; margin-bottom:5px; margin-top:0px; line-height:1em;  height:36px; background:url(../g/2010/template/pagetitle_bg.gif) no-repeat;}
h2{color:#323433; text-align:left; font:bold 1.1em Arial, Sans-serif; margin-top:0px; margin-bottom:9px;}
h3{ margin-top:0; font:bold 1.3em Arial, Helvetica, Sans-serif; color:#9ece0c; text-align:left;}
h4{color:#000; text-align:left; font-weight:bold; font-size: 1em; margin-top:1px; border:1px;}
/*---------------------------------------------------------*/



/* BANNERS
-------------------------------------------------------------*/
#banner_Top{margin-bottom:10px;}
/*---------------------------------------------------------*/

/*Search Results Separator
-------------------------------------------------------------*/
.search_sep {margin-bottom:20px;}
/*---------------------------------------------------------*/

/* SHEETS
-----------------------------------------------------------*/
div.sheet_1 {float:left; margin-top:5px; margin-bottom:0px;  padding:0;}
/*div.sheetbody  table, tr, td, a{text-align:left; margin:0; padding:0;}*/
div.sheetbody img{padding:5px; }
div.sheetbody table{float:left;}
div.title{ margin-top:0;}
div.strap{ margin-top:0; font:bold 1.3em Arial, Helvetica, Sans-serif; color:#9ece0c; text-align:left;}
div.sheetbody {text-align:left; line-height:1.25em; color:#000;  margin:0; padding:0; padding-left:6px;}
div.sheetbody a {color:#3f8bd6; line-height:1.25em; text-decoration:none;}
div.sheetbody a:hover {color:#a8d425; line-height:1.25em; text-decoration:none;}

.sheetbody_1 {text-align:left; line-height:1.25em; color:#000;  }
.sheetbody_1 a {color:#3f8bd6; line-height:1.25em; text-decoration:none;}
.sheetbody_1 a:hover {color:#a8d425; line-height:1.25em; text-decoration:none;}
div.sheetbody p{margin-top:10px; margin-bottom:0px; padding:0; }

/* --------------------------------------

Bordered sheets

---------------------------------------- */
.bigsheettitle h2 {font:bold 1.75em Arial, Helvetica, Sans-serif; color:#a8d425; text-align:left; padding:6px 6px 0 6px;} 
.sheettitle h2 {font:bold 1em Arial, Helvetica, Sans-serif; color:#a8d425; text-align:left; padding:4px;} 
.sheetstrap h4 {font:bold 1.3em Arial, Helvetica, Sans-serif; color:#9ece0c; text-align:left; padding-top:3px; _padding-top:0; padding-left:5px;}


div.sheet_2title {width:100%; float:left; text-align:left; margin:0; background-color:#000; height:42px;}



.t {background: url(../g/2010/template/dot.gif) 0 0 repeat-x; margin:0;}
.b {background: url(../g/2010/template/g_blank.gif) 0 100% repeat-x;}
.l {background: url(../g/2010/template/g_blank.gif) 0 0 repeat-y;}
.r {background: url(../g/2010/template/g_blank.gif) 100% 0 repeat-y;}
.bl {background: url(../g/2010/template/g_blank.gif) 0 100% no-repeat;}
.br {background: url(../g/2010/template/g_blank.gif) 100% 100% no-repeat;}
.tl {background: url(../g/2010/template/sheet_title_l.gif) 0 0 no-repeat; height:42px;}
.tr {background: url(../g/2010/template/sheet_title_r.gif) 100% 0 no-repeat; padding:0 8px; height:42px;}


/* New Default Sheet (Top Graphics for the sheets with no title are in the sheet style using "3") */
.t2 {background: url(../g/2010/template/.gif) 0 0 repeat-x; margin:0;}
.b2 {background: url(../g/2010/template/sheet_b4.gif) 0 100% repeat-x;}
.l2 {background: url(../g/2010/template/sheet_l4.gif) 0 0 repeat-y;}
.r2 {background: url(../g/2010/template/sheet_r4.gif) 100% 0 repeat-y;}
.bl2 {background: url(../g/2010/template/sheet_bl4.gif) 0 100% no-repeat;}
.br2 {background: url(../g/2010/template/sheet_br4.gif) 100% 100% no-repeat;}
.tl2 {background: url(../g/2010/template/g_blank.gif) 0 0 no-repeat;}
.tr2 {background: url(../g/2010/template/g_blank.gif) 100% 0 no-repeat; padding:10px;}


/*.t2 {background: url(../g/2010/template/dot.gif) 0 0 repeat-x; margin:0;}
.b2 {background: url(../g/2010/template/sheet_f.gif) 0 100% repeat-x;}
.l2 {background: url(../g/2010/template/sheet_bl.gif) 0 0 repeat-y;}
.r2 {background: url(../g/2010/template/sheet_br.gif) 100% 0 repeat-y;}
.bl2 {background: url(../g/2010/template/sheet_fl.gif) 0 100% no-repeat;}
.br2 {background: url(../g/2010/template/sheet_fr.gif) 100% 100% no-repeat;}
.tl2 {background: url(../g/2010/template/g_blank.gif) 0 0 no-repeat;}
.tr2 {background: url(../g/2010/template/g_blank.gif) 100% 0 no-repeat; padding:8px;}*/


div.sheet_3title {width:100%; float:left;  text-align:left; margin:0; background :url(../g/2010/template/sheet_title_keyline_t.gif) repeat-x; height:20px;}


.t3 {background: url(../g/2010/template/sheet_t4.gif) 0 0 repeat-x; margin:0; height:20px;}
.b3 {background: url(../g/2010/template/g_blank.gif) 0 100% repeat-x;}
.l3 {background: url(../g/2010/template/g_blank.gif) 0 0 repeat-y;}
.r3 {background: url(../g/2010/template/g_blank.gif) 100% 0 repeat-y;}
.bl3 {background: url(../g/2010/template/g_blank.gif) 0 100% no-repeat;}
.br3 {background: url(../g/2010/template/g_blank.gif) 100% 100% no-repeat;}
.tl3 {background: url(../g/2010/template/sheet_tl4.gif) 0 0 no-repeat;  }
.tr3 {background: url(../g/2010/template/sheet_tr4.gif) 100% 0 no-repeat; padding:20px; }


/* New Darker Grey Keyline Sheet */
div.sheet_1border4 {margin-bottom:40px;background-color:#fff; position:relative; float:left; }
div.sheetbody_1border4 {background-color:#fff;}
div.sheetbody_1border4 table{}
div.leftsheet4 {float:left; width:320px;}
div.rightsheet4 {float:left; width:321px; margin-left:10px;}
.fullsheet4 {width:662px; float:left;position:relative;}

div.sheet_1border4 h3{font:bold 1.6em Arial, Sans-serif;}

div.t4 { width:100%; background:transparent url(../g/2010/template/sheet_t4.gif) repeat-x top;}
div.b4 {background:transparent url(../g/2010/template/sheet_b4.gif) repeat-x bottom;}
div.l4 {background:transparent url(../g/2010/template/sheet_l4.gif) repeat-y left;}
div.r4 {background:transparent url(../g/2010/template/sheet_r4.gif) repeat-y right;}
div.bl4 {background:transparent url(../g/2010/template/sheet_bl4.gif) no-repeat scroll 0 100%;}
div.br4 {background:transparent url(../g/2010/template/sheet_br4.gif) no-repeat scroll 100% 100%;}
div.tl4 {background:transparent url(../g/2010/template/sheet_tl4.gif) no-repeat scroll 0 0; }
div.tr4 {background:transparent url(../g/2010/template/sheet_tr4.gif) no-repeat scroll 100% 0; padding:20px;}
div.bg4 {background-color:#fff;}
.clear_all{margin:0; padding:0; line-height:0px;}



div.vertical_separator{width:15px;}
div.horizontal_separator{height:15px;}

.vert{width:15px;}

.hoz{height:15px;}

.ez_header {font:bold 1.25em Arial, Helvetica, Sans-serif; color:#a8d425; text-align:left; padding:6px;}
.ez_stand {font:bold 1em Arial, Helvetica, Sans-serif; color:#000; text-align:left; padding:2px;}
.ez_po_header {font:bold 1em Arial, Helvetica, Sans-serif; color:#000; text-align:left; padding:2px;}
/*---------------------------------------------------------*/


/* PANELS
-----------------------------------------------------------*/
.panel_1{padding:0; margin:0; float:left; }


#counter{
	width:140px; 
	height:134px; 
	background:url(../g/2010/template/countdown_bg.gif) no-repeat;  
	padding:30px 0 0 3px;
	margin:0;
}

.panel_1_top1{ width:140px; height:21px; float:left; background:url(../g/2010/template/pb_head.gif) no-repeat;  padding:3px 0 0 0px; _margin-bottom:-15px;}
.panel_1_top1 h4{font-size:0.95em; text-align:center;}
.panel_1_body1{ width:130px; float:left; background:url(../g/2010/template/pb_bg.gif) repeat-y; padding:5px 5px 0 5px; margin:0; font-size:0.9em; line-height:1.2em;}
.panel_1_body1 img{display: block; margin-left: auto; margin-right: auto}
.panel_1_body1 a{ font-weight:bold; color:#3f8bd6; text-decoration:none; text-align:left;}
.panel_1_body1 a:hover { font-weight:bold; color:#a8d425; text-decoration:none; text-align:left;}
.panel_1_bottom1{ width:140px; height:15px; float:left;  background:url(../g/2010/template/pb_foot.gif) no-repeat; padding-bottom:10px; margin-bottom:10px; _padding-bottom:0;}

#pb_top  .panel_1{margin:0 auto; text-align:center; float:none;}
#bottombanner .panel_3 {text-align:center; margin:0 auto; float:none;}

#pb_vzone {text-align:right; background-color: #000000; color:#FFFFFF; float:left; width:938px; padding-right:10px;}	
#pb_vzone a{color:#FFFFFF;}
#pb_vzone a:hover{color:#a8d425}
.panel_4 {float:left; background-color: #000000; padding:0 5px 0 5px;}
.welcometext {float:left; padding-left:20px;}
.spacer {float:left; width:300px; }

/* SPONSORED PANEL */
.panel_sponsor{width:130px; height:65px; float:left; background:url(../g/2010/template/poll_efi.gif) no-repeat center ; background-color:#000;}


/*---------------------------------------------------------*/




/* FOOTER
-----------------------------------------------------------*/
ul.footeritems{width:948px; height:35px; text-align:center; clear:both; padding:0; list-style:none; margin:10px 0 0 0; _margin-top:17px; }
ul.footeritems li {display:inline; font-size:1em; color:#fff; margin-left:3px; text-decoration:none; line-height:2.7em; padding-top:2px;}
ul.footeritems li img{vertical-align:middle;}
ul.footeritems li a { font-size:0.9em; color:#fff; margin-left:2px; text-decoration:none;}
ul.footeritems li a:hover { font-size:0.9em; color:#9fce0c; margin-left:2px; text-decoration:none;}
/*---------------------------------------------------------*/


/*---------------------------------------------------------*/

/* ACTION BORDERS

-----------------------------------------------------------*/
#action{width:674px;  float:left; padding:0; font-size:1em;}
#pagetop{width:662px; float:left;  background:url(../g/2010/template/page_t.gif) no-repeat; height:15px;  margin-right:7px; margin-left:6px; _margin-left:0.2em; _margin-right:1px;}

#pagebody{width:632px; float:left;  background:url(../g/2010/template/page_bg.gif) repeat-y; padding:0 15px 0 15px; margin-right:7px; margin-left:6px; _margin-left:0.2em; _margin-right:1px;}

#pagebottom{width:662px; float:left;  background:url(../g/2010/template/page_b.gif) no-repeat; height:15px;  margin-right:7px; margin-left:6px; _margin-left:0.2em; _margin-right:1px;}

/*---------------------------------------------------------*/

/* ACCORDION
-----------------------------------------------------------*/
#wrapperaccordion{}
#accordion {
	margin:1px 0px;
	z-index:500;
	}

h2.toggler {font-family:arial, sans-serif; font-size:15px; font-weight:bold; color:#fff; background-image:url(../g/2010/template/accordion_bg.gif); background-repeat:no-repeat; background-color:#000; padding:9px; position:relative; cursor:pointer; padding-left:15px;}

.element h3{padding:0; margin:0; padding-left:10px;}
	
/*#border{border:solid 1px #454545;}*/

div.element  p {
font-family:arial, sans-serif; font-size:1em; font-weight:normal;
	margin:0px;
	padding:10px
	}
	
ul{list-style:disc;}
/*---------------------------------------------------------*/
