/*
 * Author: CT Ware <ctware@us.ibm.com>
 * Created: 09/17/2007
 * Version: base.css, v1.0 2007/09/17
 *
 * A scrolling body (if necessary) and a local navigation menu 
 * (navbar) along the topside below the company logo, supporting
 * tooltips.
 */


/* Give the body some margins to make room for the menu */
html {
  margin: 0;
}
body {
	margin:0;
	background:#EEEEEE; /* gray */
}

A:link {
	color: maroon;
	text-decoration: none;
}

A:visited {
	color: blue; 
	text-decoration: none;
}

A:hover {
	color: green;
	text-decoration: none;
}

/* stylize the center of the page */
#content {
	width:700px;
	position:absolute;
	left:50%;
	margin-left:-350px;
	background: #EEEEEE url(../images/solback.gif) bottom center no-repeat; 
}

  
/* right align address tag */
address {
	text-align: right;
}


/* Hide span tags, for tooltips */
span {
	display: none;
	z-index:8;
} 
/* end of body behavior */


  
/* Local navigation menu, along the top */
/* header of menu (company logo etc.)*/
#header {
	width:100%;
	height:185px;
	background:#EEEEEE url(../images/header.gif) top center no-repeat; /* gray */
}

/* basic setup for navbar */
#navbar
{
   margin-left: 0px; 
   padding: 0px;
   background: #EEEEEE; /* gray */
   height: 25px;
   z-index: 7;
}

/* basic setup for navigation list */
#navlist
{
   margin: 0px;
   padding-left: 35px;
   z-index: 7;
}
#navlist li
{
   list-style: none;
   float: left;
}

/* setup behavior of navlist/navbar */
#navbar a, #navlist li.extend
{
   margin: 0px;
   display: block;
   padding: 1px 25px;  /* this must match the hover values */
   text-decoration: none;
   background: #EEEEEE; /* gray */
   font: bold 12px verdana, serif;
   color: black; 
   position:relative; /* needed for the tooltips */
}

/* change color when hovering over a menu item or if 
 * currently on the given page */
#navbar a:hover, a#current, a#subcurrent
{
   padding: 1px 25px;
   background: #94B5DE;  /* lt blue */
   border-style: solid;
   border-width: 1px;
   border-color: #333;
   color: white;
}

#navbar a#current, a#subcurrent
{
   border-style: none;
}

/* Tooltips for navbar */
#navbar a:hover span{ 
    display:block;
    position:absolute;
    top:2em; left:2em; 
    width:15em; 
    border:1px solid #000;
    background-color:#FFF; 
    color:#000;
    text-align: center;
    font: normal 12px arial;
}

#navbar #subcurrent 
{
    background-color: #D0E1F2;
}

/* end of tab behavior */



/* right-align text box behavior */
#newshead {
	text-align: center;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	padding: 5px;
	color:  #800000; /* red */
	background: #BBBBBB url(../images/newstop.jpg)  no-repeat top center;  /* gray */
	border-style: none;
	border-width: 1px 1px 0px;
	border-color: #000;
	font: normal 18px arial;
	width: 200px;
}
#newsbody {
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	padding: 5px;
	color:  #000080; /* navy */
	background: #DDDDDD url(../images/newsbot.jpg)  no-repeat bottom center;  /* gray */
	border-style: none;
	border-width: 0px 1px 1px;
	border-color: #000;
	font: normal 14px arial;
	width: 200px;
}


#contenttbl {
	margin-top: 25px;
}


a.scrollover {
      /* Default Colour/Styles here */
      color: maroon;
}
a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
      color: green;
}


#emergency {
	color: blue;
	font: normal 20px arial;
	border-style: none;
	border-width: 1px;
	border-color: #000;
	padding: 5px;
	text-align: center;

}

#greentop {
	text-align: center;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	padding: 5px;
	color:  #FFFFFF; /* white */
	background: #008400 url(../images/greentop-600px.gif)  no-repeat top center;  /* gray */
	border-style: none;
	border-width: 1px 1px 0px;
	border-color: #000;
	font: normal 18px arial;
	width: 590px;
}


#greenbot {
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	padding: 5px;
	color:  #000000; /* black */
	background: #D5FFD5 url(../images/greenbot-600px.gif)  no-repeat bottom center;  /* light green */
	border-style: none;
	border-width: 1px 1px 0px;
	border-color: #000;
	font: normal 14px sans;
	width: 590px;
}

#floatl {
	float: left;
	margin:0px 10px 0px 0px;
}

#floatr {
	float: right;
	margin:0px 0px 0px 10px;
}

#tabrt {
	display: inline;
	margin-top: 0px;
	margin-right: 10px;
	float:right;
}

#classhead {
	text-align: center;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	padding: 5px;
	color:  #800000; /* red */
	background: #BBBBBB url(../images/classtop.jpg)  no-repeat top center;  /* gray */
	border-style: none;
	border-width: 1px 1px 0px;
	border-color: #000;
	font: normal 18px arial;
	width: 600px;
}
#classbody {
	text-align: left;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 0px;
	padding: 5px;
	color:  #000080; /* navy */
	background: #DDDDDD url(../images/classbot.jpg)  no-repeat bottom center;  /* gray */
	border-style: none;
	border-width: 0px 1px 1px;
	border-color: #000;
	font: normal 14px arial;
	width: 600px;
}

/* EOF */