/* ************************************* */
/*  SPICE Conference 2010 Site Styles    */
/* ************************************* */


body {
  background-color:#ffffff;
  margin-top:7px;
  margin-right:0px;
  margin-left:0px;
  margin-bottom:0px;
  font-family:Tahoma;
  font-size: 13px;
}
	
.main {
  padding-left:25px;
  padding-right:5px;
  padding-top:0px;
  padding-bottom:35px;
  font-family:Tahoma;
  font-size: 13px;
  color: #5c5c5c;
  line-height: 22px;
}

H1, H2, H3, H4, H5, H6 {margin: 0px 0px 0px 0px;border:0;}
H1 {font-size: 170%;line-height:120%;}
H2 {font-size: 150%;}
H3 {
  padding: 10px 0px 10px 5px;
  font-size: 120%;
}
H4 {
  padding: 0px 0px 25px 5px;
  font-size: 110%;
  font-weight: bolder;
}

        /* *** anchor re-settings *** */
a {
  margin:0;
  padding:0;
  font-family:Tahoma;
  font-size: 13px;
  color: #B92827;
  line-height: 18px;
  text-decoration: none;
}

a:hover { 
  text-decoration: none; 
  color: #B92827;
}

hr {
  display: block;
  margin: 0px auto 0px auto;
  padding: 0px 5px 0px 5px;
  width: 80%;
}
	

/* **** List styles re-resettings **** */
ul, li {
  list-style:none;
  border:  0;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;} 

/* **** Spice List styles **** */
ul {
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
}

li {
  font-family:Tahoma;
  font-size: 13px;
  color:#5c5c5c;
  text-indent: 15px;
  padding: 0px 0px 5px 0px;
  line-height: 20px;
  list-style-type:disc;  
  text-decoration:none;
}

/* **** Spice Par styles **** */
p {
  border:  0;
  margin:  5px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  text-indent: 15px;
  text-align: justify;
}

img {border:0px;}

/* *************************************** */



/* *** menu style ************************ */
a.menu:link, a.menu:active, a.menu:visited {
  font-size: 11px;
  padding: 10px 0px 5pt 10px;
  line-height:22px;
}


.submenu {
  font-size: 11px;
  line-height: 18px;  
  padding: 5px 0px 5pt 10px;
  /* border:1px solid green; */
}

a.submenu:link, a.submenu:active, a.submenu:visited a.submenu:hover {
  font-size: 11px;
  line-height: 5px;
  text-indent: 5px;
  text-decoration:none;
  padding: 0px 0px 0pt 5px;
}

.submenu a        {color: #5c5c5c;}
.submenu a:link   {color: #5c5c5c;}
.submenu a:active {color: #DE6767;}
.submenu a:hover  {color: #B92827;}



/* *** numbered lists style *** */
ul.numberedlist li {list-style: decimal;}


/* ===== Title Styles ===== */
#banner {
    background-image:  url(../images/spicebanner.jpg);
    background-repeat: no-repeat;
    height: 200px;
    width: 800px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:20px;
}

.spice {
   margin-top:  0px;
   margin-left: 155px;
   font-size:   36px;
}

.text  {
   margin-top:  50px;
   margin-left: 170px;
   font-size: 20px;
}

.where {
   margin-top:  16px;
   margin-left: 600px;
   /* color: MidnightBlue; */
   color: #000044;
   font-size: 16px;
}

.spice, .text, .where {
   position: absolute;
   font-style:  normal;
   /* font-weight: bold; */
   /* font-family: Georgia, "Times new Roman", serif; */
   font-family:Arial, Verdana, Sans-serif;
}
/* ======================== */


/* *** titles and paragraph style *** */
/* title of any page style */
.pagetitle {
  display: block;
  padding: 5px 0px 15px 0px; 
  margin: 0px 0px 0px 0px;
  border: 0;
  text-indent: 45px;
  text-decoration: none;
  text-transform: none;
  font-weight: bolder;
  font-size: 115%;
}

.partitle {
  display: block;
  border: 0;
  padding: 10px 0px 5px 0px; 
  margin: 0px;
  text-indent: 0px;
  text-decoration: none;
  text-transform: none;
  font-size: 110%;
  font-weight: bold;
  /* font-variant: small-caps; */  
}

.par {
  border: 0;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;  
  text-decoration: none;
  text-transform: none;
}



div.deadline {
 background: transparent;
 border: 1px solid #B92827;
 color: #B92827;
 display: block;
 font-size: 14px;
 Height: 30px;
 margin: auto;
 padding: 5px 5px 5px 5px;
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 Width: 380px;
}

.redtext {color: #B92827;}


/* ===== NEWS Styles ===== */
.date {
	background: url(../images/date.png) no-repeat left center;
	float:left;
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-weight:bold;
	padding-top:2px;
	text-align:center;
	text-transform: uppercase;
	height: 50px;
	width: 43px;
}
.date span {display:block;}
.year {
color:#fff;
font-size:90%;
letter-spacing:-0.75px;
margin-top:-3px;
}
.month {
color:#666666;
letter-spacing:-0.55px;
font-size: 90%;
margin-top:1px;
}
.newstitle {
      padding: 5px 0px 0px 10px;
      margin: 0px 0px 0px 50px;
      font-size: 100%;
      font-weight: bold;
}
.newscontent {
      padding: 0px 0px 30px 0px;
      margin: 0px 0px 0px 60px;
      font-size: 90%;
      text-indent: 1em;
      
}
/* ======================== */



/* generic elastic container */
.container {
  display: block;
  background: transparent;
  border: 1px solid #B92827;
  margin: auto;
  padding: 10px 10px 10px 10px;
  width: 90%;
  color: #5c5c5c;
  text-decoration: none;
  vertical-align: middle;
}

a.greylink, a.greylink:link, a.greylink:active, a.greylink:visited a.greylink:hover {
  color: #5c5c5c;
  text-decoration:none;
}

.spacer {
  border:  0;
  /* border:  1px solid red; */
  margin:  0px 5px 0px 0px;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height:1px;
  display:block;
}

.spin {
  display: block;
  border:  1px dotted #641515;
  margin:  30px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 100%;
}


.overspin {
  border:  0;  
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  line-height:100%;
  width:  176px;
  height: 100px;
  background: white url(../images/spin1.jpg) no-repeat;
}

.overspin a {
  display: block;
  border:  0;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: white;
  text-align: center;
  vertical-align: middle;
  background: white url(../images/spin1.jpg) no-repeat;
}

.overspin a, .overspin a:active, .overspin a:link, .overspin a:visited {
  background: white url(../images/spin1.jpg) no-repeat;
}

.overspin a:hover {
  background: white url(../images/spin2.jpg) no-repeat;
 }


li.multiline {
  padding: 0px 0px 30px 0px;
  line-height: 22px;
}

.hline {
  border:  1px solid red;
  margin:  0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  vertical-align: middle;
  line-height:1px;
  font-size: 0px;
  width: 300px;
}


/* spice program table styles */
.progtable {
  width:100%;
  border-collapse:collapse;
  color: black;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
  border:  0;
  margin:  0px 0px 0px 0px;
}

.progtable td {
  border:1px solid #A52A2A;
  padding:8px 4px 4px 4px;
  vertical-align: top;
}

.progtable tr.cf {
  line-height:12px;
  font-variant: small-caps;
  vertical-align: bottom;
}

.progtable tr.cf td {padding:6px 0px 6px 0px;}


.progtable td.w {
  background-color:white;
  color: green;
  font-weight: bold;
}

.progtable td.h, .progtable span.h, .progtable div.h {
  background-color:white;
  color: black;
  font-weight: bold;
  vertical-align:top;
  width:10%;
  padding:8px 5px 0px 5px;  
}

.progtable td.k {
  background-color: #000099;
  color: white;
  border:  0;
  margin:  0px 0px px 0px;
  padding: 5px 0px 5px 0px;
  border: 1px solid #000099;
}

div.k {
   border: 0; 
   margin:  10px 5px 10px 15px;
   padding: 0px 0px 0px 0px;
   float: left;
   width:70%;
}

.k a        {color: white;}
.k a:link   {color: white;}
.k a:active {color: white;}
.k a:hover  {color: white;}


.progtable td.y {
  background-color: #FFFF66;
  font-weight: bold;  
}

.progtable tr.t {
  color: black;
  font-weight: bold;
  line-height:12px;
  font-size: 90%;
  font-variant: small-caps;
}

/* tutorial day program styles */
.progtable td.gt {background-color: #50DE50;}
.progtable td.g  {background-color: #98FB98;}
.progtable td.bt {background-color: #63B8DB;}
.progtable td.b  {background-color: #8FD9F7;}
.progtable td.rt {background-color: #FF6666;}

.progtable td.ot {background-color: #EDB33E;vertical-align:middle;}
.progtable td.o  {background-color: #FFCC66;vertical-align:middle;}
.progtable td.vt {background-color: #CC99CC;vertical-align:middle;}
.progtable td.v  {background-color: #F0C2F0;vertical-align:middle;}

.o a, .ot a, .v a, .vt a                             {color: black;font-size:110%;}
.o a:link, .ot a:link, .v a:link, .vt a:link         {color: black;font-size:110%;}
.o a:active, .ot a:active, .v a:active, .vt a:active {color: black;font-size:110%;}
.o a:hover, .ot a:hover, .v a:hover, .vt a:hover     {color: black;font-size:110%;}


/* program events styles */
.event {
  display: block;
  font-weight: normal;
  color: #5c5c5c;
  border:  0;
  margin:  10px 0px 10px 0px;
  padding: 0px 0px 0px 10px;
}

.event ul, .event li {
  border:  0;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.event .hour {
  display: block;
  font-weight: bold;
  text-indent: 25px;
  font-size: 110%;
  border:  0;
  margin:  0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}
.event .auth {
  display: block;
  font-variant: small-caps;
  text-indent: 15px;
  color: #5c5c5c;
  border:  0;
  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}
.event .room {
   font-variant: small-caps;
   font-weight: bold;
   font-size: 90%;   
}

.event .title {
 display: block;
 font-style:italic;
 text-indent: 15px;
 color: #5c5c5c;
 border:  0;
 margin:  0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
}

.event.cf {
 font-variant: small-caps;
 font-weight: bold;
 text-indent: 25px;
 border:  0;
 margin:  20px 0px 20px 0px;
 padding: 0px 40px 0px 10px;
}

.event.b {border: 1px solid #8FD9F7;}
.event.g {border: 1px solid #98FB98;}
.event.k {border: 1px solid #000099;}
.event.o {border: 1px solid #EDB33E;padding: 15px 15px 15px 15px;height:110px;}
.event.v {border: 1px solid #CC99CC;padding: 15px 15px 15px 15px;height:110px;}


div.o, div.v, div.kb {
   border: 0;
   margin:  0px 0px 0px 0px;
   width:99%;
   padding: 0px 0px 0px 0px;
   height:120px;
}
div.o  {border: 1px solid #EDB33E;}
div.v  {border: 1px solid #CC99CC;}
div.kb {border: 1px solid #000099;}

img.icon {
 border:  0;
 margin:  0px 0px 0px 0px;
 padding: 0px 5px 0px 5px;
 width: 75px; 
 height: 100px;
}

img.iconfr {
 border:  0;
 position: relative;
 top: 0px;
 margin:  0px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
 width: 75px; 
 height: 100px;
 float: right;
}
img.iconfl {
 border:  0;
 position: relative;
 top: 0px;
 margin:  0px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
 width: 75px; 
 height: 100px;
 float: left;
}