body {

	font-family: arial, helvetica, sans-serif;

	font-size: 0.75em;

	color: #FFFFFF;

	background-color: #000000;

}



#mytable {

	width: 100%;

	background: #333333;

	margin: 0;

}



td {

	background: #17A5D7;

	padding: 2px 2px 2px 5px;

	color: #FFFFFF;

	

}





td.alt {

	background: #808080;

	color: #FFFFFF;

}



acronym {

  cursor: help;

  border-bottom: 1px solid #006DA6;

}



/* -- Layout classes -- */



#mainContainer {

  width: 760px;

  margin-left: auto;

  margin-right: auto;

}



/* -- Content container -- */



#content {

  float: right;

  width: 550px;

  margin-right: 10px;

}



#content p {

  margin-top: 0px;

  margin-bottom: 0px;

  padding: 8px;

  background-color: #333333;

}



#content a {

  text-decoration: none;

  border-bottom: 1px solid #17A5D7;

  color: #FFF;  

}



#content a:hover {  

  border-bottom: 1px solid #17A5D7;

  color: #FFF;

}



#content a img {

  border: 0px;

}



#content h1, #sideBar h1{

  clear: both;  

  font-size: 1.0em;

  letter-spacing: 1px;

  text-transform: uppercase;

  text-indent: 10px;

  margin: 0px;

  border-top: 10px solid #000000;

  border-bottom: 10px solid #333333;  

  color: #FFF;

  background-color: #17A5D7;

}



/* -- Content header and footer -- */



#header {

  display: table-cell;  

  height: 100px;

  width: 550px;

  text-align: right;

  vertical-align: bottom;

  margin-bottom: 0px;

  background: url(images/relaxed_hdr.gif) no-repeat top left;    

}



#footer {

  float: left;

  height: 75px;

  width: 550PX;  

  font-size: 0.8em;

  

  text-align: center;  

  margin-top: 10px;

  margin-bottom: 10px; 

  background: #333333 url(images/round_corner.gif) no-repeat bottom right;  

}



#footer a {

  border: 0px;

  color: #17A5D7;  

}



#footer a:hover {

  border: 0px;

  color: #FFF;  

}



/* -- Menu & news container -- */



#sideBar {

  float: right;  

  width: 200px;

  margin: 0px;  

  background-color: #333333;

}



#sideBar p {    

  margin: 0px;

  padding: 5px 5px 10px 5px;

  background-color: #333333;

}



#sideBar a {  

  text-decoration: none;

  border-bottom: 1px solid #17A5D7;

  color: #FFFFFF;

}



#sideBar a:hover {

  color: #17A5D7;

}



#sideBar a img {  

  vertical-align:middle;

  padding: 0 5px 0 5px;

  border: 0px;

}



#sideBar a.menuItem {

  display: block;

  clear: both;

  font-size: 0.8em;

  text-transform: uppercase;

  text-decoration: none;

  margin-top: 1px;

  padding: 0 0 0 25px;

  border: 0px;

  color: #FFFFFF;

  background: #17A5D7 url(images/relaxed_icn_menu.gif) no-repeat center left;

}



#sideBar a:hover.menuItem {

  color: #FFF;

  background: #333333 url(images/relaxed_icn_menu_on.gif) no-repeat center left;

}



#sideBarHeader {

  height: 100px;

  background: #333333 url(images/relaxed_hdr_bg.gif) repeat-x bottom right;;

}



#sideBarFooter {  

  height: 70px;

  border-top: 10px solid #000000;

  background: #333333 url(images/round_corner.gif) no-repeat bottom right;

}



/* -- Title and sub-headings -- */



.highLight {

  color: #DEFF00;

}



/* -- IE CSS2 selector hack.  This still validates, but IE ignores the class defined

      with the [id].  The result is you set the IE specific value in the first class

      definition, and the standard compliant browser value in the second class -- */



#title {

  font-size: 36px;

  padding: 48px 4px 0px 0px;  

  

}



#title[id] {

  padding-top: 0px;

  padding-bottom: 3px;

}



#title a{

  display: block;  

  font-size: 10px;

  text-transform: uppercase;

  margin-top: -8px;

  border: 0px;

}



#title a:hover{

  color: #FFF;

}



strong, .subHeading {

  font-size: 0.8em;

  text-transform: uppercase;  

  color: #FFF;  

}



.subHeading {

  display: block;

}



/* -- Images styles -- */



.imgRight, .imgLeft {

  border: 1px solid #333333;

}



.imgRight {

  float: right;

  margin: 0 0 10px 10px;

  

}



.imgLeft {

  float: left;

  margin: 0 10px 10px 0;  

}



/* -- Takes care of the 'jump to top' arrow -- */



.upArrow {

  clear: both;

  display: block;

  text-align: right;

}



.upArrow a img {  

  margin-top: 10px;

  border-bottom: 0px;

  background-color: #17A5D7;

}



.upArrow a:hover img {  

  border: 0px;

  background-color: #FFF;

}



/* -- Quote block styles -- */



.quote {

  display: block;

  margin: 10px 20px 10px 20px;

  padding: 2px;  

  border: 1px solid #888888;

  background-color: #333333;

}



.author {

  display: block;

  font-size: 0.8em;

  text-transform: uppercase;

  color: #DEFF00;

}