* {margin: 0 0 0 0;}
ul {padding:0}
image, td image, a img {border:none}
label {font-weight:bold}
#resource ,#calendar
{
table-layout:fixed;
width:100%;	
}

#resource td ,#calendar td
{text-align: left; 
height:100px;
}



/*
h1 {margin: 0 0 0.5em 0;font-size: 26px}
h2 {margin: 2em 0 0.5em 0;font-size: 18px}
h3 {margin: 4em 0 0.5em 0;font-size: 16px; border-bottom: 1px solid;padding-bottom:0.5em;}

h4 {margin: 0 0 0.5em 0;font-size: 12px;}
*/
h1 {margin: 0 0 0.5em 0;font-size:1.8em}
h2 {margin: 1em 0 0.5em 0;font-size: 1.6em}
h3 {margin: 4em 0 0.5em 0;font-size: 1.4em; padding-bottom:0.5em;


}
h4 {margin: 0 0 0.5em 0; font-size: 1.2em}
p {margin-top:1em}
td {vertical-align:top;}
ul,ol {margin-left:1.5em}
fieldset h2, fieldset table {margin-top:0;}
form {margin:0;}
form table td {text-align:left;padding:0.5em;vertical-align:top}

.formlabels {text-align:right; font-weight:bold;}




.row {float:left;clear:both;padding:0.3em;}



#banner
{

float:left;
width:100%;
position:relative;

}

#banner img
	{
	display: block;
	float:left;
	margin:0 2em 0 0;
	vertical-align: middle
	}
	
#banner h1 
	{
	
	padding:15px 20px 20px 27px;
	margin: 0px;
	font-family:Helvetica, Helvetica Neue, Arial, sans-serif ;
	
	
	}

	
#banner a
	{
	

	position: absolute;
	 top: 1em; 
	 right: 2em; 
	text-decoration:none;
	font-size:1.4em;

	}
	
#utility
{
clear:left;
text-align:right;

padding:4px;
}

#search
{
text-align:right;
padding:4px;
margin-bottom:10px;
}

#search ul, #helpdesk ul
{
list-style-type:none;
display:inline;
}


#utility ul
{
list-style-type:none;
display:inline;
float :left;
}



#search li, #utility li, #helpdesk li
{
display:inline;

}

#search form
{
padding: 0em 0.6em;
display:inline;
}

#search p, #helpdesk form p
{

display:inline;
}

 #utility a
{

padding: 0em 0.6em;
}


 #search a
{	
padding: 0em 0.6em;
}


.block
{
display:block;
padding: 1em 0em;
text-decoration:none;
width:10em;
}

#searchtips li
{
padding:1em;	
}

 #helpdesk li a
 {
padding: 0em 0.4em;	
}




.menu { margin-left:45%;text-align:left;} 
#mainbox { text-align:center;margin-bottom:3em; }





.colourtable  {border-style:solid; border-width: 1px;empty-cells:show;border-collapse:collapse;}
.colourtable td {border-style:solid; border-width: 1px;padding:0.5em;}




a:link.link {text-decoration:none; font-weight: bold; }
a:visited.link {text-decoration:none; font-weight: bold;}



hr {height:3px;}

ul {text-align: left; }

legend {font-size:150%;}
fieldset {padding:2em; border: 1px solid }



#container {
margin:0 auto;
max-width:1248px;
min-width:800px;


}
 
#floatwrap {background:white;}

#content { 

	float:left;
	width:60%;
	padding:0;
	margin:0;
		}
  


#content > div{ 
float:left;
padding: 0 5em 5em ;
width:80%;

	}
  
		
.nav { 
float:left;
width:20%;
padding:0;
margin:0;

/*
max-width:20em;
	
	*/
	
	
	}
	
.nav div{ 

	padding:0;
	margin:0;
	}
	
	
			
#sidebar { width:19%;


	padding:0;
	margin:0;
	/*background:green;*/
	float:left;
	
	}
	
#sidebar div {
	width:auto;
	margin:1em 1em;;
	padding:1em;
	border: solid 1px;
	
	
}
	
.list {margin-left:45%;text-align:left;list-style:none;line-height:1.6em;}


.nav ul { list-style: none;
margin:0 auto;

width:90%;

}

.nav ul li 
{
padding:0 0 0 0;
position:relative;

display:block;
}

.nav ul li.parent
{

border-style: solid;
border-width: 0px 1px 1px;
padding: 0.2em 0.5em  0.1em 0.5em;
width:100%;
}

a:link.menulink  , a:visited.menulink 
{
display: block;
border-style: solid;
border-width: 0px 1px 1px;

width:100%;

padding: 0.2em 0.5em  0.1em 0.5em;


text-decoration: none;

}


.nav ul li ul {
	width:100%;
}

.nav ul li a.menutop
{ border-width: 1px; }



/*
.hidesub {display: none;
border:none;} 


.showsub
{display: block;
  position:absolute;
  left:6em;
  top:1px;
   } 
 */ 

.nav ul li ul {display: none;
border:none;} 


.nav ul li:hover > ul 
{display: block;
  position:absolute;
  left:6em;
  top:1px;
 
  
  } 








.label {
text-align:right;
vertical-align: top;
font-weight:bold;

}

.input {
text-align:left;
vertical-align: top;

}

body {
     font-family:  sans-serif;
	 margin-left:0px;
	 margin-right:0px;
	 margin-top:0px;
	 margin-bottom:0px;
	 font-size: 0.85em;
	
	 
	 }
#verticalnav
{
margin-left:0;

} 
	 


#verticalnav li
{
list-style: none;
line-height:1.2em;

} 

#horizontalnav
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font-weight: bold ;
}

#horizontalnav li
{
list-style: none;
margin: 0;
display: inline;
}

#horizontalnav li a
{
padding: 3px 1em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
text-decoration: none;
}

.leftspan {margin-left:3em;}

.box {border:solid 1px;width:150px;padding:1em}	

.feed {margin:0 0 2em;padding:0; width:100%;}

.horizontal_list, .feed_list
{
margin:1em 0;
padding-left: 0;
white-space: nowrap;
float:left;
clear:both;
width:100%;
}

.horizontal_list li, .feed_list li
{
float:left;
list-style-type: none;
margin-right:1em;
line-height:2.5em;
}

.horizontal_list li a{
padding: 3px 10px; 
text-decoration:none;
}

.horizontal_list li a, .feed_list li a
{
padding: 3px 10px; 
text-decoration:none;
}


.widget td {
padding:0.2em;
text-align:center}

.widget td a {text-decoration:none;}

.cursor {cursor:pointer;}

table.widget td span {cursor:pointer;}

/* shrinkwrap and centered block*/
.swouter {
clear:both;
float:left;
position:relative;
left:50%;
text-align:left;
margin-bottom:2em;
}

.swinner {
position:relative;
left:-50%;
list-style:none;
}


#helptable td {padding:0.5em}
#helptable td a {margin-top:0.3em;display:block}

#timer {font-size:1.2em; margin-left:1em}

.listing {list-style:none;line-height:1.4em;margin-left:0}

.left_col {float:left;width:40%;text-align:right;}
.right_col {float:left;width:60%;text-align:left;}

.left_col p, .right_col p {padding:1em;margin:0;}
.left_col label,  .right_col span  {margin:1em;display:block;} 
.right_col img {padding-left:1em}

.display {
background:white;position:absolute;border:1px solid black;padding:1em;display:block;left:6em;top:-1.5em;width:40em;
z-index: 100;}
.nodisplay {display:none;}

.hoverdes, .hoverdet {background-image:url('../images/comment.png');
background-repeat: no-repeat;
background-position: 50% 50%; 

}