/* CSS Document */

#content				{
					width: 1012px;
					margin:0 auto;
					} 

html					{
					background-color:#CC6600;
					background-image:url(images/design/logo_wtrmark2.jpg);
					}

body					{
					background-color:#CC6600;
					width:1012px;
					margin:0 auto;
					padding:0px;
					margin-top:0px;
					font-size:13px;
					font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
					color:#333333;
					}

table.layout			{
					width:1012px;			
					}
					
#login				{
					width:140px;
					padding-left:10px;
					height:200px;
					background-image:url(images/design/login.gif);
					background-repeat:no-repeat;
					}
					
#bottom_nav			{
					background-color:#FF8810;
					width:1000px;
					height:16px;
					color:#000099;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:10px;
					padding-top:5px;
					font-weight:bold;
					}
					
#content_box			{
					width:600px;
					z-index:50;
					padding-left:19px;
					position:relative;
					top:-10px;
					}

td.left				{
					width:6px;
					background-image:url(images/design/border_l.gif);
					}	

td.right				{
					width:6px;
					background-image:url(images/design/border_r.gif);
					}
					
td.top				{
					background-color:#cc6600;
					width: 1000px;
					vertical-align:top;
					}

td.menu				{
					width:150px;
					background-color:#CC6602;
					vertical-align:top;
					}				
					
td.content			{
					width:638px;
					background-color:#CC6602;
					vertical-align:top;
					text-align:left;
					}
					
td.cont_right			{
					vertical-align:top;
					width:212px;
					background-image:url(images/design/side_back_1.jpg);
					}
					
table.main_content			{
					background-image:url(images/design/main_con_bg.gif);
					background-color:#CC6602;
					width:638px;
					}

td.mc_top				{
					background-image: url(images/design/main_con_top.gif);
					background-repeat:no-repeat;
					height:50px;
					}
					
td.mc_body			{
					vertical-align:top;
					height:450px;
					}

/*-- Pre Load Buttons --*/
			
					.hiddenPic {display:none;}

/*-- Menu Items --*/

td.home_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/home_off.gif);
					background-repeat:no-repeat;
					}
					
td.home_cell:hover		{background-image:url(images/design/home_on.gif);}
			

td.tour_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/tour_off.gif);
					background-repeat:no-repeat;
					}

td.tour_cell:hover		{background-image:url(images/design/tour_on.gif);}

td.live_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/live_off.gif);
					background-repeat:no-repeat;
					}

td.live_cell:hover		{background-image:url(images/design/live_on.gif);}

td.test_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/test_off.gif);
					background-repeat:no-repeat;
					}

td.test_cell:hover		{background-image:url(images/design/test_on.gif);}
	
td.use_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/use_off.gif);
					background-repeat:no-repeat;
					}

td.use_cell:hover		{background-image:url(images/design/use_on.gif);}
		
td.cont_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/cont_off.gif);
					background-repeat:no-repeat;
					}																				

td.cont_cell:hover		{background-image:url(images/design/cont_on.gif);}

td.links_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/diy_off.gif);
					background-repeat:no-repeat;
					}																				

td.links_cell:hover		{background-image:url(images/design/diy_on.gif);}

td.about_cell			{
					width:150px;
					height:50px;
					background-image:url(images/design/about_off.gif);
					background-repeat:no-repeat;
					}																				

td.about_cell:hover		{background-image:url(images/design/about_on.gif);}

/*-- Bottom Navigation --*/

td.bottom_nav			{
					text-align:center;
					vertical-align:middle;
					}

/*-- Headings --*/

h1					{
					font-family: Agency FB, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size:24px;
					color:#003366;
					padding-left:70px;
					padding-top:0px;
					}


h2					{
					font-family: Agency FB, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size:18px;
					height:30px;
					color:#003366;
					padding-left:10px;
					padding-top:2px;
					margin-bottom:-7px;
					}

h3					{
					font-family: Agency FB, Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
					font-size:16px;
					height:30px;
					color:#CC6600;
					padding-left:10px;;
					}
		
h4					{
					font-size:12px;
					color:#666666;
					}
					
h5					{
					font-size:12px;
					color:#006699;
					}
					

					
/*-- Hyperlinks --*/

a					{
					color:#003366;
					text-decoration: none;
					}
					
a:hover				{
					text-decoration:underline;
					}
					
/* -- Side Images --*/


/*-- Gallery --*/

#gallery {
  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:620px; 
  height:100px; 
  border:1px solid #888; 
  background:#ffffff url(images/design/gal_back.gif);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:100px;
  width:28px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:28px; 
  height:100px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  width:160px;
  }
#gallery li a:hover img {
  width:160px;
  }