/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background-color:#bcbdc0;}
h1 {color:#066772; font-size:1.3em; font-weight:bold;}
h2 {color:#066772; font-size:1.2em; font-weight:bold;}
h3 {color:#066772; font-size:1em; font-weight:bold; font-style:italic;}
p  {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#000000;}
.larger {font-size: 110%;}


/* Main Div */
#main {background:white; margin-left: 0.5em; margin-right: 0.5em;}


/* Banner Divs
These control the Banner Graphic, Logo position and Banner Text */
#banner {padding: 0em; margin-top: 0; margin-bottom:0; background-image:url(../images/bubbles.gif); }
#banner-container {padding: 0em; margin-top: 0; margin-bottom:0; clear:both;}
#centec-name {position:absolute; top:29px; left: 50%; margin:0; padding:0;}
#centec-name p {font-size:2em; color:white; font-weight:bolder; }
#three-graces {position:absolute; top:19px; left: 200px; margin:0; padding:0;}


#logo {position:relative; top:11px; left: 10px;margin:0; padding:0;}
#banner-text {
	background:#066772;
	color:white;
	margin:0;
	display:block;
	padding: 0px 10px 5px 0px;
	text-align:right;
}


/*
THE MAIN-MENU-MSIE7.CSS AND MAIN-MENU-MSIE6.CSS ARE USED TO CONTROL THE TOP MENU
*/


/* Centre */
#centre {background-color:white; margin:0px 165px 5px 170px; padding: 5px; }

/* Left Menu */
#left {
	width: 140px; 
	padding: 10px 10px 5px 10px; 
	margin-left: 0px; 
	margin-right: 2px; 
	display:block; 
	float:left;
	clear:right;
	background-color: #16979c;
	}
	
#left ul {
	border:0;
	margin: 0 0 0 0;
	padding: 0;
}
#left ul li {
	display: block;
	font-size:0.8em;
	margin: 0 0 0 0;
	padding: 0;
	white-space: normal;
	}
#left li a:link, #left li a:visited {
	color: black;
	background: #bcbdc0;
	font-weight:bold;
	text-decoration:none;
	display: block;
	padding: 3px 3px 5px 3px;
	white-space: normal;
	margin: 0 0 0 0;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
#left li a:hover, #left li a:focus {
	color: white;
	background: #808080;
	font-weight:bold;
	text-decoration:none;
	white-space: normal;
	margin: 0 0 0 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

#left li.selected a:link, #left li.selected a:visited {
	color: white;
	background: #808080;
	font-weight:bold;
	text-decoration:none;
	white-space: normal;
	margin: 0 0 0 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}
#left li.selected a:hover, #left li.selected a:focus {
	color: white;
	background: #808080;
	font-weight:bold;
	text-decoration:none;
	white-space: normal;
	margin: 0 0 0 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}


#left ul li.selected ul { margin:0px 0px 10px 0px; padding: 0px;}

#left ul li.selected ul li {
	font-size:1em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	white-space: normal;
	display:block;
	}
#left ul li.selected ul li a:link, #left ul li.selected ul li a:visited {
	color: black;
	background: #bcbdc0;
	font-weight:bold;
	text-decoration:none;
	display: block;
	padding: 3px 3px 5px 3px;
	white-space: normal;
	margin: 0 0 0 0;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}
#left ul li.selected ul li a:hover, #left ul li.selected ul li a:focus {
	color: white;
	background: #808080;
	font-weight:bold;
	text-decoration:none;
	white-space: normal;
	margin: 0 0 0 0;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}



/* Right Menu */
#right {background-color: #16979c; width: 140px; margin-top:0px; margin-bottom:0px; margin-left: 2px; margin-right:0px; margin-bottom:5px; display: block; float:right; padding:5px 5px 0px 5px}
#right p {text-align:center;}
#right p img {border: 1px solid black;}
#right a:link, #right  a:visited {
	color: white;
	text-decoration:none;
	font-weight:normal;
}

#right a:hover, #right a:focus {
	color: white;
	text-decoration:none;
	font-weight:bold;
	}
	
/* Footer */
#footer {display:block; clear:both; color: #808080; font-size:0.8em; padding: 5px; border-top:1px solid #808080; border-bottom:1px solid #808080;}
#footer p {color: #808080; font-size:1em;}
#footer  a:link, #footer  a:visited {
	color: #16979c;
	font-weight:bold;
	text-decoration:underline;
}
#footer a:hover, #footer a:focus {
	color: #16979c;
	font-weight:bold;
	text-decoration:none;
	}


.news {float:right; border: 2px solid #808080; background-color:#FFFF99; width:25%; height:200px; overflow:scroll;}
.news h2 {text-align:center; color:red;}

table.table-borders {border:1px solid black; border-spacing:0px; border-collapse:collapse; vertical-align:top;}
table.table-borders th {border:1px solid black; background:#BCBDC0; padding: 5px;}
table.table-borders td {border:1px solid black; padding: 5px;}

/*#table-contact {border:1px solid black;}
/*#table-contact th {background:#BCBDC0;}*/
#table-contact tr.row-white {background:white;}
#table-contact tr.row-blue {background:#B6D2D9;}
#table-contact th {vertical-align:top; padding: 5px;}
#table-contact td {vertical-align:top; padding: 5px;}


/*Layout of Floating Divs for Contacts in the Right Hand Menu */
.float-contact {
	display:none; 
	position:absolute; 
	border-style: solid; 
	background-color: white;
	max-width:200px;
	padding: 5px;}
	
.box-blue {background-color:#B6D2D9; padding:2px; margin-top:5px; margin-bottom:5px;}
.box-blue p {margin-top:2px; margin-bottom:2px;}
.box-white {background-color:#E3E9ED; padding:2px; margin-top:5px; margin-bottom:5px;}
.box-white p {margin-top:2px; margin-bottom:2px;}

#missionstatement {
	text-align:		center;
	border:			1px solid black;
	display:		block;
	padding:		5px;
}

#missionstatement p {
	font-style:		italic;
}