/* Styles for ISRP Conference Website // March 2008 */

/* Basics */

* {margin:0;padding:0}
body {font-size:62.5%;font-family:georgia, "times new roman", serif; color: #333; background: #fff url(../img/bg.png) no-repeat top center; }
html>body {font-size:10px;}
p {clear:both;font-size:1.4em;line-height:1.5em;margin:0 0 1.5em 0;}
h1 {font-size:3.6em;line-height:1em;font-weight:normal;margin:0 0 1em 0;}
h2 {font-size:2.4em; line-height: 1.5em;font-weight:normal;color: #000000}
h3 {font-size:1.8em; line-height: 1.5em;margin:0em 0 0.643em 0;font-weight:normal;font-style:italic;color: #333}
h4 {clear:both;font-size:1.2em;line-height:1.5em;margin:1em 0 0.5em 0;font-family:verdana;text-transform:uppercase;font-weight:bold;letter-spacing:0.1em;color:#0099CC}
h4 em {font-weight:normal;color: #333; font-family:georgia, "times new roman", serif; text-transform:lowercase}
h4.subtitle {clear:both;font-size:1.2em;line-height:1.5em;margin:0em 0 0.5em 0;font-family:verdana;text-transform:uppercase;font-weight:bold;letter-spacing:0.1em;color:#333}
a {color: #0099CC;text-decoration:none; }
a:hover {color: #000;text-decoration:none}
a:visited {color: #666;text-decoration:none}
a img {border:0}
img {margin:0 0 1.5em 0;}
acronym, abbr {text-decoration:none; border:0}
hr {clear:both; margin:1.5em 0em;  color: #ccc;background-color: #ccc;height: 1px;border:0;line-height:0px;}
hr { height: 1px; color: #ccc; border: none; } /* For Internet Explorer */
html>body hr { height: 1px; background-color: #ccc; border: none; } /* For Gecko-based browsers */
html>body hr { height: 1px; background-color: #ccc; border: 0px solid #ccc; } /* For Opera and Gecko-based browsers */
strong {font-weight:bold;}

/* Layout */

div#header {margin:0 0 0 0;padding:1.5em 0 1.5em 0;height:12em; position:relative;}
div#intro {margin:0 0 1em 0;padding:1.5em 0 1.5em 0;position:relative;}
div#content {margin: 0em auto; width:760px}
div#main {float:right;width:520px;margin-top:1em}
div#navigation {float:left;width:130px;margin-top:1em}
div#footer {float:left;clear:left;width:100%; height:100%; padding: 1.5em 0 0em 0; margin:4em 0 0 0}
.spacer {clear:both; display:block;}

/* Navigation */

div#navigation {font-family: Verdana, Arial, Helvetica, sans-serif; }
div#navigation img {margin-top:0.75em}
div#navigation h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; line-height: 1.5em;margin:0em 0 0.5em 0;font-weight:bold;color: #000}
div#navigation h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; line-height: 1.25em;margin:0em 0 0.5em 0;font-style:normal;font-weight:normal;color: #000}
div#navigation ul {list-style:none; font-size:1em;line-height:1.5em;margin:0 0 1em 0; background: transparent; color:#666; border-top: 1px dotted #ccc; }
div#navigation ul li {list-style:none; font-size:1em;line-height:1.5em;margin:0;border-bottom: 1px dotted #ccc; padding:0.5em 0}
div#navigation ul li a {color: #0099CC;padding:0 0 0.25em 0; margin:0;font-weight:normal;font-size:1.2em}
div#navigation ul li a:hover {color: #000000;}
div#navigation ul li a:visited {color:#999;}
div#navigation ul li a.current {color:#000;}

/* Header */

div#header {background: #000; }
div#header a {color:#0099CC; font-weight:normal;text-decoration:none}
div#header a:visited {color:#0099CC}
div#header a:hover, div#header a:visited:hover {color:#3CF}
div#header h1 {margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; width:760px;background: transparent;color: #639}
div#header p {font-size:1.5em; line-height: 1.5em; margin-top: 0.5em; margin-bottom: 0; margin-left: auto; margin-right: auto; width:760px;background: transparent;color: #bbb}
.skip {display:none;}
.subheader {color:#fff;}

/* Intro */

div#intro {background: #eee ;border-bottom: 1px solid #ccc; }
div#intro p {font-size:1.5em; line-height: 1.8em; margin: 1em auto; width:520px; padding-left: 240px; background: #eee; color:#000}
div#intro p.index {background: #eee url(../img/diagram-eee-crop.gif) no-repeat top left;min-height:180px; }
div#intro h2 {margin: 0em auto; width:520px; padding-left: 240px; color:#000}
div#intro h3 {margin: 0.643em auto 0em auto; width:520px; padding-left: 240px; color:#000}

/* Footer */

div#footer {font-family: Verdana, Arial, Helvetica, sans-serif; background:transparent}
div#footer p {font-size:1em;background:#fff;color:#ccc;margin:0 auto; padding: 1em 0; width:760px; border-top:1px solid #ccc}
div#footer a {color:#ccc;}
div#footer a:hover {color:#000;}

/* Lists */

div#main ul { list-style:none; font-size: 1.4em; line-height:1.5; margin:0 0 1.5em 0;border-top: 1px dotted #ccc; }
div#main ul li {clear:both;text-indent:0;border-bottom: 1px dotted #ccc; margin: 0.5em 0; padding: 0.5em 0 1em 12px; background: transparent url(../img/right666.gif) no-repeat  0px 0.8em;}
div#main ol {list-style-type: upper-alpha; list-style-position: inside; font-size: 1.4em; line-height:1.5; margin:0 0 1.5em 0;border-top: 1px dotted #ccc; }
div#main ol li {text-indent:0; border-bottom: 1px dotted #ccc; margin: 0.5em 0; padding: 0.5em 0 1em 12px;background: transparent url(../img/right666.gif) no-repeat  0px 0.8em;clear:both;}
div#main ol.numbered {list-style-type: decimal; }

div#main ul ul, div#main ul ol, div#main ol ol {border-top: 0;list-style:none; font-size: 1em; line-height:1.5; margin: 0}
div#main ul li ul li, div#main ol li ol li, div#main ul li ol li, div#main ol li ul li {border-bottom: 0px; border-top: 1px dotted #ccc; background: transparent url(../img/right666tiny.gif) no-repeat 0px 1.1em; margin:0.5em 0 0 0;padding: 0.5em 0 0.5em 10px}
div#main ul.themes li {width:236px; display: block; float:left;clear:none;list-style:none; border-bottom: 1px dotted #ccc; margin: 0.5em 10px 0 0; }
div#main ul.themes li.bottomrow {border-bottom: 0px; }

div#main dl { list-style:none; font-size: 1.4em; line-height:1.5; margin:0 0 1.5em 0;border-top: 1px dotted #ccc; }
div#main dl dt {font-weight:bold;clear:both;text-indent:0; margin: 0.5em 0 0 0; padding: 0.5em 0 0 12px; background: transparent url(../img/right666.gif) no-repeat  0px 0.8em;}
div#main dl dd {clear:both;text-indent:0;border-bottom: 1px dotted #ccc; margin: 0 0 0.5em 0; padding: 0.5em 0 1em 12px; background: transparent;}

div#main dl dd ol {border-top: 0;list-style:none; list-style-position: inside; font-size: 1em; line-height:1.5; margin: 0}
div#main dl dd ol li {text-indent:-1.4em; border-bottom: 0px; border-top: 1px dotted #ccc; background: transparent ;margin:0.5em 0 0 1.4em;padding: 0.5em 0 0 1.4em}

div.speakers p {border-bottom: 1px dotted #ccc; margin: 0.5em 0; padding: 0.5em 0 1em 0;}
div.speakers p.final {border-bottom: 0;}

	/* Submenu */
	div#main ul.submenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; display: block;float:left;clear:both;width:100%; margin:0 0 1.5em 0; padding:0px 0 0 0;list-style:none;border-top: 0;border-left: 1px solid #ccc;background: transparent; }
	div#main ul.submenu li { clear:none;float:left;text-align:center; margin:0px 0 0 0; padding:0 0 0 0px; border-right: 1px solid #ccc;border-bottom:0;background: transparent;}
	div#main ul.submenu li a { float:left; display:block; padding:5px 10px; text-decoration:none; font-weight:normal; font-style:normal;background: transparent;}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	div#main ul.submenu li a {float:none;}
	/* End IE5-Mac hack */
	div#main ul.submenu li a:hover { background: #eee;}

/* Special links + text blocks */

div#main p img {margin:0.1em 1em 0.1em 0; display:block; float:left; border:1px solid #ccc}
div#main ul li img {margin:0.1em 1em 0.1em 0; display:block; float:left; border:1px solid #ccc}
div#main ol li img {margin:0.1em 1em 0.1em 0; display:block; float:left; border:1px solid #ccc}
a.highlight {display:block;display:block;background: #eee url(../img/pencil.gif) no-repeat 10px center ; padding:10px 10px 10px 36px;margin:0 0 1.5em 0; font-weight:bold; border: 1px solid #ccc;}
a.highlight:hover{border:1px solid #000;}
a.highlight:visited:hover{border:1px solid #999;color:#333;}
a.email {display:block;display:block;background: #eee url(../img/email.gif) no-repeat 10px center ; padding:10px 10px 10px 36px;margin:0 0 1.5em 0; font-weight:bold; border: 1px solid #ccc;}
a.email:hover{border:1px solid #000;}
a.email:visited:hover{border:1px solid #999;color:#333;}
.download {background: transparent url(../img/dl.gif) no-repeat center left; padding-left:12px;}
a.pdf {display:block;display:block;background: #eee url(../img/page_white_acrobat.png) no-repeat 10px center ; padding:10px 10px 10px 36px;margin:0 0 1.5em 0; font-weight:bold; border: 1px solid #ccc;}
a.pdf:hover{border:1px solid #000;}
a.pdf:visited:hover{border:1px solid #999;color:#333;}
a.doc {display:block;display:block;background: #eee url(../img/page_white_word.png) no-repeat 10px center ; padding:10px 10px 10px 36px;margin:0 0 1.5em 0; font-weight:bold; border: 1px solid #ccc;}
a.doc:hover{border:1px solid #000;}
a.doc:visited:hover{border:1px solid #999;color:#333;}
.register {display:block;background: #eee url(../img/page_white_edit.png) no-repeat 10px center ; padding:10px 10px 10px 36px;margin:0 0 1.5em 0; font-weight:bold; border: 1px solid #ccc;}
.register:hover {border:1px solid #000;}
li .pdf {margin-left:-12px;margin-top:10px;}
.external-link {display:block;background: #fc0; padding:10px;}
.announce {color:#000; display:block;background: #eee; border:1px solid #ccc; padding:10px;margin:0 0 1.5em 0;}
.announce p {margin-bottom: 0}
.registration {display:block;background: #fff; padding:10px;margin:0 0 1.5em 0; border: 1px solid#eee}
li span.summary span.action {font-weight:bold;}
span.notes {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.643em; line-height:1.286em; color:#666;}
img.sponsor {margin: 0 10px 40px 0;}
/* Tables */

table {font-family:Verdana, Arial, Helvetica, sans-serif; width: 520px;padding: 0;margin:0 0 1.5em 0; font-size:1.1em;line-height:1.5em;}
caption {padding: 0 0 0.5em 0;width: 520px;font-style:italic;text-align: right;}
th {font-weight:normal; color: #fff; border-right: 1px solid #333; border-bottom: 1px solid #333; text-align: left; padding: 1em; background: #000 ;}
th.first {border-left: 1px solid #333;}
td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 1em; color: #333; }
th.type{ background: #fff; letter-spacing: 0em; text-transform: none; color:#000; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
td.alt, th.alt, tr.alt, tr.alt th {background: #eee;color: #000;}
tr.stream th {background: #bfe5f2;color: #333; font-weight:normal;}
tr.stream td {background: #bfe5f2;color: #000; font-weight:bold;}

/* Forms  */

#mailform { margin: 0px; width:100%; }
fieldset { margin: 0 0 2em 0; border:0;padding: 0em 2em 2em 2em; background: #eee;}
#FORM3 fieldset { margin: 0 0 2em 0; border:0;padding: 2em 2em 2em 2em; background: #eee; border:1px solid #ccc; }
#FORM3 p { font-weight:bold;}
#FORM3 #editaccess { margin-top: 1em;}
legend { margin:-1em 0 2em -1.5em; padding:1em 0; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;color: #000}
label { font-size: 1.4em; line-height: 1.4em; color: #333; }
.bitz {margin: 4px; }
.mailformbox { width: 280px; padding: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666; background-color:#fff; margin: 4px 0px; border: 1px solid #ccc; }
.halformbox { width: 120px; padding: 4px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666; background-color:#fff; margin: 4px 20px 4px 0px; border: 1px solid #ccc; }
.mailformmsg { width: 280px; height: 120px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; padding: 4px; color: #666; background-color:#fff; margin: 4px 0px; border: 1px solid #ccc; }
.mailcheckbox { color: #666; border-width: 0px; margin: 5px 10px 0px 0px; }
.send { margin: 10px 0px 0px 0px; }

#cse-search-box { margin: 0 0 2em 0; border:0;padding: 2em 2em 2em 2em; background: #eee;}
.searchbox { width: 280px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #666; background-color:#fff; margin: 0px 1em 0 0; border: 1px solid #ccc; }