html {height:100%;}

body { background:#003973; text-align: center; height:100%;}

.footer {z-index:2; top:5px; position: absolute;  height:107px; width:988px; margin-left: -494px; left:50%;  background-image:url("column-bg.gif"); background-repeat: repeat-y;}

.footer-links {  height:120px; width:988px; color:#ffffff; font-family:verdana; font-size:12px; left:0px; background-image:url("footer5.png");    background-repeat:no-repeat; }

/* Wide Footer for Science Week Wild Science */

.footer-links-wide {  height:120px; width:988px; top:0px; color:#ffffff; font-family:verdana; font-size:12px; left:0px; background-image:url("footer4.png");    background-repeat:no-repeat; }

.container { width:988px; text-align: left; margin: 265px auto 5px auto; background-image:url("column-bg.gif"); background-repeat: repeat-y;  }

/* Wide container for Science Week Wild Science */

.container-wide { width:988px; text-align: left; margin: 265px auto; background-image:url("column-bg-wide.gif"); background-repeat: repeat-y;  }


.links {    padding: 20px 0px 0px 250px;  }

.links-image {    padding: 28px 0px 0px 696px;  }

.header {z-index:2;  position: fixed; top: 0px; height:275px; width:988px;  margin-left: -494px; left:50%;}

/* Print Style - Hide Footer and Header */

.print-header {display: none;}

.print-footer {display: none;}

/* Columns */

.column1 { width:512px; float:left; padding: 15px 0px 15px 78px; font-family:verdana; font-size:13px; color:#ffffff; margin:0px; }

/* Wide Column for Science Week Wild Science */

.column1-wide { width:850px; float:left; padding: 15px 0px 60px 78px; font-family:verdana; font-size:13px; color:#ffffff; margin:0px; }

.column2 { width:253px; float:right;  padding: 25px 96px 0px  0px; margin:0px; }

/* Headings */

h1{font-family:verdana; font-size:17px; color:#FFBF00; font-weight: bold;}

h4{font-family:verdana; font-size:13px; color:#FFBF00; font-weight: bold;}

.events-heading{font-family:verdana; font-size:13px; font-weight: bold; float:left;}

.events-date{ font-size:11px; float:right; margin-top:3px;}

.whatson{list-style:none; color:#ffffff; font-family:verdana; font-size:12px; padding: 0; margin: -5px 0 10px 1px; width:236px; font-weight:bold; }

.whatson li { background-color:#6495c2; padding-top:8px; padding-left:5px; padding-bottom:5px;}

.whatson a { color:#ffbf00; text-decoration:none;}

.links-image a:hover { text-decoration:underline;}

li.alt { background-color:#0062a1;}

.links-image li.alt { background-color:#0062a1;}

hr {border: 0;  width: 80%;  color: #ffbf00; background-color: #ffbf00; height: 2px; text-align: center;}

div.links a {color:#ffffff; text-decoration:none;}

div.links a:hover {color:#ffbf00; text-decoration:underline;}

.footer a { color:#ffffff; text-decoration:none;}

.footer a:hover { color:#ffbf00; text-decoration:underline;}


a { color:#ffd57c; text-decoration:none; }

a:hover { color:#9dd4ff; text-decoration:underline; }

a.booking { color:#ffbf00; text-decoration:none;}

a.anchor { color:#ffffff; text-decoration:none;}


/* Submenu Style - Visitor Section only */


.submenu {
 position: absolute;
 top:260px;
 z-index: 10;
 left:18px;
}


.submenu li {
display: inline;
list-style-type: none;
padding-right: 55px;
}

.submenu a {
	font-family:verdana;
	color:#75aee3;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
  }

.submenu a:hover {
	color:#ffbf00;
	text-decoration:none;
 }


 
.column1sub { 
	width:512px; 
	float:left;
	padding: 50px 0px 15px 78px; 
	font-family:verdana;
	font-size:13px;
	color:#ffffff;
}


.column2sub { width:253px; float:right;  padding: 50px 96px 0px  0px; margin:0px; }


/* Tables Styles */

th {
height:17px;
background-color:#003973;
padding:5px;

}

td {
height:17px;
background-color:#6495c2;
padding:5px 15px 5px 5px;
border-bottom: 1px solid #0062a1;

}

td.alt {
height:17px;
background-color:#78b011;
padding:5px 15px 5px 5px;
border-bottom: 1px solid #ffffff;

}


table {
border-top: 1px solid #0062a1;
border-left: 1px solid #0062a1;
border-right: 1px solid #0062a1;
}

table.events {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}

td.events {
height:17px;
background-color:#0061a0;
padding:5px 15px 5px 5px;
border-bottom: 1px solid #ffffff;

}


th#major {
font-size:14px;
font-weight:bold;
}

td#major {
font-size:14px;
font-weight:bold;
}

.caption{
width:320px;
font-size:10px;
margin-top:-15px;

}

.heading{
color:#FFBF00;
font-weight: bold;
font-size:13px;
}

/* Fisheries Logo in Footer */


.dof-logo{
padding-top:-35px;

}

/* Set hand cursor for menu items without a page */

#udm a.nohref:hover {
cursor: pointer !important;

	}

/* General booking button */

	
.button {
border: 1px solid #ffffff;
background-color:#003973;
padding:15px;
width:auto;

}


p.button-center
{

margin: 0 auto ;
padding-top:25px;
text-align:center;
}

/* Science Week Supportes Logos */


.science-supporters{

width:330px;
text-align:center;
margin: 45px 0 0 70px ;

}


/* Form Styles */


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 450px; 
}



form fieldset {

  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin-bottom: 20px;
  border: 1px solid #ccc; 
background-color: #6495c2; 

}


	
form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 130px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}


form input, form textarea, form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}



textarea { overflow: auto; }

button {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
	padding-bottom:4px;
	 background-color:#004c99;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	cursor:pointer;
	height:30px;
	font-family:verdana;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}

button img{

margin:0 3px -3px 0;
}

button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

textarea { overflow: auto; }


/* Form Error Display */


.custom-advice {
  background-color : #f39d1d;
  width: auto;
  padding: 5px 0 7px 0;
  border: 1px solid #a36913; 
  margin-top:5px;

}

.error_image {
float:left;

}

.errortext {
 padding-left: 80px;
  font: verdana,sans-serif;
  font-size: 12px;
  color : #ffffff;
  font-weight:bold;

}


.validation-advice

{
	background-color : #f39d1d;
	width: auto;
	padding: 5px 0 7px 0;
	border: 1px solid #a36913; 
	margin-top:5px;
	padding-left: 105px;
	font: verdana,sans-serif;
	font-size: 12px;
	color : #ffffff;
	font-weight:bold;
	background-image:url('layout_error.gif');
	background-repeat:no-repeat;
	background-position: 7px 5px; 

}

/* Letters of Support */


.letters

{
	background-color : #0171a4;
	width: auto;
	padding: 0 15px;
	border: 1px solid #ffffff; 
	margin-top:5px;


}


div.letters h1 

{
color : #ffffff;
border-bottom: 1px solid #ffffff; 

}


/* Breakout */

.breakout

{
	background-color : #0171a4;
	width: auto;
	padding: 0 15px;
	border: 1px solid #ffffff; 
	margin-top:5px;


}

.breakout-side

{
	background-color : #0171a4;
	width: 208px;
	padding:  15px;
	border: 1px solid #ffffff; 
	margin-top:5px;
	margin-bottom:15px;
color:#ffffff; 
font-family:verdana;
 font-size:12px; 
 
}


.breakout-bio

{
	background-color : #0171a4;
	width: 350px;
	padding: 15px;
	border: 1px solid #ffffff; 
	margin: 0px auto;


}

/* Home Page Image caption */





.image-caption

{
	background-color : #0061a0;
	width: 313px;
	padding:0px;
	display: block;
	border-style:solid; 
	border-color: #0061a0;	
	border-width:4px;
	margin: 0 auto;
	
}


.image-caption div

{
	padding:0px;
	margin: 0 auto;
	font-size: 10px;
	background-color : #6495c2;
	text-align: center; 
	width: 313px;
	text-align: center; 
	}
	
	
.image-caption-award

{

	width: 172px;
	display: block;
	float:left;	
	border-style:solid; 
	border-width:0px;
	margin-left:15px;
	margin-top:20px;
}


.image-caption-award div

{
	padding:0px;
	margin: 0;
	font-size: 10px;
	background-color : #6495c2;
	text-align: center; 
	}	
	
	
.caption

{
	padding:0px;
	margin: 0;
	font-size: 10px;
	text-align: center; 
	}		
	
	
	/* Home Page copyright */
	
.copyright

{
font-size: 9px;
color:#8dd0ef;
font-family:verdana;
}

.school-holiday-pic{
width: 90px;
float: right;
margin-left: 15px;
}



.mdw-heading{
color:#ffd57c;
}

.school-active-heading{
color:#ffd57c;
}