html, body {height:100%}
body {
padding:0;
margin:0;
background:#00CCFF url(leftcolbg.jpg) repeat-y left top;
color: #000000;
}

#helpLink
{
  margin-right:30px;
  background:#99CCFF;
  padding:5px;
  text-align:center;
  border:solid #6666FF 2px;
}

#helpLink a:link
{
  color:#FF0000;
  text-decoration:none;
}
#helpLink a:visited
{
  color:#FF0000;
  text-decoration:none;
}
#helpLink a:focus
{
  color:#FF0000;
  text-decoration:underline;
}
#helpLink a:hover
{
  color:#FF0000;
  text-decoration:underline;
}
#helpLink a:active
{
  color:#000000;
  text-decoration:none;
}

#outer{
min-height:100%;
margin-left:30px;
margin-right:330px;
background:#00CCFF;
margin-bottom:-52px;
color: #000000;
}
* html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/

#logo {
position:absolute;
right:30px;
top:10px;
}


#header{
background:#00CCFF;
color: #000;
text-align:left;
position:relative;
margin:0px -331px 0px -30px;
padding-top:10px;
padding-left:30px;
min-height:0;/* ie 7 haslayout fix */
/*border-bottom:solid red 1px;*/
}
/* mac hide \*/
* html #header{height:10px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

#hrfudge{
z-index:2;
position:absolute;
bottom:-3px;
left:0px;
height:1px;
width:30px;
background:#00CCFF;
overflow:hidden; /*stops it being about 10px high in IE*/
}

#hr{
z-index:1;
position:absolute;
bottom:-3px;
right:0px;
margin-left:30px;
margin-right:30px;
height:1px;
width:100%;
background:red;
overflow:hidden; /*stops it being about 10px high in IE*/
}

#left {
position:relative;/*ie needs this to show float */
width:30px;/* same as the left margin on #outer*/
float:left;
margin-left:-29px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
left:-2px;/* push column into position*/
}

#left p {
padding-left:2px;
padding-right:2px;
}

#main {
margin-top:20px;
}

#info {
float:left;
width:700px;
padding:5px;
background:white;
font-size:12px;
font-family:sans-serif;
border:solid black 2px;
}

#infoBreak {
float:left;
width:700px;
padding:5px;
background:#00CCFF;
border:solid #00CCFF 2px;
}

#info a:link
{
  color:#0000FF;
  text-decoration:none;
}
#info a:visited
{
  color:#0000FF;
  text-decoration:none;
}
#info a:focus
{
  color:#0000FF;
  text-decoration:underline;
}
#info a:hover
{
  color:#0000FF;
  text-decoration:underline;
}
#info a:active
{
  color:#FF0000;
  text-decoration:none;
}

#right p {
float:left;
width:280px;
padding:5px;
margin:5px;
background:white;
font-size:12px;
font-family:sans-serif;
border:solid black 2px;
}

#right p+p {
background:white;
}

#right {
position:relative;/*ie needs this to show float */
width:330px;/* same as right margin on #outer*/
float:right;
margin-right:-329px;/*must be 1px less than width otherwise won't push footer down in older mozilla*/
left:2px;/* push column into position*/
margin-top:20px;
}

#footer {
width:100%;
clear:both;
height:50px;
background-color: #00CCFF;
color: #000000;
text-align:left;
position:relative;
}
* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:50px;/* for ie6 */
}

#footer p {
padding-left:30px;
}

#clearfooter{clear:both;height:40px;}/*needed to make room for footer*/
* html #main {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */

/*
#EN3SubsetDate p {
background-color:#00CCFF;
margin-top:10px;
padding:2px;
}

#EN3SubsetInstType p {
background-color:#00CCFF;
margin-top:10px;
padding:2px;
}

#EN3SubsetLocation p {
background-color:#00CCFF;
margin-top:10px;
padding:2px;
}
*/