/* CSS Document for DLDCN - GAPS Test 
Updated by :Adam J. Zygadlo - 7th Jan, 2007*/
ul {
		list-style-type: none;
}
/* My background area */
body {
		margin: 0;
		padding: 0;
		background-image:  url(images/navigation/orangetowhite.jpg);
		background-repeat: repeat-x;
		background-position: 0px 100px;
}
/* Opera Browser */
html, body {
		margin: 0px;
		padding: 0px;
}

/* Top area - Title - */
#top {
		background-image:  url(images/navigation/orange_line.jpg);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		margin: 0;
		height: 100px;
		width: 100%;
}
/*----------------------------------------------
| Main-navigation settings
 ----------------------------------------------*/
#navigation ul.ghost {
		height: 200px;
		width: 190px;
		background-color: transparent;
		background-image:  url(images/navigation/navbottom-fadeout.jpg);
		background-repeat: repeat-x;
}

/* Postion of the whole navigation layout*/
#navigation { 
		position: absolute;
		padding-top: 14px;
		margin-top: 100px;
		top: 0px;
		left: 0px;
		height: 50%;
}

#navigation ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: none;
}
/* Changes hyperlink colors */
#navigation li a{ 
		background-image:  url(images/navigation/nav_button_right.jpg);
		background-position: center right;
		background-repeat: repeat-y;
		background-color: #FFFFFF;
		color: #000000;
}
#navigation li {
		width: 190px;
		border-bottom: 2px solid #FFFFFF;
		margin: 0px;
		padding: 0px;
		font-size: 0.9em;
		vertical-align: bottom;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		font-weight: bold;
}
/*Colours of buttons and highlights*/
#navigation a:link, #navigation a:visited {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #79B8D8;
		color: #000000;
		background-color: #E88018;
		text-decoration: none;
}
#navigation a:hover {
		border-left: 10px solid #B45449;
		background-color: #E88018;
		text-decoration: none;
		color: #000000;
}
/*----------------------------------------------
| Sub-navigation - settings
 ----------------------------------------------*/
#navigation ul.subnav a{
		background-image: none;
		color: #000000;
		background-color: #F1B172;
}
#navigation ul.subnav {
		margin-left: 10px;
}
#navigation ul.subnav li {
		width: 180px;
		border-top: 1px solid #FFFFFF;
		text-transform: none;
		line-height: 1.65em;
		font-size: 0.8em;
		font-weight: 400;
}

#navigation ul.subnav a:link, #navigation ul.subnav a:visited {
		background-color: #F1B172;
		color: #000000;
		text-decoration: none;
}
#navigation ul.subnav a:hover {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #B45449;
		background-color: #F1B172;
		text-decoration: none;
		color: #000000;
}
/*----------------------------------------------
| Bodycopy area
 ----------------------------------------------*/
#content {
		text-align: justify;
		padding: 15px 10px 0px 25px;
		margin-left: 190px;
		margin-right: 25px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		line-height: 1.35em;
		letter-spacing: -0.025em;
}
#content h1 {
		text-transform: uppercase;
		text-align: left;
		font-weight: 600;
		margin: 0px;
		background-color: #FFFFFF;
		color: #E88018; 
		padding-bottom: 0.4em; 
		font-size: 1.2em;
}
#content a:link, #content a:visited {
		font-weight: 500;
		color: #CC6600; 
		background-color: #FFFFFF;
		text-decoration: underline;
}
#content a:hover {
		font-weight: 500;
		background-color: #FFFFFF;
		color: #990000; 
}
#content a.redlink:link, #content a.redlink:visited {
		font-weight: 500;
		color: #CC0000; 
		background-color: #FFFFFF;
		text-decoration: underline;
}
#content a.redlink:hover {
		font-weight: 500;
		background-color: #FFFFFF;
		color: #CC0000; 
}
#content ul {
		margin-left: 0px;
		list-style-type: disc;
} 
#content li {
		margin-left: 20px;
		list-style-type: disc;
} 
#content ul.assessed {
		text-align: left;
		margin-left: 0px;
		margin-top: 0px;
}
#content ul.assessed li{
		text-align: left;
		padding-bottom: 15px;
		margin-top: 0px;
}



/*----------------------------------------------
| Contact page
 ----------------------------------------------*/
#content ul.contact {
		text-align: left;
		font-weight: 400;
		margin-top: 0px;
		margin-left: 0px;
}
#content ul.contact li{
		text-align: left;
		margin-left: 35px;
		list-style-type: none;
}
/*----------------------------------------------
| Image area
 ----------------------------------------------*/	
#images {
		float: right;
		text-align: center;
		padding: 25px 0px 25px 25px;
		background-color: transparent;
		margin-top: 15px;
		margin-right: 25px;
}
#images h6{
		margin-top: -0.5em;
		font-weight: 400;
		text-align: center;
		font-size: 0.9em;
		width: 250px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
}
#coming {
		background-image:  url(images/navigation/orange_line.jpg);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		margin: 0;
		height: 100px;
		width: 100%;
}
/*----------------------------------------------
| The team section
 ----------------------------------------------*/
#staffbox {
		width: 100%;
		border-top: 1px solid #000000;
		margin: 0px;
		padding: 10px 10px 20px 10px;
}
#staffimagebox {
		float: left;
}
#staffimagebox img{
		margin-bottom: 10px;
		float: left;
}
#staffcontent {
		margin-left: 125px;
}
#footer{
		clear: both;
}