/**************************************************************
 Controls the layout of the site and styles the menus
 **************************************************************/



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content, #content TABLE, #content TABLE TABLE {  
  height: 100%;
  min-height: 100%;
  text-align: left;
}

#content,
#width, #content TABLE, #content TABLE TABLE {
  /* max-width hack for IE since it doesn't understand the valid css property */
  width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");  
  max-width: 1000px;
  margin: 0 auto;
}


#content[id],
#width[id] {
  width: 94%;
  height: auto;
}

#content TABLE, #content TABLE TABLE {
  width: 98%;
  height: auto;
}


/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/

#header {
  position: relative;
  height: 275px;
}

/* Holds the site title and subtitle */
#header #title {
  position: absolute;
  z-index: 3;
  top: 10px;
  /************ TITLE PLACED OUT OF SIGHT: **************/
  left: -2200px;
  /*****************************************************/
  padding: 5px;
  text-align: right;
}

#header h1 {
  margin: 0;
  padding: 0;
  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  /*text-transform: lowercase;*/
  color: #FFF;
}

#header h2 {
  position: absolute;
  top: 10px;
  right: 5px;

  margin: 0;
  padding: 0;

  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #00F0EC;
}


/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 0;
  border: none;
  top: 0;
  right: 0;
}

#header a:hover img.right {
  border: none !important;
}

#header img.balloons {
  position: absolute;
  z-index: 2;

  top: 70px;
  right: 400px;
}

/**************************************************************
   #topMenu: The top level site menu
 **************************************************************/
/*
#topMenu{
	float: right;
}
#topMenu a {
	float: left;
	margin: 0 2px;
	padding: 5px 0.5em;
	font: 400 1.6em "trebuchet ms", serif;
	color: #FFF;
	text-decoration: none; /*text-transform: lowercase;*/	
/*}*/

/**************************************************************
   #mainMenu: The main level site menu
 **************************************************************/
#mainMenu{
	visibility: visible;
}

#mainMenu { 
  float: left;
  width: 100%;
  clear: both; 
  margin: 0 0 80px 0;
}

#mainMenu ul {
  margin: 0;
  padding: 0;
}

#mainMenu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainMenu li a {
  float: left;
  margin: 0 2px;
  padding: 5px 0.5em;

  font: 400 1.2em "trebuchet ms", serif;
  text-decoration: none;
  /*text-transform: lowercase;*/
  color: #FFF;
}

#mainMenu li a:active{
	color: #17509D;	
}

#mainMenu li a:hover,
#mainMenu li a.here {
  color: #EDB32B;  
}

#mainMenu li a.last {
  margin-right: 0;
}




/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

ul.sideMenu {
	margin: 0;
	padding: 0;
	/*display: block;*/
}
ul.sideMenu li {
	/*display: inline;*/
	
	/* Needed since IE fails when you give it list-style: none; */
	list-style-image: url(foo.gif);
	/*font: 400 1.3em "trebuchet ms", serif;*/
	background: none 0 0;
	/*padding-left: 12px;*/
	padding-left: 0px;
}

ul.sideMenu li a {
	display: block; /*------------------------------------------------------------!!!!!!!!!!!!*/
/*  margin: 0.2em 0;
  padding: 3px 12px; */
	margin: 0.0em 0 0em;
	padding: 5px 0px 5px 12px;
	text-decoration: none;
	color: #FFF;
} 

.sideMenu li a:hover {
  /*display: block;*/
  color: #F58466;
  background: #FAD5AA;
}

/* Active menu item */
.sideMenu li a.here {
  /*display: block;  
  padding: 5px;*/
  color: #FAD5AA;
  background: #F58466;
}

/* Submenu */

ul ul.sideMenu {
	/*display: inline;  Needed since IE fails when you give it list-style: none; */
	list-style-image: url(foo.gif); 
}
ul ul.sideMenu li a {
  margin: 0;
  padding: 5px 0 5px 35px;
}

ul ul.sideMenu li a {
  /*font: 400 0.65em "trebuchet ms", serif; */
  color: #FFF;  
  background: url(../images/bg/bullet2.png) no-repeat 10px 6px;
}

ul ul.sideMenu li a:hover {
  color: #F58466;
  background: #FAD5AA url(../images/bg/bullet2.png) no-repeat 10px 6px;
}
/**/
/* Submenu of active menu item */

ul ul.sideMenu li a.here {
  margin: 0;
  padding: 0;
}

ul ul.sideMenu li a.here {
  /*padding: 2px 5px 2px 35px;*/
  padding: 5px 0px 5px 35px;
  /*font: 400 0.65em "trebuchet ms", serif; */
  background: #F58466 url(../images/bg/bullet.png) no-repeat 10px 6px;
  display: block;   
  color: #FAD5AA;
}
/*
ul ul.sideMenu li a.here:hover {
  color: #9FF3FF;
  background: #5F5F5F url(../images/bg/bullet.gif) no-repeat 10px 0px;
}
*/


/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  clear: both;
  /*font-family: Georgia, Times New Roman, Times, serif;*/
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  /*font-size: 14px; */
  font-size: 0.75em;
  padding-bottom: 4em;
}




/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer {
  float: left;
  width: 100%;
  clear: both;
  
  /*margin-top: -3.8em;*/
  background: #49AF75;
}
#footer a{
  color: #FFF;
  padding-right:2px;
}  

/* Sets the width of the footer content */
#footer #width {
  position: relative;
  z-index: 3;
  font-size: 0.70em;
  /*padding-top: 27px;*/
}



/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  /*width: 24.7%;*/
  width: 26.001%;
}



/**************************************************************
   Alignment classes
 **************************************************************/
.floatLeft_Menu {
  /*float: left;*/
  background-color: #F5B366;
}
.floatLeft {
  float: left;
}
/*.floatLeft a img {
	border: 0px;
}*/

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.small {
  font-size: 0.8em;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.blue {
  color: #17509D;
}

.blue a {
  color: #999;
}

.blue a:hover {
  color: #EEE;
}

.gradient {
	margin-bottom: 2em;
	padding-bottom: 20em;
	background: #F58466 url(../images/bg/sponsors.gif) repeat-x bottom left;	
}


/* ADDED */

#content TABLE {
	background: transparent;
	border: 0.45em double #FFF; /*width: 100%;	*/
	margin: 10px 10px;
	/* Fix for IE :*/
	clear: left;
}
#content TD { 
	border-collapse: collapse;
}

#content TABLE TABLE {  
	background: #F5B366;
	margin: 10px 10px;	
	/*width: 100%;	*/
	border: 5px none #F5B366;
}

#content TABLE TABLE TD{  
	background: #F5B366;
	margin: 10px 10px;	
	border: 0px none #EDB32B;
}

.rss a img {
	border: 0px;
	margin-top: 1px;
}

#content #column_thumb{
	border: 0px none;
	background: none;
}

#column_nav{
	display: none;
}
.containerLeft{
	float: left;
}
.picturesLeft {
	margin: 0;
	padding: 0;
}
.sponsorLeft{
	margin: 0;
	padding: 0;
}

/********/