/* relative urls from the css have to be from the css file to the image file *?
/* contrasts with relative urls in html which are relative to the root of the site */
/* replace "images" with "../images" (excluding quotation marks) */

img 
{
	display:block;
	border:0;	
}
* 
{
	padding:0;
	margin:0;
}
body 
{
	background:#fff;	
	padding: 0; /* need for Opera */
	color: #333;
	font-family: verdana, sans-serif;
	background:url(../images/body_bg.gif) top left repeat-x;
}
#banner 
{
	margin-bottom:20px;
	height:51px;
	max-width:90%;
}
#search form 
{
	margin-top:14px;	
	font-size:60%;
	color:#bfd4fc;
	border:0;
	width:100%;
	
}
fieldset
{
	border:0;
}
#logo
{
	float:left;
	width:230px;
	height:51px;
	padding-left:40px;
}
#search
{
	float:right;
	font-family:"Verdana", sans-serif;
	
}
#search form 
{
	margin-top:14px;	
	font-size:60%;
	color:#f8f8f8;
	border:0;
	width:100%;
	
}


#search fieldset
{
	border:0;
}

/*left navigation___________________________________________________*/
#left_nav_container
{
	position:absolute;
	top:50px;
	left:20px;
	padding:10px;	
}


#left_nav, #recent_rss
{
	
	font-family:"Arial", sans-serif;	
	width:164px;
	padding-bottom:11px;
	margin-bottom:20px;
	background:url(../images/left_nav_bottomcurve.gif) bottom left no-repeat;	
}
/*sets the lightest gray bg colour for the left nav*/
#left_nav ul, #recent_rss ul
{
	background-color:#f8f8f8;
	list-style-type:none;
}
#left_nav ul li, #recent_rss ul li
{
	display:inline;
}
/*basic setting for li tags*/

/*controls all of the subsections (below the active section)*/
#left_nav li a, #recent_rss li a
{
	
	display:block;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	margin:0;	
	color:#7c7c7c;
	text-decoration:none;
	padding: 1px 4px 1px 20px;
	font-size:75%;
}
#left_nav li a.navBarCurPage
{
	
	display:block;
	border-right:solid 4px #ffa515;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin:0;	
	color:#7c7c7c;
	text-decoration:none;
	padding: 1px 4px 1px 20px;
	font-size:75%;
	background-color:#fff;

	
}

/*changes the colour and bg colour of the submenu links below the active section when moused over*/
#left_nav li a:hoverl, #recent_rss li a:hover 
{
	background-color:#fff;
	color:#6d6d6d;
	border-right:solid 4px #ffa515;
}

/*header section links that are not currently the active section (clickable)*/
#left_nav li span a
{ 
	display: block;
	padding: 3px 4px 3px 15px;
	font-weight: bold;
	color: #fff;
	font-size:75%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #5c79ae;
	background-color:#5c79ae;

}
/*header section links that are not currently the active section in a hover state*/
#left_nav li span a:hover
{ 
	display: block;
	font-weight: bold;
	color: #7c7c7c;
	background-color:#ebebeb;
	border-right:1px solid #ccc;
	border-bottom:solid 1px #ccc;
	border-left:10px solid #ccc;
	padding-left:5px;
}

/*The curent active section (not clickable)*/
#left_nav li span#on
{ 
	display: block;
	padding: 3px 4px 3px 5px;
	font-weight: bold;
	color: #7c7c7c;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:10px solid #ccc;
	font-size:75%;
	background-color:#ebebeb;
	
}
/*the top section of the nav when it is the active section (not a link)*/
#left_nav span#left_nav_top, #recent_rss span#rss_top_on
{
	display: block;
	padding: 3px 4px 3px 15px;
	font-weight: bold;
	color: #7c7c7c;
	border-bottom:1px solid #ccc;
	border-right:0;
	background:url(../images/left_nav_topcurve_on.gif) repeat-x;
	font-size:75%;
}
/*the top section of the nav when it is not the active section (a link)*/
#left_nav span#left_nav_top a
{
	display: block;
	font-weight: bold;
	color: #7c7c7c;
	padding:0;
	margin:0;
	border-right:0;
	background:url(../images/left_nav_topcurve_on.gif) repeat-x;
}
/*sets the border and bgcolour for the top section of the nav when it is clickable*/
#left_nav span#left_nav_top_off
{
	display: block;
	font-weight: bold;
	color: #fff;
	border-bottom:1px solid #ccc;
	border-right:0;
	border-left:0;
	border-top:0;
}

/*the top section of the nav when it is not the active section (a link)*/
#left_nav span#left_nav_top_off a
{
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 3px 4px 3px 15px;
	margin:0;
	border:0;
	background:url(../images/left_nav_topcurve_off.gif) top left no-repeat;
	background-color:#fff;
}
/*the rollover state for the top section of the nav*/
#left_nav span#left_nav_top_off a:hover

{
	display: block;
	color:#7c7c7c;
	background:url(../images/left_nav_topcurve.gif) repeat-x;
}

/*special case for the go to blog item in the recentrss.inc file */
li.gotoblog
{
        font-weight: bold;
}

/*where the text goes:position, margins etc______________________________________________________*/
#content
{
	margin-left:220px;
	padding-bottom:15px;
	padding-right:30px;
	max-width:900px;
	font-size:74%; /*controls font-size for content section*/
}
/*internal nav lists within the content*/
#content ul.internalNav 
{
	margin-left: 0;
	margin-top:1em;
	margin-bottom:1em;
	padding-left: 2em;
	padding-top:.5em;
	padding-bottom:.5em;
	text-indent: -1em;
	line-height:150%;
	list-style:disc inside;
	background-color:#f8f8f8;
	border:1px solid #ccc;
	color:#000;
	width:auto;
}
#content ul.internalNav:hover
{
	background-color:#fff;
	
}
#content ul.internalNav li:hover 
{
	color:#ffa515;
}

#content div.internalNav
{
	text-align:right;
	font-size: 75%;
}
#content ul.internalNav li ul.internalNav
{
	border:0;
	background-color:#f8f8f8;
	width:80%;
}

/*text styles*_____________________________________________________________*/
h1, h2, h3, h4, h5, h6
{
	font-family:"arial", sans-serif;
	color:#335ea8;
	margin-bottom:1em;
	margin-top:1em;
	font-weight:normal;		
}
h1
{
	border-bottom:1px solid #ccc;	
}
h2, h3, h4, h5, h6
{
	border-bottom:0;	
}
h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}
/*
h1 {font-size: 140%;}
h2 {font-size: 120%;}
h3 {font-size: 120%;}
h4 { font-size: 120%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}
*/
#content p
{
	font-family:"verdana", sans-serif;
	margin-top:.5em;
	margin-bottom:.5em;
	color:#333;
	line-height:150%;
}
/*standard text list within content section*/
#content ul
{
	
	margin-left:2em;
	padding-left:2em;
	padding-top:.5em;
	padding-bottom:.5em;
	line-height:150%;
	list-style-position:outside;
}
#content ul li
{
	margin-top:.5em;
	margin-bottom:.5em;	
}
/*numbered lists*/
#content ol
{
	
	margin-left:2em;
	padding-left:2em;
	padding-top:.5em;
	padding-bottom:.5em;
	line-height:150%;
	list-style-position:outside;
}
#content ol li
{
	margin-top:.5em;
	margin-bottom:.5em;	
}
/*end standard text list*/

/*anchors in the content section*/
#content a, a:visited
{
	color:#314f86;
	text-decoration:underline;	
	
}
#content a:hover
{
	color:#ffa515;
	text-decoration:none;	
	
}


/*table styles*/
table
{
	border-collapse:collapse;
	width:100%;
	margin-top:.5em;
	margin-bottom:.5em;
	color:#464646;
	font-size:80%;	
}

th
{
	padding:.5em;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:double  #ccc;
	background-color:#f8f8f8; 	
}
td
{
	border:1px solid #ccc;
	padding:.25em;	
	/*text-align:center;*/
}
td.labBooked
{
    vertical-align:top;
    text-align:center;
    background-color:#ebebeb; 
}
td.LabOneOff
{
    vertical-align:top;
    text-align:center;
    background-color:#ebebeb; 
}
/*end table styles*/

br
{
	clear:both;	
}

/* layout for proposal form */
div#proposalContainer {
	background-color:#dddddd;
}

div.leftcol {
	float:left;
	width:19%;
	text-align:right;
}

div.rightcol {
	float:right;
	width:80%;
}

div.twoColRow {
	padding: 1em;
	clear:both;	
}

#proposalContainer textarea {
	width: 50em;
}

#proposalContainer input {
	width: 30em;
}

#proposalContainer select {
	width: 30em;
}

/*form sytles___________________________________________________*/


#content label, textarea, select 
{
	margin-bottom: .5em;
	padding: 1px;
	width:400px;
}
	
#content fieldset
{
  margin-bottom: 10px;
  border:1px solid #ccc;
  background-color:#f8f8f8; 
  color:#333;
  padding-bottom:1em;

}

/* SA added for nested fieldsets */
#content fieldset fieldset
{
  margin: 10px;
  border:1px solid #ccc;
  background-color:#e7e7e7; 
  color:#333;
  padding:1em;

}

#content legend 
{
  padding: 0 2px;
  font-weight: bold;
  font-size:120%;
  color:#335ea8;
}
#content input
{
	
}
#content fieldset ol li 
{
  list-style: none;
  margin: 0;
}


/*------------------------------------------------------------------------*/


/*the footer_______________________________________________________________*/
#footer
{
	border-top:1px solid #ccc;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	/* these two lines cause footer to extend all the way across page
	margin-left:auto;
	padding-right:auto;
	*/
	/* following three lines cause footer to appear only under content div, not under left nav div*/
	margin-left:220px;
	padding-right:30px;
    max-width:900px;
	text-align:center;
	padding:15px;
	font-size:70%;
	font-family:"verdana", sans-serif;
	
}
#footer img
{
	margin-left:auto;
	margin-right:auto;	
}
#footer a, a:visited
{
	color:#314f86;
	text-decoration:underline;	
}
#footer a:hover
{
	color:#ffa515;
	text-decoration:none;	
}

/*end footer*/