body {
 background-color:white;
 background-image: url(../img/bgNew2.jpg);
 background-repeat: no-repeat;
 margin: 0px;
}

body, p, td, th, a {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: small;
 color: darkslategray;
}

a.sidemenu {
 font-family: tahoma, arial, helvetica, sans-serif;
 font-size: small;
 color: olive;
 font-weight:bold;
 text-decoration:none;
}

a.sidemenu:hover, a.sidemenu:active  {
 color: orangered;
 font-weight:bold;
 text-decoration:none;
}


h1 { font-family:arial; font-size:14pt; font-weight:bold; color:#86C2A2; margin: 0px; }
h3 { /* margin-top: 6px; margin-bottom: 6px; */ }
h4 { font-family: arial; font-size: 11pt; font-weight: bold; color: #800000; margin-top: 0px; margin-bottom:0px; }


th {
  background: #4080C0;
  color: white;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  vertical-align: top;
  text-align: left;
}


td.prompt {
  color: slategray;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  vertical-align: top;
}

td.value {
  color: darkslategray;
  font-family: arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}

.orangebutton {
  background: orangered;
  color: white;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 9pt;
  border-left: black 1px solid; 
  border-bottom: black 1px solid; 
  border-right: black 1px solid; 
  border-top: black 1px solid; 
}



.bluebutton {
  background: #4080C0;
  color: white;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 9pt;
  border-left: black 1px solid; 
  border-bottom: black 1px solid; 
  border-right: black 1px solid; 
  border-top: black 1px solid; 
}

.graybutton {
  background: gray;
  color: white;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 9pt;
  border-left: black 1px solid; 
  border-bottom: black 1px solid; 
  border-right: black 1px solid; 
  border-top: black 1px solid; 
}


.tdtitle { 
      font-family: arial narrow, arial, helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      border-style: none none solid none;  
      border-color: silver;
      border-width: 4; 
      padding-left: 20px;
    }

.tdRespo { 
      color: slategray;
      font-family: arial narrow, arial, helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      border-style: none none solid none;  
      border-color: silver;
      border-width: 4; 
      padding: 4 0 4 0;
      margin: 10 0 10 0;
      text-align: right;
    }

.tdNotes { 
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 9pt;
      font-weight: normal;
      background: white; 
      border-style: none none solid none;  
      border-color: silver;
      border-width: 4; 
      padding-left: 20px;
    }

.tdPassive { 
      border-style: none none solid none;  
      border-color: skyblue skyblue skyblue skyblue; 
      border-width: 1 1 1 1; 
      padding: 4 0 4 0;
      margin: 0 0 0 0;
    }

.tdActive { 
      background: navy; 
      border-style: none none solid none;  
      border-color: skyblue skyblue skyblue skyblue; 
      border-width: 1 1 1 1; 
      padding: 4 0 4 0;
      margin: 0 0 0 0;
    }

.tdPrompt { 
      font-family: arial, sans-serif;
      font-size: 10pt;
      color: slategray;
      vertical-align: top;
      text-align: right;
    }

.flat {
  border-left: gray 1px solid; 
  border-bottom: gray 1px solid; 
  border-right: gray 1px solid; 
  border-top: gray 1px solid; 
  color: navy;
  font-family: arial,helvetica,sans-serif; 
  font-size: 9pt; 
  font-weight: bold;
  padding-left: 5px;
}


P.BBArea {
  color: white;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  margin-left: 20px;
}


P.BBStrand {
  color: lightblue;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  margin-left: 50px;
}

P.BBMessage {
  color: #FFFFE0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  margin-left: 80px;
  width: 450px;
}

span.sidenote { color: slategray; font-size:8pt; }
span.sidemenu {font-size:8pt; color:#3399ff; font-weight:bold;}
span.display {font-size:8pt; color:#FFFFFF; font-weight:bold;}
span.sidemenuactive {font-size:8pt; color:#FF6600; font-weight:bold;}
span.date {font-size:8pt; color:#000099; font-weight:bold;}
span.pagetitle {font-size:14pt; color:#000099; font-weight:bold; line-height:40px;}
span.basic {font-size:10pt; color:#333333; font-weight:plain;}
span.smallbasic {font-size:8pt; color:#666666; font-weight:plain;}
span.basicdata {font-size:8pt; color:#333333; font-weight:bold;}
span.itemtitle {font-size:10pt; color:#000099; font-weight:bold;}
span.itemdesc {font-size:10pt; color:#333333; font-weight:plain;}
span.grouptitle {font-size:10pt; color:#3399ff; font-weight:bold;}
span.threadtitle { font-size:10pt; color:navy; font-weight:bold;}
span.threadauthor { font-size:10pt; color:#333333; font-weight:bold;}
span.groupname {font-size:10pt; color:#333333; font-weight:bold;}
span.threadname {font-size:10pt; color:#333333; font-weight:bold;}
span.messagetitle {font-size:10pt; color:#333333; font-weight:bold;}
span.messagesubject {font-size:10pt; color:#333333; font-weight:bold;}
span.warning {font-size:10pt; color:orangered; font-weight:bold;}
span.edititem {font-size:12pt; color:olive; font-weight:bold;}
span.emailtitle { font-family: courier new, sans-serif; font-size:10pt; color:#333333; }
span.emailtext { font-family: courier new, sans-serif; font-size:10pt; color:#333333; }

tr.odd { background: #E8F0E9; font-family: verdana; font-size: 8pt; color: #005A29; }
tr.even { background: #CEDECF; font-family: verdana; font-size: 8pt; color: #005A29; }
tr.colheads { background: navy; font-family: verdana; font-size: 8pt; color: white; font-weight: bold; }
tr.sql { background: white; font-family: verdana; font-size: 8pt; color: orangered; font-weight: normal; }

td.messagetitle {background: #E0E0E0; text-align: left; font-size:10pt; color:#333333; font-weight:bold;}
td.threadtitle {background: #E8F0E9; text-align: left; padding-left:4px;}
td.threadauthor {text-align: left; }
td.messageauthor {font-size:8pt; color:gray; font-weight:bold;}
td.threadtext {font-size:8pt; color:navy; font-weight:normal; padding-left:20px; padding-top:10px;}
td.messagetext {font-size:8pt; color:navy; font-weight:normal; padding-left:20px; padding-top:10px;}

td.diarydates { 
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 9pt; 
 font-weight: bold;
 color: #4080C0; 
 border-style: none none none none; 
 border-color: silver; 
 border-width: 4;  
 padding-left: 5px; 
 padding-top: 10px; 
}
td.diaryevent { 
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 9pt; 
 font-weight: bold;
 border-style: none none none none; 
 border-color: navy; 
 border-width: 4;  
 padding-left: 20px; 
}
td.diaryvenue { 
 font-family: arial, helvetica, sans-serif; 
 font-size: 8pt; 
 font-weight: normal;
 border-style: none none solid none; 
 border-color: silver; 
 border-width: 4;  
 padding-left: 20px; 
 padding-bottom: 10px; 
}
span.EventTitle {
  font-family: arial, helvetica, sans-serif;
  color: black;
  font-size: 10pt;
  font-weight: bold;
}

span.MonthTitle {
  font-family: arial, helvetica, sans-serif;
  color: black;
  font-size: 12pt;
  font-weight: bold;
}

span.Department {
  font-family: arial, helvetica, sans-serif;
  color: olive;
  font-size: 12pt;
  font-weight: bold;
}

td.yeargroup { 
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 9pt; 
 font-weight: bold;
 /* background: #E0E0E0;  */
 color: #4080C0; 
 border-style: none none solid none; 
 border-color: white; 
 border-width: 1px; 
 padding: 4px 4px 4px 4px;
}

hr { height: 1px; color: silver; }

a {
 color: #005A29;
 text-decoration: none;
}

a:active, a:hover {
 color: #83A786;
 text-decoration: none;
}

#menudiv
{
font-family: tahoma, arial, helvetica, sans-serif;
font-size: small;
font-weight:normal;
color: darkslategray;
line-height: 1.5em;
text-align: left;
margin: 0px;
padding:12px;
position: absolute;
top: 140px;
left: 0px;
width:142px;
white-space: normal;
z-index:2;
}

#col1div
{
/*background-color: #ffff88;*/
font-family: tahoma, arial, helvetica, sans-serif;
font-size: small;
font-weight:normal;
color: darkslategray;
line-height: 1.2em;
text-align: left;
margin: 0 0 0 0px;
padding:0px;
position: absolute;
top: 140px;
left: 175px;
width:195px;
white-space: normal;
z-index:3;
}

#col2div {
/*background-color: #ffff88;*/
font-family: tahoma, arial, helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: darkslategray;
line-height: 1.2em;
position: absolute;
top: 140px;
left: 380px;
width: 195px;
white-space: normal;
z-index:4;
}

#col1and2div {
/*background-color: #ffff88;*/
font-family: tahoma, arial, helvetica, sans-serif;
font-size: small;
font-weight:normal;
color: darkslategray;
line-height: 1.4em;
text-align: left;
margin: 0 0 0 0px;
padding:0px;
position: absolute;
top: 140px;
left: 175px;
width:400px;
white-space: normal;
z-index:3;
}


#col3div {
/*background-color: #ffff88;*/
font-family: tahoma, arial, helvetica, sans-serif;
font-size: small;
font-weight: normal;
color: darkslategray;
line-height: 1.2em;
position: absolute;
top: 140px;
left: 600px;
width: 172px;
white-space: normal;
border-left: #86C2A2 1px solid;
padding-left:10px;
z-index:5;
}

#fullwidth {
width:595px;
/* background-color:yellow; */
font-family: tahoma, arial, helvetica, sans-serif;
font-size: small;
font-weight:normal;
color: darkslategray;
line-height: 1.4em;
text-align: left;
margin: 0 0 0 0px;
padding:0px;
position: absolute;
top: 140px;
left: 180px;
white-space: normal;
z-index:3;
}


span.small {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: x-small;
font-weight: normal;
color: slategray;
line-height: 1.00em;
}

small {
font-size: 8pt;
}