/* StyleSheet */

body {margin:auto; max-width:960px; background:#b2b2b2 url('../images/Background02.jpg') repeat-x; font:11px Verdana}
a {color:#0099ff}
img {border:0px}

.container {position:absolute; width:960px; top:15px}

.content {display:block; width:960px; background:#fff; border-radius:10px; margin-top:60px;
          -webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px;
          -moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px;
          box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px;}
          
.textBlock {font:12px Verdana; color:#333; line-height:22px; width:600px; padding:20px 0px 0px 50px}

.recentProjects {margin-top:20px; display:block; width:960px; height:220px; background:#fff; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px;}
.frontPageAdditional {margin-top:20px; display:block; width:960px; height:130px; background:#fff; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px;}
.frontPageAccreditation {margin-top:20px; display:block; width:960px; height:300px; background:#fff; border-radius:10px; box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 2px;}

#pageTitle {padding:20px 0px 0px 50px; font:26px Verdana; color:#555}
#pageSubTitle {padding:2px 0px 0px 50px; font:14px Verdana; color:#555}
.accreditationTitles {font:bold 16px Arial}
.faqTitle {font:bold 16px Verdana; margin-top:30px}

.footer {text-align:right; padding:10px 0px 20px 0px}
.whiteLink {color:#fff; text-decoration:none}
.whiteLink:hover {text-decoration:underline}

.sideBarList li {padding:6px 0px 6px 0px}
.sideBarLogos {position:absolute; right:0px; top:180px; height:400px; width:250px}

.gallery {width:900px}
.gallery img {border:1px solid #999; padding:5px; margin:20px}
.gallery img:hover {border:1px solid #0099ff}

.newsletterItem {text-align:center; width:202px; padding:0px}
.newsletterItem img{border:1px solid #999; margin:5px}
.newsletterItem img:hover{border:1px solid #0099ff}

.newsItem {margin-top:40px; float:left}
.newsItem #newsTitle {font:22px Arial; letter-spacing:-1px; color:#555; border-top:1px solid #ccc; padding-top:30px}
.newsItem #imgDiv {float:left; height:160px; width:160px; padding:15px 15px 0px 0px}
.newsItem #imgDiv img {height:150px; width:150px; padding:5px; border:1px solid #ccc; background:#333}
.newsItem #newsDate {margin-top:15px; font:italic 12px Verdana; color:#888}
.newsItem #newsText {margin-left:20px; margin-top:15px; width:600px; font:11px Verdana; color:#555; line-height:18px; text-align:justify}

#access div {
	margin: 0 3%;
}

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}

#access {
	background: #895996; /* Show a solid color for older browsers */
	background: url(../images/Menu.jpg);
	background: -moz-linear-gradient(#895996, #482d42);
	background: -o-linear-gradient(#895996, #482d42);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#895996), to(#482d42)); /* older webkit syntax */
	background: -webkit-linear-gradient(#895996, #482d42);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0px;
	width: 100%;
	border-radius:10px;
	padding: 0.5em 0;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	border-radius:8px;
}
#access a {
	color: #eee;
	display: block;
	line-height: 2em;
	padding: 0 .99em;
	text-decoration: none;
}

#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	left: 0;
	width: 188px;
	z-index: 99999;
	z-index: 1000;
	border-radius:8px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #f9f9f9; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}

#access ul li a{border-radius:8px; }
#access ul ul li a{border-radius:0px; }

#access ul ul li a:hover{	border-radius:0px; }

#access ul ul li:first-child > a{border-top-right-radius: 8px; border-top-left-radius: 8px;}
#access ul ul li:last-child > a{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#homeImageSlider{
	margin-top: 25px; 
	border-radius:10px; 
	overflow:hidden; 
	height:300px; 
	background:white; 	
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	border:5px;
}

#slider{
	height:300px;
	margin-top: -10px;
}