@charset "UTF-8";

/*
---------------------------------------------------------------------------------
= ACKNOWLEDGEMENT
---------------------------------------------------------------------------------
*/
/*

Author:		Christopher Taylor, Stephen Dupree, Tim Parmee
Date:		Copyright October 2008

*/
/*
---------------------------------------------------------------------------------
= IMPORT SEPERATE STYLE SHEETS
---------------------------------------------------------------------------------
*/

@import url("reset.css");
@import url("print.css");
@import url("typography.css");

/*
---------------------------------------------------------------------------------
= MAIN ELEMENTS
---------------------------------------------------------------------------------
*/

html { background:#008AA8 url(../images/html.jpg) repeat-x; text-align:center; }
body { background:url(../images/body.jpg) no-repeat center top; text-align:left; font-size: 62.5%; }

div#wrapper { width:860px; margin: 0px auto; background:#FFF url(../images/header_bg.jpg) repeat-x; }

/*
---------------------------------------------------------------------------------
= LAYOUT ELEMENTS
---------------------------------------------------------------------------------
*/

div#header { width:840px; height:147px; background:url(../images/masthead_bg.jpg) top center no-repeat; padding:0; margin-left:10px; }
div#nav { width:840px; height:25px; background:url(../images/nav_bg.jpg) top center no-repeat; margin-left:10px; }

div#content { position:relative; width:840px; min-height:550px; padding-top:18px; margin-left:10px; }

div#footer { height:120px; width:100%; background:#008AA8; }

div.clear { clear: both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }


/*
---------------------------------------------------------------------------------
= GRID
---------------------------------------------------------------------------------
*/

.grid1Col, .grid2Col, .grid3Col { display:inline; float: left; margin-left: 10px; margin-right: 10px; }

.grid1Col 			{ width:260px; display:inline; }
.grid2Col 			{ width:540px; display:inline; }
.grid3Col 			{ width:820px; display:inline; }

.grid2LeftCol 		{ width:260px; float:left; display:inline; margin-right:10px; }
.grid2RightCol 		{ width:260px; float:right; display:inline; margin-left:10px; }

.grid3HomeIntro 	{ width:820px; margin:0 10px 10px 10px; background:#0094AF url(../images/homeintrobox_bg.jpg) repeat-x left top; overflow:hidden; }

.grid2News2Col 		{ width:540px; display:inline; float:left; }
.grid2NewsLeftCol 	{ width:168px; float:left; display:inline; margin-right:10px; }
.grid2NewsRightCol 	{ width:352px; float:right; display:inline; margin-left:10px; }

.grid3SponsorsCol1, .grid3SponsorsCol2 	{ width:168px; float:left; display:inline; margin-right:18px; }
.grid3SponsorsCol3						{ width:168px; float:left; display:inline; margin:0; }


div#leftColumn 		{ float:left; width:568px; display:inline; margin:0px; background:url(../images/leftcolumn_bg.png) top center no-repeat; }
div#rightColumn 	{ float:right; width:282px; display:inline; min-height:550px; margin:0px 0px 0px 0px; background:url(../images/rightcolumn_bg.png) top center no-repeat; }


/*
---------------------------------------------------------------------------------
= MASTHEAD
---------------------------------------------------------------------------------
*/

/* logo */
h1#logo { float:right; background: url(../images/logo.jpg) no-repeat; width:160px; height:147px; text-indent:-9999px; overflow:hidden; margin:0px; }


/*
---------------------------------------------------------------------------------
= NAVIGATION
---------------------------------------------------------------------------------
*/

/* Main Menu */
div#primary_menu { position: relative; width: 838px; height:25px; left:6px; top: 0px; }
div#primary_menu ul { height:25px; margin: 0px 0px 0px 0px; list-style: none; width:100%; } /* margin: 12px 30px 5px 0px; */
div#primary_menu li { float:left; display: inline; height:25px; color:#FFFFFF; margin:0px 12px 0px 0px; padding:0px; text-indent:-99999px; }
div#primary_menu li a { display: block; height: 100%; overflow: hidden; width: 100%; }
div#primary_menu ul li{ display: inline; }

#nav_home { width:48px; }
#nav_about { width:53px; }
#nav_news { width:46px; }
#nav_info { width:102px; }
#nav_sy { width:132px; }
#nav_construction { width:115px; }
#nav_vacancies { width:85px; }
#nav_contact { width:75px; }

#nav_home a { background:url(../images/nav/nav_home.png); }
#nav_about a { background:url(../images/nav/nav_about.png); }
#nav_news a { background:url(../images/nav/nav_news.png); }
#nav_info a { background:url(../images/nav/nav_information.png); }
#nav_sy a { background:url(../images/nav/nav_sy.png); }
#nav_construction a { background:url(../images/nav/nav_construction.png); }
#nav_vacancies a { background:url(../images/nav/nav_vacancies.png); }
#nav_contact a { background:url(../images/nav/nav_contact.png); }

/* Current page */
#nav_home.current a { background-position: 0px 25px; }
#nav_about.current a { background-position: 0px 25px; }
#nav_news.current a { background-position: 0px 25px; }
#nav_info.current a { background-position: 0px 25px; }
#nav_sy.current a { background-position: 0px 25px; }
#nav_construction.current a { background-position: 0px 25px; }
#nav_vacancies.current a { background-position: 0px 25px; }
#nav_contact.current a { background-position: 0px 25px; }

/* Rollover */
#nav_home a { background-position: 0px 0px; }
#nav_home a:hover { background-position: 0px 25px; }

#nav_about a { background-position: 0px 0px; }
#nav_about a:hover { background-position: 0px 25px; }

#nav_news a { background-position: 0px 0px; }
#nav_news a:hover { background-position: 0px 25px; }

#nav_info a { background-position: 0px 0px; }
#nav_info a:hover { background-position: 0px 25px; }

#nav_sy a { background-position: 0px 0px; }
#nav_sy a:hover { background-position: 0px 25px; }

#nav_construction a { background-position: 0px 0px; }
#nav_construction a:hover { background-position: 0px 25px; }

#nav_vacancies a { background-position: 0px 0px; }
#nav_vacancies a:hover { background-position: 0px 25px; }

#nav_contact a { background-position: 0px 0px; }
#nav_contact a:hover { background-position: 0px 25px; }

/* Dropdown Menu */

.dropdown:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.dropmenudiv { width:180px; position: absolute; top: 0px; border: 2px solid #FFF; border-bottom-width: 0px; line-height:17px; background-color: #0086A3; z-index:100; visibility: hidden; }

.dropmenudiv a { width: auto; display: block; text-indent: 0px; border-bottom: 2px solid #FFF; padding: 2px 10px; text-decoration: none; text-align:left; font-weight: bold; color:#C4EFF4; }

.dropmenudiv a:hover{ color:#FFFFFF; background-color: #25B0CE; }


/*
---------------------------------------------------------------------------------
= MAIN CONTENT
---------------------------------------------------------------------------------
*/

/* homepage intro */
.homeIntroLeft { width:410px; float:left; display:inline; padding:5px; }
.homeIntroLeft p { font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.1em; color:#c7f3f9; line-height:1.5em; font-weight:normal; margin:0px 10px 8px 5px; }
.homeIntroLeft h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size:1.75em; color:#dcf3f8; line-height:1.35em; letter-spacing:0em; font-weight:normal; margin:0px 10px 16px 20px; }

.homeIntroRight { width:390px; float:right; display:inline; }

/* homepage carousel */
.carouselWrapper { float:right; margin-top:20px; padding:0; }
.carousel { position:relative; width:340px; height:215px; border:5px solid #FFFFFF; border-bottom:0; margin:0 20px 10px 20px; overflow:hidden; }
.carousel ul { margin: 0; }
.carousel li { float:left; overflow:hidden; margin: 0; padding:0; width:340px; }

.carouselBtns { text-align:center; width:340px; margin:0 0 10px 25px; overflow:hidden; }
.carouselBtns img { margin:4px;}


.prev { width:12px; height:12px; background:url(../images/carousel/btn_prev.png) no-repeat; border:none; }
.next { width:12px; height:12px; background:url(../images/carousel/btn_next.png) no-repeat; border:none; }
.btn1 { width:12px; height:12px; background:url(../images/carousel/btn_num1.png) no-repeat; border:none; }
.btn2 { width:12px; height:12px; background:url(../images/carousel/btn_num2.png) no-repeat; border:none; }

/* content images */
.img2col 		{ float:left; padding:2px; border:1px solid #DFDFDF; margin: 10px 0px 20px 5px; clear:both; }

.imgleft 		{ float:left; padding:2px; border:1px solid #DFDFDF; margin: 0px 10px 8px 8px; clear:both; }
.imgright 		{ float:right; padding:2px; border:1px solid #DFDFDF; margin: 0px 8px 8px 10px; clear:both; }

.imgNews 		{ float:left; padding:2px; border:1px solid #DFDFDF; margin: 0 0 10px 0; clear:both; }
.imgSponsors 	{ float:left; padding:2px; border:1px solid #DFDFDF; margin: 0; }

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


/* lists 
div#leftColumn ul { font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.1em; color:#E5F7FB; margin-bottom:10px; line-height:1.5em; margin-left:10px; list-style-type:none; }
div#leftColumn ul li { background:transparent url(../images/nav/bullet_ul.png) no-repeat; background-position:0px 1px; padding-left:20px; margin-bottom:0.8em; }
div#leftColumn ul li a { text-decoration:underline; color:#29abe2; }
div#leftColumn ul li a:hover { text-decoration:underline; color:#29abe2; } */


/* hr break */
div.hr { height: 2px; background: #FFFFFF url('../images/hr.png') no-repeat center; margin:10px; }
div.hr hr { display: none; }

div.hrGrey { height: 1px; background: #FFFFFF url('../images/hr_grey.png') no-repeat center; margin:8px 0px; }
div.hrGrey hr { display: none; }


/* back to top */
div#backtotop { height:30px; width:100%; background:url(../images/backtotop_bg.png) top center repeat-x; }

.backtotop { height: 30px; width: 87px; display:block; text-indent:-9999px; clear:both; }
.backtotop a { background-image: url(../images/btns/btn_backtotop.png); height: 30px; width: 87px; display: block; margin-left:2px; }
.backtotop a { background-position:0px 0px; }
.backtotop a:hover { background-position:0px 30px; }


/* back to news */
div#backtonews { height:30px; width:100%; background:url(../images/backtonews_bg.png) top center repeat-x; }

.backtonews { height: 30px; width: 100px; display:block; text-indent:-9999px; clear:both; }
.backtonews a { background-image: url(../images/btns/btn_backtonews.png); height: 30px; width: 100px; display: block; margin-left:3px; }
.backtonews a { background-position:0px 0px; }
.backtonews a:hover { background-position:0px 30px; }


/* news elements */
.grid2NewsLeftCol h5	{ font-size:1em; margin:3px 10px 0px 5px; }

.grid2NewsRightCol h3	{ margin:0px 10px 0px 5px; }
.grid2NewsRightCol h4	{ font-size:1.25em; color:#55ABBE; font-weight:normal; margin:5px 10px 10px 5px; }
.grid2NewsRightCol h5	{ margin:2px 10px 0px 5px; }

.grid2News2Col h3		{ margin:0px 10px 0px 5px; }
.grid2News2Col h5		{ margin:2px 10px 0px 5px; }

.grid3SponsorsCol1 h3	{ margin:0px 10px 0px 5px; }
.grid3SponsorsCol2 h3	{ margin:0px 10px 0px 5px; }
.grid3SponsorsCol3 h3	{ margin:0px 10px 0px 5px; }
.grid3SponsorsCol1 h5	{ margin:2px 10px 0px 5px; }
.grid3SponsorsCol2 h5	{ margin:2px 10px 0px 5px; }
.grid3SponsorsCol3 h5	{ margin:2px 10px 0px 5px; }




/* block element - icon section */
.block_icon { position:relative; margin-bottom:10px; overflow:auto; display:block; border:1px solid #dbdbdb; padding:3px; background:#FFFFFF; }
.block_icon .icon_img { position:relative; float:left; margin-right:4px; }
.block_icon p { padding-top:8px; margin-bottom:0px; }


/* Postcode Checker block */
div#PostcodeChecker		{ width:260px; display:block; background-color:#EAEAEA; margin-top:10px; padding-bottom:10px; }
div#PostcodeChecker p	{ font-size:1.1em; font-weight:bold; color:#707070; margin:0 10px 3px 10px; }

div#PostcodeCheckerTop	{ background: url(../images/btns/btntitle_pcodechecker_wide_2.png) top center no-repeat; height:70px; width:260px; display:block; text-indent:-9999px; }

div#PostcodeChecker a		{ width:217px; height:35px; background:url(../images/btns/btn_form_checkpcode_off.png) top center no-repeat; border:none; padding:0px; margin:10px 10px 0 10px; text-indent:-9999px; outline:none; display:block; }
div#PostcodeChecker a:hover	{ background:url(../images/btns/btn_form_checkpcode_on.png) top center no-repeat; }



/* Postcode Checker */
.PostcodeHeaderLeft 		{ width:260px; float:left; display:inline; margin:0 10px 0 0; background-color:#808BB3; padding:6px 0 6px 0; }
.PostcodeHeaderLeft h3		{ font-weight:bold; color:#FFFFFF; margin:0 0 0 8px; }

.PostcodeResultsLeft 		{ width:260px; float:left; display:inline; margin:0 10px 10px 0; background-color:#CAD0E6; padding-top:8px; }
.PostcodeResultsLeft h4		{ font-size:1.5em; font-weight:bold; color:#434E76; margin-left:8px; }

.PostcodeHeaderRight 		{ width:260px; float:right; display:inline; margin:0 0 0 10px; background-color:#808BB3; padding:6px 0 6px 0; }
.PostcodeHeaderRight h3		{ font-weight:bold; color:#FFFFFF; margin:0 0 0 8px; }

.PostcodeResultsRight 		{ width:260px; float:right; display:inline; margin:0 0 10px 10px; background-color:#CAD0E6; padding-top:8px; }
.PostcodeResultsRight h4	{ font-size:1.5em; font-weight:bold; color:#434E76; margin-left:8px; }
.PostcodeResultsRight p		{ font-size:1.1em; font-weight:bold; color:#434E76; margin-left:8px; }

.PostcodeResults			{ color:#808BB3; }

div#PostcodeCheckerWide			{ width:540px; display:block; background-color:#EAEAEA; margin:0 0 10px 0; padding-top:5px; }
div#PostcodeCheckerWide p		{ font-size:1.1em; font-weight:bold; color:#707070; margin:3px 10px 0 10px; }

div#PostcodeCheckerWideTop		{ width:540px; display:block; background-color:#808BB3; margin:10px 0 0 0; padding:6px 0 6px 0; }
div#PostcodeCheckerWideTop h3	{ color:#FFFFFF; margin:0 0 0 8px; }

div#PostcodeContactForm			{ width:540px; display:block; background-color:#DAF4F8; margin:0 0 10px 0; padding-top:5px; }
div#PostcodeContactForm p		{ font-size:1.25em; font-weight:bold; color:#2C9FB8; margin:3px 10px 0 10px; }

div#PostcodeContactFormTop		{ width:540px; display:block; background-color:#33A1B9; margin:10px 0 0 0; padding:6px 0 6px 0; }
div#PostcodeContactFormTop h3	{ color:#FFFFFF; margin:0 0 0 8px; }

div#PostcodeContactIntro		{ width:540px; display:block; background-color:#EAEAEA; margin:0; padding:5px 0 10px 0; }
div#PostcodeContactIntro p		{ font-size:1.1em; color:#707070; margin:5px 10px 5px 10px; }

div#subheadingBarBlue			{ width:540px; display:block; background-color:#33A1B9; margin:10px 0 10px 0; padding:6px 0 6px 0; }
div#subheadingBarBlue h3		{ color:#FFFFFF; margin:0 0 0 8px; }


div#sideDisclaimer				{ width:260px; display:block; background-color:#EAEAEA; margin:40px 0 10px 0; padding-bottom:10px; }
div#sideDisclaimerTop			{ background: url(../images/btns/btntitle_disclaimer_thin.png) top center no-repeat; height:55px; width:260px; display:block; text-indent:-9999px; }
div#sideDisclaimer p			{ margin:5px 10px 5px 10px; } /* font-size:1.25em; color:#707070;*/
div#sideDisclaimer h4			{ margin:10px 10px 5px 10px; } /* font-size:1.25em; color:#707070;*/


/* block element 
.block_container { position:relative; border:6px solid #4cadc2; margin:0px 2px 10px 8px; }
.block_inside { display:block; border:1px solid #008AA8; padding:5px; overflow:auto; }
.block_container .block_inside { background:#0095AF url(../images/block_inner_bg.png) repeat-x; }
.block_container .block_img { position: relative; float:left; padding:0px; border:3px solid #AED9E2; margin-right:15px; }

.blockItem { font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.5em; color:#A7DFE5; font-weight:normal; margin:3px 12px 3px 12px; }
.blockItem a { color:#A7DFE5; text-decoration:none; outline-style:none; }
.blockItem a:hover { color:#CEDD6D; text-decoration:none; outline-style:none; }

.block_inside p { font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.1em; color:#E5F7FB; line-height:1.5em; font-weight:normal; margin:3px 12px 3px 12px; }


/*
---------------------------------------------------------------------------------
= PAGE TITLES
---------------------------------------------------------------------------------
*/

div#pageTitle { top:0px; left:0px; height:35px; text-indent:-9999px; margin:0px 0px 10px 0px; }

#home div#pageTitle { background: url(../images/titles/title_home_welcome.jpg); background-repeat:no-repeat; height:45px; }

#checker div#pageTitle { background: url(../images/titles/title_postcodechecker.png); background-repeat:no-repeat; }

#whatisdr div#pageTitle { background: url(../images/titles/title_whatisdr.png); background-repeat:no-repeat; }
#profile div#pageTitle { background: url(../images/titles/title_profiledr.png); background-repeat:no-repeat; }
#summary div#pageTitle { background: url(../images/titles/title_summarydr.png); background-repeat:no-repeat; }
#partners div#pageTitle { background: url(../images/titles/title_partners.png); background-repeat:no-repeat; }
#directors div#pageTitle { background: url(../images/titles/title_directors.png); background-repeat:no-repeat; }

#news div#pageTitle { background: url(../images/titles/title_latestnews.png); background-repeat:no-repeat; }

#communities div#pageTitle { background: url(../images/titles/title_communities.png); background-repeat:no-repeat; }
#businesses div#pageTitle { background: url(../images/titles/title_businesses.png); background-repeat:no-repeat; }
#servproviders div#pageTitle { background: url(../images/titles/title_servproviders.png); background-repeat:no-repeat; }
#localauthorities div#pageTitle { background: url(../images/titles/title_localauthorities.png); background-repeat:no-repeat; }
#publicsector div#pageTitle { background: url(../images/titles/title_publicsector.png); background-repeat:no-repeat; }

#sy_labourskills div#pageTitle { background: url(../images/titles/title_sy_labourskills.png); background-repeat:no-repeat; }
#sy_connectivity div#pageTitle { background: url(../images/titles/title_sy_connectivity.png); background-repeat:no-repeat; }
#sy_qualityoflife div#pageTitle { background: url(../images/titles/title_sy_qualityoflife.png); background-repeat:no-repeat; }

#events div#pageTitle { background: url(../images/titles/title_events.png); background-repeat:no-repeat; }
#launchevent div#pageTitle { background: url(../images/titles/title_launchevent.png); background-repeat:no-repeat; }

#vacancies div#pageTitle { background: url(../images/titles/title_vacancies.png); background-repeat:no-repeat; }

#constructionover div#pageTitle { background: url(../images/titles/title_constructionover.png); background-repeat:no-repeat; }
#constructionfaq div#pageTitle { background: url(../images/titles/title_constructionfaq.png); background-repeat:no-repeat; }

#contact div#pageTitle { background: url(../images/titles/title_contact.png); background-repeat:no-repeat; }

/*
---------------------------------------------------------------------------------
= SIDEBAR
---------------------------------------------------------------------------------
*/

/* sidebar hr break */
div.sidebarhr							{ height: 1px; background: #FFF url('../images/sidebar/side_hr.png') no-repeat center; padding:5px 0 5px 0; }
div.sidebarhr hr 						{ display: none; }

div#sidebarLaunchEvent 					{ height:140px; width:260px; display:block; text-indent:-9999px; margin:5px 0 5px 0; }
div#sidebarLaunchEvent a 				{ background:url(../images/sidebar/side_launcheventbtn_off.jpg) top center no-repeat; height:140px; width:260px; display:block; }
div#sidebarLaunchEvent a:hover 			{ background:url(../images/sidebar/side_launcheventbtn_on.jpg) top center no-repeat; height:140px; width:260px; display:block; }

div#sidebarMedia 						{ width:260px; margin-bottom:10px; padding:0; text-indent:-9999px; }
div#sidebarMediaTop 					{ background:url(../images/sidebar/side_media_top.png) top center no-repeat; height:40px; width:260px; display:block; }
div#sidebarMedia a.mediapack			{ background:url(../images/sidebar/side_media_mediapack_off.png) top center no-repeat; height:35px; width:260px; display:block; margin:0; }
div#sidebarMedia a:hover.mediapack		{ background:url(../images/sidebar/side_media_mediapack_on.png) top center no-repeat; height:35px; width:260px; display:block; margin:0; }
div#sidebarMedia a.launchpr				{ background:url(../images/sidebar/side_media_launchpr_off.png) top center no-repeat; height:35px; width:260px; display:block; margin:0; }
div#sidebarMedia a:hover.launchpr		{ background:url(../images/sidebar/side_media_launchpr_on.png) top center no-repeat; height:35px; width:260px; display:block; margin:0; }


/* Who Will Benefit menu block */
div#navWho		 						{ width:260px; display:block; text-indent:-9999px; background-color:#EAEAEA; margin:35px 0 10px 0; }
div#navWho.Home	 						{ margin:10px 0 20px 0; }

div#navWhoTop 							{ background: url(../images/btns/btntitle_who_thin_2.png) top center no-repeat; height:60px; width:260px; display:block; }
div#navWhoTop.Home						{ background: url(../images/btns/btntitle_who_wide_2.png) top center no-repeat; height:70px; width:260px; display:block; }

div#navWho ul 							{ margin:0; padding:0; list-style: none; width:100%; }
div#navWho li							{ float:left; display: block; height:35px; margin:0 0 5px 5px; padding:0px; text-indent:-99999px; }
div#navWho li a 						{ display: block; height: 100%; overflow: hidden; width: 100%; }

div#navWho a.communities				{ background:url(../images/btns/btn_who_communities_off.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a:hover.communities			{ background:url(../images/btns/btn_who_communities_on.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a.businesses					{ background:url(../images/btns/btn_who_businesses_off.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a:hover.businesses			{ background:url(../images/btns/btn_who_businesses_on.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a.servproviders				{ background:url(../images/btns/btn_who_servprov_off.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a:hover.servproviders		{ background:url(../images/btns/btn_who_servprov_on.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a.localauthorities			{ background:url(../images/btns/btn_who_localauth_off.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a:hover.localauthorities		{ background:url(../images/btns/btn_who_localauth_on.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a.publicsector				{ background:url(../images/btns/btn_who_pubsector_off.png) top center no-repeat; height:35px; width:250px; display:block; }
div#navWho a:hover.publicsector			{ background:url(../images/btns/btn_who_pubsector_on.png) top center no-repeat; height:35px; width:250px; display:block; }


/* Latest News block */
div#LatestNews		 					{ width:260px; display:block; background-color:#FFFFFF; margin-top:10px; }

div#LatestNewsTop 						{ background: url(../images/btns/btntitle_latestnews_wide_2.png) top center no-repeat; height:75px; width:260px; display:block; text-indent:-9999px; }

div#LatestNews h5						{ font-size:1em; margin:0px 10px 5px 5px; }
div#LatestNews h3	 					{ color:#55ABBE; } /* #7581AD */
div#LatestNews a	 					{ color:#A2B71D; } /* #939EC5 */
div#LatestNews a:hover					{ color:#AFC32D; } /* #7581AD */


/*
---------------------------------------------------------------------------------
= BTNS
---------------------------------------------------------------------------------
*/




/*
---------------------------------------------------------------------------------
= FOOTER
---------------------------------------------------------------------------------
*/

div#footerLeft { float:left; width:425px; display:inline; margin:0; }
div#footerRight { float:right; width:425px; display:inline; margin:0; }

div#footerinfo { float:left; clear:left; }
div#footerinfo p { color:#70C4D6; padding:0px; line-height:1.5em; }
div#footerinfo a { color:#70C4D6; text-decoration:none; outline-style:none; }
div#footerinfo a:hover { color:#83CEDE; text-decoration:underline; outline-style:none; }

div#copyright { float:left; }
div#copyright p { font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#83CEDE; margin:8px 0 5px 5px; letter-spacing:0.03em; font-weight:normal; } /*color:#A6D19E*/

.footerDark { color:#51b3c8; }
.builtby		 { color:#51b3c8; }
.builtbylink a		 { color:#c6d136; }
.builtbylink a:hover { color:#c6d136; }

.imgFooterLogo { float:right; padding:0px; border:none; margin: 6px 6px 0px 0px; clear:left; }

/*
---------------------------------------------------------------------------------
= LINKS
---------------------------------------------------------------------------------
*/

/* STYLING EXTRAS */
/* a[href^="mailto"]	{ background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; } 
a[href~=".pdf"]		{ background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button			{ color: black; border: 1px solid black; padding: 3px; }
a.button:hover		{ background: black; color: white; }
.transpBlack		{ background: url(images/transpBlack.png); }

/*
---------------------------------------------------------------------------------
= FORMS
---------------------------------------------------------------------------------
*/

/* Form elements */
fieldset        				{ padding:10px 30px;margin:0;border:1px solid #ccc;border-bottom-width:10px; }
legend          				{ color:#333;padding:0 10px;margin:0;font-size:1.1em;font-weight:400; }

input,textarea					{ border:2px solid #2C9FB8; background:#B0E0E9; padding:5px; margin:8px; font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.5em; color:#16758A; font-weight:bold; outline:none; }
input:focus, textarea:focus		{ background:#E5F7FB; outline:none; }

input.EnterPostcode				{ border:2px solid #808BB3; background:#C9CEE2; padding:5px; margin:8px; font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.5em; color:#434E76; font-weight:bold; outline:none; float:left; }
input.EnterPostcode:focus		{ background:#E4E8F8; outline:none; }

.CheckPostcode					{ width:217px; height:35px; background:url(../images/btns/btn_form_checkpcode_off.png) top center no-repeat; border:none; padding:0px; margin: 5px 10px 10px 10px; text-indent:-9999px; outline:none; }
.CheckPostcode:hover			{ background:url(../images/btns/btn_form_checkpcode_on.png) top center no-repeat; }

.SendContact					{ width:225px; height:35px; background:url(../images/btns/btn_form_senddetails_off.png) top center no-repeat; border:none; padding:0px; margin: 5px 10px 10px 10px; text-indent:-9999px; outline:none; }
.SendContact:hover				{ background:url(../images/btns/btn_form_senddetails_on.png) top center no-repeat; }

textarea        				{ font-family: "Lucida Grande", Lucida, Verdana, Helvetica, Arial, sans-serif; font-size:1.1em; color:#0086a3; font-weight:normal;}

label           				{ display:block; margin:12px 0 0; font-weight:700; font-size:.9em; float:left; clear:left; width:90px; }
label:after     				{ content:": "; }

button          				{ display:block; float:left; cursor:pointer; }

/* User feedback */
.yay, .oops     				{font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            				{background:#090;}
.oops           				{background:#f30;}
div.error       				{font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}