/* 
color palette in use:
BUTTON - links
button  unselected - blues
#1958b7= left border
#508fc4= right border
#0066cc=middle 
button  hover - blues
#1c64d1=left border
 #5ba3e0=right border
#2586d7=middle
button text
#ffffff=white
button background
#000000=black
#90bade=border bottom
BUTTON 2 - Group heading
button2   - reds
#cc0000= left border
#ff6666= right border
#ff0000=middle 
button 2 text
#ffffff=white
#333=button base text

*/

body
{
	text-align: center;
	background-color: #508fc4;
	color: #000000;
	font-family:arial,helvetica,sans-serif;
	font-size:90%;
}
#container
{
	text-align:left;
	margin: 0 auto;
	width:700px;
	background-color:#fff;
	color:#000;
	background-image:url(images/banner5.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top: 133px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
#navbar{
	height: auto;

}
/*This menu bar is based on one detailed in the article CSS Design:Taming Lists by Mark Newhouse which can be found at www.alistapart.com/articles/taminglists/  */ 

#button {
	float:left;
	width: 110px;
	border-right: 1px solid #000000;
	padding: 0;
	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	background-color: #ffffff;
	font-size:0.75em;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}

		
#button li {
	border-top: 1px solid #90bade;
	margin: 0;
	}

#button li.dead {
		margin: 0 auto;
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #CC0000;
		border-right: 10px solid #ff6666;
		background-color: #ff0000;
		color: #fff;
		text-decoration: none;
		width: 100%;
		border-bottom: 1px solid #ff0000;
		}
/* This needs to be in for the button to display properly in Netscape*/
html>body #button li.dead {
		width: auto;
		}
		
		
#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #0066cc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	}

html>body #button li a {
		width: auto;
		}

#button li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}

/*End of navigation */

#content
{
	float: left;
	width:500px;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:5px;
	padding:10px 0px 0px 0px;
	background-color:#fff;
	color:#000;
	margin-right: 0px;
}

#footer
{
	clear:both;
	margin: 0;
	width:700px;
	background-color:#ff0000;
	color:#000;
	padding:0px;
	text-align:left;
	line-height: normal;	
}

/*General CSS for Contents Area - all pages*/

#content li
{
	margin-top: 0.35em;
	list-style-type: none;

}

#nested li{
	list-style-type: none;


}
#copywrite
{
	font-size:0.85em;
	margin:5px 5px 5px 5px;
	padding: 5px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#ff0000;
}

#bullet li{
	list-style-type: disc;
}


h3
{
	font-family:arial,helvetica,sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:normal;
	color:#0066cc;
	background-color:#fff;
	margin: 10px 0 10px 0;

}
h4
{
	font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:normal;
	color:#0066cc;
	background-color:#fff;
	margin: 10px 0 10px 0;

}

table{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


}

td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


}
/*End of General CSS for Contents Area - all pages */

/* CSS specific to Home Page */
#feature {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #ffffff;
	padding:0px 0px 0px 0px;
	line-height: 1.2em;
	color: #000000;
}

#news {
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	line-height: 1em;
	width: 110px;
	height: auto;
	background-color: #0066cc;
	padding: 10px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;	
	
}
.newscontent {
	font-size: 75%;
	color: #FFFFFF;
	background-color: #0066CC;
}
#news ul {
	list-style-type: disc;
	margin-left: 0px;
	list-style-position: inside;
	
}
.newsheading {
	color: #FFFFFF;
	background-color: #0066CC;
}
#newsother{

}
#home-img
{
	position:relative;
	left:0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #ff0000;
	width: 300px;
	font-weight:bold;
	font-size: 18px;
	line-height: normal;
}

p.red
{
	background-color:#fff;
	color:#ff0000;
	font-weight:bold;
	font-size: 1.2em;
}
/* End of CSS specific to Home Page */


/* CSS specific to Profile Page */

#mophoto 
{
	float:left;
	width:150px;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
	color:#ff0000;
	margin-top:0px;
	margin-left:0px;
	margin-right:15px;
	margin-bottom:10px;
}

#profile{
margin:0 0 0 0;
padding:0 0 0 0;
}

#ukclclogo
{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	float:right;

}
/* End of CSS specific to Profile Page */

/* CSS specific to Testimonial Page */

#testimonial
{
font-family:arial,helvetica,sans-serif;
font-size:90%;
font-style:italic;

}

/* End of CSS specific to Testimonial Page */

/* CSS specific to Useful Links and Contact Pages */
#row1{
	float:left;
	height: 150px;
	padding-top:10px;
	padding-bottom:10px;
}
.linksleft
{
float:left;
width:250px;
}
.linksright
{
float:left;
width:250px;
}
#row1 img{
margin-left:20px;
margin-top:10px;

}
#row2{
	clear:both;
	height: 150px;
	padding-top:10px;
	padding-bottom:10px;
}

#row2 img{
margin-left:20px;
margin-top:10px;
}
#row3{
clear:both;
height: 150px;
padding-top:10px;
padding-bottom:10px;
}
#row3 img{
margin-left:20px;
margin-top:10px;
}
/* End of CSS specific to Useful Links  */

/*  CSS specific to Contacts */
#contactsrow1{
	float:left;
	height: 50px;
	padding-top:10px;
	padding-bottom:10px;
	}

#contactsrow2{
	clear:both;
	height: 50px;
	padding-top:10px;
	padding-bottom:10px;
	}


#contactsrow3{
clear:both;
	height: 50px;
padding-top:10px;
padding-bottom:10px;

}
/*  CSS specific to Services and Products pages */
#location{
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	border-top-style: solid;
	border-top-width: medium;
	border-right-style: solid;
	border-right-width: medium;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-left-style: solid;
	border-left-width: medium;
	padding: 10px 10px 10px 10px;
}

/* CSS specific to Business Development PAge */
#bus_feature {
	margin-left: 0px;
	margin-top: 0px;
	background-color: #ffffff;
	padding:0px 0px 0px 0px;
	line-height: 1.2em;
	color: #000000;
}

#bus_panel {
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	line-height: 1em;
	width: 110px;
	height: auto;
	background-color: #ffffff;
	padding: 10px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 1em;
	border-top-color: #0000FF;
	border-top-style: solid;
	border-top-width: medium;
	border-right-color: #0000FF;
	border-right-style: solid;
	border-right-width: medium;
	border-bottom-color: #0000FF;
	border-bottom-style: solid;
	border-bottom-width: medium;
	border-left-color: #0000FF;
	border-left-style: solid;
	border-left-width: medium;
	
}