/* CSS Document */

html, body {
color: #333; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 1.3em;
font-weight: normal; 
font-size: 100%; 
margin: 0;
}
}


a { text-decoration: underline;  }
a:link { color: #333; font-family: arial, helvetica, sans-serif; }
a:visited { color: #333; font-family: arial, helvetica, sans-serif; }
a:hover { text-decoration: underline; font-family: arial, helvetica, sans-serif; }
a:active { color: #333; font-family: arial, helvetica, sans-serif;  }
.breadcrumb { font-size: 0.8em; color: #333; margin-top: 5px; padding-left: 15px; }

.list-date {
float:right;
font-size: 0.9em;
color: #999;
margin: 8px;
}

#footer_nav {
    float:right;
    width:100%;
    /*background:#004a5d;*/
    font-size:0.9em;
	margin-top: 40px;
	border-top: 1px dotted #999;
}
	
#footer_nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
  
#footer_nav li {
    text-align: center;
    padding: 5px;
	color: #004a5d;
}


#socialnav {
    float:right;
    width:100%;
    font-size:93%;
	margin-top: -7px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;

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

#socialnav li {
    float: right;
    padding-right:5px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
    background: /*#bde589;*/#fff;
}
	
   
#socialnav a {
	font-size: 110%;
    display:block;
    padding:2px 5px;
}

#alt-section{
    float:right;
    width:100%;
    	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;

}


h1,h2,h3, {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


h1 { 
	color:#333; 
	font-size: 1.5em; 
	font-weight: bold;
	letter-spacing: 2px;
	word-spacing: 2px;
	padding-top: 1px;
	padding-left: 5px;
	padding-bottom: 1px;
	margin-left: 0;
	margin-right: 0;
    border-bottom: 0px solid #ccc;
}

h2 { 
	color: #004a5d; 
	font-size: 2em;
	font-weight: normal;	
	letter-spacing: 4px;
	padding-bottom: 15px;
	padding-left: 25px;

}

h3 {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	padding-left: 25px;
}



/*#inner-container {
	width: 1250px; 
	margin: auto;
	background:#fff; 
	min-height:100%; 
	height:auto;
}*/

#outer-container {
  min-width: 1050px; 
  max-width: 1250px; 
margin: 0 auto;
background: #fff;
/*background: #006a85; */
min-height:100%; 
height:auto;
/*border-left: 1px solid #1f97a6;
border-right: 1px solid #1f97a6;*/


}


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

}
		
#button li {
	list-style-type: none;
	width: 200px;
	margin-left: -45px;
	margin-top: 0;
}

#button li a {
	display: block;
	margin-left: 10px;
	padding: 8px 5px 5px 20px;
			/*background:transparent url('./images/darkbluewave.png');*/
			background: #f0f5ff url('./images/bg-content-blue.gif');
			background-repeat: repeat;
			/*background: #e3f1f4;*/
	color: #004a5d;
	border-bottom: 1px dotted #1f97a6;
	font-weight: bold;
	text-decoration: none;
}

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

#button li a:hover {
	background: #fff;
	color: #f76311;
	text-decoration: none;
}

#button #current {
	background: #004a5d;
	color: #d55c03;

}


#timetext {
color: #999;
font-size: 0.8em;
text-align: right;
padding-right: 5px;
padding-bottom: 5px;
margin-top: -20px;

}

#content {
float: left;
width: 100%;
height: 100%;
padding-bottom: 1em;
background: #fff;
}

#content p {
font-size: 12px;
}

#content h1 {
	font-family: arial, helvetica, sans-serif; 
	color:#f76311;
	font-size:2.4em;
	font-weight:normal;
	font-style: italic;
	margin: 20px;
	padding-left:20px;
}

#contentarea {
width: 70%;
float:left;
}

#contentarea h1 {
	font-family: arial, helvetica, sans-serif; 
color:#f76311;
	font-size:2.3em;
	font-weight:normal;
	margin:0 0 20px;
	padding-left:30px;
	padding-top: 10px;
}
#contentarea h2 {
	font-family: arial, helvetica, sans-serif; 
color:#004a5d;
	font-size:2em;
	font-weight:normal;
	margin:0 0 20px;
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}
}
#contentarea h2.eventtitle {
	font-size:130%;
	margin-bottom:0;
}

#contentarea p {
font-size: 1em;
padding-left: 30px;
text-align: justify; 
color: #333; 
line-height: 1.8em; 
}

#contentarea p.title {
font-size: 1em;
padding: 15px;
margin: 5px;
border-bottom: 1px dotted #999;
}

div#contentarea p img {
	float: right;
	border: 5px solid #f0f5ff;
	display: inline;
}

#tabbed-content {
width: 65%;
background: url('./images/background_home.jpg') repeat;
float: left;
padding: 20px;
overflow:hidden;
margin-top: 20px;
margin-left: 20px;
border-top: 1px solid #ddd;

}


#midcontent {
margin: 0 0 0 2em; 
width: 850px;
height: 100%;
padding: 0.5em 1em 1em 1em;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 
background: #fff; 
}

#feature_content {
margin: 0 0 0 2em; 
/*width: 850px;   ---- used for additional text panel */
	width: 600px;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
		box-shadow: 0 8px 8px #666;
   -o-box-shadow: 0 8px 8px #666;
   -webkit-box-shadow: 0 8px 8px #666;
   -moz-box-shadow: 0 8px 8px #666;
	padding: 0;
	border: 10px solid #fff;
}

.panel {
background: #fff;
margin: 5px;
float: right;
width: 240px;
height: auto;
}

#feature_content2 {
float: right;
margin: 0 1em 0 1em; 
/*width: 850px;   ---- used for additional text panel */
	width: 220px;
	height: auto;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
		box-shadow: 0 8px 8px #999;
   -o-box-shadow: 0 8px 8px #999;
   -webkit-box-shadow: 0 8px 8px #999;
   -moz-box-shadow: 0 8px 8px #999;
	padding: 15px;
	color: #fff; 
	line-height: 1.6em; 
	background: #004a5d;
font-size: 1.1em;
	border: 5px solid #fff;
}


#feature_content h2 {
text-transform: uppercase;
text-align: center;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color:#ff6600;
	padding: 5px;
	margin: 0px 0;
	border-bottom: 1px dashed #ccc;
}

#feature_quote {
float: right;
margin-right: 2em; 
/*width: 850px;   ---- used for additional text panel */
	width: 250px;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	padding: 10px;
	color: #004a5d; 
	line-height: 1.6em; 
	background: #fff;
font-size: 1em;
	border: 1px solid #ccc;
}


#feature_quote h2 {
text-transform: uppercase;
text-align: center;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color:#ff6600;
	padding: 5px;
	margin: 0px 0;
	border-bottom: 1px dashed #ccc;
}

#feature_quote p {
font-size: 1em;
font-style: italic;
}
#feature_quote p.name {
font-size: 1em;
font-style: normal;
font-weight: normal;
}



#feature_content p {
float: left;
padding: 15px;
margin: 15px;
color: #666;
}


#feature_content3 {
float: left;
margin: 2em; 
	width: 700px;
	height: auto;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	padding: 15px;
	font-style: normal;
	color: #333; 
	line-height: 1.6em; 
	background: #fff;
	/*border: 4px solid #96c6ca;*/
}

#address {
	float: right;
	margin: 1em; 
	width: 35%;
	height: auto;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	padding: 15px;
	font-style: normal;
	color: #333; 
	line-height: 1.6em; 
	/*border: 4px solid #96c6ca;*/
}

#address p {
	float: left; 
	margin-right: 1em;
}


#nav-column {
width: 230px;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	background: #f0f5ff; 

height: 100%;
float:right;
padding: 20px;
border-top: 1px solid #ddd;
}

#nav-column  img{
float: right;
border: 4px solid #ececec;
}

#nav-column  p {
color: #333;
}

#nav-column h2 {
color: #f46b06;
font-size: 1.1em;
}

#left-column {
width: 20%;
/*background: #f0f5ff url('./images/bg-content-blue-left.gif')repeat;*/
background: #f0f5ff;
border-top: 1px solid #ddd;
height: 100%;
float:left;
padding-right: 15px;
padding-left: 15px;
margin-right: 10px;
}



#left-content {
width: 680px;
background: #fff;
float: left;
padding: 0.5em 1em 1em 1em;
margin-left: 20px;
margin-right: 10px;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 

}

#left-content h2 {
color:#F46B06;
	font-size:160%;
	font-weight:400;
	line-height:120%;
	margin:0 0 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #333;
}


#right-content {
    width: 22%;
	overflow:hidden;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	background: #f0f5ff url('./images/bg-content-blue-left.gif');
	background-repeat: repeat-x; 
	height: 100%;
	float:right;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	margin-right: 20px;
}


#right-content img {
	border: 4px solid #fff;
	text-align: center;
}


.right-column {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	width: 220px;
	overflow:hidden;
	height: 100%;
	background: #fff;
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #fff; 
}


.right-column h2 {
	background: url(./images/darkbluewave.png) top center repeat;

	text-align: center;
	padding: 5px;
	margin: 2px;
	color: #fff; 
	font-size: 1.2em;
	line-height: 1.4em; 
	border-bottom: 1px dotted #999;
}

.right-column h3 {
	/*background: url(./images/redwave.png) top center repeat;*/
	background: #ff4300;
	padding: 5px;
	margin: 0;
	color: #fff; 
	font-size: 1em;
	line-height: 1.4em; 
}



.right-column p {
font-family: Arial, Helvetica, sans-serif; 
line-height: 1.2em;
font-weight: normal; 
color: #333;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 5px;
}

.right-column p.address {
font-family: Arial, Helvetica, sans-serif; 
line-height: 1.4em;
font-size: 1.125em;
font-weight: normal; 
color: #333;
padding-right: 15px;
padding-left: 15px;
padding-top: 0px;
padding-bottom: 5px;
margin: 5px;
}


.right-column p.quote {
font-family: Arial, Helvetica, sans-serif; 
font-size: 1.125em;
line-height: 1.6em;
font-weight: normal; 
color: #004a5d;
padding: 12px;
margin: 5px;
}

.right-column p.signature {
font-family: Arial, Helvetica, sans-serif; 
line-height: 1.8em;
font-style: italic; 
color: #333;
background: #fff;
padding-right: 15px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px;
}

.right-column img }
margin-left: 20px;
text-align: center; 
}

.right-column-twitter {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	width: 220px;
	overflow:hidden;
	height: 100%;
	background: #fff url('./images/logoback1.gif') no-repeat 0 0;
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: justify; 
	color: #fff; 
}




.right-column-facebook {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	width: 220px;
	overflow:hidden;
	height: 100%;
	background: #fdfeff;
	float: left;
	border: 0;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 10px;

}




#right-content-news {
background: #ddd;
-moz-border-radius: 1em;
width: 150px;
height: 100%;
	background: #fff url('logoback1.gif') no-repeat;

float: right;
border: 1px solid #ccc;
padding: 5px;
padding-left: 10px;
margin-right: 5px;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 

}

#right-content-news p {
padding-left: 20px;
}

#right-content-news h2 {
text-transform: uppercase;
text-align: center;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color:#6eb021;
	padding: 5px 0;
	margin: 0px 0;
	border-bottom: 1px dashed #ccc;

}

#right-content-news h3 {
font-size: 1.3em;
color: #fff;
text-align: center;
background: #9c0;
	padding: 5px 0;
	margin: 5px 0;

}


#mid-content {
width: 700px;
background: #fff;
float: left;
padding: 0.5em 1em 1em 1em;
margin-left: 20px;
margin-right: 10px;
text-align: justify; 
color: #666666; 
line-height: 1.6em; 

}
#center-content {
width: 50%;
background: #fff;
float: left;
padding: 0.5em 1em 1em 1em;
margin-left: 20px;
margin-right: 10px;
text-align: justify; 
color: #333; 
line-height: 1.6em; 

}

#center-content h1 {
font-family: arial, helvetica, sans-serif; 
color:#f76343;
	font-size:2.3em;
	font-weight:normal;
	line-height: 1.125em;
	margin:0 0 10px;
	padding-left:10px;
	padding-top: 10px;
}

#center-content h2 {
	font-family: arial, helvetica, sans-serif; 
color:#d75b03;
	font-size:2em;
	font-weight:normal;
	margin:0 0 20px;
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}


#center-content p.quote {
-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
background: #fff;
color: #004a5d;
font-size: 1.125em;
font-style: italic;
padding: 15px;
margin: 5px;
}


#full-content {
width: 95%;
float: left;
padding: 0.5em 1em 1em 1em;
margin-left: 20px;
margin-right: 10px;
text-align: justify; 
color: #333; 
line-height: 1.8em; 

}

#full-content h1 {
font-family: arial, helvetica, sans-serif; 
color:#f76311;
	font-size:2.3em;
	font-weight:normal;
	line-height: 1.125em;
	margin:0 0 10px;
	padding-left:10px;
	padding-top: 10px;
}

#full-content h2 {
	font-family: arial, helvetica, sans-serif; 
color:#d75b03;
	font-size:2em;
	font-weight:normal;
	margin:0 0 20px;
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}


#full-content p.quote {
color: #004a5d;
font-size: 1.25em;
font-style: italic;
padding: 15px;
margin: 5px;
}

#full-content p.sig {
float: right;
background: #fff;
color: #d65d02;
font-size: 1.125em;
padding: 15px;
margin: 5px;
}


#programme-content {
width: 70%;
float: left;
padding: 0.5em 1em 1em 1em;
margin-left: 20px;
margin-right: 10px;
text-align: justify; 
color: #333; 
line-height: 1.8em; 

}

#programme-content h1 {
font-family: arial, helvetica, sans-serif; 
color:#f76311;
	font-size:2.3em;
	font-weight:normal;
	line-height: 1.125em;
	margin:0 0 10px;
	padding-left:10px;
	padding-top: 10px;
}

#programme-content h2 {
	font-family: arial, helvetica, sans-serif; 
color:#d75b03;
	font-size:2em;
	font-weight:normal;
	margin:0 0 20px;
	padding-left:20px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}


#programme-content p.quote {
color: #004a5d;
font-size: 1.25em;
font-style: italic;
padding: 15px;
margin: 5px;
}

#programme-content p.sig {
float: right;
background: #fff;
color: #d65d02;
font-size: 1.125em;
padding: 15px;
margin: 5px;
}

#map-content {
width: 940px;
background: #e4ebf9;
float: left;
padding-top: 20px;
padding-bottom: 10px;
overflow:hidden;
margin:0 auto;
border-top: 1px solid #ddd;

}

#map-content p {
text-align: center;

}

.home-content {
    width: 70%;
	background: url('./images/background_home.jpg') repeat;
	float: left;
	padding-top: 20px;
	padding-bottom: 35px;
	overflow:hidden;
	margin-top: 0;
	margin-bottom:30px;
	margin-left: 50px;
	border-top: 1px solid #ddd;
}

.home-content p.map {
margin-top: 4em;
}

.home-content p.text {
	color: #333;
	font-size: 1em;
	line-height: 1.7em;
	text-align: justify;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}



.home-content p.img{
	border: 1px solid #000;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
}

.home-content p.text_right {
	color: #333;
	float: right;
	width: 220px;
	margin-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
}

.home-content h2 {
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.9em;
	border-bottom: 0px;
	padding-left: 25px;
	/*color: #3a4a5d;*/
	color: #004a5d;
	font-weight: normal;
}

#secondary-content {
    width: 70%;
	background: url('./images/background_home.jpg') repeat;
	float: left;
	padding-top: 20px;
	padding-bottom: 35px;
	overflow:hidden;
	margin-bottom:30px;
	margin-left: 20px;
	border-top: 1px solid #ddd;
}

#secondary-content p.map {
margin-top: 4em;
}

#secondary-content p {
	color: #333;
	width: 90%;
	font-size: 1em;
	line-height: 1.8em;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

#secondary-content img{
	border: 4px solid #fff;
	padding:0;
	float:right;
	margin-right: 20px;
	margin-left:20px;

}

#secondary-content p.text_right {
	color: #333;
	float: right;
	width: 220px;
	margin-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
}

#secondary-content h2 {
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.9em;
	border-bottom: 0px;
	padding-left: 25px;
	line-height: 1.25em;
	/*color: #3a4a5d;*/
	color: #004a5d;
	font-weight: normal;
}


#news-content {
width: 940px;
background: #fff;
float: left;
padding-top: 20px;
padding-bottom: 35px;
overflow:hidden;
margin-bottom:30px;


}

#featured-content {
    width: 70%;
	background: #fff;
	float: left;
	padding-top: 20px;
	padding-bottom: 35px;
	overflow:hidden;
	margin-bottom:10px;
	margin-left: 20px;
	border-top: 1px solid #ddd;
}


#news-content p.text {
color: #333;
font-size: 1.125em;
margin-top: 25px;
padding-left: 30px;
padding-right: 30px;

}

#news-content p.text_right {
color: #333;
float: right;
width: 220px;
margin-top: 10px;
padding-left: 30px;
padding-right: 30px;
}

#news-content h2 {
color: #333;
margin-top: 10px;
font-size: 1.9em;
font-style: italic;
border-bottom: 0px;
padding-left: 25px;
/*color: #3a4a5d;*/
color: #004a5d;
line-height: 2em;
font-weight: normal;

}



#box-content {
width: 940px;
background: #f0f5ff;
float: left;
padding-top: 20px;
padding-bottom: 20px;
overflow:hidden;
margin:30px auto;
border-top: 1px solid #ddd;

}

#community {
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	background: url('./images/background4.gif') repeat;
	width: 300px;
	height: 320px;
	font-size: 1em;
	line-height: 1.2em;
	margin: 10px;
	margin: 30px 15px 15px 70px;
	border: 5px solid #9ccbd1;

}

div#community h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #ffcc66;
	background: #004a5d;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	text-decoration: none;
}

div#community p {
padding: 10px;
margin: 10px;
color: #fff;
}

div#community img {
margin-top: 0;
width: 300px;
height: 100px;
}

#building {
	float:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	width: 300px;
	height: 350px;
	background: url('./images/background4.gif') repeat;
	font-size: 1em;
	line-height: 1.2em;
	margin: 10px;
	margin: 30px 15px 15px 70px;
	border: 4px solid #9ccbd1;

}

div#building h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #ffcc66;
	background: #004a5d;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666;
	text-decoration: none;
}

div#building p {
padding: 10px;
margin: 10px;
color: #fff;
}

div#building img {
border-bottom: 0px solid #ccc;
margin-top: 0;
width: 300px;
height: 100px;
}

.building_home {
	float:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	width: 305px;
	height: 330px;
	background: #f0f5ff url('./images/bg-content-blue-left.gif');
	font-size: 1em;
	line-height: 1.2em;
	margin: 20px 15px 15px 50px;
	border: 1px solid #e0e0e0;

}

.building_home h2 {
	font-size: 1.1em;
	text-align: center;
	font-weight:bold;
	text-decoration: none;
	color: #004a5d;
	background: #fff;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	border-radius: 20px;
}

.building_home p {
padding: 10px;
margin: 10px;
color: #333;
line-height: 18px;
text-align: justify;
font-size: 8px;
}

.building_home img {
border-bottom: 0px solid #ccc;
width: 80px;
height: 80px;
float: right;
margin: 15px;
border: 3px solid #e0e0e0;
}

.community_home {
	float:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	width: 305px;
	height: 320px;
	background: #f0f5ff url('./images/bg-content-blue-left.gif');
	font-size: 1em;
	line-height: 1.2em;
	margin: 20px;
	margin: 20px 15px 15px 50px;
	border: 1px solid #e0e0e0;


}

.community_home h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #004a5d;
	text-decoration: none;
	background: #fff;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	border-radius: 20px;
}

.community_home p {
padding: 10px;
margin: 10px;
color: #333;
line-height: 18px;
text-align:justify;
}

.community_home img {
border-bottom: 0px solid #ccc;
width: 80px;
height: 80px;
float: right;
margin: 15px;
border: 3px solid #e0e0e0;
}

.research_home {
	float:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	width: 305px;
	height: 320px;
	background: #f0f5ff url('./images/bg-content-blue-left.gif');
	font-size: 1em;
	line-height: 1.2em;
	margin: 20px;
	margin: 20px 15px 15px 50px;
	border: 1px solid #e0e0e0;


}

.research_home h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #004a5d;
	text-decoration: none;
	background: #fff;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	border-radius: 20px;
}

.research_home p {
padding: 10px;
margin: 10px;
color: #333;
line-height: 18px;
text-align:justify;
}

.research_home img {
border-bottom: 0px solid #ccc;
width: 80px;
height: 80px;
float: right;
margin: 15px;
border: 3px solid #e0e0e0;
}


.training_home {
	float:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	width: 305px;
	height: 330px;
	background: #f0f5ff url('./images/bg-content-blue-left.gif');
	font-size: 1em;
	line-height: 1.2em;
	margin: 20px;
	margin: 20px 15px 15px 50px;
	border: 1px solid #e0e0e0;


}

.training_home h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #004a5d;
	text-decoration: none;
	background: #fff;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	border-radius: 20px;
}

.training_home p {
padding: 10px;
margin: 10px;
color: #333;
line-height: 18px;
text-align:justify;
}

.training_home img {
border-bottom: 0px solid #ccc;
width: 80px;
height: 80px;
float: right;
margin: 15px;
border: 3px solid #e0e0e0;
}

#mission {
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	background: url('./images/background4.gif') repeat;
	width: 300px;
	height: 350px;
	font-size: 1em;
	line-height: 1.2em;
	margin: 10px;
	margin: 30px 15px 15px 70px;
	border: 4px solid #9ccbd1;


}

div#mission h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #ffcc66;
	background: #004a5d;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	text-decoration: none;
}

div#mission p {
padding: 10px;
margin: 10px;
color: #fff;
}



#research {
	float: left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;  
	border-radius: 20px;
	background: url('./images/background4.gif') repeat;
	width: 300px;
	height: 320px;
	font-size: 1em;
	line-height: 1.2em;
	margin: 30px 15px 15px 70px;
	border: 5px solid #9ccbd1;


}

div#research h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight:bold;
	color: #ffcc66;
	background: #004a5d;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	text-decoration: none;
}

div#research p {
padding: 10px;
margin: 10px;
color: #fff;
}

#sidebar h1 {
	color:#2F6161;
	font-size:180%;
	font-weight:400;
	line-height:120%;
	margin:0 0 7px;
	padding:0;
}
#sidebar h2 {
	color:#2F6161;
	font-size:160%;
	font-weight:400;
	line-height:110%;
	margin:0 0 7px;
	padding:0;
}
#skipcontent {
	position:absolute;
	top:-100px;
}

#sidebar-inner-header {
	padding:5px 5px 5px 10px;
	text-align:left;
	display:none;
}
#subContentArea {
	margin-top:15px;
}
.selectboxes {
	background:none repeat scroll 0 0 #EFEFEF;
	border:3px solid #EEEEEE;
	display:inline;
	float:right;
	margin-top:10px;
	padding:10px 0 0 10px;
	width:285px;
	text-align:left;
}
.selectboxes select {
	width:150px;
}
#university #welcome {
	float:left;
	margin:0;
	display:inline;
	padding:0;
}


}




p * {margin: 0; padding: 0; } 

div#content p img {
	float: right;
	margin-left: 20px;
	margin-bottom: 1.125em;
	display: inline;
	clear: right;
}



/*dividers*/
.hr { margin: 0; padding-top: 4px; border-bottom: 1px dotted #ccc; }


ul.normal  { 
font-size: 100%;
line-height: 30px;
font-weight: normal;
}

ul.bullet { list-style-image: url(images/square_bullet.gif);  
}


.leftnav {
width: 150px;
height: 220px;
float: left;
margin: 10px;
border: solid 1px #495921;
}

div.leftnav ul  {
list-style-type: none;
margin-top: 0px;
padding: 5px;
}

div.leftnav ul, li  {
margin: 0;
padding: 0;
}

div.leftnav img {
padding: 5px;
}

div.leftnav h2 {
font-size: 1em;
color: #fff;
background-color: #495921;
margin: 0;
padding-left: 5px;
}



#footer {
clear: both;
background: #fff; 
font-family: Arial, Helvetica, sans-serif;
width: 100%; 
text-align:center; 
padding-bottom: 0.5em; 
font-size: 0.85em;
line-height: 20px; 
}


/* Dept banner added by cea */



div#branding_home {
	background: url('./images/branding/logo_secondary_home3.png'); 
	height:200px;
}

div#branding_home a {
	border:0;
}


div#branding_secondary_orange{
	background:transparent url('./images/branding/logo_secondary_orange2.png'); 
	height:200px;
}


div#branding_secondary_green {
	background: url('./images/branding/logo_secondary_green_shadow.png'); 
	height:200px;
}

div#branding_secondary_blue {
	background: url('./images/branding/logo_secondary_blue.png'); 
	height:200px;
}


div#strapline {
	background: url('./images/branding/altlogoblue.gif'); 
	min-width: 950px;
	max-width: 1250px;
		overflow:hidden;
	height: 30px;
	margin-top: -2px;
	padding: 6px 6px 0 6px;
}

div#strapline h1 {
	margin: 0;
	padding-left: 14px;
	line-height: normal;
	font-family: arial, helvetica, sans serif;
	font-size: 1.4em;
	font-weight:bold;
	font-style: italic;
	color: #ffcc66;
	white-space: nowrap;

}


div#header {
	border-bottom: 0;
}

    /* Pretty styling */
    body { 
	font-family: verdana, arial, sans-serif; 
	font-size: 0.8em; 
	background: transparent url('./images/background_waves.jpg'); 
	background-repeat: repeat; 

 }
    

#topbar { 
	/*background:#2F6161 none repeat scroll 0 0; */
	background:transparent url('./images/darkbluewave.png');
	height:38px; 
	width:100%; 
} 
#navigate, #nav { 
	list-style-type:none; 
	width:904px; 
	text-align:left; 
	margin-left: 10px; 
	padding-left: 10px; 
	padding-right: 10px; 
	float:left; 
	display:inline; 
} 

/* navigate */ 
#navigate li { 
	display:block; 
	float:left; 
	border-right:solid 1px #004a5f; 
} 
#navigate li li { 
border-right:0; 
clear:left; 
width:100%; 
} 
#navigate li a { 
text-decoration:none; 
display:block; 
color:#FFF; 
font-size:13px; 
margin:0; 
padding:10px 20px 11px; 
} 
#navigate li a:hover { 
background:#004a5d;
} 
#navigate li a.active { 
background:#004a5d;
	color:#fc6; 
} 
#navigate li a.active:hover { 
background:#004a5d;
}

#navigate li a.donate{ 
	background: #ff5100;
	color:#fff; 
	height: 16px;
} 


/* add flyout to nav */

#menu {
	z-index:9999999;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	text-align:left;
	z-index:9999999;
}
#menu ul {
	display:inline-block;
	z-index:9999999;
	
}
#menu li {
	margin:0;
	padding:0;
	list-style:none;
	z-index:9999999;
}
#menu li {
	display:inline-block;
	display:inline;
	z-index:9999999;
}
#menu ul ul {
	z-index:999999999;
	position:absolute;
	left:-9999px;
	background:#ff5100;
}

#menu ul ul ul {
	background:#2d5a5a;

}

#menu ul ul ul ul {
	background:#2c5757;

}

#menu ul ul ul ul ul {
	background:#2c5757;
	
}

#menu ul.level1 {
	margin:0 auto;
}
#menu ul.level1 li.level1-li {
	float:left;
	display:block;
	position:relative;
	
}
#menu a {
	display:block;
	color:#fff;
	text-decoration:none;
}
#menu ul.level1 li.level1-li a.level1-a {
	float:left;
}

}
#menu ul.level1 li.level1-li a.level1-a active {
	float:left;
	height: 20px;
}
#menu ul li:hover > ul {
	visibility:visible;
	left:0;
	top:37px;
}
#menu ul ul li:hover > ul {
	visibility:visible;
	left:100%;
	top:auto;
	margin-top:-32px;
}
#menu li.left:hover > ul {
	visibility:visible;
	left:auto;
	right:0;
	top:37px;
}
#menu li.left ul li:hover > ul {
	visibility:visible;
	left:auto;
	right:100%;
	top:auto;
	margin-top:-37px;
}
#menu a:hover ul {
	left:0;
	top:37px;
}
#menu li.left a:hover ul {
	left:auto;
	right:-1px;
	top:37px;
}
#menu li.left ul a {
	text-align:right;
	padding:0 10px 0 20px;
}
#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul {
	left:100%;
	visibility:visible;
}
#menu li.left a:hover a:hover ul, #menu li.left a:hover a:hover a:hover ul {
	left:auto;
	right:0;
	visibility:visible;
}
#menu a:hover ul ul, #menu a:hover a:hover ul ul {
	left:-9999px;
}
#menu li.left a:hover ul ul, #menu li.left a:hover a:hover ul ul {
	left:-9999px;
}
#menu li a.drop {
	background: #2F6161 url("http://dev.site5.internal.admin.cam.ac.uk/global/images/white-down.gif") no-repeat right center;
}
#menu li a.fly {
	background: #2F6161 url("http://dev.site5.internal.admin.cam.ac.uk/global/images/white-right.gif") no-repeat right center;
}
#menu li.left ul a.fly {
	background: #2F6161  url("http://dev.site5.internal.admin.cam.ac.uk/global/images/white-left.gif") no-repeat left center;
}
#menu li a:hover, #menu li a.fly:hover {
	color:#fc6;
	direction:ltr;
}
#menu li:hover > a, #menu ul li:hover > a.fly {
	color:#fc6;
}
#menu table {
	position:absolute;
	height:0;
	width:0;
	left:0;
	border-collapse:collapse;
	margin-top:-4px;
}
#menu table table {
	position:absolute;
	left:99%;
	height:0;
	width:0;
	border-collapse:collapse;
	margin-top:-29px;
}
#menu li.left table {
	position:absolute;
	height:0;
	width:0;
	left:auto;
	right:0;
	border-collapse:collapse;
	margin-top:-4px;
}
#menu li.left table table {
	position:absolute;
	left:auto;
	right:100%;
	height:0;
	width:0;
	border-collapse:collapse;
	margin-top:-29px;
}


#menu ul {display:inline;}

#menu1Content {
	display:none !important;}


.hr { margin: 0; padding-top: 4px; border-bottom: 1px dotted #004a5d; }


.mod {
   _padding-bottom:6px;  /* IE6: bound x1a and x2a's height */
   _overflow-y:hidden;
   position:relative;
   z-index:0;
}
.mod .mod-content {
   border:1px solid #e4ebf9;
   -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
   position:relative;
   z-index:2;
}
.mod .x1 { /*opacity layer*/
   display:block;
	background: #fff url('./images/logoback.gif')repeat-y; 
   width:100%;
   height:100%;
   _height:2000px;
   position:absolute;
   _bottom:6px;  /* IE6: offset the layer from 'mod' */
   opacity:.30;
   *filter:alpha(opacity="30");
}
/* the shadow's parent; controls offset */
.mod .x2 { 
   display:block;
   width:100%;
   height:100%;
   overflow:hidden;
   position:absolute;
   top:6px; /* offset the shadow */
   left:6px;
   _top:auto;
   _bottom:-6px;
}
.mod .x2a {
   display:block;
   border:6px solid #f0f5ff;
   border-top:0;
   border-left:0;
   -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
   width:100%;
   height:100%;
   _height:3000px; /* IE6 can't do 100% of an unknown height */ 
   position:relative;
   bottom:6px;
   right:6px;
   opacity:.50;
   *filter:alpha(opacity="30");
}


#right_quote {
	float: left;
	padding: 5px;
	margin: 20px;
	height: 100%;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
	box-shadow: 0 8px 8px #999;
   -o-box-shadow: 0 8px 8px #999;
   -webkit-box-shadow: 0 8px 8px #999;
   -moz-box-shadow: 0 8px 8px #999;
	font-style: italic;
	color: #fff; 
	line-height: 1.6em; 
	background: #004a5d;
	border: 5px solid #dde9e9;
}


#right_quote h2 {
text-transform: uppercase;
text-align: center;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	color:#ff6600;
	padding: 5px;
	margin: 0px 0;
	border-bottom: 1px dashed #ccc;
}
#right_quote p {
float: left;
padding: 5px;
margin: 5px;
color: #fff;
font-size: 1em;
}

#right_quote img {
border: 0;
}

#right_quote img.right {
float:right;
}

#right_quote p.name {
font-style: normal; 
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.thumbnail {
margin: 10px;
float: left;
padding-left: 15px;
	margin-top: 4em;}

.thumbnail img {
border:3px solid #96c7ce;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;
}


.home {
float: left;
margin-top: 2em;
margin-left: 20px;
overflow: hidden;}

.home img {
/*border:4px solid #ccc;
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;  
	behavior: url (border-radius.htc); 
	border-radius: 20px;*/

}