/*

This stylesheet sets out the basic layout of the page. If you are happy with the basic layout of the page, and only wish to make stylistic changes
(changing colours, background images, etc.) or adding styling to particular page elements, then it is recommended that you leave this stylesheet as is,
and effect any changes in the lookandfeel.css file, which is referenced AFTER this sheet, and will therefore override styles in this sheet.

this stylesheet expect the following divs to be prresent in the HTML, in the order specified:

body
	div#all

		div#header
		div#content
		div#mainnav
		div#sidebar
		div#footer
*/

body
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 30px;
}


div#all {


	width: auto;
	/* min width won't work in IE6, but it's not crucial to this layout, merely a nicety... */
	min-width: 500px;

}

div#header
{
background-color: #002147;
height: 60px;
text-align: right;
padding: 20px;
}

div#headerlogo
{
position: absolute;
top: 22px;
left: 10px;
font-size: 2.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
}

div#header img#ibvllogo
{
position: absolute;
top: 0px;
left: 10px;
}

div#header div#searchform

{
position: absolute;
top: 65px;
right: 10px;
}

/* give additional padding to items inside the footer div*/
div#footer
{
clear: both;
padding: 10em;
}

/* give padding to div's that directly contain content*/
div#content, div#mainnav, div#additional, div#footer
{
padding: 1em;
}

div#content
{
padding-right: 60px;
padding-bottom: 30px;
}

/*div#content h2
{
margin-top: 25px;
margin-bottom: -15px;
}*/

div#content ul
{
/*list-style: none;
padding-left: 0;
margin-left: 0;*/
/*padding-left: 4em;
text-indent: -4em;*/
/*padding-top: 5px;
margin-bottom: -5px;*/
}

/*div#content ul li, div#content ul li ul li, div#content ul li ul li ul li
div#content li
{
padding-bottom: 5px;
}*/

/*div#content ul li ul, div#content ul li ul li ul
{
padding-top: 5px;
}*/


/* position mainnav div below the header div and to the left of the page*/
 div#mainnav
 {
 position: absolute;
 top: 100px;
 left: 0px;
 width: 160px;
 padding: 0px;
 margin: 0px;
 }
 /*  hide the main nav h2 - it makes sense to have it in the mark-up, but we don't want to show it,  as the purpose of the nav bar is obvious visually.
 
To hide it, we set the position as absolute, and place it way off screen (this is recommended in preference to using display:none as a more reliable way of presenting content that needs to be heard but not seen)
 */
  div#mainnav h2
 {
 position: absolute;
 left: -3600px;
 }

 /* position additional div below the header div and to the right of the page*/
 div#additional
  {
  position: absolute;
  top: 100px;
  right: 0px;
  font-size: 0.9em;
  width: 160px;
  margin: 0px;
  /*padding-bottom: 750px;*/
 } 
 

/* for the div's below header that aren't absolutely positioned , give them margins matching the widths of the absolutely positioned columns, 
so that they don't overlap*/
div#content, div#footer
{
margin-left: 160px;
margin-right: 160px;
}

/*ie 6 only selector to force 'has-layout' to fix the peekaboo bug*/

* html div#all
{
height: 1%;
position: relative;
}

p#IBVL
{
margin-top: 50px;
}

p#search
{
margin: 0px;
}

div#copyright
{
padding-top: 4em;
}

.list
{
margin-left: 1em;
}

.sublist
{
margin-left: 2em;
}

fieldset
{
border: 0;
}

table
{
margin: 0 auto;
margin-left: 0;
/*border: 1px solid red;*/
}

table.space
{
border-collapse:separate;
border-spacing:20px 0px;
}

tr
{
/*border: 1px solid black;*/
}

td {
vertical-align: top;
padding: 3px;
/*border: 1px solid red;*/
}