/* Screen cascading style sheet for SRS Conference website */

body {
  background: #acacac;
  font-family: Verdana, Arial;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

a {color: #ef6b10; font-weight: bold; text-decoration: none}
a:hover {color: #000}

blockquote {font-style: italic}

h1 {border-bottom: 1px solid #ef6b10; color: #949494; font-family: arial; font-size: 1.5em; text-align: right}

h2 {font-family: arial; font-size: 1.1em; margin-top: 30px; text-align: left}
h2.banner {display: block; background: #ef6b10; color: #FFF; padding: 3px}

img {border: 0}

li {margin: 5px 0}

p {text-align: justify}

span.indexHead {display: block; font-family: arial; font-size: 1.4em; font-weight: bold; text-align: center}

table {font-size: 1em}

table.conc {background: #f4f3e9}
table.conc th {text-align: center; width: 220px}
table.conc td {vertical-align: top}
table.reg td {text-align: center} 
table.reg td.right {text-align: right}
table.reg th {background: #f4f3e9; text-align: center}

ul {list-style-type: square}

/* DIV CLASSES & IDS */

#aboutImgs {
  float: left;
  background: #f4f3e9;
  border: 1px solid #ef6b10;
  font-size: 0.8em;
  font-style: italic;
  padding: 0 0 4px 4px;
  text-align: center;
}

.aboutImg {
  float: left;
  font-style: normal;
  padding: 4px 4px 4px 0;
  width: 152px;
}

.aboutImg img {border: 1px solid #ef6b10;}

#container {
  margin: auto;
  width: 900px;
}

#footer {
  float: left;
  background: url(images/footer.jpg) right no-repeat #FFF;
  font-size: 0.9em;
  text-align: center;
  height: 75px;
  width: 900px;
}

#footerBar {
  float: left;
  background: #dedcc8;
  color: #000;
  font-size: 0.85em;
  padding-top: 6px;
  text-align: center;
  height: 19px;
  width: 900px;
}

#footerBar a {font-weight: normal}

#footerLeft {
  float: left;
  font-size: 0.85em;
  padding: 6px 0 0 5px;
  text-align: left;
  width: 300px;
}

#footerRight {
  float: right;
  padding: 40px 0 0 5px;
  text-align: right;
  width: 100px;
}

#footerValid {
  float: right;
  margin-right: 12px;
  width: 50px;
}

#header {
  float: left;
  background: url(images/header.jpg);
  border-bottom: 1px solid #dedcc8;
  height: 140px;
  width: 900px;
}

#headerAlt {
  float: left;
  background: url(images/headerAlt.gif);
  height: 100px;
  width: 900px;
}

.highlight {
  background: url(images/accommHighlight.jpg) right no-repeat #f4f3e9;
  padding: 10px 180px 10px 10px;
}

.imgcenter {
  margin: 10px auto;
}

.imgleft {
  float: left;
  font-size: 0.8em;
  margin: 5px 10px 10px 0;
  text-align: center;  
}

.imgright {
  float: right;
  font-size: 0.8em;
  margin: 5px 0 10px 10px;
  text-align: center; 
}

.imgcenter img, .imgleft img, .imgright img {border: 1px solid #4C4C4C}

#indexImgs {
  float: left;
  background: #dedcc8;
  border-left: 1px solid #dedcc8;
  width: 150px;
}

#indexImgs img {margin-bottom: 30px}

#main {
  float: left;
  background: #FFF;
  padding: 10px 40px 30px 40px;
  text-align: left;
  width: 670px;
}

#mainCont {
  float: left;
  background: #FFF;
}

#mainIndex {
  float: left;
  background: #FFF;
  padding: 10px 40px 20px 40px;
  text-align: left;
  width: 519px;
}

#marginWrap {
  float: left;
  border: 1px solid #000;
  margin: 20px 0;
}

#nav {
  float: left;
  background: #f4f3e9;
  border-right: 1px solid #dedcc8;
  font-weight: bold;
  width: 149px;
}

#nav ul {
  list-style: none;
  margin: 0;
  padding: 0px;
  width: 150px;
}

#nav li {
  margin: 0px;
  padding: 0px;
}

#nav li a {
  display: block;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #dedcc8;
  color: #ef6b10;
  font-size: 0.9em;
  padding: 10px 0 0 4px;
  text-align: left;
  height: 26px;
  width: 146px;
}

#nav li a.current {
  background: #dedcc8;
  border-right: 4px solid #ef6b10;
  padding-left: 4px;
  color: #000;
  width: 141px;
}

#nav li a:hover {
  background: #dedcc8;
  border-right: 4px solid #ef6b10;
  padding-left: 4px;
  color: #000;
  width: 141px;
}

#news {
  float: right;
  background: #444444;
  margin: 5px -50px 0 40px; 
  padding: 3px 0 3px 3px;
  height: 430px;
  width: 142px;
}

#newsBack {
  background: #7E7456;
  height: 430px;
}

#news h2 {display: block; background: #7E7456; border-bottom: 3px solid #444444; color: #FFFFFF; font-size: 0.9em; margin: 0; padding: 2px}
#news span.itemHead {display: block; background: #f8f3ec; color: #B30000; font-size: 0.8em; font-weight: bold; padding: 2px}
#news span.itemBody {display: block; background: #f8f3ec; border-bottom: 3px solid #444444; font-size: 0.8em; padding: 2px 6px}


/* PROGRAMME STYLES */

.panelHead {
  float: left;
  background: #f4f3e9;
  margin: 5px 0;
  width: 600px;
}

.panelHead a {display: block; padding: 5px;}

.progHeadTab a:hover {background: #ef6b10; color: #FFF}

#progBody {
  float: left;
  border: 1px solid #000;
  padding: 10px;
  width: 600px;
}

.progHeadTab {
  float: left;
  background: #f4f3e9;
  margin: 0 5px;
  text-align: center;
  width: 197px;
}

.progHeadTab a {display: block; padding: 5px;}
.progHeadTab a:hover {background: #ef6b10; color: #FFF}
.progHeadTab a.current {background: #ef6b10; color: #FFF}


/* Span Classes */

.progChair {display: block; font-weight: bold; margin-bottom: 10px; text-decoration: underline; width: 600px}
.progEvent {display: block; font-weight: bold; margin: 10px 0; width: 600px}
.progPaper {display: block; margin-bottom: 10px; width: 600px}



/* REGISTRATION FORM STYLES */

.normal {font-weight: normal}

#regForm {
  background: #f4f3e9;
  margin: 30px 0;
  width: 100%;
}

.regFormBody {
  width: 213px;
}

.regFormCenter {
  text-align: center;
}

.regFormDetails {
  font-size: 0.8em;
  text-align: center;
}

#regFormFooter {
  background: #ef6b10;
  padding: 5px;
  text-align: center;
}

.regFormHead {
  background: #ef6b10;
  color: #FFF;
  font-weight: bold;
  padding: 3px;
}

.regFormLabel {
  background: #e0dec5;
  color: #000;
  font-size: 0.9em;
  font-weight: bold;
  padding: 3px;
  text-align: right;
  width: 100px;
}

.regFormTitle {
  background: #e0dec5;
  margin: 2px;
  text-align: center;
  width: 101px;
}

#renSoc {
  padding: 5px
}

#renSoc input {margin: 10px 0}