/*-----------------------------------------------------------
Description: TOC Americas 2010
Version: 1.0
Author: Marta Matos
Author URI: www.aspevents.net
Last Updated: 23/02/2009 10:33
-----------------------------------------------------------*/


/* RESET
-----------------------------------------------------------*/
a img {border:none;}


/*
ol,ul{ margin-left:1.5em;}
*/
.clear {clear:both;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
/*---------------------------------------------------------*/


/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 1em  Arial, Helvetica, Sans-serif; text-align:center; background:url(../g/2010/template/bg_site.jpg) repeat-x 0 0 fixed; background-color:#979797;_margin-bottom:40px;}
*body {margin-bottom:40px;} 
body a{ color:#0060aa; text-align:left; text-decoration:none;}
body a:hover{ color:#cc1133; text-align:left; text-decoration:none;}
/*---------------------------------------------------------*/


/* STRUCTURE
-----------------------------------------------------------*/
#PageBody_DIV{width:960px; margin:0 auto; margin-bottom:40px; position:relative; background-color:#fff; } /*Main Container*/
#header {width:960px; height:252px; }
#content {width:960px; background:url(../g/2010/template/gradient_top.gif) repeat-x top; margin-bottom:25px;}
#marquee{width:918px; height:15px; padding:15px 21px 0 21px;}
#marquee_img{position:absolute; background:url(../g/2010/template/marquee_bg.gif) no-repeat left; width:85px; height:23px; left:21px; }
#marquee marquee{margin-left:80px; width:828px; font-size:0.8em; padding-top:2px; color:#5e5e5e;}
#marquee marquee a{color:#5e5e5e;}
#marquee marquee a:hover{color:#cc1133;}
#col-left {float:left; width:387px; margin:15px 0 0 21px; font:0.85em/1.7em arial, sans-serif; color:#7f7e7e; text-align:left; _margin:15px 0 0 10px;}
#col-mid {float:left; width:270px;  margin-top:15px; padding-left:27px; _padding-left:20px; padding-right:19px;}
#col-right {float:left; width:187px;  border-left:1px solid #e9e8e8;  margin:15px 0 0 0; padding-left:13px;}
#col-left-pages {float:left; width:670px; margin:15px 0 0 21px; font:0.85em/1.7em arial, sans-serif; color:#7f7e7e; text-align:left; _margin:15px 0 0 10px; padding-right:27px;}
#col-right-pages {float:left; width:187px;  border-left:1px solid #e9e8e8; margin:15px 0 0 0; padding-left:13px; }
/*---------------------------------------------------------*/

/* HEADER
-----------------------------------------------------------*/
#header_top{position:relative; float:left;}
#logo{position:relative; float:left;}
#flash{position:relative; float:left;}
#header_bottom{position:relative; float:left;}
/*---------------------------------------------------------*/

/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ z-index:999; position:relative;  float:left; width:952px; height:34px; background-color:#cd1234; padding-left:8px; _margin-top:-3px;}
.menu1 li{list-style:none; float:left; position:relative; z-index:100;  min-height:34px;}
.menu1 ul{margin:0; padding:0; }
.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:0px; top:24px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{background-color:#cd1234; display:block;}
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; background-color:#a30b27; /*main menu Background on hover*/}
.menu1 ul li a, .menu1 ul li a:hover{text-align:center; display:block; font-family:Arial, Helvetica, sans-serif; font: bold 0.90em Arial, Sans-serif; text-transform:uppercase; color:#fff; text-decoration:none; padding:9px 12px 0 12px; _padding:9px 12px 9px 12px;}
/*********[END]mainmenu*********/
	
/*********[BEGIN]submenu*********/
.menu1 ul ul{margin:0; padding:0; padding-top:9px; _padding-top:9px; }
.menu1 ul ul li{list-style:none; position:absolute; width:150px; opacity:0.80; filter:alpha(opacity=80); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);}
.menu1 ul ul li a{ background-color:#000; color:#fff; font: normal 0.63em Arial, Sans-serif; border-bottom:1px solid #2c2b2c; padding:6px 13px; text-align:left;}
.menu1 ul ul li a:hover{font: normal 0.63em Arial, Sans-serif;color:#ef002c;background-color:#000;padding:0; padding:6px 13px; text-align:left;}
.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*********/
/*---------------------------------------------------------*/


/* HEADINGS
-----------------------------------------------------------*/
h1 {font:bold 1.4em Helvetica, Arial, Sans-serif; letter-spacing:-1px; color:#fff; height:30px; text-align:left;background:url(../g/2010/template/pt_bg_front.gif) no-repeat; background-position:right; line-height:30px; padding-left:9px; background-color:#cc1133;} /* Page Title Home */
h1.pages {font:bold 1.4em Helvetica, Arial, Sans-serif; letter-spacing:-1px; color:#fff; height:30px; text-align:left;  background:url(../g/2010/template/pt_bg_front.gif) no-repeat; background-position:right; line-height:30px; padding-left:9px; background-color:#cc1133;} /* Page Title Pages */
h2{font:bold 1em Arial, Sans-serif; color:#666; border-top:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8; height:26px; line-height:26px; margin-top:16px;} /* Sheet Titles */
/*h2.sheettitle_2 {font:bold 1.4em Helvetica, Arial, Sans-serif; letter-spacing:-1px; color:#fff; height:30px; text-align:left;  background:url(../g/2010/template/sheet2_bg.gif) no-repeat; line-height:30px; padding-left:9px; background-color:#cc1133;}*/
h3 {display:none; font:bold 0em Arial, Sans-serif; color:#666; height:0; line-height:0; padding:0; margin:0;} /* Strap Titles */
h4 {_margin:0; _padding:0;font: bold 0.72em Arial, Helvetica, Sans-serif; color:#fff; background:url(../g/2010/template/panel_bg.gif) repeat-y; width:194px; height:25px; line-height:25px; text-align:left; padding-left:7px; margin-left:4px;}  /*Panel Titles for RHS panels */
h5 {font:bold 0.8em Arial, Sans-serif; text-transform:uppercase; color:#333; text-align:left; padding:14px 0 5px 14px;} /*Panel Titles for image panels*/
h6{font:bold 1.4em Helvetica, Arial, Sans-serif; letter-spacing:-1px; color:#fff; height:30px; text-align:left;  line-height:30px; padding-left:9px; background:url(../g/2010/template/panel_bg.gif) repeat-y; background-color:#cc1133;} /* Panel Title Grey Panel*/
.ez_po_header{color:#fff;}/*e-zone titles*/
.ez_header{color:#fff;}
/*---------------------------------------------------------*/


/* SHEETS
-----------------------------------------------------------*/
.sheetbody{float:left; margin-top:13px; text-align:left;}
.fullsheet{width:387px;}
.leftsheet{width:181px;}
.rightsheet{width:181px; margin-left:25px;}

#col-left-pages .fullsheet{width:670px;}
#col-left-pages .leftsheet{width:322px;}
#col-left-pages .rightsheet{width:322px; margin-left:25px;}
/*---------------------------------------------------------*/


/*REGULAR PANELS
-----------------------------------------------------------*/
div.panel_1 {margin-bottom:5px;} /* Plain Panel*/
div.panel_2 {width:201px; padding:15px 0 15px 0;} /* Graphical Panel Right*/
div.panel_3 {text-align:left; background-color:#f4f4f4; font: 0.90em/1.5em Arial, Sans-serif; color:#666; padding:10px;} /* Grey Panel*/
div.panel_4 {text-align:left; background-color:#ffffff;} /* white Panel*/
/*---------------------------------------------------------*/


/*IMAGE PANELS
-----------------------------------------------------------*/
div.image-panel-01 {width:270px; min-height:120px;  border:1px solid #d7d7d7; background:url(../g/2010/template/img_panel_01.jpg) no-repeat bottom right; background-color:#f0eeee; margin-bottom:22px;} 
div.image-panel-02 {width:270px; min-height:120px;  border:1px solid #d7d7d7; background:url(../g/2010/template/img_panel_02.jpg) no-repeat bottom right; background-color:#f0eeee; margin-bottom:22px;} 
div.image-panel-03 {width:270px; min-height:120px;  border:1px solid #d7d7d7; background:url(../g/2010/template/img_panel_03.jpg) no-repeat bottom right; background-color:#f0eeee; margin-bottom:22px;} 
div.image-panel-04 {width:270px; min-height:120px;  border:1px solid #d7d7d7; background:url(../g/2010/template/img_panel_04.jpg) no-repeat bottom right; background-color:#f0eeee; margin-bottom:22px;} 
div.image-panel-05 {width:270px; min-height:120px;  border:1px solid #d7d7d7; background:url(../g/2010/template/img_panel_05.jpg) no-repeat bottom right; background-color:#f0eeee; margin-bottom:22px;} 
div.image-panel-06 {width:270px; min-height:120px;  border:1px solid #d7d7d7; background:url(../g/2010/template/img_panel_06.jpg) no-repeat bottom right; background-color:#f0eeee; margin-bottom:22px;} 
div.image-panel-body {font: 0.70em/1.5em Arial, Sans-serif; color:#333; text-align:left; padding:0 90px 5px 14px;}
/*---------------------------------------------------------*/


/*COUNTER
------------------------------------------------------------*/
#counter-top {width:100px; height:36px; background:url(../g/2010/template/counter_top.gif) no-repeat; padding-left:110px; padding-top:16px;}
#counter-bottom {width:100px; height:49px; background:url(../g/2010/template/counter_bottom.gif) no-repeat; padding-left:110px; padding-top:3px; margin-bottom:10px;}
/*----------------------------------------------------------*/


/*SEARCH
------------------------------------------------------------*/
#search {width:202px; margin-left:4px; margin-bottom:15px; *margin-bottom:0;}
#searchfield { float:left;}
#searchfield input {height:18px;  width:170px; border:1px solid #ccc; font:0.68em Arial, Sans-serif; color:#999; padding:4px 0 1px 4px;} /*style the input form*/
#searchbutton {float:left; width:26px; *margin-top:1px;}
/*----------------------------------------------------------*/


/*EASYSLIDER
------------------------------------------------------------*/
#slider{margin-left:35px; margin-top:20px;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:600px;
	height:241px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:26px;
	top:421px;
	}	
#nextBtn{ 
	left:656px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../g/2010/template/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../g/2010/template/btn_next.gif) no-repeat 0 0;	
	}	

	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/*----------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------*/
ul#footer {margin:0; padding:0; background-color:#cc1133; height:37px; text-align:right; width:944px; padding-right:16px; _width:960px; _margin:0;_padding: 0;} 
#footer ul {_width:500px;_padding-right:16px;} 
ul#footer li {list-style:none; display:inline;  font:0.63em Arial, sans-serif; color:#fff; line-height:37px; padding:0 2px 0 2px;}
ul#footer li a{ color:#fff; text-decoration:none;}
ul#footer li a:hover{color:#333; text-decoration:none;}
/*---------------------------------------------------------*/