/* CSS DOCUMENT */

body  
{
	margin:0;
	padding:0;
}
html 
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#646874;
}

/* ul = unordered list, li = list */

ul, li 
{
	list-style:none;
	margin:0;
	padding:0;
}
li a 
{
	text-decoration:none;
	color:black;
}
h1 
{
	font-size:19px;
	font-weight:normal;
}
img 
{
	display: block;
	border:none;
}
img p 
{
	margin:0;
	padding:0;
}

/* NAVIGATION BAR BACKGROUND */

#navigation		/* This is for the navigation background itself */
{
	clear:left;	
	background-image:url('images/navi.gif');
	background-repeat:no-repeat;
	width:950px;
	height:42px;
}
#navigation ul 		/* This is for the displacement of the first member of the unordered list (ul) */
{
	padding-left:20px;
}

/* NAVIGATION BAR DIVIDER */

#navigation ul li
{
	float:left;
	font-size:11px;
	padding-right:15px;
	background-image:url('images/divider.gif');
	background-position: right 50%;
	background-repeat:no-repeat;
	height:30px;
}
#navigation ul li a 
{
	padding-right:15px;
	position:relative;
	top:9px;
}

/* BANNER POSITION AND SIZE */

#banner 
{
	background-image:url('images/nabconfinal2.bmp');
	float:left;
	width:950px;
	height:160px;
	background-repeat:no-repeat;
}

/* WIDTH, COLOUR AND POSITION OF THE CENTRE CONTROL PANEL */

#center 
{
	background-color:white;
	width:950px;
	margin:auto;
        margin-top:75px;
	margin-bottom:15px;
}

/* SETTING INTERACTIVE BUTTON SETTINGS i.e. class="current" returns a bolded text */

.active 
{
	background-image:url('images/subnavi_active.jpg');
	width:185px;
	padding:0;
	margin:0;
}
.current 
{
	font-weight:bold;
}
.normal 
{
	background-image:url('images/border.gif');
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

/* SUBNAVIGATION BAR POSITION AND WIDTH */

#subnavigation 		/* Left justifies the subnavigation bar */
{
	float:left;
	clear:left;
}
#subnavigation ul li 		/* Positions the text within the subnavigation boxes */
{
	margin-left:9px;
	padding-top:9px;
	padding-bottom:7px;
}
#subnavigation ul li a 		/* Offsets the text within the subnavigation bar from the left margin */
{
	padding-left:25px;
}

/* MAIN TEXT POSITION WITH RESPECT TO THE VERTICAL LINE DIVIDER */

/* 'background-repeat:repeat-y' loops the line_vert.gif in the y direction only */
/* 'margin-left' specifies the distance between line_vert.gif and the subnav bar */
/* 'padding-left' and 'padding-bottom' specifices the distance between the text and the indicated border (i.e. left, bottom, top) */
/* 'line-height' specifies the spacing between each line of text */

#content 
{
	background-image:url('images/line_vert.gif');
	background-repeat:repeat-y;
	float:left;
	width:650px;
	margin-left:24px;
	padding-left:24px;
	line-height:16px;
	margin-top:12px;
	padding-bottom:45px;
}

/* FOOTER TEXT SIZE, ALIGNMENT AND COLOUR */

#footer 
{
	font-size:9px;
	text-align:center;
	margin-right:14px;
	padding-bottom:10px;
	text-decoration:none;
	color:#BBBEC7;
}
#footer a 
{
	text-decoration:none;
	color:#BBBEC7;
}

/* '.' allows you to build functions that can be called in the HTML code using 'class=[function]' */

/* 'float-left' justifies the object/text to the left to make room for another object/text */
/* 'float-right' justifies the object/text to the right to make room for another object/text */

.float-left 
{
	float:left;
	width:310px;
	padding-right:10px;
	margin:0;
}
.float-right 
{
	float:right;
	width:310px;
	padding-left:10px;
	margin:0;
}
.float-none 
{
	clear:left;
	display:block;
}

/* This function ensures that a hyperlink will not be underlined in the webpage - useful in navigation bars to identify which link is selected */

.underline:link 
{
	text-decoration: none;
}

.cleaner
{
	clear:both;
	height:1px;
	Font-size:1px;
	border:0px none;
	margin:0;padding:0;
	background:transparent;
}