/* Base Settings */

html, body {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: small; /*for IE/Win 5.5*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small; /* for compliant browsers */
line-height: 1.7em;
color: #373737;
}

html>body {
font-size: x-small; /* be nice to Opera */
}

body {
margin: 0; 
padding: 0; 
background: url(../images/bg_gradient.gif) 50% repeat-y #242119;
}

img {
border: none;
}

a {
color: #990000;
}

em, i {
font-family:Georgia, "Times New Roman", Times, serif; 
}

h1, h2, h3, h4, h5, h6 {
margin: 0;
}

h1 {
font-size: 250%;
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 1.2em;
color: #333;
font-weight: normal;
letter-spacing: -0.1em;
margin-bottom: -0.3em;
}

h3 {
font-size: 150%;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-bottom: -0.5em;
}

h4 {
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 135%;
color:#669933;
}

h4.parahead {
margin-top: 1.5em;
margin-bottom: -0.8em;
}

h5 {
margin-top: 10px;
margin-bottom: -1.2em;
font-size: 100%;
color: #990000;
}

/* Layout */

#page {
font-size: 115%;
height: 100%;
width: 800px;
margin: auto;
/*background: url(../images/background_main.jpg) repeat-y;*/
}

#container {
margin: 0;
background: #fff;
/*background: url(../images/background_gradient.jpg) no-repeat;*/
}

#nameplate {
position: relative;
height: 215px;
margin: 0;
}

#logo {
height: 101px;
}

#resources {
position: absolute;
right: 20px;
top: 30px;
font-weight: bold;
font-size: 0.9em;
text-align: right;
line-height: 24px;
}

#resources a {
color: #fff;
text-decoration:none;
}

#resources img {
margin: 0 0 -3px 4px;
}


#horiznav {
	background: url(../images/nb_ornament.gif) no-repeat;
	margin: -1px 0 0 0;
}

#horiznavlist {
	margin: 0 0 0 144px;
	height: 32px;
	list-style: none;
	color: #fff;
	background: url(../images/nb_background.gif) repeat;
}

#horiznavlist li {
	float: left;
	background: url(../images/nb_divider.gif) no-repeat;
	font-size: 11px;
	line-height: 32px;
	padding: 0 15px 0 5px;
}

#horiznavlist a {
	float: left;
	color: #fff;
	text-decoration: none;
	padding-left: 27px;
}

#horiznavlist a:hover {
	background: url(../images/nb_bullet.gif);
	background-repeat: no-repeat;
	background-position: 9% 50%;
	color: #99CC00;
}

#horiznavlist li.home a {
	float: left;
	padding: 7px 0 11px 10px;
	
}

#horiznavlist li.home a:hover {
	background: none;
	}
	
	
#horiznav #horiznavlist .uberlink {
	background: url(../images/nb_bullet.gif);
	background-repeat: no-repeat;
	background-position: 9% 50%;
	color: #fff;
	cursor: default;
}

#content {
}

#main {
padding: 10px 20px 30px 20px;
float: left;
width: 500px;
}


#sub {
float: right;
width: 220px;
margin: 30px 20px 0 20px;
}

#tier2 {
background: #2f2119;
padding: 20px;
color: #fff;
}

.hpspeaker {
font-family: Arial, Helvetica, sans-serif;
width: 160px;
font-size: 0.9em;
line-height: 1.2em;
float: left;
margin: 15px;
}

.hpspeaker img {
border: solid 3px #bbb;
margin-right: 12px;
float: left;
width: 60px;
height: 60px;
}

.tier2venue {
width: 220px;
font-size: 0.8em;
line-height: 1.2em;
float: left;
margin: 15px;
}

.tier2venue img {
border: solid 3px #bbb;
margin-right: 12px;
float: left;
width: 120px;
height: 120px;
}

.hpaffiliation {
color: #99CC00;
}

#sublinks {
margin: 20px 0 20px 0;
list-style: none;
}

#sublinks li {
background: url(../images/ip_bullet.gif) no-repeat;
margin: 0 0 6px -30px;
padding: 0 0 0 22px;
font-size: 0.9em;
}


#featuredspeaker {
margin: 0;
padding: 0;
}

#sponsors {
margin: -3px 0 0 0;
padding: 0 0 40px 0;
height: 65px;
text-align: center;
}

#sponsors img {
margin: 0 5px 0 5px;
}

#promo1 {
border: solid 2px #eee;
background: #f9f9f9;
padding: 10px;
font-size: 0.9em;
line-height: 1.4em;
margin: 20px auto;
}

#promo1 h4 {
font-size: 120%;
}

#promo1 img {
border: solid 1px #666;
margin: 10px auto 0 auto;
display:block;
}


#pullquote {
background: url(../images/background_quote.gif) repeat-x;
background-color: #333;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight:normal;
font-style: italic;
padding: 17px 15px 17px 15px;
color: #fff;
text-align: center;
line-height: 1.6em;
border-top: solid 1px #999;
border-bottom: solid 1px #000;
}

.returnfont {
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-style: normal;
color: #ccc;
}

#footer {
background: url(../images/background_footer.jpg);
height: 110px;
overflow: hidden;
position: relative;
text-align: center;
}

#footerbody {
position: absolute;
color: #888;
font-size: 80%;
text-align: center;
line-height: 1.5em;
bottom: 17px;
left: 300px;
}

#footerbody img {
}

#footer a {
color: #888;
text-decoration: none;
}

#footer a:hover {
color: #eee;
text-decoration: underline;
}


.divider {
background:url(../images/dotted-horizontal.gif) repeat-x; 
width: 100%;
height: 1px; 
margin: 1.7em auto 1.6em auto;
}

.speaker {
margin-bottom: 10px;
/*width: 470px;*//*This will break in FF if used*/

padding-right: 10px;
padding-left: 80px;
/*float: right;*/
}

.speaker img {
border: solid 3px #ccc;
margin-left: -80px;
margin-top: 10px;
float: left;
}

.speaker h4 {

}

.affiliation {
color: #666;
}

.clearing {
clear: both;
height: 0;
}

a.undecorated {
text-decoration: none;
color: #000;
}

img.ical {
margin-bottom: -3px;
}

#callout {
/*float: right;
width: 180px;
*/
padding: 10px 9px 10px 9px;
margin: 10px 10px 15px 15px;
border: solid 3px #ccc;
font-size: 11px;
line-height: 1.4em;
}

#callout img {
margin: 8px;
border: solid 1px #aaa;
float: right;
}

#callout p {
font-size: 11px;
line-height: 1.4em;
color: #666666;
}

#callout ul {
margin-top: 20px;
}

#callout li {
list-style:square;
padding-bottom: 5px;
color: #666;
margin-left: -20px;
}

.emphasis {
color: #990000;
font-weight: bold;
}

.deemphasis {
color: #888;
}

.package {
color: #fff;
font-size: 80%;
font-weight: bold;
background-color:#990000;
padding: 2px 3px 2px 3px;
border: solid 1px #000;
margin-right: 10px;
}

table.regrates {
border: solid 1px #ddd;
}

td.regoption {
padding: 4px;
width: 170px;
background-color: #eee;
font-weight: bold;
}

td.regrate {
width: 300px;
padding: 4px;
background-color: #f9f9f9;
}

.offset {
margin-left: 45px;
}

h5.regratesheader {
margin: 2em 0 1em 0;
}

.mousetype {
font-size: 80%;
color: #999;
}


.sessionheads {
margin-bottom: 0;
}

#sessiondescrips h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11px;
font-style: italic;
margin-bottom: -0.8em;
margin-top: 0.9em;
text-transform: none;
color: #777;
margin-left: 0;
}

#sessiondescrips ul {
margin-top: 5px;
}

#sessiondescrips li {
padding-bottom: 2px;
color: #666;
}

.tracksession {
padding-left: 70px;
padding-right: 8px;
padding-bottom: 15px;
}

.tracksession ul {
list-style: disc;
}

.tracksession h3 {
font-size: 14px;
margin-top: 1.2em;
}

.sessiontime {
margin: 0 0 -35px -70px;
width: 100px;
}


caption {
text-align: left;
font-size: 12px;
font-weight: bold;
margin: 0;
color: #669900;
padding: 15px 0 10px 0;
}

table.agenda {
width: 97%;
margin: auto;
}

th {
text-align: center;
font-size: 11px;
padding: 3px;
color: #fff;
}

td {
font-size: 11px;
padding: 3px;
border-bottom: solid 1px #ccc;
border-left: solid 1px #ccc;
}

td.session {
font-size: 11px;
line-height: 15px;
text-align: center;
width: 18%;
padding-top: 6px;
padding-bottom: 8px;
}

td.session a, td.keynote a {
color: #990000;
text-decoration: none;
}

td.session a:hover, td.keynote a:hover {
color: #990000;
text-decoration: underline;
}

td.time {
border-left: none;
width: 10%;
color: #888;
}

td.keynote {
text-align:center;
background-color: #f4f4f4;
padding-top: 10px;
padding-bottom: 10px;
}

a.agendaspeaker {
color: #777;
text-decoration: none;
}

a.agendaspeaker:hover {
text-decoration: underline;
}

th.track {
color: #fff;
background-color: #333333;
/*background-image: url(../images/agendatitle.gif);*/
background-image: url(../images/nb_background.gif);
background-position: -8px;
font-weight: bold;
width: 40%;
}


th.workshop {
color: #fff;
background-color: #333333;
/*background-image: url(../images/agendatitle.gif);*/
background-image: url(../images/nb_background.gif);
background-position: -8px;
font-weight: bold;
width: 40%;
}