/* CSS Document */

body {
	margin:				0;
	padding:			0;
	text-align:			center;
	background-color:	#CCCCCC;
}


#container
{
	background: 		#FFFFFF;
	margin-top: 		30px;
	margin-left: 		auto;
	margin-right: 		auto;
	margin-bottom: 		0;
	padding: 			0;
	border-left:		1px;
	border-right:		1px;
	border-top:			1px;
	border-bottom:		20px;
	border-color: 		#003366;
	border-style: 		solid;
	float: 				none;
	width: 				800px;
	height:				600px;
	/*to show the background colour and border*/
	overflow: 			auto;
	overflow-y:			hidden;

}


#logo {
	margin:				0;
	padding:			0;
	width:				100%;
	height:				112px;
	background:			#003366;
	text-align:			left;
}

#logo a {
	margin:				10px 10px 0 0;
	padding:			0;
	color:				#FFFFFF; 
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		lighter;
	text-decoration:	none;
	text-align:			right;
	background:			none;
	
}

#topNav {
	margin:				0;
	padding:			2px 10px 0 0;
	height:				16px;
	width:				180px;
	/*background:			#ffcc00;
	border-bottom:		1px solid #fff;
	border-left:		1px solid #fff;*/
	color:				#FFFFFF;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		lighter;
	text-decoration:	none;
	text-aligh:			left;
}

#topNav a {
	margin:				0;
	padding:			0;
	color:				#FFFFFF;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			9px;
	font-weight:		lighter;
	text-decoration:	none;
	background:			none;
}

#topNav a:hover, #topNav a:active {
	text-decoration:	underline;
}


	
#strapLine {
	margin:				0;
	padding:			0;
	width:				100%;
	height:				3px;
	background:			#ffcc00;
	border-bottom:		1px solid #003366;
}


#line {

	margin:				0;
	padding:			0;
	width:				100%;
	height:				1px;
	background:			#003366;
}


#content {
	margin:				10px;
	padding:			0;
	background-color:	#FFF;
	float:				left;
	width:				570px;
	height:				445px;
	border:				0px solid #422114;
	overflow:			auto;
	text-align:			left;
}


#panel1 {
	margin:				10px 10px 10px 0px;
	padding:			0;
	float:				left;
	width:				195px;
	height:				260px;
	border:				1px solid #003366;
	background-color:	#cbd5df;
	text-align:			center;
}

#panel2 {
	margin:				0px 10px 10px 0px;
	padding:			0;
	float:				left;
	width:				195px;
	height:				170px;
	border:				1px solid #003366;
}




h1 {
	margin:				10px 0 10px 0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			18px;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			left;
	color:				#003366;
}

h2 {
	margin:				10px 0 10px 0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			left;
	color:				#003366;
}

h3 {
	margin:				10px 0 10px 0;
	padding:			0;
	font-family:		"Times New Roman", Times, serif;
	font-size:			16px;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			center;
	color:				#003366;
}


p {
	margin:				10px 0 10px 0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		lighter;
	text-decoration:	none;
	text-align:			left;
	color:				#003366;
}

.team {
	margin:				10px 0 10px 0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			13px;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			left;
	color:				#003366;
}

.team a:hover, .team a:active {
	text-decoration:	underline;
}


.list {
	margin:				10px;
	background:			none;
}

.list li {
	margin:				0 0 5px 0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		lighter;
	text-decoration:	none;
	color:				#003366;
	background:			none;
}

.list a {
	color:				#003366;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		lighter;
	text-decoration:	none;
	background:			none;
}
	
	
.list a:hover, .list a:active {
	text-decoration:	underline;
}