body , td , th , textarea  {
	background-color: #fff;
	font: 76%/1.8 "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color : #49596D;
	text-align: left;
	margin:0;
	padding:0;
		}
body_form        {
	background-color: #F1F8FF;
	font: 76%/1.8 "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color : #49596D;
	text-align: left;
	padding:0;
	margin: 0px;
		}


	/* ---  the basics   ---*/
				
p{
	color : #49596D;
	font-size: 1em;
	margin:0;
	padding: 0;
}



h1 , h2 , h3 , h4 {
margin:0;
padding:0;
color : #304684;
line-height:1.2em;


      }
		
h1 {
          font-size : 1.3em;
    margin-top:0.8em;
	margin-bottom:0.1em;
      }
		
h2 {
          font-size : 1.2em;
		  margin-bottom:0.1em;
      }
	  
	  h3 {
          font-size : 1.1em;
      }
	  
	  h4 {
          font-size : 1em;
      }
		

   

a {
          font-family : "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
          font-weight : normal;
      }
		
 a:link {
          color : #694800;
          text-decoration : underline;
      }
		
a:visited {
          color : #694800;
          text-decoration : underline;
      }
		
a:active {
          color : #124BB5;
          text-decoration : underline;
      }
		
a:hover {
          color : #124BB5;
          text-decoration : none;
      }
	  
	  blockquote{
font-style:italic;
letter-spacing:1px;
font-family:"century gothic","trebuchet ms",helvetica,arial,geneva,sans-serif; }

	/* ---  extras   ---*/	
table {
          border : 0 none inherit;
          padding : 0;
          margin : 0;
          border-collapse : collapse;
      }
		
     
hr {
          background-color : #99A8C3;
          color : #99A8C3;
          height : 1px;
          border-top : 1px solid #99A8C3;
         width:75%;
		  border-bottom:none;
		  margin:10px auto;
		  text-align:center;
      }

	
input , select , textarea {
          color : #000;
			 background-color:#f1f8ff; 
          font-size : 0.7em;
          font-weight : normal;
          border-width : 2px;
      }
		

form {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
      }
		
.intro {
          font-size : 1.09em;
          line-height : 1.3em;
          color : #666;
      }
		
			

/* ---  alerts   ---*/	

 .alertHeading {
          color : #f00;
          font-weight : bold;
      }
		
 .alerttext {
          font-size : 0.7em;
			 font-weight : bold;
          line-height : 1.4em;
          color : #f00;
      }
	
	
img{
border:none;
}
	
	
/* ---  layout   ---*/

#intro{
position:relative;
	background-color: #E5E9F0;
	height:83px;
	border-left:1px solid #99A8C3;
	border-right:1px solid #99A8C3;
	margin:0;
	padding:0;
	text-align:left;
	clear:both;
	padding-left:3px;
	
	padding-top:1px;

}	

#topMenu{
	text-align:right;
	font-size:0.9em;
	font-weight: normal;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #7F85B2;
}

#container {
	position:relative;
	background-color: #FFFFFF;
	width: 810px;
	text-align: left;
	margin:0 auto;
}




		
.header {
          font-size : 0.7em;
			 font-weight : bold;
          color : #666;
			 display:inline;
			 margin-left:20px;
      }

.captioned{
float:left;
margin:0 20px 0 0;
padding:0;
font-size:0.8em;
font-style:italic;
color:#0041B5;
}

.captioned img{
border:1px solid #0041B5; 
}

.captioned em{
display:block;
margin:0;
padding:2px 0 0 0;
line-height:1em;
text-transform:uppercase;
}


.feature1{
	position:relative;
	width:225px;
	height:300px;
	overflow:scroll;
	border: 1px solid #99A8C3;
	padding:0;
	clear:none;
	float:left;
	margin-top: 2px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 0;
}

.feature2{
	position:relative;
	width:225px;
	height:300px;
	overflow:scroll;
	border: 1px solid #99A8C3;
	margin:2px 0 15px 0;
	padding:0;
	clear:none;
	float:left;
}

.feature1 p,.feature2 p{
padding-left:10px;
line-height:1.4em;	
font-size:0.9em;
margin-bottom:0.7em;
}
.feature1 h3,.feature2 h3{
padding:5px 0 2px 10px;
}


.featureHolder{
width:500px;
margin-left:275px;
padding-left:15px;
height:auto;
}

#content .feature1 img,#content .feature2 img{
position:relative;
border: none;
margin:0 0 5px 10px;
float:none;
}
#slideshow1 {
	height: 400px;
	width: 500px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#formcontainer {
	height: auto;
	width: 500px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}


.story{
	position:relative;
	background:  url(../images/grain.gif) no-repeat 100% 1%;
	width:500px;
	margin-left: 270px;
	padding-left:20px;
	z-index:1000;
}
#container #content .story #swfvideo1 {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 384px;
	border: 1px solid #99A8C3;
	background-image: url(../images/swfvid1backimage.jpg);
	padding: 1px;
	height: 288px;
}

#swfvideo1 {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 384px;
	border: 1px solid #99A8C3;
	background-image: url(../images/swfvid1backimage.jpg);
	padding: 1px;
	height: 288px;
}


.storyfull{
	position:relative;
	background:  url(../images/grain.gif) no-repeat 100% 1%;
	width:800px;
	margin-left: 0px;
	padding-left:20px;
}

.story p{
margin: 0 0 1em 0;
}
		
.story h3 {margin-top:10px;
	margin-bottom : 0;
      }
	  
.storyfull{
	position:relative;
	background:  url(../images/grain.gif) no-repeat 100% 1%;
	width:760px;
	margin-left: auto;
	padding-left:20px;
	padding-right:20px;
	margin-right: auto;
	visibility: inherit;
}
 
.storyfull p{
margin: 0 0 1em 0;
}
  
.storyfull h3 {margin-top:10px;
 margin-bottom : 0;
      }  


#banner {
	position:relative;
	margin: 0;
	height:55px;
	background-image: none;
	background-position: left;
	background-repeat: no-repeat;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-align: right;
	vertical-align: middle;
	line-height: 0.9em;
	padding: 0px;
	width: auto;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #7F85B2;
}


#content{
background-color:#fff; 
border: 1px solid #99A8C3;
margin:0;
padding:0;
width:808px;
}

.fltLeft{
float:left; 
border: none;
margin:0 20px 0 0;
padding:0;
}

	/* -- Navigation menu -- */
	
	#menu {
	position: relative;
	border-right: 1px solid #99A8C3;
height:2.8em;
	width: 809px;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	
	
}

#container #menu{
background:  #E4E9EF url(../images/menu-grad.jpg) repeat-x;
}
	
	#nav {
		padding-top:5px;
		font: bold 1em/1.6 "century gothic","trebuchet ms",helvetica,arial,geneva,sans-serif; 
		margin: 0;
		padding-left:0;
		text-align:center;
		
	}


	#nav a {
		text-decoration: none;
		font: bold 1em/1.6 "century gothic","trebuchet ms",helvetica,arial,geneva,sans-serif; 
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		}
		

	#nav li a {
		color: #694800;
		font-weight: bold;
		display: block;
		height:1.75em;
		width: 7em;
		border: 1px solid #947C48;
		border-left:1px solid #F6F0E4;
		padding: 3px;
		background: #B7A98A url(../images/grad-button.jpg) repeat-x;
	}
	

	
	#nav li.on  {
		color: #124BB5;
		font-weight: bold;
		display: block;
		height:1.9em;
		width: 90px;
		border-left: 1px solid #99A8C3;
		border-right: 1px solid #99A8C3;
		border-bottom:none;
		padding: 3px;
		background: transparent url(../images/marker.gif) no-repeat 0 0;
		

	}



	#nav li.off a:hover, #nav li:hover a {
	border: 1px solid #000;
	border-left:1px solid #B5A379;
	border-top:1px solid #B5A379;
	color: #124BB5;
	
}




#nav span{
display:none;
}

/* -- sidebar -- */

	#sidebar {
	position:relative;
	float:left;
	width:250px;
	margin: 0;
	padding: 10px;
	border-right: 1px dotted #99A8C3;
	border-bottom: 1px dotted #99A8C3;
	background: #F8FAFF url(../images/grad.jpg) repeat-x
}

	#sidebar p {
	padding:0;
	margin:0;
}

	#sidebar img {
	padding:0;
	margin:0 5px 0 0;
}

#sidebar dl {
padding:0;
margin:0;
}

#sidebar dd {
padding:0;
margin:0 0 0.4em 0;
line-height:1.4em;	
font-size:0.9em;
border-top:1px dashed;
}


#sidebar dt {
padding:0 0 0 0;
margin:0;
font-weight: bold;
color:#0041B5;

}


		#sidebar h2 {
		color:#0041B5;	
		letter-spacing:1px;
		margin: 0.5em 0 0 0;
		padding:0;}
		
		#sidebar h3 { 
		margin: 8px 0 0 0; 
		text-transform: none;
		}
		
		.ad1{
		float:left;
		width:115px;
		padding-right:5px;
		border-right:1px solid #E5E9F0;
		font-size:0.9em;
		line-height:1.2;
		margin-top:5px;
		}
		
		.ad2{
		float:left;
		width:115px;
		padding-left:5px;
		font-size:0.9em;
		line-height:1.2;
		margin-top:5px;
		}
		
		/* -- sidebar lower -- */
		
		
	.clear { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0;
}

/* -- footer -- */
.footer{
clear:both;
	
	border-bottom: 10px solid #304684;
	padding: 10px 10px 10px 20px;
	font-size:0.9em;
	border-left:1px solid #99A8C3;
	border-right:1px solid #99A8C3;
	background:#fff  url(../images/grad-foot.jpg) repeat-x 0 100%;
	height:auto;
	
}


.footer img{
	padding: 0 9px 0 7px;
}
#programme_content {
	text-align: left;
	width: 690px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border: 1px solid #99A8C3;
	position: relative;
	height: auto;
	padding: 10px;
}
#photo_container {
	font-family: "Lucida Sans", Arial, Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	font-style: italic;
	height: auto;
	width: 225px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #99A8C3;
	color: #0041B5;
}

#container .footer .icons {
	float: right;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: auto;
}
#slogan {
	line-height: normal;
	text-align: right;
	float: right;
	height: 25px;
	width: 390px;
	margin-top: 15px;
	position: relative;
	font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif, "Lucida Sans";
	font-size: 0.9em;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
