body {
  background-color: black;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.1em;
}

table td { font-size: 1em; }

p {
  padding-bottom: 0.5em;
}

li {margin-left: 24px;}

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


.clear { clear: both; height: 1px; }


#container {
  position: absolute;
  width: 750px;
  left: 50%;
  margin-left: -375px;  /* must be half the width */
  color: white; 
  background-color: black;
}

#pageHeader, #pageMenu, #pageContent, #pageFooter { clear: both; }


#pageHeader { height: 78px; padding: 18px 24px; background: black url(../stylesheets/header1.gif) bottom right no-repeat; }
* html #pageHeader { height: 70px; }
#pageHeader a img {border: none; }


#toplinks { position: absolute; top: 24px; right: 22px; color: white; font-weight: normal; font-size: 0.7em; }
#toplinks a { color: white; }


#pageTopImage { height: 238px; background-color: #000000; clear: both; overflow: hidden; border-bottom: 5px solid black; }


/* styles for the main menu items (drop down lists) */

#pageMenu { font-size: 0.7em; clear: both; 
  height: 39px; 
  background: blue url(../stylesheets/bg_menu.gif) 0 0 repeat-x; 
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 22px;
}
#pageMenu { font-size: 0.75em; # } /* safari 1+2 */
@media screen and (-webkit-min-device-pixel-ratio:0){   /* Safari 3.0 and Opera 9 rules here */
  #pageMenu { font-size: 0.7em; }
}

#pageMenu a { display: block; width: 101px; line-height: 39px; text-align: center; background: blue url(../stylesheets/bg_menuitem.gif) 0 0 no-repeat; font-weight: bold; }
#pageMenu ul li ul li a { text-align: left; display: block; line-height: 24px; width: 250px; padding: 2px 14px 3px 12px; background: #059AC7 none no-repeat; font-weight: bold; }
#pageMenu ul { list-style: none; }
#pageMenu ul, #pageMenu li { margin: 0; padding: 0;}
#pageMenu ul li { list-style: none; float: left; position: relative; }

/* sub menu items */
#pageMenu ul li ul { position: absolute; display: none; text-align: left; background-color: black; left: 1px; top: 38px; width: 250px; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85; }
#pageMenu ul li ul li { filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
#pageMenu li > #pageMenu ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; }
#pageMenu ul li:hover ul, #pageMenu .sfhover ul { display: block;  }


#pageMenu ul li.last ul li a { width: 132px; }
#pageMenu ul li.last ul { left: -20px; width: 132px; }


#pageMenu a { color: white;  }
#pageMenu a:hover { color: #fff000; text-decoration: none; }



/* page content styles */

#pageContent { clear: both; background-color: white; color: black; font-size: 0.8em;  }

/*
#pageContentLeft { float: left; width: 216px; background: #fff000 top left no-repeat; }
* html #pageContentLeft { width: 216px; }
*/
/* fixed with columns styles: 
#pageContentMiddle { float: left; width: 372px; padding: 4px 12px 0px 0px; background-color: #FFF000; }
* html #pageContentMiddle { width: 372px; }
#pageContentRight { float: left; width: 192px; padding: 4px 0px 0px 0px; background-color: #FFF000; }
* html #pageContentRight { width: 192px; }
*/

/* stretchy middle-column styles : */
#pageContentMiddle { margin-right: 252px; padding: 20px 22px 48px 22px; }

#pageContentFull { padding: 20px 22px 48px 22px; }

#pageContentRight { float: right; width: 234px; padding: 20px 20px 48px 0px; background-color: white; margin-bottom: 12px; }
* html #pageContentRight { width: 234px; }


h1 {
  background-color:#4EC4E6; border: 1px solid black;
  font-size: 1.5em;
  line-height: 1.3em;
  padding: 0px 4px;
  margin: 0px 0px 12px 0px;
}

.intro {
  font-weight: bold;
}



#news {
  background: white url(../stylesheets/bg_latestnewstop.gif) top left no-repeat;
  border: 1px solid black;
  text-align: right;
  padding-top: 32px;
  color: #252A2D;
  margin-bottom: 6px;
}
#news .newsdate { font-size: 1em;  padding: 2px 4px; background-color: #CFE1E6;}
#news h3 { font-size: 1em; background-color: #4EC4E6; padding: 2px 4px}
#news .newsdesc { font-size: 1em; padding: 8px 4px 8px 4px; }




/* footer styles */

#pageFooter { padding: 12px 12px 4px 12px; font-size: 0.6em; text-align: center; 
  background: #059AC7 url(../stylesheets/bg_footertop.gif) top left no-repeat;
  border-bottom: 16px solid black;
  }
#pageFooter p { padding-bottom: 4px;} 
#pageFooter a { color: #ccc; }
#pageFooter a:hover { color: white; }


.tabletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}