/* PRESENTATION STYLES SHEET */

body {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:75%; color:#F1DA9A;}

.footer { font-size:85%; }

.hidden {display:none}

/* === POSITIONING STYLES ==== */
.margin_t20 { margin-top:20px;}
.margin_t40 { margin-top:40px;}
.margin_b20 { margin-bottom:20px;}
.margin_b40 { margin-bottom:40px;}
.margin_b80 { margin-bottom:80px;}
.margin_b100 { margin-bottom:100px;}
.margin_b160 { margin-bottom:160px;}
.margin_b200 { margin-bottom:200px;}
.margin_b300 { margin-bottom:300px;}
.padding_b450 { padding-bottom:450px;}
.padding_b500 { padding-bottom:500px;}
.padding_b600 { padding-bottom:600px;}


.margin_r20 { margin-right:20px;}
.margin_l20 { margin-left:20px;}

.text_right {text-align:right;}
.text_left {text-align:left;}
.text_center { text-align:center;}

.width45 { width:45%;}
.fleft {float:left;}
.fright {float:right;}
#fleft {float:left;}
#fright { float:right;}

.mandatory { color:#FF0099;}
.small { font-size:90%;}
.bold { font-weight:bold;}

h1 { font-size: 1.1em; color:#FBECC9; margin:30px 0 0 0;}
.icon {background:url(../images/icons/header.gif) no-repeat;  padding:16px 5px 2px 30px; margin:0;}

h2 {background:url(../images/skeleton/orange_header.jpg); height:17px; font-size:1em; width:97px; text-align:left; padding:3px 0 0 3px; }

h3 {font-size:1em; margin:10px 0}
.orange_header {background: url(../images/home/header_brown.jpg); color:#FBECC9; padding:2px 5px; }

p {margin: 10px 0 10px 20px}

a {color:#120000;}
a:hover {color:#FF7F00;}
 .top {margin:10px; text-align:center}
.content { margin-left:50px; line-height:1.5em}
.content2 { margin-left:0px; line-height:1.5em}

#right_column_wrapped {width:100px; text-align:center; background-color:#fff; padding:0 0 10px 0; margin:10px 10px 0 0;}

#left_column_wrapped {width:100px; text-align:left; background:#483D2D;}


/* CLEARFIX */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 2%;}
/* End hide from IE-mac */


/* == COMPLINET EVENTS BANNER BUTTON == */
#complinet_events { margin:60px 0 5px 0; width:90px; height:62px;}
a.complinet_events { background-image: url(/annual_conference2006/share/images/complinet_events.gif); background-repeat:no-repeat; width:90px; height:62px; display:block; color:#fff;}



/* ======== MENU ======== */


ul#menu { margin:0; padding:0; background:#483D2D}
ul#menu li{list-style:none;}
#menu li.home, #menu li.about, #menu li.programme, #menu li.speakers, #menu li.sponsors, #menu li.venue, #menu li.register, #menu li.contact { background: url(../images/skeleton/nav_tile.jpg) repeat-x; margin:0; padding:8px 0 8px 3px; display:block; height: auto; width:97px; }

#menu li a {color:#F1DA9A; text-decoration:none;}
#menu li a:hover {color:#FF7F00;}

#home .home a, #about .about a, #venue .venue a, #speakers .speakers a, #contact .contact a, #register .register a
{ color:#FF7F00;}

ul #sponsors_submenu { margin:0px 0 0 8px; color:#F1DA9A; font-size:0.9em; display:none; list-style:none;}
#sponsors ul #sponsors_submenu {display:list-item; padding-top: 5px}
ul #sponsors_submenu li {margin:3px 0 2px 0; border-bottom:1px solid #5D4E3B;} 
#sponsors #sponsors_exhibpage .sponsors_exhibitors a, #sponsors #aboutpage .about_sponsors a  {color:#FF7F00;}

ul #programme_submenu { margin:0px 0 0 8px; color:#F1DA9A; font-size:0.9em; display:none; list-style:none;}
#programme ul #programme_submenu {display:list-item; padding-top: 5px}
ul #programme_submenu li {margin:2px 0 2px 0; border-bottom:1px solid #5D4E3B;} 
#programme #day1page .day1 a, #programme #day2page .day2 a  {color:#FF7F00;} 

ul #register_submenu { margin:0 0 0 8px; color:#F1DA9A; font-size:0.9em; display:none;  list-style:none;}
#register ul #register_submenu {display: list-item; padding-top: 5px}
ul #register_submenu li {margin:2px 0 2px 0px; border-bottom:1px solid #5D4E3B;} 
#register #registertcpage .registration_tandc a, #register #registeronlinepage .register_online a {color:#FF7F00;} 


/*=============== SPEAKER PROFILES*/
div.speakerBox { margin-top:20px;}
	div.speakerBox div.titleBox {background:#160404  url(../images/skeleton/footer_tile.jpg) repeat-x bottom; position:relative; color:#F1DA9A;}
	div.speakerBox div.titleBox span {margin:5px 10px; position:absolute; top:0;}
		div.speakerBox div.titleBox span h3 {font-size:100%; display:inline; color:#FF7F00;}
		div.speakerBox div.titleBox span strong {color:#F1DA9A;}
		
		div.speakerBox div.speakerBlurb {border:1px solid #483D2D; border-top:none; padding:5px; background:#C2AB75}
		
/*=============== TABLE STYLES*/
/* ======== programme ======== */
table#programme { font-size:90%; margin:20px auto 40px auto; width:90%; text-align:left;}
	table#programme td.title { background:#4A351A url(../images/programme/brown_tile.jpg)  repeat-x; padding: 6px; font-weight:bold; font-size:120%; vertical-align:top; color:#fff;}
	table#programme td.progleft { border:1px solid #4A351A; border-left:none; border-bottom:none; padding:2px; font-weight:bold; vertical-align:top; width:10%; text-align:center;  background:#E4D5AE}
	table#programme td.progright { vertical-align:top; border:1px solid #4A351A; border-top:none; border-bottom:none; border-right:none; border-left:none;  background:#E4D5AE}
	
	table#programme td div.panel { background:#BB4400; color:#F1DA9A; font-weight:bold; padding:3px 4px; text-align:center; text-transform: uppercase}
	table#programme td.evening { background: url(../images/programme/evening.jpg) no-repeat right; font-size:120%; color:#fff; text-align:center; font-weight:bold; padding:0px 0;}
	#header {
	diplay:block; height:91px; margin:0; background:url(../images/skeleton/header_bg.jpg) repeat-x}
	table#programme div { padding:6px 2px;}
	table#programme .heading {background: url(../images/programme/orange_tile.jpg) repeat-x #FF7F00; font-weight:bold; color:#493D2D; font-size:1.1em}
	table#programme .eatBreak {background: url(../images/programme/brow_cream.jpg) left repeat-y #FAEAC8; color:#F1DA9A; height:50px; padding:5px; margin:0; vertical-align:middle; font-weight:bold}
	table#programme .eatBreak .break_sponsor {margin:0; padding:0; float:right; color:#704F26}
	table#programme .eatBreak span {padding:10px 5px;}
	
	 ul.programme { margin: 10px 0 0 20px; }
	  ul.programme li {margin-bottom:5px; list-style:square}
	  	 ul.programme li ul li { margin-left:5px; list-style:square}

.day2_button a {background:url(../images/programme/day2.jpg) -94px no-repeat; display:block; width: 92px; height:27px;}
.day2_button a:hover {background:url(../images/programme/day2.jpg) -2px no-repeat; display:block; width: 92px; height:27px;}

.day2dark_button a {background:url(../images/programme/day2_dark.jpg) -94px no-repeat; display:block; width: 92px; height:29px;}
.day2dark_button a:hover {background:url(../images/programme/day2_dark.jpg) -2px no-repeat; display:block; width: 92px; height:29px;}

.day1_button a {background:url(../images/programme/day1.jpg) -94px no-repeat; display:block; width: 92px; height:27px;}
.day1_button a:hover {background:url(../images/programme/day1.jpg) -2px no-repeat; display:block; width: 92px; height:27px;}

.day1dark_button a {background:url(../images/programme/day1_dark.jpg) -94px no-repeat; display:block; width: 92px; height:29px;}
.day1dark_button a:hover {background:url(../images/programme/day1_dark.jpg) -2px no-repeat; display:block; width: 92px; height:29px;}


/*=============== CONTACT STYLES ===============*/


.title_contact {color:#FFFFFF; background:url(../images/programme/brown_tile2.jpg) repeat-x; margin:0px; padding:2px; height:20px}
.title2_contact {color:#FFFFFF; background:url(../images/programme/brown_tile2.jpg) repeat-x; margin:0px; padding:2px 0 0px 5px; height:20px; margin: -5px -5px 0 -5px;}

.right_contact {border: 1px solid #493D2D;  padding: 5px; }
.office_details {border: 1px solid #493D2D; margin:0;  padding: 5px;}
.office{border-bottom:#4A351A 1px solid;}

/* === Register styles === */
#register_button {height:56px; margin:0; padding:10px 5px 0 5px;}

/* === Left box styles === */

.left_box {margin:5px; border:solid 1px #F1DA9A; padding:2px; font-size:0.9em; font-variant:small-caps; background:url(../images/skeleton/footer_tile.jpg)}
.left_box a { text-decoration:none; color:#F1DA9A;}
.left_box a:hover {color:#FF7F00;}

.box2 {width: 90%; border: 1px solid #CC6600; margin:0px auto; padding: 2px; color: #FFFFFF; background: url(../images/skeleton/orange_tile.jpg) center}
 .box a:hover {color:#F1DA9A}

 .box3 {width: 90%; border: 1px solid #FBECC9; padding: 5px; background: #C0A973; margin:0 0 0 20px}
 .box3 ul {margin-left: 15px}
 
 div .line {border-top:1px solid #FFFFCC; padding-top: 2px}
 
/* === venue styles === */
.venue_holder {margin:0 auto; width: 90%; height: 245px; text-align:center; background:url(../images/venue/ritz.jpg) no-repeat center;  }
/**html .venue_holder { margin-top: -400px}*/

.address_holder{ width: 90%; text-align:center; margin:10px auto;}
.venue_holder img  {margin-bottom:10px; margin-right:10px; border: 1px solid #CC6600;  }
 .box img{border: 1px solid #CC6600; margin-top:10px}
 .box a:hover {color:#F1DA9A}
.venue_links li {background:url(../images/skeleton/orange_header.jpg) repeat-x top; font-size:1em; width:87px; text-align:left; padding:5px 5px 5px 5px; display:inline; margin:0 10px 5px 0}
.venue_links a {text-decoration:none}
.venue_links a:hover {color:#FFFFFF}
.map {margin:10px auto; width: 90%; height: 300px; text-align:center; background:url(../images/venue/map.gif) no-repeat center;  }

/* === Sponsors styles === */
.sponsor_logo {border-top: 1px solid #CC6600; }
td.sponsor_logo  {background:#FFFFFF }
.sponsor_info_blurb {border-top: 1px solid #CC6600; padding:10px; vertical-align: bottom; }

#right_column_wrapped img {margin:10px auto}
#sponsors table td {vertical-align:top} 
table p {margin-left:0}

.gold { border-bottom:#FF9900 1px solid}

/* ========= information collection ========= */
table#form {font-size:95%; width:90%; color:#330000; margin-bottom:300px}
	table#form td#form_bold {font-weight:bold; padding:4px 6px; text-align:right; border:1px solid #F1DA9A; border-bottom:none; border-right:none;}
	table#form td#form { padding:4px 6px; border:1px solid #F1DA9A; border-bottom:none;}
	table#form input {border:none;  background-color:#F1DA9A;font-size:95%; padding:3px; width:70%;}
		table#form input.longer{width:90%;}
	table#form td#form.submit { border:none;  background:#F1DA9A url(/gccsummit/share/images/programme/brown_tile.jpg) repeat-x; padding:0; }
	table#form input.submit {width:94px; height:23px; border:none; padding:0; margin:0;}
	table#form textarea {border:none; padding:2px; width:60%; background-color:#F1DA9A;}
		table#form textarea.message {width:90%; color:#F1DA9A;}
	table#form select { background-color:#F1DA9A; border:none; width:40%; font-size:90%;}
	table#form select.title { background-color:#F1DA9A; border:none; width:80%; font-size:90%;}

	table#form select.biz_type { width:90%;}
	table#form select.country { width:70%;}
	table#form img { border:none;}
table {margin:0 auto}