html, body {height: 100%; margin:0; padding: 0;}

body                   { font-family: verdana, arial, helvetica, sans-serif; font-size:100.1%;  color: #000000; background-color: #EEEAE7;text-align:center;  min-width:853px;  margin: 0; padding: 0; height:100%; /* this is the key! */ }
p                      { font-size: 90%; line-height: 15px; margin-top: 0.5em; margin-bottom: 12px; color:#9c9c9c; }
li 						{ font-size: 90%; line-height: 1.1em; 	margin-top: 0.3em;	margin-bottom: 0.2em; 	}
ul 						{ margin-top: 1.0em; margin-bottom: 1.0em; 	}
td 						{ font-size: 90%; }
html                   { height:100%;margin:0; padding:0;}
input				   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; }
select				   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; }
textarea			   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; }
file				   { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; }
a:link                 { color: #9c9c9c; text-decoration: none }
a:visited              { color: #9c9c9c; text-decoration: none }
a:active               { color: #9c9c9c; text-decoration: none }
a:hover                { color: #9c9c9c; text-decoration: underline}

a:link.sbLink          { color: #ffffff; text-decoration: none } 
a:visited.sbLink               { color: #993300; text-decoration: none }
a:active.sbLink                { color: #993300; text-decoration: none }
a:hover.sbLink                 { color: #ff9933; text-decoration: underline}

div#wrapper { margin: 0 auto 0 auto; padding: 0; text-align:center;   position: relative; width: 853px;  background-color:#ffffff;}
html>body #contentwrap {height:100%;} /* 100 % height */ 
div#contentwrap{width: 853px;text-align: left;	background-color: #ffffff;	margin: 0; height:100%;   min-height:100%; padding: 0 0 10px 0; }
*html div#contentwrap{width: 825px;text-align: left;	background-color: #ffffff;	margin: 0; height:100%;   min-height:100%; padding: 0 0 10px 0; }
div#header{	background-color:#2398A1;	padding:0; height:80px; top:0px; width:853px; }
div#pageimg{ padding:0;height:281px;background-color:#ffffff;}
div#nav{height:20px; padding-top:255px;position: absolute;}

div#content{ margin-top: 1px;    padding: 10px; }
div#footer {z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  clear: both;
  width:853px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders + Both External Borders ***/
  height:55px; /*** = Bottom Margin + One Outer Border + body to footer divider depth + subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
 }
#footer li {display: inline;padding:10px;font-size:0.7em; text-align:center; width:100%; }
div#left {  width:230px; /*** Critical left col/divider dimension value = Left Col Width + 1px + One Internal Border Width ***/
  float:left;
  display:inline;
  position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
 }
#left ul {padding-left:0; text-align:left; margin:0px; }
div#right { width: 600px; height:100%; float:right; right:10px; top:0; vertical-align:top; }

*>html #left{width:151px;} /*** Fix only for IE/Mac = left col width + one internal border width ***/
#container-left{
  width:215px; /*** Critical left col dimension value = left col width - 1px ***/
}

/* \*/
* html #left{margin-right:-3px;}

#clrhdrleft{
  height:110px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}

.leftlinks {
	background:url(images/leftlink.gif) no-repeat;
	color:#3EA6AB;
	font-size:0.7em;
	list-style:none;
	height:18px;
	margin-left:20px;
	padding-left:35px;
	vertical-align:top;
	margin-top:0px;
}

.leftlinks a, .leftlinks a:visited, .leftlinks a:hover {
	color:#3EA6AB;
	margin-left:-33px;
	padding-left:31px;
	vertical-align:middle;
	font-weight:normal;
	text-decoration:none;
}

#container-left{
	padding-left:2px;
/**	background:url(images/GDS-WEB-PAGE-_09.gif) no-repeat; **/
 background:url(images/GDS-WEB-PAGE-_06.gif) no-repeat; 
	height:220px;
}
#container-left2{
	padding-left:2px;
	background:url(images/GDS-WEB-PAGE-_09.gif) no-repeat;
	height:280px;
}
#subheader1{
  background:#2398A1; /*** Background Color of Sub-header #1 ***/
  text-align:left;
  margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:80px; /*** sub-header row height ***/
}
#subheader1 a, #subheader1 a:visited, #subheader1 a:hover {
	text-decoration: none;
	font-weight: normal;
	outline: none;
	color:#fff;
	font-size:0.7em;
	}
#subfooter1{
  background:#FFFFFF; /*** Background Color of Sub-footer #1 ***/
  text-align:center;
  margin:0 1px; /*** Margin to show left and right External Borders - all sub-headers and sub-footers ***/
  height:54px; /*** sub-footer row height ***/
  font-size:0.7em;
  color:#dd6376;
}
#subfooter1 a, #subfooter1 a:visited, #subfooter1 a:hover {
	text-decoration: none;
	outline: none;
	color:#dd6376;	
	font-weight:normal;
	}
/* clear without structural mark-up */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.ImageRight{
	float:right;
	padding-left:10px;
}
#ImageRight{
	float:right;
	padding-left:10px;
}
h2
{
    font-size:1.3em;
}
h3
{
    font-size:1.1em;
}
strong
{
    font-weight:400;
}
.shoptable 
{
	background-color:#EEEAE7;
}
.shoptable td 
{
	border:solid 1px #2398A1;
	}