A {
   text-decoration:none
}

h2 {
  color: #00008b;
  background: transparent;
  font-weight: bold;
  margin-left: 2%;
  margin-right: 2%
}
.me {
   background:#FFFF00;
}
.even {
  background:#DDDDFF;
}
.odd {
   background:#CCDDBB;
}
.accept {
   background:#00FF00;
}
.reject {
   background:#FF0000;
}

/* Sortable tables */
table.sortable thead {
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;

}


div.centerit 
{
  text-align: center;
}
div.centerit table 
{
  margin: 0 auto; 
  text-align: left;
}
div.leftit table 
{
  margin: 0 auto; 
  text-align: left;
}

.leftcol {
    text-align: left;
}

select.icon-menu option {
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:30px;
}

/*Fixed 3 row code  along with header and footer */
body {font-size:100%; font-family:Arial; background:#f0f0f0; word-wrap:break-word;}

#header {position: relative; width: 1200px; margin: 0 auto; text-align: center;  height:100px;  }


#outer1 {float:left; width:25%; }
#outer2 {float:left; width:45%;}
#outer3 {float:right; width:30%; }
/*#outer1, #outer2, #outer3 {padding-bottom:32767px; margin-bottom:-32767px;}*/



#footer {clear:both; background:#455c5a;}

h1 {font-size:25px; margin:0; padding:10px 0; color: #000000;}
h3 {font-size:18px; margin:0; padding:8px 0;}
.content {padding:10px;}

#footer p,
#header p {color:#fff;}

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

#info {height:400px;}

/*
http://www.cssplay.co.uk/layouts/flexible-3column-fix-flex-fix.html
http://www.cssplay.co.uk/layouts/three-column-layouts.html
http://www.cssplay.co.uk/layouts/flexible-3column.html
**/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
position: relative; width: 900px; margin: 0 auto; text-align: center; 
}
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
background: url(./tabrightK.gif) no-repeat right top;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:15px;
width:149px;
padding:7px 0;
color:#ffffff;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{
color:#ffffff;
background:#5C5C68;
background-position:100% -42px;
}
.menu ul ul a:hover{
color:#ffffff;
background:#5C5C68;
}
.menu ul ul a {
background:#90897F;
color:#ffffff;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/*
Hover code
*/
div#links a span {display: none;}
div#links a:hover{z-index:25; background-color:#ff0}
div#links a:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#fff; color:#000;
    text-align: center}

    /*For Ticker*/
#dropcontentsubject{
position: relative
width: 250px;
font-weight: bold;
text-align: center
}

.dropcontent{
position: relative
width: 250px;
height: 100px;
border: 1px solid black;
padding: 3px;
display:none;
text-align: center
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {/*overflow:auto;*/ /*fixes scroll bar problem something is telling unlogged in page to be wide and tall with no content on it*/
	padding-bottom: 75px;}  /* must be same height as the footer */

#footer2 {position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
    background:#455c5a;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

