/* Basic Default Styles */
body {
	font: 12px Verdana;
	color: #000000;
	background: #ffffff; margin: 5px 0 5px 50%;
}
a:link, a:visited {
	font: 12px Verdana bold;
	text-decoration: none;
	color: #000066;
}
a:hover, a:active {
	font: 12px Verdana bold;
	text-decoration: none;
	color: #000066;
}
/* Safari puts some sort of weird top margin on the div if there's
   no border. Silly, really. */
#container {
	position: relative;
	width: 800px;
	background: #ffffff url('../header_v4.jpg') no-repeat top left;
	/* Could also use margin-left and -right: auto
		but IE 5 PC doesn't like that */
	border: 5px solid #cccccc; margin-left:-350px; margin-right:0; margin-top:0; margin-bottom:0
}
h2 {
	color: #000000;
	font: 24px "Trebuchet MS", Verdana;
	margin: 0;
	text-align: center;
}
h3 {
	color: #000066;
	font: 22px "Trebuchet MS", Verdana;
	margin: 0;
	text-transform: lowercase;
}
h4 {
	color: #000000;
	font: 20px "Trebuchet MS", Verdana;
	text-align: center;
	margin: 0;
}
h5 {
	color: #000000;
	font: 16px "Trebuchet MS", Verdana;
	font-weight: bold;
	text-align: center;
	margin: 0;
}
h6 {
	color: #000066;
	font: 14px "Trebuchet MS", Verdana;
	font-weight: bold;
	text-align: left;
	margin: 0;
}
h7 {
	color: #000000;
	font: 14px "Trebuchet MS", Verdana;
	text-align: center;
	margin: 0;
}

li {
	color: #000000;
	font: 14px Verdana, "Trebuchet MS";
	margin-left: 5;
	margin-top: 2;
	margin-bottom: 2;
} 
	

/* Header - just provides space */
#pageHeader {
	height: 190px;
}
#pageHeader span {
	display: none;
}

/* Content */
#quickSummary {
	margin-top: 50px;
	width: 430px;
	margin-left: 350px;
	color: #42443A;
}
#quickSummary a:link, #quickSummary a:visited {
	color: #42443A;
}
#quickSummary a:hover, #quickSummary a:active {
	color: #42443A;
}
#preamble, #supportingText {
	width: 430px;
	margin-left: 314px;
	margin-top: 15px;
        background: url('../xli_bg.png') no-repeat top left;
}
#preamble p.frontb {
	color: #000066;
	font: 14px Verdana, "Trebuchet MS";
	font-weight: bold;
	text-align: center;
	margin: 0;
} 
#preamble p.frontc {
	color: #000000;
	font: 14px Verdana, "Trebuchet MS";
	text-align: center;
	margin: 0;
} 
#preamble p.front {
	color: #000000;
	font: 14px Verdana, "Trebuchet MS";
	text-align: left;
	margin: 8;
} 
#preamble p.news {
	color: #000000;
	font: 14px Verdana;
	text-align: left;
	margin-left: 38px;
	margin-top: 15px;
} 
#preamble p.front a{
	font: 14px Verdana bold;
	text-decoration: none;
	color: #000066;
}
#preamble p.schedtimes {
	float: left;
	width: 130px;
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 15px;
}
#preamble p.schedactions {
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 15px;
}
#preamble table {
	color: #000000;
	font: 12px Verdana;
	text-align: left;
}

/* Same as the preamble id, but with everything shoved far left.  For photos page & use w/ newheader_nolinks.tpl. */
#photamble {
	width: 750px;
	margin-left: 25px;
	margin-top: 25px;
}

#photamble table {
	color: #000000;
	font: 12px Verdana;
	text-align: left;
}

#phottitle {
	/* photo page title */
	color: #000066;
	font: 22px "Trebuchet MS", Verdana;
	text-transform: lowercase;
	margin-left: 425px;
	margin-top: 1px;
}

#photpagin { 
	/* pagination for photo viewer */
    font: 14px Verdana;
	color: #000066;
	position: relative; 
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}


#footer { 
        font: 9px Verdana;
	color: #999999;
	position: relative; 
	left: 0px; 
	width: 460px;
	height: 10px; 
	margin-top: 40px;
	margin-bottom: 15px;
/*	background: #ADB583 url('../footer.jpg') no-repeat top left;; padding-left:50px; padding-right:0; padding-top:78px; padding-bottom:0 	*/
}
#footer a:link, #footer a:visited {
	font: 9px Verdana;
	color: #000066;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #000066;
	text-decoration: underline;
}

/* Left Bar */
#container #linkList {
	position: absolute;
	left: 110px;
	top: 195px;
	width: 175px;
	font: 10px "Trebuchet MS", Verdana;
}
#linkList h3 {
	width: 198px;
	height: 18px;
	margin-top: 20px;
}
#linkList h3 span {
	display: none;
}

/* left header images */
#linkList h3.select {
}
#linkList h3.conference {
}

#linkList ul {
	margin: 0;
	background: url('../xleft_footer2.gif') no-repeat bottom left;; list-style-type:none; padding-left:0; padding-right:0; padding-top:0; padding-bottom:18px
}
#linkList ul li {
	background: url('../li_bg.png') bottom left;
	border-bottom: 1px solid #000066;
	border-right: 1px solid #000066;
	margin: 0; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
/* li:hover style... have to replace the BG so the color will show up. */
#linkList ul li:hover {
	background: #000066 url('../spacer.gif');
	color: #FFF
}
/* bunch of crazy styles... so IE will still look ok when it
   doesn't parse :hover. */
#linkList #lselect {
	color: #666;
}
#linkList ul li a {
	/* this would be block, save for the nbsp at the end of the
		link for "accessibility" purposes. :P */
	display: inline;
	color: #000;
	text-transform: lowercase;
}
#linkList #lselect ul li a {
	font: 14px "Trebuchet MS", Verdana;
	display: block;
	color: #000;
	text-transform: lowercase;
}

#linkList #lselect ul li a.c, #linkList ul li a.c {
	display: inline;
	font: 10px "Trebuchet MS", Verdana;
	color: #666;
	text-transform: none;
}
/* if the browser doesn't read the :hover pseudoclass, this
	shouldn't render and the text shouldn't change color */
#linkList ul li:hover a, #linkList #lselect ul li:hover a {
	color: #FFF;
}