body{
max-width: 1050px;
background-color: #ffffff;
font-family: Arial, Verdana,sans-serif;
font-size:93%;
color: #000;
margin: auto:
padding:0;
text-align: center;
}

.main-table {
width:expression(document.body.clientWidth > 1051? "1050px": "auto" );
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
border-style: hidden;
border-width: 0px;
}

/*as we are using a table based layout, all your text is within a table. So this is the area to change the
size, color and font family .*/
table {
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
background-color: #ffffff;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.main-space{
font-size: 10pt;
width: 593px;
vertical-align: top;
}

/*This style sheet controls how the textboxes will look
The only thing that you might want to change will be the color
of the borders. They are set at #000066 at the moment.
The background color is set to ffffff (white), however if you
decide to change it you can. Just remember, if you do, it will affect EVERY
textbox on your site. To change only one, copy and paste the class here in the style sheet,
and alter the color. Change the name also... so the new class may be called
full-width-box-blue for eg. Then the new color can be called with your new class name.
*/


div.content-box {
   background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 15px 15px;
	border-top: none;
	border-bottom: none;
	Border-right: none; 
	border-left: none;
}

div.content-boxb {
border:  none;
margin: 0px;
padding: 0px 15px 15px;
background-color: transparent;
border-style: none solid none none;
border-color: -moz-use-text-color #000066 -moz-use-text-color -moz-use-text-color;
border-width: medium 1px medium medium;
margin: 0px;
padding: 0px 15px 15px;
background-color: transparent;
}


/* Below, is the background colors for your table cells. originally, they were on the actual page, so why
move them to the stylesheet? Well, if you decide to do a site-wide color scheme change, you now change here, 
rather than on every page. A big improvement. Also, the less styling on the page, the better.

Suppose you prefer to have a tiled image rather than a solid color?
Replace the background-color:#fff;  with this, and upload your image to the graphics library....
background-image: 
url('http://www.your-site.com/images/your-image.gif');
background-repeat: repeat;




*/


td.headerbg {
background-color:#ffffff;
border-style: hidden;
border-width: 0px;
}

td.spacerbg {
height: 5px;
width: 130px;
vertical-align: top;
background-image: url(http://www.enjoy-darwin.com/image-files/spacer1.gif);
background-repeat: no-repeat 
}

td.contentbg {
background-color:#fff; 
}

td.right-col{
border: 1px dotted #cccccc;
padding: 0px;
font-size: 8pt;
text-align: center;
vertical-align: top;
width: 120px;
line-height: 125%;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 90%;
color: #000;
background-color:#fff; 
}

td.leftbg {
font-size: 86%;
margin-left: 10px;
background-color:#ffffff;
vertical-align:text-top;
text-align: left; 
background-image: url(http://www.enjoy-darwin.com/imgs/leftimage.jpg); 
background-repeat: repeat-y; 
}

td.footerbg {
font-size: 86%;
background-color:#ffffff;
background-image: url(http://www.enjoy-darwin.com/imgs/leftimage.jpg); 
background-repeat: no-repeat;  
}

#top-banner {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	width: 725px;}

#colhead {
	font-weight: bold;
	background: #fcba04;
	border: 1px solid #660000;
	text-align: center;
	font-size: 8.5pt;
	text-transform: uppercase;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	width: 128px;
	color: #FFFFFF;
	padding-right: 1px;
	padding-left: 1px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
}

#colhead  a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
#colhead  a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#colhead  a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* This is for the heading background color....your H1, H2, and H3 tags*/
.hbg{
background-color:#ffffff; 
color:#0076B2;
text-align: center;
width: auto;
z-axis: 1;
}


/* information below is to remove the link styling for anchor links.
Just leave this as it is....it works fine, and shouldn't be modified */
a.jumplink{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.jumplink  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}