/* ---------- OPTIONAL SETTINGS ---------- */
@font-face {
    font-family: 'Cal';
    src: url('../fonts/calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	
}

body {margin: 0px; background: #fff; font-family: Cal,Arial, Helvetica, sans-serif;font-size:small;}
h1, h2, h3, h4, h5, h6 {font-family: Cal, Arial, Geneva, sans-serif;color:#0068B3;}
h1 {font-size:1.9em;font-weight:normal;border-top:1px solid #dae7ef;padding-top:15px;}
h2 {font-size:1.7em;font-weight:normal;}


a, th {color: #666;font-family: Arial, Helvetica, sans-serif;}
a {text-decoration: none; }
a:hover {color: #6EA8A8; }
a img {border:0;}

h3,h3 a {font-size:1.5em;font-weight:normal;margin:0 0 10px 0;text-transform:uppercase;color:#0068B3;font-family:Cal,Arial;}
h3 a {font-size:1em;line-height:0.7em;}
textarea {font-family:Cal, Arial, Helvetica, sans-serif;}
p,#content ul li {line-height:1.6em;font-family:Cal,Arial, Helvetica, sans-serif;font-size:1.1em;color:#333;text-align:justify;}
#content ul li { list-style-image:url(../images/bullet.jpg);}
#wrapper { width: 960px; background: none; margin: 0 auto; height:auto; margin-top:15px;min-height: 500px; }

#header { width: 100%; height: 310px; }
#subheader {clear:both;width:100%;border:1px solid #dae7ef;height:210px;}
#logo { float:left; width: 480px; }
#slideshow {float:right;width:480px;text-align:right;}

/*  menu start */
#menu{width: 100%; margin-top: 5px; margin-bottom: 5px; float: right; height: auto;border-bottom: #8AD9FF solid 1px;padding-bottom:3px;}
#menu ul {float: right;list-style: none; font-size: 1.2em; font-weight: normal;  height:25px;padding: 0; margin: 5px 15px 0 0;text-transform:uppercase;}
#menu li {float: left; margin: 0;}
#menu a {margin: 10px; padding: 0px 5px; height:25px;font-family:Cal,Arial;color:#0068B3;font-size:1.1em;}
#menu a:hover {padding: 7px 5px 7px 5px; height: 25px; color:#234b89;text-decoration:underline;}
#menu span { float:right;text-transform:uppercase;color:#234689;font-family:Cal,Arial;font-size:1.8em;position:relative;top:5px;}
/* menu end */

#menu-secondary{z-index:1000;width: 100%; float: right;}
#menu-secondary ul {float: right;list-style: none; font-weight: normal;  height:25px;padding: 0; margin: -4px 15px 0 0;text-transform:uppercase;}
#menu-secondary li {float: left; margin: 0;color:#234b89;font-size:1.4em;}
#menu-secondary ul ul {z-index:9999;}
#menu-secondary li li {font-size:0.85em;text-transform:capitalize; padding:2px;background:#BCDFEB;}
#menu-secondary a {padding: 10px 15px 3px 15px; height:25px;font-family:Cal,Arial;}
#menu-secondary a:hover { height: 25px; color:#fff;}
#menu-secondary a:active{color:#fff;}
#cycle{width:100%;clear:both;margin-top:-10px;margin:-23px 0 -27px -5px;}
ul#cycle-menu a {font-weight:bold;font-size:0.85em;font-family:Cal,Arial;}
ul#cycle-menu {width:100%;height:28px;padding:0;text-transform:uppercase;}
ul#cycle-menu  li{display:inline;padding:5px;list-style-type:none;width:100px;}

ul#cycle-menu  li.blue,ul#cycle-menu  li.blue1,ul#cycle-menu  li.blue2,ul#cycle-menu  li.pink,ul#cycle-menu  li.pink1,ul#cycle-menu  li.pink2{position:relative;}
ul#cycle-menu  li.onyx img, ul#cycle-menu  li.blue img,ul#cycle-menu  li.blue1 img,ul#cycle-menu  li.blue2 img,ul#cycle-menu  li.pink img,ul#cycle-menu  li.pink1 img,ul#cycle-menu  li.pink2 img,ul#cycle-menu  li.last img {}
ul#cycle-menu  li.blue{right:21px;}
ul#cycle-menu  li.blue1{right:43px;}
ul#cycle-menu  li.blue2{right:64px;}
ul#cycle-menu  li.pink{right:84px;}
ul#cycle-menu  li.pink1{right:105px;}
ul#cycle-menu  li.pink2{right:110px;bottom:36px;margin-bottom:-36px;float:right;position:relative;}
ul#cycle-menu  li.last {float:right;position:relative;bottom:36px;margin-bottom:-36px;left:132px;}

#logid {float:left; width:100%; height: 16px; padding-top:4px; font-size:11px; color:#FFF;}
#main { font-family:Arial, Helvetica, sans-serif; width: 960px; height: auto; padding: 0;}

#content,#content-other {float:left; width: 600px; min-height: 320px; border: 0px; background:none; }
#content {width:624px;margin-top:-8px;}

/* side-menu start */
#side-menu {width:300px; float: right; padding-top:7px}
#side-menu ul {list-style-image:url(../images/bullet.jpg);margin:0;padding: 0;margin-left:15px;}
#side-menu ul li {padding:5px;font-size:0.9em;color:#666;}
#side-menu ul li.light, tr.light {background:#F4F4F4;}
#side-menu ul li.midlight, tr.midlight {background:#E4E4E4;}
#side-menu ul li.coloured {background: url(../images/admin/menu_hover.png) repeat-x top #C92617;font-weight:bold;color:#FFF;}

.cov {position:relative;top:8px;right:8px;float:right;margin:0 0 12px 12px;}

#side-menu .box,#side-menu .services  {height:140px;border: #dae7ef solid 1px;padding:10px 10px 10px 17px;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,241,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(233,241,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e9f1f5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* W3C */;}
#side-menu .services  {height:auto;margin-top:15px;border:none;background:url(../images/serv.jpg) no-repeat 93% 7% ;}

#side-menu .box span {font-size:0.95em;color:#666;line-height:1.6em;float:left;width:100%;margin-top:5px;position:relative;top:19px;}
#side-menu .box span a {color:#c23b8e;text-decoration:none;font-weight:bold;}
#side-menu .box span a:hover {border-bottom: 1px dotted #c23b8e;}

.side-module { margin-bottom: 10px;}
/* side-menu end */

/* Footer start */

#footer {width: 100%; clear: both; padding:10px 0 0 0;background:#fff;border-top:1px solid #dae7ef;}
.footer-box-news,.footer-box-event,.footer-box-test {padding:10px 10px 10px 17px;width:283px;height:200px;margin-right:12px;border:1px solid #dae7ef;float:left;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(233,241,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(233,241,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e9f1f5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(233,241,245,1) 100%); /* W3C */}
.footer-box-test {margin-right:0;float:right;}
.footer-box-news h3 a:hover {border-bottom:#234b89 dotted 1px;color:#234b89;}
.footer-box-news h4 a,.footer-box-event h4 a {font-size:1em;font-family:Arial;font-size:0.9em;text-decoration:none;margin:0;color:#007d94;margin-top:-7px;}
.footer-box-news h4 a:hover,.footer-box-event h4 a:hover {border-bottom:1px dotted #007d94;}
.footer-box-news p{font-size:0.9em;}
.footer-box-news p,.footer-box-event p,.footer-box-test p {position:relative;bottom:15px;margin-bottom:-12px;}
.footer-box-news span {color:#666;font-size:0.75em;}
.footer-box-event img{margin:9px 0 0 24px;}
.footer-box-event span {color:#006E82;font-size:0.85em;font-family:Arial;font-weight:bold;}
.footer-box-test p {margin:47px 0 -10px 0;color:#234689;font-size:0.9em;}
.footer-box-test span.large ,.footer-box-test span.small  {font-family:Arial;color:#007d94;font-size:0.95em;font-weight:bold;line-height:1.45em;}
.footer-box-test span.small {font-size:0.85em;font-weight:normal;}

#footer-mail-social {clear:both;height:34px;padding-top:20px;}
#foot-mailing-list {width:80%; float:left; height: 40px;}

#foot-mailing-list span {font-size:1.3em;font-weight:normal;color:#007d94;}
#foot-mailing-list .name-in,#foot-mailing-list .email-in  {float:left;padding:5px;margin-right:5px;}
#foot-mailing-list .submit {color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:1em;font-family:Cal,Arial;padding:6px 10px;border:2px solid #3091a2;}
#social {float:right;width:19%;text-align:right;margin-top:-4px;}
#social span{color:#007D94;font-size:1.1em;font-weight:bold;position:relative;bottom:8px;right:4px;}
#social img {margin-left:5px;width:27px;height:27px;}

#footer-out-wrapper {width:100%;clear:both;background:#069de4;min-height:300px;overflow:auto;}
#footer-in-wrapper{width:960px; margin:0 auto;}
#footer-in-wrapper ul {float:left;list-style:none;padding:0;margin:0 5px 0 0;}	

#foot-links {width:97%; float:left; padding: 5px 10px 0 10px; min-height: 100px;border:7px solid #8AD9FF;margin-top:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#foot-links ul { margin: 0 15px 15px 0;width:210px;float:left;}
#foot-links li a {line-height:1.9em;color:#fff;font-size:0.9em;font-family:Cal,Arial;}
#foot-links li a:hover {border-bottom:1px dotted #fff;}
#foot-links ul.company {width:125px;}
#foot-links ul.why {width:130px;}
#foot-links ul.expertise {width:180px;}
#foot-links ul:last-child {margin-right:0;}
#foot-links li.titleul a {font-size:1.6em;color:#fff;line-height:1.6em;padding:0 2px;}
#foot-links li.titleul a:hover {background:#5ba3b9;border-bottom:none;}
#foot-links ul.under {float:right;}
#foot-links li.gap {margin-bottom:15px;}
#foot-logo {width:17%;float:right;margin-top:30px; }
#foot-address,#foot-acknowledgements {width:100%; float:left; text-align: left; margin-top:15px;}
#foot-address span {color:#fff;font-weight:bold;font-size:0.8em;font-family:Arial;float:left;}
#foot-address ul {}
#foot-address li {list-style:none;border-right:1px solid #fff; padding:0 5px 0 5px;display:inline;font-size:0.75em;font-family:Arial;position:relative;bottom:2px;}
#foot-address li a {border-bottom:none;}
#foot-address li a:hover {border-bottom:1px dotted #fff;}
#foot-address li:last-child {border-right:none;}
#foot-address a, #foot-acknowledgements  a {color:#fff;border-bottom:1px dotted #fff;}
#foot-address a:hover, #foot-acknowledgements  a:hover {border-bottom:none;}
#foot-acknowledgements {margin-top:0;}
#foot-acknowledgements p {color:#fff;font-family:Arial;font-size:0.8em;}

#foot-links .mhra {float:left;clear:both;margin-top:-55px;}
.fa-logo {float:right;width:134px;height:35px;margin-top:-51px;}
#foot-acknowledgements img {-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}

/* table styling start */
table {width: 100%;}
table tr.head {background: #E4E4E4;}
table tr.head  th {color:#000;}
table tr.foot {background: #E4E4E4;}
table tr.foot  th {color:#000;}
table th {padding: 5px;}
table td {background: #F4F4F4; padding: 5px;}
/* table styling end */

/* success and error highlighting start */
.success-highlight {float:left; width: 100%; border: 3px solid #090; padding:0 10px; background:#E4E4E4; color:#090; font-weight:bold; margin:20px 0; }
.success-highlight img {vertical-align: middle; margin-right: 5px;}
.tab > .success-highlight {width:96%;}

.error-highlight {float:left; width: 100%; border: 3px solid red; padding:0 10px; background:#E4E4E4; color:red; font-weight:bold; margin:20px 0;}
.error-highlight img {vertical-align: middle; margin-right: 5px;}
.tab > .error-highlight {width:96%;}
/* success and error highlighting end */

/* form fields and labels start */
.form-field { padding:12px 12px 12px 0px;}
.form-errors { color: red;}
.shortlabel {color: #000; width: 100px; float: left;}
.label {color: #000; width: 100px; float: left;}
.grey {color:#666;}
.enquiry-label{color: #000; width: 150px; float: left;}
.labeltext{color: #000; width: 300px; float: left;}
/* form fields and labels end */

/* database results paging start */
.paging { width: 99%; float: left; height: auto; background-color: #F4F4F4; border: 1px solid #E4E4E4; padding: 2px;}
.paging-left { float: left; }
.paging-right { float: right; }
/* database results paging end */

.leftcolumn { width: 50%; float: left; }
.rightcolumn { width: 44%; float: right; }

.denote {color:#999; font-size:0.8em;}
#mailingform input {float:right;font-family:Cal,Arial;width:210px;padding:5px;position:relative;bottom:24px;}
#mailingform label {font-family:Cal,Arial;font-size:1.1em;}
#mailingform textarea {width:98%;}
#mailingform .veri {width:60px;}
#mailingform .verifyimage {float:left;margin-right:10px;}
#mailingform .char {position:relative;bottom:34px;}

.tel,.fax,.time { color:#007d94;font-family:Cal,Arial;font-weight:bold;font-size:1.3em;}
.telnum,.faxnum {color:#666;font-family:Cal,Arial;font-size:1.35em;}
.time {font-size:1.1em;font-weight:normal;}
.article-holder { float: left; width: 100%; border-bottom: 1px dotted #999; padding-bottom: 20px; margin-bottom: 30px; }
.article-holder .published { color: #666;font-size: 0.8em; }

#mailform{position:relative;bottom:28px;left:152px;width:580px;}

#map { width:100%; height:180px }
#mapcontainer {border-bottom:1px solid #dae7ef;margin-bottom:20px;width:100%;height:30px;padding:10px 0;}
#mapform{float:right;}
#mapform .submit,#mailingform .submit, #mailform .submit, .back,.read ,.team-submit{cursor:pointer;font-family:Cal,Arial;color:#fff;background: rgb(60,172,194); /* Old browsers */
background: -moz-linear-gradient(top, rgba(60,172,194,1) 0%, rgba(4,113,134,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,172,194,1)), color-stop(100%,rgba(4,113,134,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(60,172,194,1) 0%,rgba(4,113,134,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(60,172,194,1) 0%,rgba(4,113,134,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(60,172,194,1) 0%,rgba(4,113,134,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cacc2', endColorstr='#047186',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(60,172,194,1) 0%,rgba(4,113,134,1) 100%); /* W3C */-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:2px solid #047186;}
#mapform .submit:hover,#mailingform .submit:hover, #mailform .submit:hover, .back:hover,.read:hover{background: rgb(4,113,134); /* Old browsers */
background: -moz-linear-gradient(top, rgba(4,113,134,1) 0%, rgba(60,172,194,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,113,134,1)), color-stop(100%,rgba(60,172,194,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(4,113,134,1) 0%,rgba(60,172,194,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(4,113,134,1) 0%,rgba(60,172,194,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(4,113,134,1) 0%,rgba(60,172,194,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047186', endColorstr='#3cacc2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(4,113,134,1) 0%,rgba(60,172,194,1) 100%); /* W3C */}
#mailingform .submit{width:auto;padding:5px 13px;margin-top:10px;}
#mapform label {font-size:1.4em;font-weight:bold;font-family:Cal,Arial;color:#333;}
#mapform input {padding:4px;border:1px solid #BACCD6;}
/* calendar start */
#calendar {background: url(../calendar-images/right-bg.png) no-repeat center top #FFF; margin-bottom:10px; padding:15px 10px 10px 10px; width:270px; float:left; }
#calendar table {border:1px solid #E9E9E9; margin:0 0 10px 0; width:100% !important; float:left; }
#calendar tr.calhead {text-align:center; background: #CCC;}
	#calendar tr.calhead img { vertical-align:middle;}
	#calendar tr.calhead td {background: #E9E9E9 !important;}
#calendar td {background:url(../images/calendar-images/bg.png) no-repeat top center;width:14%;text-align:center;height:20px;padding:5px 0;}
#calendar td.offday {background: url(../images/calendar-images/off-bg.png) no-repeat top center;} 
#calendar td.today {background:url(../images/calendar-images/today-bg.png) no-repeat top center;} 
#calendar td.eventday {background:url(../images/calendar-images/event-bg.png) no-repeat top center;} 
	#calendar td.eventday a {color:#FFF;}
#calendar tr.base td {background: #E9E9E9;}	
#calendar a span.cal-overlay {visibility:hidden;height:0;width:0;position:absolute;text-align: left;}
#calendar a:hover span.cal-overlay {visibility:visible;height:auto;width:auto;position:absolute;background:#FFF;border:1px solid #006;padding:5px;color:#006; border-bottom-width:2px; border-right-width:2px;-moz-border-radius: 5px;}
/* calendar end */

/*  members menu start */
#members-menu {width: 100%; margin-top: 5px; margin-bottom: 10px; float: left; height: auto; background: #E4E4E4; border: solid 1px;}
#members-menu ul {width: 100%; list-style: none; font-size: 16px; font-weight: bold; float: left; padding: 0; margin: 0;}
#members-menu li {float: left; padding-top: 10px; margin: 0;}
#members-menu a {margin: 10px; padding: 0px 5px; height:50px;}
#members-menu a:hover {padding: 11px 5px 12px 5px; height: 39px;}
/* members menu end */

#board span.title,#board span.position {background:#000;font-size:1.65em;color:#fff;padding:4px;margin-top:-41px;text-transform:uppercase;}
#board span.position {font-size:1.1em;background:#666;}
#board td {background:none;}
#board a {border-bottom:1px dotted #1F5994;color:#1F5994;text-decoration:none;}
#board .email a {color:#666;border-bottom:1px dotted #666;}
#board a:hover,#board .email a:hover {border-bottom:none;}
#board,#board a{font-family:Cal,Arial;font-size:1.1em;}
#board .contact {color:#007d94;font-size:1.1em;}

#technical span.title,#technical span.position {background:#000;font-size:1.65em;color:#fff;padding:4px;margin-top:-41px;text-transform:uppercase;}
#technical span.position {font-size:1.1em;background:#666;}
#technical td {background:none;}
#technical a {border-bottom:1px dotted #1F5994;color:#1F5994;text-decoration:none;}
#technical .email a {color:#666;border-bottom:1px dotted #666;}
#technical a:hover,#technical .email a:hover {border-bottom:none;}
#technical,#technical a{font-family:Cal,Arial;font-size:1.1em;}
#technical .contact {color:#007d94;font-size:1.1em;}

#general span.title,#general span.position {background:#000;font-size:1.65em;color:#fff;padding:4px;margin-top:-41px;text-transform:uppercase;}
#general span.position {font-size:1.1em;background:#666;}
#general td {background:none;}
#general a {border-bottom:1px dotted #1F5994;color:#1F5994;text-decoration:none;}
#general .email a {color:#666;border-bottom:1px dotted #666;}
#general a:hover,#general .email a:hover {border-bottom:none;}
#general,#general a{font-family:Cal,Arial;font-size:1.1em;}
#general .contact {color:#007d94;font-size:1.1em;}

.title {color:#1234AB !important; background:none !important;}
.position {color:#4598AA !important; background:none !important;}

#feeddiv {clear:both;}
#board h2,#technical h2,#general h2 {padding-top:10px;}
ul.tabs {
		margin: 0;
		padding: 0;
		float: right;
		list-style: none;
		height: 32px;
		width: 300px;
		position:relative;
		margin-top:-20px;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		height: 31px;
		line-height: 31px;

		border-left: none;
		font-weight: bold;

		overflow: hidden;
		position: relative;
	}
	/*
	ul.tabs li:first-child {-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
	
	ul.tabs li:last-child {-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
	
	ul.tabs li:hover {
		background: #CCCCCC;
	}	
	ul.tabs li.active{
		background: #FFFFFF;
	}
	*/

#blog {margin-bottom:20px;}
.share {width:400px;float:left;font-size:0.8em;margin: 4px 0 0 -40px;}
.share li {display:inline;border-right:1px solid #999;margin-right:4px;padding-right:8px;}
.share li:last-child {border-right:none;}
.entry,.entrydiary {border-bottom:1px solid #DAE7EF;padding-bottom:27px;margin-bottom:10px;}
.entrydiary{padding-bottom:20px;margin-bottom:20px;}
.twitter-share-button{float:right;}
#blog span {color:#999;font-size:0.8em;height:20px;}
#fb-root {margin-top:10px;}

.profileimage{width:177px;}

#events .grey,#events .blueev,#events .blueri,#events .green,#events .green a {text-transform:uppercase;font-size:1.2em;font-weight:bold;font-family:Cal,Arial;}
#events .green a {font-size:1em;}
#events .grey {color:#666;}
#events .blueev,#events .blueri {color:#234b89;font-weight:normal;font-size:1.25em;}
#events .right {float:right;}
#events .green,#events .green a {color:#007D94;margin-top:-19px;}
#events .green:hover {border-bottom:1px dotted #007D94;}
#events .blueri {margin-top:-19px;}

.date {float:right;width:80px;height:80px;margin-bottom:-20px;position:relative;bottom:50px;text-align:center;font-family:Cal,Arial;background:url(../images/calendar.png) no-repeat;}
.month {font-size:0.9em;position:relative;right:8px;top:2px;color:#fff;}
.day {font-size:1.5em;font-weight:bold;position:relative;top:10px;right:8px;}

/*SUPERFISH*/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.sf-menu li:hover > a {
color:#fff;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
	
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.3em; /* match top ul list item height */
	z-index:		9999;
	
	
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {

	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	
}
.sf-menu li li {
	background:#fff;
	font-size:0.8em;
	z-index:9999;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #338da8; /* Old browsers */
background: -moz-linear-gradient(top, #338da8 0%, #2d7693 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#338da8), color-stop(100%,#2d7693)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #338da8 0%,#2d7693 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #338da8 0%,#2d7693 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #338da8 0%,#2d7693 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#338da8', endColorstr='#2d7693',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #338da8 0%,#2d7693 100%); /* W3C */
	outline:		0;
}
.sf-menu a:active {color:#fff;}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -50px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*END OF SUPERFISH*/

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}
/*END OF TIP TIP*/

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#image-right {
	width:480px;
	float:right;
	text-align:right;
}

#featured { 
	height: 200px;
	background: #fff url('../orbit/loading.gif') no-repeat 50% 50%;
	opacity:0.9;
	overflow: hidden;

}
#featured>img,  
#featured>div,
#featured>a { display: none; }

.overlay { width:80%; opacity:0.7; background:#000; }
.overlay  span{ color:#fff;font-size:0.8em;line-height:1.7em; }




/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none;}

div.orbit>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

.orbit>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../orbit/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(../orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(../orbit/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 1000;
    color: #fff;
	text-align: left;
	padding: 7px 10px;
    font-size: 1.5em;
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 80%;}


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(orbit/right-arrow.png) right center no-repeat;
    right: 1px; }

div.slider-nav span.left {
    background: url(orbit/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
	
/*END OF ORBIT*/

/* Blog */
#feeddiv ul {float:left;margin:0;padding:0;list-style:none;}
#feeddiv ul li {padding-bottom:20px;}
#feeddiv p {float:left;width:100%;}

		.tips {
			counter-reset: a-counter;
		}
		.tips dt, .tips dt h1{
			position: relative;
			font: bold 16px Georgia;
			padding: 4px 0 10px 0;
		}
		
		.tips dt h1 {margin:0 0 -15px 0;font-size:1.4em;}
		
		.tips dt:before {
			content: counter(a-counter);
			counter-increment: a-counter;
			position: absolute;
			left: 0;
			top: 0;
			font: bold 50px/1 Sans-Serif;
			color:#268EBF;
		}
		.tips dd {
			margin: 0 0 30px 0;
			font-size:0.85em;
			text-transform:uppercase;
		}
		.tips dd:hover {
			color:#268EBF;
		}
		.tips dt, .tips dd {
			padding-left: 65px;
		}
		
		#accordion { margin: 0; padding: 0;position:relative; }
		#accordion .drop { margin: 0 10px 30px 10px; padding: 0;position:relative; }
		#comment label {font-size:0.9em;color:#555;width:100%;font-weight:bold;}
		#comment .commentbox {padding:4px; margin:5px 0;width:100%;font-size:0.9em;font-family:Arial;clear:both;float:left;position:relative;}
		#comment .commentsubmit {clear:both;float:right;padding:5px;background:#268EBF;color:#fff;border:1px solid #268EBF;position:relative;left:11px;bottom:5px;cursor:pointer;font-size:0.95em;}
		#comment input {padding:4px;margin:5px 0 15px 0;}
		#comment .commentsubmit:hover {background:#3B7996;border:1px solid #3A5D6E;}
		.drop{width:450px;position:relative;}
		span.mod {font-size:0.75em;color:#555;margin-top:2px;position:relative;top:7px;}
		#comment .box {font: bold 16px Georgia;}
		.box {margin-bottom:30px;}
		
		.commentholder {clear:both;border:1px solid #E8E8E8;min-height:30px;padding:5px;width:100%;margin:10px 0;}
		.topbar {background:#268EBF;color:#fff;font-size:0.85em;text-transform:uppercase;padding:10px;height:12px;overflow:hidden;}
		.topbar .left {width:60%;float:left;}
		.topbar .right{width:39%;float:right;text-align:right;}
		.box h3 , .drop h3{font-size:1.3em;}