body { margin: 0; padding: 0; background: #EBEBEB url('media/bg5.jpg') repeat-x left top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #454545; } h1, h2, h3 { margin-top: 0; color: #646464; } h1 { font-size: 1.8em; font-weight: normal; } h2 { font-size: 1.4em; padding: 5px 5px; letter-spacing:-1px; } ul {} li { padding:0; margin:0; } a { text-decoration: none; color: #357dce; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } p { padding:5px 0 0 0; } /* Header */ #header { width: 960px; height: 175px; margin: 0 auto; } #header p { margin: 0; padding: 0; } #logo { width: 270px; height: 155px; float:left; } #logo p { border: none; text-decoration: none; color: #ffffff; padding:14px 0 0 10px; } #logo a { border: none; text-decoration: none; color: #ffffff; } #banner_msg { float:left; position:relative; height:140px; width:350px; margin:20px 0 0 25px; } #banner_msg p { color:#ffffff; text-align:center; } .heading { font-size:2.0em; font-weight:bold; } .subheading { font-size:1.3em; } #latest { width: 270px; height: 140px; float:right; padding:0 0 0 25px; text-align:right; } #latest p { border: none; text-decoration: none; color: #ffffff; padding:0 4px 0 0 ; text-align:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; } #latest a { border: none; text-decoration: none; color: #ffffff; } #register { text-align:right; float:right; } #register a { display:block; height:50px; width:225px; background: url('media/register_btn.png') 0 0 no-repeat; } #register a:hover { background-position: 0 -50px; } #online_pdf { text-align:right; float:right; margin:2px 0 0 0; } /* Nav */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/simple_vertical.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */ #navContainer {position:relative; margin:0 auto; width:960px; height:35px; z-index:600; background:url('media/top_mainNav_bg.png') bottom; clear:both; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;} /* Get rid of the margin, padding and bullets in the unordered lists */ #menu, #menu ul {padding:0; margin:0; list-style-type: none;} /* Set up the link size, color and borders */ #menu a {display:block; color:#434343; padding:5px 14px 5px 14px; font-size:18px; height:25px; line-height:25px; text-decoration:none; border-right:1px solid #b2b2b2; border-left:1px solid #ffffff;} /* Set up the sub level borders */ #menu li ul li a {border-left:1px solid #dadada; font-size:14px;} /* Set up the list items */ #menu li {float:left;} /* Set up the drop list width, borders colors */ #menu li ul li a {width:150px; background:#f2f2f2; border-bottom:1px solid #dadada; border-left:1px solid #ffffff; } /* For Non-IE browsers and IE7 */ #menu li:hover {position:relative;} /* Make the hovered list color persist */ #menu li:hover > a {background:#d7d7d7; color:#000066;} /* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */ #menu li ul {display:none;} /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */ #menu li:hover > ul {display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url('media/1x1.png'); width:120px;} /* Position the first sub level beneath the top level liinks */ #menu > li:hover > ul {left:-30px; top:25px;} /* get rid of the table */ #menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;} /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */ * html #menu li a:hover {position:relative; background:#d7d7d7; color:#000066;} /* For accessibility of the top level menu when tabbing */ #menu li a:active, #menu li a:focus {background:#d7d7d7; color:#000066;} /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */ * html #menu a {width:100px; widt\h:100px;} * html #menu li ul li a {width:150px; widt\h:150px;} /* change the drop down levels from display:none; to visibility:hidden; */ * html #menu li ul {visibility:hidden; display:block; position:absolute; top:25px; left:80px; padding:10px 30px 30px 30px; background:transparent url('media/1x1.png');} /* make the second level visible when hover on first level link and position it */ #menu li a:hover ul { visibility:visible; left:-30px; top:25px; lef\t:-31px; to\p:25px; } /* Wrapper */ #wrapper { margin:0; padding:0; } /* Banner */ #banner { height:240px; width:100%; margin: 0; padding:0; border-bottom:1px solid #d7d7d7; background: url('media/slider_bg3.jpg') no-repeat;} .anythingSlider { width: 950px; height: 240px; position: relative; margin: 0 auto 15px; } .anythingSlider .wrapper { width: 870px; overflow: hidden; height: 240px; margin: 0 40px; position: absolute; top: 0; left: 0; } /* Width below is max for Opera */ .anythingSlider .wrapper ul { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .anythingSlider .wrapper p { margin: 10px 0; padding: 0 20px; } .anythingSlider ul li { display: block; float: left; margin: 0; padding: 0; height: 240px; width: 870px; } .anythingSlider .arrow { display: block; height: 200px; width: 67px; background: url('media/arrows.png') no-repeat 0 0; text-indent: -9999px; position: absolute; top: 25px; cursor: pointer; margin: 0; padding: 0; } .anythingSlider .forward { background-position: 0 0; right: -20px; } .anythingSlider .back { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover { background-position: 0 -200px; } .anythingSlider .back:hover { background-position: -67px -200px; } #start-stop { color:#f2f2f2; padding:2px 5px; width:40px; text-align:center; font-size:10px; position:absolute; right:-5px; top:220px; } #start-stop.playing { color #99cccc; } #start-stop:hover { background-image: none; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /* Page */ #page { width: 960px; margin: 0 auto; background: #ffffff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;} #page-bg { padding: 0px 2px; } #top_block { padding:0px; } #splash_photo { padding:8px 8px 8px 8px; background:#ffffff; border-bottom:1px solid #dadada; } #become { height:64px; background: url('media/become.png') no-repeat top left; background-color: #ffffff; width:956px; margin:0 2px; } #delegate { float:left; } #delegate a { display:block; height:64px; width:478px; background: url('media/become_delegate.png') 0 0 no-repeat; overflow:hidden; } #delegate a:hover { background-position: 0 -64px; } #sponsor { float:left; } #sponsor a { display:block; height:64px; width:478px; background: url('media/become_sponsor.png') 0 0 no-repeat; overflow:hidden; } #sponsor a:hover { background-position: 0 -64px; } /* Content */ #content { float: left; width: 600px; padding: 20px 20px 0px 20px; } .post { padding-bottom: 10px; } .post h1 { font-weight: normal; } .post p { padding:0 0 0 10px; line-height: 175%; } .post li { padding:0 0 20px 0; } .post a:link { color:#0066FF; } .post a:hover { border-bottom: 1px dotted; } .post img { margin:0; padding:0; } .title { margin: 0px; padding: 0px 0px 5px 0px; font-weight: normal; background: url('media/img04.gif') repeat-x left bottom; } .title a { border-bottom: none; color: #454545; } .title a:hover { } .parahead { margin: 0px; padding: 0px 0px 5px 0px; font-size: 1.2em; font-weight: normal; background: url('media/img04.gif') repeat-x left bottom; } .emphasis { font-weight:bold; font-size:1.2em; } .tag { padding: 0 15px; } .entry { } .links { padding: 4px 0px; text-align: right; font-weight: bold; } .links a { border: none; } .links a:hover { } #call_for_speakers { } #call_for_speakers a { display:block; height:80px; width:610px; background: url('media/call_for_speakers.png') 0 0 no-repeat; } #call_for_speakers a:hover { background-position: 0 -80px; } /* Right Col */ #rightcol { float: right; background: #e7e7e7; } .rightcol { width: 275px; padding: 0 10px 0 10px; font-size: 12px; } .rightcol ul { margin: 0; padding: 0; list-style: none; } .rightcol li { padding: 0 0 20px 0; } .rightcol li ul { padding: 0; } .rightcol li li { margin: 0 10px 0 0; padding: 2px 0px; background: url('media/img04.gif') repeat-x left bottom; } .rightcol h2 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; padding:10px 10px; background:url('media/bg5.jpg') top left repeat-x #ca1c22; color:#ffffff; } .rightcol a { text-decoration: none; color: #242176; padding-left:0px; padding: 4px 4px 4px 0; } .rightcol a:hover { text-decoration: none; padding: 4px 4px 4px 0; color: #000066; } .rightcol p { padding:0px; margin:0; } #side_box { margin:12px 0 10px 0; border:1px solid #dadada; background:#FFFFFF; width:275px; } #press { padding:10px; } #press_post { margin:0 10px 10px 0; border-bottom:1px dashed #dadada; } #press_post p { padding:0 0 10px 0; margin: 0 0 10px 0; } #press_post img { margin:0 10px 30px 0; } #press h2 { margin: 0 0 10px 0; padding: 0; font-size: 18px; font-weight: normal; padding:10px 10px; background:url('media/bg5.jpg') top left repeat-x #ca1c22; color:#ffffff; } #press a:hover { background:#dadada; } #social_media { padding:10px; } #upcoming_interview { padding:10px; } #video_box { padding:10px; } /* Widebar */ #widebar { margin: 0 1px; padding: 15px 15px 0 15px; background: #f6f6f6; border:1px solid #dadada;} #widebar p { padding:0 5px 0 0; } #widebar #colA { float: left; width: 285px; padding-right:20px; text-align:right; } #widebar #colB { float: left; width: 285px; padding-right:20px; text-align:right; } #widebar #colC { float: left; width: 285px; text-align:right; } /* spotlight */ #spotlight { margin: 0 1px; padding: 50px 15px 0 15px; border:1px solid #dadada; background: url('media/solution_spotlight.png') left top no-repeat #FFFFFF; } #spotlight #colA { float: left; width: 290px; padding-right:25px; border-left:1px solid #dadada; } #spotlight #colB { float: left; width: 290px; padding-right:25px; border-left:1px solid #dadada; } #spotlight #colC { float: left; width: 290px; border-left:1px solid #dadada; } #spotlight p { padding:0 5px 10px 10px; font-size:11px; border-bottom:1px dashed #999999; } #spotlight h3 { padding:10px 10px; font-size:16px; background:url('media/bg5.jpg') top left repeat-x #ca1c22; color:#ffffff; } #spotlight a { color:#434343; } #spotlight a:hover { border-bottom: 1px dotted; } #spotlight img { margin:0 10px 10px 0; } /* full_width */ #full_width { width: 908px; padding: 10px 25px; background:#FFFFFF; } #full_width #colA { float: left; width: 285px; padding-right:20px; border-left:1px solid #dadada; } #full_width #colB { float: left; width: 285px; padding-right:20px; border-left:1px solid #dadada; } #full_width #colC { float: left; width: 285px; border-left:1px solid #dadada; } #full_width p { padding:0 5px 10px 10px; font-size:11px; border-bottom:1px dashed #999999; } #full_width h3 { padding:10px 10px; font-size:16px; background:url('media/bg5.jpg') top left repeat-x #ca1c22; color:#ffffff; } #full_width a { color:#434343; } #full_width a:hover { border-bottom: 1px dotted; } #full_width img { margin:0 10px 10px 0; } /* misc */ #rss_button { margin:4px 0 0 0; padding:4px 0; font-weight:bold; } #rss_button a { color:#FFFFFF; text-decoration: none; padding:3px; } #rss_button a:hover { color:#FFFFFF; text-decoration:underline; padding:3px; } .agenda_table { color:#000000; font-size:10px; font-family: Arial, Helvetica, sans-serif; } .agenda_table p { color:#000000; line-height:125%; } .agenda_table h3 { color:#ffffff; padding:10px; margin:0; } .agenda_table a { text-decoration:none; border-bottom: dashed 1px #000000; color:#000000; } .agenda_table a:hover { text-decoration:none; border-bottom:solid 1px #434343; color:#434343; } .dayhead { background-image:url(media/h3back.png); background-repeat:repeat-x; } #agenda_width { width: 908px; padding: 10px 25px; background:#FFFFFF; } .package_table { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:small; color:#000000; } .package_table p { color:#000000; line-height:125%; padding:0; margin:0; } .package_table ul { } .package_table li { line-height:110%; } /* Footer */ #footer { width: 100%; margin: 0 auto; background-color:#ca1c22 } #footer-bg { width: 960px; margin: 0 auto; } #footer p { margin: 0; padding: 8px 0 8px 0; text-align: center; font-size: 11px; } #footer a { color: #e7e7e7; text-decoration:none; } #footer a:hover { color: #e7e7e7;text-decoration:underline; } #footer .link { float: right; } #footer .copyright { float: left; } .heads { float:left; width:260px; margin:20px 0 0 0; } .left_btn { float:left; width:400px; margin:0; padding:0; } .right_btn { float:right; width:400px; margin:0; padding:0; } .mc { font: 12px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:20px 0 0 0; padding:0; } .headnames { font: 24px Arial, Helvetica, sans-serif bold; color:#FFFFFF; margin:10px 0 0 0; padding:0; } .headtitles { font: 11px Arial, Helvetica, sans-serif; color:#FFFFFF; margin:5px 0 5px 5px; padding:0; } /* feedback/side tab */ img.snapshot_tab { position: fixed; top: 250px; right: 0px; z-index: 1; } * html img.snapshot_tab { /* fixes for ie 6 */ position: absolute; z-index: -1; } #banner_ad { } #banner img { padding:0; margin:0; } #banner_ad a { border-bottom: none; padding:0; margin:0; } #banner_ad a:hover { border-bottom: none; }