body {
	background:#E7E7E7;
	margin:0;
	padding:0;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 12px;
	color: #444;
}

* {
	margin:0;
	padding:0;
	
}

a{
color:blue;

}



#container {
	width: 960px;
	margin:0 auto;
	padding: 0;
	background: #fff;
	border-left: 1px blue solid;
	border-right: 1px blue solid;
	border-top: 1px blue solid;
	border-radius:8px 8px 4px 4px;
	behavior: url(pie/PIE.htc);
}

#container-inner {
	width: 920px;
	margin:0 auto;
	padding: 0;
	background: #fff;
	
}

#logo {
margin-left:10px;
float:left;
}





/*----------- Header -----------------*/

#logo {

display: block; margin-left: auto; margin-right: auto
} 

#header {
	
	padding: 0;
	margin-left: 20px;
	height: 107px;
}

#header h1  {
	padding-top: 15px;
	padding-left: 15px;
	
}




/*----------- Navigation -----------------*/
#arrow {
	font-size:10px;
	}

#m1 {
width: 60px;
text-align:center;
margin-left:10px;
}

#m2{
width: 90px;
text-align:center;
}

#m3 {
width: 90px;
text-align:center;
}
/*----------- Gallery Page Deleted 
#m4 {
width: 55px;
}
-----------------*/

#m5 {
width: 280px;
text-align:center;
}

#m6 {
width: 100px;
text-align:center;
}

#m7 {
width: 75px;
text-align:center;
}

#m8 {
width: 100px;
text-align:center;
}

#sm {
text-align:left;
padding-left:5px;
}
	
ul.dropmenu li a { 
			display:block; 
			color: #fff; 
			font-family: Verdana; 
			font-size: 12px; 
			text-decoration: none; 
			text-transform: uppercase;
			height:15px;
			
			
			
	
}			/*set TEXT font and underline formatting as well as the sp for links in the main tree of the nav bar */

ul.dropmenu ul li a{ 
			display:block; 
			color: #fff; 
			font-family: Verdana; 
			font-size: 12px; text-decoration: none; 
			text-transform: none;
} 			/*set TEXT font and underline formatting for links in the sub-menus of the nav bar */

/*ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; border: 1px solid #fff; background: blue; color: #fff;} set colour and bars (separated by borders of nav bar */

ul.dropmenu  { 
			width:100%;
			list-style: none; 
			margin: 0; 
			padding: 0; 
			background: blue; 
			color: #fff;
			background-image: -moz-linear-gradient(top,#00248F,#002EB8, #335CD6);
			-pie-background: linear-gradient(top,#00248F,#002EB8, #335CD6); 
			background-image: -webkit-linear-gradient(top,#00248F,#002EB8, #335CD6);
			background-image: -ms-linear-gradient(top,#00248F,#002EB8, #335CD6);

			behavior: url(pie/PIE.htc);
			
			
} /*set colour and style of main bar */

ul.dropmenu ul  li{ 
			list-style: none; 
			margin: 0; 
			padding: 0; 
			border: 1px solid #fff; 
			background: #4D70DB; 
			color: #fff;
}	/*set colour and style of bars of sub menus */

ul.dropmenu { 
			position: relative; 
			z-index: 599; 
			float: left; 
}/*Float the main nav bar to the left*/

ul.dropmenu li { 
			float: left; 
			line-height: 1.3em; 
			vertical-align: middle; 
			zoom: 1; 
			padding: 12px 10px; 
}/*Put all the list items in the main nav bar side by side*/

ul.dropmenu li:hover { 
			position: relative; 
			z-index: 599; 
			cursor: default; 
			background: #000000;
			behavior: url(pie/PIE.htc);
			
}/*Give effect to hovering over items in the main menu bar*/
			
ul.dropmenu ul { 
			visibility: hidden; 
			position: absolute; top: 100%; left: 0; 
			z-index: 598; width: 270px; 
			background: #555; 
			border: 1px solid #fff; 
}/*set the position of the submenu in relation to the list item from the main menu */

			
ul.dropmenu ul li { 
			float: none; height:17px;padding-top:3px;
}/*don't float the li's of the submenu. That means they'll end up below one another */

ul.dropmenu ul ul { 
			top: -2px; left: 100%; 
}/*set the top edge of the submenu -2px to its containing element, i.e. the main ul and it's left edge 100% FROM it's containing element*/

ul.dropmenu li:hover > ul { 
			visibility: visible 
}/*Make the submenu visible when you hover over it */

ul.dropmenu li:hover > ul li{ 
			border-radius:0; 
}/*Change the borders back to square */


#currentpage{
	display:block; 
	color: 	#FFF; 
	font-family: Verdana; 
	font-size: 12px;
	padding: 0px 0px;
	text-decoration: underline;
	text-transform: uppercase;
	
	
}/*Format the link of the active page*/







/*----------- Slideshow -----------------*/

#slider { width:920px; height:250px;padding:0; margin-top:90px; border: blue 2px solid; }
div#slideshow { float: left; width: 100%; padding:0 0 21px 0; height: 241px; }
.slide-image { width: 100% !important; height:250px; z-index:-1; }/* Height setting fixes jumping slide show in ie8 */
.controls-outer { width: 920px; margin-left: 55px; margin-right: auto; }
#slide_controls { float: right; padding:0; position: relative; margin:0; z-index: 1; width:920px; }
#slide_controls ul { margin:0 auto; padding:0; width:200px; }
#slide_controls ul li { margin: 0; padding: 0; list-style: none; }
#slide_controls ul li { float: left; display: block; }
#slide_controls ul li a { width: 14px; height: 14px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slide_controls ul li a:focus { outline: none; }
#slide_controls ul li a:hover, #slide_controls ul li a.activeSlide { background:url('images/tabs_3.gif') no-repeat center center; }


/*----------- Main Content -----------------*/
#main {
	margin:0 auto;
	padding: 0;
	width: 920px;
	
}

#column1{
padding-top: 40px;
padding-left:4px;
padding-bottom:20px;
width:290px;
float:left;
}

#column2{
padding-left:15px;
width:290px;
float:left;
}

#column3{
padding-top:40px;
padding-left:17px;
width:290px;
float:left;
}

#bubble1, #bubble2, #bubble3, #bubble4, #bubble5{
	
	width: 285px;
	margin: 8px 8px;
	border: 1px solid;
	border-color:#EBEBE0;
	background-image: -moz-linear-gradient(top,white,#E6E6FF);
	-pie-background: linear-gradient(top,white,#E6E6FF); 
	background-image: -webkit-linear-gradient(top,white,#E6E6FF);
	background-image: -ms-linear-gradient(top,white,#E6E6FF);
	border-radius: 10px; /* W3C */
	behavior: url(pie/PIE.htc);
	position:relative;

}

#bubble11{
	
	width: 285px;
	margin: 8px 8px;
	border: 3px solid;
	border-color:#000000;
	background-image: -moz-linear-gradient(top,white,#E6E6FF);
	-pie-background: linear-gradient(top,white,#E6E6FF); 
	background-image: -webkit-linear-gradient(top,white,#E6E6FF);
	background-image: -ms-linear-gradient(top,white,#E6E6FF);
	border-radius: 10px; /* W3C */
	behavior: url(pie/PIE.htc);
	position:relative;

}


#bubble1{
	height: 330px;
}

#bubble11{
	height: 270px;
}

#bubble2 {
	height: 340px;
}

#bubble3{
	height: 251px;
}

#bubble4 {
	height: 285px;
}

#bubble5 {
	height: 204px;
	}
	
#bubble2 ul li a:hover{
				color:red;

}

#change:hover{
				color:red;
				
}

#change2:hover{
				color:red;
				text-decoration:underline;
}





#bubble1 h4, #bubble2 h4, #bubble4 h4, #bubble5 h4 {
	
	color: #00248F;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 2px solid #D6D6D6;
	padding: 10px 5px;
	font-weight: bold;
}

#bubble11 h4 {
	
	color: #000000;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 15px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 2px solid #D6D6D6;
	padding: 10px 5px;
	font-weight: bold;
}


#bubble3 h4 {
	
	color: #00248F;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 0;
	border-bottom: 2px solid #D6D6D6;
	padding: 13px 5px;
	font-weight: bold;
}


#bubble1 p{
line-height: 1.16em;
text-align:justify;
margin-left:10px;
margin-right:10px;
margin-top:5px; /* change length of bubble */
margin-bottom:20px;
}


#bubble2 ul {
	padding: 0;
	margin:10px 0 26px 35px;/* change length of bubble */
	line-height: 1.34em;/* change line height of list */
}

#bubble2 li ul li {
	display: block;
	border-top: none;
	color: #555;
}

#bubble2 li ul li a {
	
	font-weight: normal;
	color: #555;
	
	
}

#bubble2 li ul li a:hover {
	color: #36CBDF;

}

#bubble3 p{
text-align:center;
margin-top:1px;
margin-left:10px;
margin-right:10px;
margin-bottom:24px;
line-height: .1em;
}


#bubble4 h4 a {
text-decoration:none;
}

#bubble4 p {
margin-top: 5px;
line-height: .2em;
margin-left: 27px;
margin-bottom:14px;
font-size: .9em;
}

#contactbubble{
			
			margin-top:20px;
			margin-left:10px;
			margin-bottom:6px;
}

#contactbubble tr.addressheader td {
			font-size:1.1em;
			padding-left: 15px;
}

#contactbubble tr.addressdetails td{
			font-size:.9em;
			padding-left:15px;
			
}


#bubble5 p{
line-height: .4em;
text-align:justify;
margin-left:10px;
margin-right:1px;
margin-top:12px; /* change length of bubble */
margin-bottom:15px;
font-size: 12px;
}


#ec{
	margin-left:57px;
	margin-top: 2px;
	margin-right:5px;
	margin-bottom:10px;
}

#anni{
	margin-left:23px;
	margin-top: 10px;
	margin-right:5px;
	margin-bottom:10px;
}



.frontcontact {
line-height:1px;
font-size:.9em;
margin-left:10px;
}

.news-item {
padding-bottom:0px;
padding-top:20px;/* change space at top and bottom of bubble 3 */
}
.newsheading {

font-weight:bold;
}

.latestnews {
text-align:justify;
}

.date {

color:#000;
font-weight:bold;
}

#bubble5 #more {
text-align:center;
font-size:1.1em;
margin-top:20px;
}

#ourservices{
margin-left: 23px;
margin-top: 10px;

}

#25th{
margin-left: 23px;
margin-top: 10px;

}

#heading {
color:red;
}

#wholeheading {
font-family:"Times New Roman", Times, serif;
font-size:17px;
text-decoration:underline;
}



/*----------- Footer -----------------*/

#footer {
	
	border-radius: 0 0 10px 10px; /* W3C */
	background-image: -moz-linear-gradient(top,#335CD6,#002EB8, #00248F);
	background-image: -webkit-linear-gradient(top,#335CD6,#002EB8, #00248F);
	-pie-background: linear-gradient(top,#00248F,#002EB8, #335CD6); 
	background-image: -ms-linear-gradient(top,#00248F,#002EB8, #335CD6); 
	behavior: url(pie/PIE.htc);
	margin: 0 auto;
	padding: 5px 0 5px;
	width:960px;
	
	
}

.footerp1 {
	width:640px;
	color: white;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	display: block;
	text-align:center;
	
	
}

.footerp2 {
	width:640px;
	color: white;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	display: block;
	text-align:center;
	
	
}


#footer a {
color:white;}





.clear {
	clear: both;
	
}

.clearleft {
	clear: left;
}

.clearright {
	clear:right;
}

#assessment{

font-weight:bold;

}

#assdet1{

margin-left:10px;
font-size:11px;

}

#assdet2{
font-size:11px;
text-decoration:underline;
font-weight:bold;
}