/* CSS Document */

body {
	background-color: #0C2E56;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 76%;
	
}

h1 {
	color: #1092AF;
	font-size: 2.2em;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #83DFF3;
	margin-top: 0px;
}
#footer-inner {
	color: #999999;
	margin-top: 40px;
	padding-top: 20px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	margin-right: 20px;
	margin-left: 20px;
	height: 80px;

}

.floatLeft{
	float: left;
}

#footer-inner .column1{
	width: 250px;

		float: left;
}

#footer-inner .column2{
	width: 280px;

		float: left;
}

#footer-inner .column3{
	width: 200px;
	text-align: right;

	float: left;
}

#footer-inner a{
	color: #999999;
}

#column2 {
	display: none;

}
#gallery {
	width: 170px;
	float: left;

}

#gallery a img{
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #C2DFEF;
}

#gallery a:hover img{
	border: 1px solid #666666;
	background-color: #CCCCCC;
}

#gallery-inner {

}
#gallery h2{
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


h2 {
	color: #13447E;
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 7px;
	display: block;
	margin-top: 25px;
}
p {
	margin-top: 0px;
	margin-bottom: 18px;
}

.formButton {
	margin-top: 20px;
}

h3 {
	font-size: 1.3em;
	color: #12A6C5;
	font-weight: bold;
	margin-top: 0px;
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1092AF;
	border-bottom-color: #1092AF;
	border-left-color: #1092AF;
}
#column1 li {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666666;
}

#header {
	height: 130px;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
#containerInner {
	background-color: #FFFFFF;
	border-right-width: 12px;
	border-bottom-width: 12px;
	border-left-width: 12px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #12A6C5;
	border-bottom-color: #12A6C5;
	border-left-color: #12A6C5;
	padding: 2px;
}
#containerInnerInner {

}

#primaryNavigation {
	background-color: #000000;
	margin: 0px;
	list-style-type: none;
	height: 28px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#primaryNavigation li{
	color: #FFFFFF;
	float: left;
	font-size: 1.3em;
	padding-right: 20px;
	padding-left: 20px;
}
#primaryNavigation a{
	display: block;
	color: #CCCCCC;
	text-decoration: none;
	padding-bottom: 7px;
}

#primaryNavigation a:hover{
	color: #FFFFFF;

}
.floatRight {
	float: right;
}
#Arabiclink {
	margin: 0px;
	list-style-type: none;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	width: 470px;
	padding-top: 5px;
	height: 55px;
}
#Arabiclink  a{
	text-decoration: none;
	font-size: 1.5em;
	
}
#Arabiclink   a:hover{
	color: #999999

}
#secondaryNavigationA {
	margin: 0px;
	list-style-type: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	width: 470px;
	padding-top: 0px;
}
#secondaryNavigationA .red{
	border-bottom-color: #D5B2B3;
	color: #990000;
}
#secondaryNavigationA a.red:hover{
	border-bottom-color: #990000;
}

#secondaryNavigationA .yellow{
	border-bottom-color: #E7DEB6;
	color: #AC9839;
}

#secondaryNavigationA a.yellow:hover{
	border-bottom-color: #9B8933;
}

#secondaryNavigationA .blue{
	border-bottom-color: #ADC9D9;
		color: #1877AF;
}
#secondaryNavigationA a.blue:hover{
	border-bottom-color: #518BAE;
}
#secondaryNavigationA .green{
	border-bottom-color: #C4CFB6;
	color: #546341;
}
#secondaryNavigationA a.green:hover{
	border-bottom-color: #677A50;
}
}
#container #containerInner #header #logo {
	float: left;
}

#secondaryNavigationA  li{
	float: left;
		margin-left: 28px;

}
#secondaryNavigationA  a{
	display: block;
	float: left;
	width: 80px;
	text-decoration: none;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	padding-bottom: 2px;
	font-size: 1.1em;


}

#secondaryNavigationA  a:hover{

}
#secondaryNavigation {
	margin: 0px;
	list-style-type: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	width: 470px;
	padding-top: 60px;
}
#secondaryNavigation .red{
	border-bottom-color: #D5B2B3;
	color: #990000;
}
#secondaryNavigation a.red:hover{
	border-bottom-color: #990000;
}

#secondaryNavigation .yellow{
	border-bottom-color: #E7DEB6;
	color: #AC9839;
}

#secondaryNavigation a.yellow:hover{
	border-bottom-color: #9B8933;
}

#secondaryNavigation .blue{
	border-bottom-color: #ADC9D9;
		color: #1877AF;
}
#secondaryNavigation a.blue:hover{
	border-bottom-color: #518BAE;
}
#secondaryNavigation .green{
	border-bottom-color: #C4CFB6;
	color: #546341;
}
#secondaryNavigation a.green:hover{
	border-bottom-color: #677A50;
}
#container #containerInner #header #logo {
	float: left;
}

#secondaryNavigation  li{
	float: left;
		margin-left: 28px;

}
#secondaryNavigation  a{
	display: block;
	float: left;
	width: 80px;
	text-decoration: none;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0066CC;
	padding-bottom: 2px;
	font-size: 1.1em;


}

#secondaryNavigation  a:hover{

}

#thirdNavigation {
	background-color: #184886;
	margin: 0px;
	list-style-type: none;
	display: block;
	clear: both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 772px;
}
#thirdNavigation  li{
	float: left;
	font-size: 1.1em;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#thirdNavigation  a{
	display: block;
	color: #E6E6E6;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#thirdNavigation  .current{
	background-image: url(../images/nav-arow2.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

}
#thirdNavigation  a:hover{
	color: #FFFFFF;

}

#page-image {
	background-repeat: no-repeat;
	background-color: #666666;
	clear: both;
	height: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #12A6C5;
}

#sub-navigation {
	background-position: 50px 0px;
	padding-left: 44px;
	height: 200px;
	margin-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	list-style-type: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	background-repeat: no-repeat;
}
#sub-navigation .current {
	height: 50px;
	width: 151px;
	padding: 15px;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}

#sub-navigation li{
	float: left;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	font-size: 1.3em;


}
#sub-navigation .current {
	line-height: 0.9em;
}

#sub-navigation a, #sub-navigation span{
	height: 50px;
	width: 151px;
	padding: 15px;
}

#sub-navigation span{
	float:left;
	display: block;
	background-color: #F3F3F3;
	opacity: .1;
	-moz-opacity: .1;
	-khtml-opacity: 0.1;
	filter:alpha(opacity=10);
}


#sub-navigation a{
	display: block;
	color: #666666;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: -400px -400px;
	font-size: 0.9em;
	text-transform: uppercase;
	background-color: transparent;
	line-height: 0.9em;
}

#sub-navigation a:hover{
	
	color: #FFFFFF;
}



/*big menu*/

#kwick {
	position: relative;
	/*border-bottom: 3px double #333;*/

	width: 772px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: right top;
}

#kwick ul{
	margin: 0px;
	padding: 0px;
}
#kwick .kwicks {
	display: block;
	height: 350px;
	margin: 0px;
	overflow: hidden;
}

#kwick li {
	float: left;
}

li:after {
	content: "";
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 350px;
	width: 192px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	
}

*html .kwick span {
	display:block!important;
}



#kwick .kwick span {
	width: 160px;
	text-align: right;
	display: none;

	float: right;
	margin-left: 200px;
	margin-right: 10px;
	right: 0px;
	height: 350px;
	margin-top: 7px;

}


#kwick .kwick:hover span {
	display: block!important;

}




/*.padding{

	display: block;
	height: 350px;
	width: 100%;


}

.padding a{
display:none!important;

}
div.padding:hover a {
	display:block!important;
	
}
*/


#kwick .opt1 {
	background-color: #990000;
	background-image: url(../images/Service-Tab-Image-1.jpg);
}
#kwick .opt1 span a {
	display: block;
	font-size: 0.9em;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF5959;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 5px;
}
#kwick .opt1 span a:hover {
	color: #FFFFFF;
	background-color: #990000;
}












#kwick .opt2 {
	background-color: #FFCC00;
	background-image: url(../images/Service-Tab-Image-2.jpg);
}
#kwick .opt2 span a {
	display: block;
	font-size: 0.9em;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBD981;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
#kwick .opt2 span a:hover {
	color: #FFFFFF;
	background-color: #C1A51E;
}






#kwick .opt3 {
	background-color: #0033CC;
	background-image: url(../images/Service-Tab-Image-3.jpg);
}
#kwick .opt3 span a {
	display: block;
	font-size: 0.9em;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #85C8EF;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
#kwick .opt3 span a:hover {
	color: #FFFFFF;
	background-color: #1877AF;
}







#kwick .opt4 {
	background-color: #339933;
	background-image: url(../images/Service-Tab-Image-4.jpg);	width: 196px;
}

#kwick .opt4 span a {
	display: block;
	font-size: 0.9em;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B9037;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
#kwick .opt4 span a:hover {
	color: #FFFFFF;
	background-color: #006633;
}



#home .home, #services .services, #about .about, #contact .contact, #info .info, #news .news, #projects .projects, #faq .faq {
	background-image: url(../images/nav-arow.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #FFFFFF;
}


#content {
	padding: 15px;
	clear: both;
}
.accred {
	width: 200px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 20px;
	border: 3px solid #A8E9F7;
	float: left;
	height: 200px;
	margin-bottom: 15px;
	text-align: center;
}
.clear {
	clear: both;
}

.accred h2{
	margin-top: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #81DFF3;
	padding-bottom: 3px;
	font-size: 1.3em;
	font-weight: bold;

}


.image1 {
	background-image: url(../images/image1.jpg);
}


.image2 {
	background-image: url(../images/image2.jpg);
}

.image3 {
	background-image: url(../images/image3.jpg);
}

.image4 {
	background-image: url(../images/image4.jpg);
}

.image5 {
	background-image: url(../images/image5.jpg);
}

.image6 {
	background-image: url(../images/image6.jpg);
}

.image7 {
	background-image: url(../images/image7.jpg);
}

.image8 {
	background-image: url(../images/image8.jpg);
}

.image9 {
	background-image: url(../images/image9.jpg);
}

.image10 {
	background-image: url(../images/image10.jpg);
}

.image11 {
	background-image: url(../images/image11.jpg);
}

.image12 {
	background-image: url(../images/image12.jpg);
}

.image13 {
	background-image: url(../images/image13.jpg);
}

.image14 {
	background-image: url(../images/image14.jpg);
}

.image20 {
	background-image: url(../images/image20.jpg);
}

.image21 {
	background-image: url(../images/image21.jpg);
}

.image22 {
	background-image: url(../images/image22.jpg);
}

.intro {
	font-size: 1.3em;
	color: #12A6C5;
}
.contentColumn1 {
	float: left;
	width: 450px;
	margin-right: 30px;
}
.contentColumn2 {
	float: left;
	width: 250px;
}


/*CONTACT FORM STYLES--------------------------------------------------- */
#sent {
	background-color: #666666;
	border: 1px dashed #CCCCCC;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 120px;
	background-image: url(../images/icon-website-enquiry-sent.jpg);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	font-weight: normal;
	color: #8CC542;
	margin-bottom: 25px;
	margin-top: 25px;
	display: none;
}
#sent p {
	color: #FFFFFF;
}


#sent strong {
	color: #93C93D;
	font-size: 1.4em;
	font-weight: normal;
}

.formTxtBox{
	height: 25px;
}

.formTxtBoxMulti{
	height: 80px;
}
.formTxtBoxMulti, .formTxtBox{
	width: 70%;
	border: 1px solid #12A6C5;
	background-image: url(../images/bg-form.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
label {
	display: block;
	margin-top: 0px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-right: 0px;
	margin-left: 0px;
}



#n, #e{
	background-color: #FFFFFF;
	width: 90%;
	margin-bottom: 5px;
}

legend {
	margin-top: 10px;
	display: none;
}

fieldset {
	padding: 15px;
	border: 1px dashed #12A6C5;
	background-color: #E3F9FD;
}

.form_container .form_holder fieldset { border: none;}

/*CONTACT FORM STYLES   END--------------------------------------------------- */
a {
	color: #1092AF;
}
a:hover {
	color: #000000;
}
.image3 {

	background-image: url(../images/image3.jpg);
}
.formButton {
	background-image: url(../images/bg-gradient.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-decoration: none;
	width: 100px;
	text-align: center;
	display: block;
	border: 2px solid #619FDD;
	padding-top: 5px;
	padding-bottom: 5px;
}
.formButtonBox{
	border: 1px solid #CCCCCC;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	width: 108px;
	background-color: #EEEEEE;
}

.formButton-icon-pdf {

}

.gradFormPDF {
	background-image: url(../images/download-graduate-pdf.jpg);
	background-repeat: no-repeat;
	width: 189px;
	display: block;
	padding-top: 219px;
	float: left;
}
.gradFormWord {
	background-image: url(../images/download-graduate-word.jpg);
	background-repeat: no-repeat;
	width: 189px;
	display: block;
	padding-top: 219px;
	float: left;
	margin-left: 50px;
}
.highlightBox {
	background-color: #F9F9F9;
	border: 4px solid #EFEFEF;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 15px;
	clear: both;
}
.highlightBox img {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-left: 15px;
}

.highlightBox h3, .highlightBox h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 2px;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.highlightBox p{
	margin-top: 5px;
	margin-bottom: 10px;
}
.highlightBox .posted{
	float: right;
	color: #999999;
}



.clearfix:after {   
    content: ".";   
    display: block;   
    clear: both;   
    visibility: hidden;   
    line-height: 0;   
    height: 0;   
}   
  
.clearfix {   
    display: inline-block;   
}   
  
html[xmlns] .clearfix {   
    display: block;   
}   
  
* html .clearfix {   
    height: 1%;   
}  
.thumbRight {
	padding: 2px;
	margin-bottom: 10px;
	margin-left: 15px;
	border: 1px solid #CCCCCC;
	float: right;
}
#footer {
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	padding-top: 15px;
	clear: both;
	width: 780px;
}
#footer a{
	color: #FFFFFF;

}
.side-footer {
	background-image: url(../images/side-bottom.jpg);
	height: 26px;
}

.side-header {
	background-image: url(../images/side-top.jpg);
	height: 26px;
}

.side-outer {
	background-image: url(../images/side-middle.jpg);
	background-repeat: repeat-y;
}
.side-outer .side-padding {
	padding-right: 25px;
	padding-left: 25px;
	display: block;
	
}

.side-outer ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
}

.side-outer li{
	background-repeat: no-repeat;
	color: #12A6C5;
	background-image: url(../images/icon-default.gif);
	padding-bottom: 5px;
}

.side-outer li a{
	background-repeat: no-repeat;
	color: #12A6C5;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
}

 .side-link-pdf{
	background-image: url(../images/icon-pdf.gif);
	padding-left: 12px;
}

 .side-link-word{
	background-image: url(../images/icon-word.gif);
	padding-left: 12px;
}


 .side-link-website{
	background-image: url(../images/icon-websitelink.gif);
	padding-left: 12px;
}

#column2 .side-outer p{
	margin-top: 0px;
	margin-bottom: 5px;

}
#column2 .side-outer h3{
	margin-top: 0px;
	margin-bottom: 5px;
}
.side-map {
	background-image: url(../images/side-map.gif);
	background-repeat: no-repeat;
	background-position: 50px 80px;

}

.photoDivs	{
	margin-bottom:50px;
	height:125px;
	}
	
	
#ContactForm1_ValidatedForm1_ValidationSummary li
{
	padding:0px;
	color:Red;
}