/*
************************************************************
*	Forepoint CSS File
************************************************************
*
*	Author: 
*	Company: Forepoint Ltd
*	
*	URL: http://www.forepoint.co.uk
*	
************************************************************
*
*	Filename: main.css
*	Version: 1.1.0
*       Created: 03.08.2009
*	Updated: 03.08.2009
*
************************************************************
*/


/* Reset 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 
:focus { outline:1px dotted #999;} 
table { border-collapse: collapse; border-spacing: 0;}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {	background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden;	width: 0; height: 0; }

/* Type Layout
-------------------------------------------------------------- */
body { line-height: 1.5;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border-collapse: separate; border-spacing: 0;}
th, tr, td { margin: 0; padding: 0;}
body { font-size: 75%; color: #292b2d; font-family: "Arial"/*"Trebuchet MS"*/, sans-serif; background: #ddf0fe url(../images/site/_layout/topBg.jpg) repeat-x;}
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #FFFFFF; font-family: "Trebuchet MS", sans-serif; background: none; padding: 0; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1em; line-height: 1.4em; font-size: 1em; }
p img.left { float: left; margin: 0 1.5em 1.5em 0; padding: 0; }
p img.right { float:right; margin: 0 0 1.5em 1.5em; }
a:focus, a:hover { color: #589DDD; text-decoration: none; border-bottom: 0px; }
a { color: #589DDD; text-decoration: none; border-bottom: dotted #b1d9f2 1px; outline: none; }

blockquote { margin: 1.5em; color: #555555; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }

dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #555555; }
pre { margin :1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height:1.5; }

li ul, li ol { margin:0 1.5em; }
ul, ol { margin-bottom:1.5em; }
ul { list-style-type:disc; }
ul li ul { margin: 0 0 0 0; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em;}

table { }
tr {  }
th { font-weight:bold; text-align:center; }
th,td,caption { padding:0px 7px 0px 7px;text-align:center; }

acronym { border-bottom: 1px dotted #00557E; }

/* To replace with an image, give the tag a class of 'imgReplace' and then place a <span> tags around the element you wish to replace */
.imgReplace,
.btnReplace { background-position: top; background-repeat: no-repeat; display: block; }

.imgReplace span,
.btnReplace span { display: none; visibility: hidden; }

/* Common Styles (Text & Headers)
-------------------------------------------------------------- */
.container
{	
	margin-left: auto;
	margin-right: auto;
	width: 965px;
	/*padding-left: 6px;*/
}
  
.max { width:100%; }

.grid { display: inline; float: left; }



/* Clear */
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden; }

.clear { display: inline-block; }

html[xmlns] .clear { display: block; }

* html .clear { height: 1%; }

/* Text Alignment */
.aLeft { text-align: left; }
.aRight { text-align: right; }
.aJustify { text-align: justify; }
.aCenter { text-align: center; }

/* Misc Styles */
.hidden { display:none; }
.nobullets { list-style: outside none; }
.nobullets li { list-style: none; }
.inline li { display:inline; }

/* Header Styles */
h1 { }
h2 { font-size: 2.6em; font-weight: bold; color: #00557E; margin: 0 0 15px 0; }
h3 { font-size: 1.3em; font-weight: bold; color: #00557E; margin: 15px 0 10px 0; line-height: 1.3em; }
h4 { font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; }
#contentPg h4 { color:#00557e; }
h5 { font-size: 1.1em; font-weight: bold; margin: 0 0 10px 0; }
	h5.cufon { font-size: 1.6em; margin: 10px; }
	h5.sifr { font-size: 1.35em; margin: 15px 0 0 10px; }

/* Remove Border for Img Links */
a img { border:none; }

/* Degugging */
.showgrid { background:url(/images/grid.gif) 0 0; }
.showborder { border-top:1px solid red; border-bottom:1px solid red; }

/* Text Sizes & Styles*/
.smaller { font-size:0.833em; margin-bottom:1.8em; line-height:1.8em; }
.small { font-size:0.916em; margin-bottom:1.636em; line-height:1em; }
.large { font-size:1.2em; line-height:1.3em; margin-bottom:1.25em; }
.padded { padding-left:16px; }
.italics { font-style: italic; }


/* Common Dimensions 
-------------------------------------------------------------- */
.col1,
.col2,
.col3,
.col4,
.col4Alt,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12,
.col13,
.col14,
.col15,
.col16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
/* Floats */
.fLeft { float:left;}
.fRight { float:right;}

.alpha, .first { margin-left: 0; }
.omega, .last { margin-right: 0; }

.col1 { width:40px; }
.col2 { width:100px; }
.col3 { width:160px; }
.col4 { width:220px; }
.col4Alt { width:215px; }
.col5 { width:280px; }
.col6 { width:340px; }
.col7 { width:400px; }
.col8 { width:460px; }
.col9 { width:520px; }
.col10 { width:580px; }
.col11 { width:640px; }
.col12 { width:700px; }
.col13 { width:760px; }
.col14 { width:820px; }
.col15 { width:880px; }
.col16 { width:940px; }


/* Common Structure
-------------------------------------------------------------- */

#top { background: url(../images/site/_layout/sky.jpg) no-repeat center top; }
	#header { height: 240px; position: relative; background: url(../images/site/_layout/headerBg.png) no-repeat; z-index: 1; }
		#accessBar { height: 29px; color: #FFFFFF; padding-top: 0px; position: absolute; z-index: 3; width: 390px;   /*background: url(../images/site/_layout/accessBarBg.png) no-repeat bottom right;*/ }
			#accessBar li { height: 25px; margin: 0; padding-top: 4px; padding-right: 5px; display: block; float: left; background-color: #005581; } 
				#accessBar li.openCurve { background: none; padding: 0px; padding-top: 0px; height: 29px; }
				#accessBar li.closeCurve { background: none; padding: 0px; padding-top: 0px; height: 29px; }
			#accessBar a { color: #FFFFFF; border: 0px; } #accessBar a:hover { text-decoration: underline; }
			#accessBar li#skipToContent { display: none; } #accessBar li#skipToContent a { display: none; }
	
		#headerMain { height: 240px; position: absolute; z-index: 1; }
			.header1 { background: url(../images/site/_layout/header1.png) no-repeat; }
			.header2 { background: url(../images/site/_layout/header2.png) no-repeat; }
			.header3 { background: url(../images/site/_layout/header3.png) no-repeat; }
			.header4 { background: url(../images/site/_layout/header4.png) no-repeat; }
		#logo { height: 240px; position: absolute; z-index: 2; left: 700px; background: url(../images/site/_layout/logo.png) no-repeat right top;  }
		#logo a { display: block; height: 240px; width: 220px; position: absolute; border-bottom: 0; outline: none; }
		
	#body { padding-bottom: 100px; padding-top: 20px; background: #FFFFFF url(../images/site/_layout/plymouthSkylineTop.png) no-repeat bottom; }
		/* Top Level */
		#nav { padding-left: 5px; }
		#topNav { margin: 20px 0 20px 0; }
			#topNav li { width: 216px; border-bottom: 1px dashed #589ddd; padding: 3px 0 3px 0; }
				#topNav li a { border-bottom: 0px; font-weight: bold; padding: 0 0 3px 25px; font-size: 1.2em; outline: none; } 
					#topNav li a:hover, #topNav li a.current { color: #00557e; }
					#topNav li.homeIcon a:hover, #topNav li.homeIcon a.current { background: url(../images/site/home.png) no-repeat; color: #00557E; }
		/* Second Level */		
		#topNav li ul { list-style: none; width: 216px; }
			#topNav li ul  li { border: 0px; }
				#topNav li ul li a { padding: 0 0 0 30px; font-weight: normal; display: block; font-size: 1.1em; color: #00557E; outline: none; }
					#topNav li ul li a:hover { background-color: #EEF6FC; }
					#topNav li ul  li a.current { font-weight: bold; background-color: #EEF6FC; }
		/* Thrid Level */		
		#topNav li ul li ul { list-style: none; width: 216px; }
			#topNav li ul li ul li { border: 0px; }
				#topNav li ul li ul li a { padding: 0 0 0 50px; font-weight: normal; display: block; font-size: 1.1em; color: #00557E; outline: none; }
					#topNav li li ul ul li a:hover { background-color: #EEF6FC; }
					#topNav li li ul ul li a.current { font-weight: bold; background-color: #EEF6FC; }
			
#bottom { background-color: #00557E; }
	#plymouthSkylineBottom { background: url(../images/site/_layout/plymouthSkylineBottom.png) no-repeat top; height: 9px; margin-bottom: 0px; margin-top: 0px;}
	#footer { background: #00a5d6 url(../images/site/_layout/footerGrad.png) repeat-x top; color: #FFFFFF; padding-top: 20px; }
		#footerLeft ul {margin:0 10px 10px; }
		#footerLeft ul li { margin: 0 0 10px 0px; } 
		#footerLeft ul li ul { margin: 0 0 10px 0;} #footerLeft ul li ul li { margin: 0; } 
		#footerLeft ul li a { color: #00557E; font-weight: bold; font-size: 1.2em; border: 0px; } #footerLeft ul li a:hover { text-decoration: underline; }
		#footerLeft ul li ul li a { color: #FFFFFF; font-size: 1em; font-weight: normal; border: 0px; } #footerLeft ul li ul li a:hover { text-decoration: underline; }
		#browseAloud { width: 160px; height: 50px; background: url(../images/site/translate/browsealoud.png) no-repeat; margin: 0 0 15px 0; border: 0px; }
		#translate p { margin-bottom: 5px; }
		#translate ul { width: 165px; }
			#translate ul li { width: 25px; margin-right: 5px; } #translate ul li a { border: 0px; }
		#footerFull { background-color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 15px; margin-bottom: 15px; }
			#footerFull img { margin: 10px; margin-top: 10px; float: left; }
			#footerFull div { width: 35%; margin: 0px 15px 10px 0px; color: #00557E;  }
				#footerFull div a { color: #00557E; border: 0px; } #footerFull div a:hover { text-decoration: underline; }
		
	#byline { color: #FFFFFF; margin-top: 5px; }
		#byline a { color: #66CC00; text-decoration: none; border: 0px; margin-right: 10px; } #byline a:hover { text-decoration: none; }

/* Content Elements
-------------------------------------------------------------- */

/* Search Form */
#searchForm { width: 215px; height: 26px; background-color: #EEF6FC; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#searchForm input { background-color: #EEF6FC; color: #005480; border: 0px; float: left; outline: none; }
#searchForm input[type="text"] { width: 176px; padding: 4px; font-weight: bold; font-size: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
#searchForm input[type="image"] { width: 26px; height: 26px; vertical-align: middle; }

/* Home Page (Contact Box) */

#contactBox { height: 300px; background: url(../images/site/_layout/contactBoxBg.png) no-repeat; margin: 0 0 25px 0; }
#contactBox p { color: #FFFFFF; margin: 0 10px 10px 10px; } 
#contactBox p.telephone { font-size: 1.3em; background: url(../images/site/telephone.png) no-repeat bottom left; padding: 0px 0 4px 25px; font-weight: bold; height: 17px; }
#contactBox p.repairSmall { font-size: 1.3em; background: url(../images/site/repairSmall.png) no-repeat bottom left; font-weight:bold; padding: 0px 0 4px 25px; line-height: 23px;  height: 17px; }
#contactBox a, #contactBox a:hover { color: #b1d9f2; margin: 0 10px 10px 10px; }
#contactBox .repairSmall a {margin-left:0; font-weight:normal;}

/* Home Page (Header) */
h2#pageHdr1 { height: 150px; background: url(../images/site/homepageHdr1.png) no-repeat; }
h2#pageHdr2 { height: 150px; background: url(../images/site/homepageHdr2.png) no-repeat; }

/* Home Page Panels */ 
#homeContent { margin-top: 13px; }
.tabs { list-style: none; margin: 0 !important; padding: 0 0 0 10px; height: 30px; }
.tabs li { float: left; }
.tabs a { display:block; height: 30px; line-height: 30px; width: 180px; text-decoration: none; position: relative; border: 0px; outline: none; font-size: 1.3em; font-weight: bold; padding: 0 0 0 30px; margin: 0 5px 0 0; }
	
	.tabs a.gettingInvolved { 
		color: #00557E; 
		border: 1px solid #00557E; 
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px; 
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px; 
	    z-index: 2;
		top: -1px;
		border-bottom: 0px;
		background: #f5f7f8 url(../images/site/gettingInvolvedIcon.png) no-repeat; 
	}
		.tabs a.gettingInvolved.current {
			border-bottom: 1px solid #f5f7f8;
			top: -1px;
		}
		
	.tabs a.latestNews { 
		color: #B51945; 
		border: 1px solid #B51945; 
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px; 
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px; 
	    border-bottom: 0px;
		z-index: 2;
		background: #fae8e5 url(../images/site/latestNewsIcon.png) no-repeat;
		top: -1px;
		width: 190px;
	}
		.tabs a.latestNews.current {
				border-bottom: 1px solid #fae8e5;
				top: -1px;
		}
/*Hides Panels *Required for jQuery Tools* */	
.panels #gettingInvolved, .panels #latestNews { display: none; padding: 15px 0 0 0; }
	
.panels #gettingInvolved { border-top: 1px solid #00557E; color: #00557E; background: url(../images/site/gettingInvolvedGrad.png) top repeat-x; padding: 20px 0 0 0; }
	.panels #gettingInvolved p, .panels #gettingInvolved ul.links { margin: 0 0 10px 10px; }
	.panels #gettingInvolved ul.links li { margin: 0 0 5px 0; }

/* Calander */	
.calendar { margin: 0 0 15px 0; }
.calendar thead tr th { background-color: #00557E; outline: none; }
	.calendar thead tr th a { border: 0; outline: none; }
.calendar h3 { color: #FFFFFF; margin: 0 0 0 0; height: 34px; line-height: 31px; font-size: 1.1em; }
.day { background-color: #62b5e7; font-size: 1em; color: #FFFFFF; font-weight: bold; }
#nextEvent { margin: 5px 0 5px 0 !Important; }
.event { background-color: #00557E; color: #FFFFFF; }
	.event a { color: #FFFFFF; outline: none; cursor: pointer; }
.eventbox { padding: 10px; background: #EEF6FC;  margin-bottom: 10px; }
	.eventbox p { margin: 0px; 	padding: 0px; }
		.eventbox p.eventtitle { margin: 10px 0px; 	padding: 0px; font-size: 1.3em; color: #589DDD; }
		.eventbox p.eventdate { color: #00557E; font-style: italic; }
.today { background-color: #feffff; }
.calendar table { background: url(../images/site/calGrag.png) 0 50px repeat-x; font-size: 1.1em; color: #00557E; min-height: 0; }
.calendar tbody tr td { border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; font-weight: bold; width: 14%; }
	.calendar tbody tr td.noBorder { border-right: 0px; }	
div.calendar table thead th.calMainLink a img#prevMonth, div.calendar table thead th.calMainLink a img#nextMonth { margin-bottom: 0;}

#eventsPage tr th { background-color: #00557E; outline: none; }
	#eventsPage tr th a { border: 0; height: 26px; display: block; padding-top: 8px; outline: none; }
#eventsPage h3 { color: #FFFFFF; margin: 3px 0 0 0; height: 34px; line-height:31px; }


/* Event Entry */ 
.eventEntry { background-color: #ecf5fc; padding: 10px 0 10px 0; }
	p.eventDate { color: #589DDD; font-weight: bold; margin-bottom: 0px!important; }
	p.eventTitle { color: #00557E; font-weight: bold; font-size: 1.2em; }
	.provisional { font-size: 0.7em; font-style: italic; color: #00557E; }
	.eventEntry a { margin: 0 0 10px 10px; }
	
div.panels #latestNews { border-top: 1px solid #B51945; color: #414141; background: url(../images/site/latestNewsGrad.png) top repeat-x; }
	.panels #latestNews p { margin: 0 0 10px 10px; padding-right: 10px; }
	
	.panels #latestNews img { float: left; margin: 5px 15px 10px 10px; vertical-align: middle; }
	.latestNewsDevider { border-bottom: 1px dashed #B51945; margin: 0 10px 0 10px; }
	
	.newsItem { background: url(../images/site/newsIcon.png) no-repeat 0 2px; margin: 10px 10px 0 10px; }
		p.newsDate { color: #B51945; font-weight: bold; margin-bottom: 0px!important; padding: 0 0 0 20px; }
		p.newsTitle { color: #414141; font-weight: bold; font-size: 1.2em; padding: 0 0 0 20px; }

/* Home Page (Contact Box) */
#yourHomeBox { height: 320px; background: url(../images/site/_layout/yourHomeBoxBg.png) no-repeat; margin: 0 0 25px 0; }
#yourHomeBox p { color: #00557E; margin: 0; padding: 0 0 0px 35px; } 
#yourHomeBox p a, #yourHomeBox a:hover { color: #FFFFFF; padding-bottom: 0px; line-height: 1.2em; font-size: 1.2em; font-weight: bold; }
	#pay { background: url(../images/site/payIcon.png) no-repeat; margin: 5px 10px 5px 10px; }
	#repair { background: url(../images/site/repairIcon.png) no-repeat; margin: 5px 10px 5px 10px;  }
	#comment { background: url(../images/site/commentIcon.png) no-repeat; margin: 5px 10px 5px 10px;  } 

.yourHomeBoxDevider { height: 1px; border-bottom: 1px dashed #FFFFFF; margin: 0 10px 0 10px; }

p#investmentProgram { width: 220px; font-size: 1.35em; line-height: 1.2em; color: #D31145; }

/* Content Page Styles */
#contentPg { border-bottom: 1px dashed #00557E; }
#contentPg h2 { border-bottom: 1px dashed #00557E; margin-top: 25px; line-height:36px; }
#contentPg img { margin-bottom: 0; }
#contentPg .imgLeft { float: left; margin-right: 10px; }
#contentPg .imgRight { float: right; margin-left: 10px; }
#contentPg ul li { margin: 0 0 5px 18px; }
	.breadcrumbs li { margin: 0 0 0 0!important; }
#rightContent { margin-top: 50px; }
#rightContent #yourHomeBox { margin-top: 15px; }
.introText { font-size:1.25em; line-height:1.2em; margin-bottom:1em; color: #589DDD; font-weight: bold; }

/* News */
#incPageContent { padding-bottom: 10px; border-bottom: 1px dashed #00557E; margin-bottom: 10px; }

/* Careers */
.careerBox { padding: 10px; background: #EEF6FC;  margin-bottom: 10px; }
	/*.eventbox p { margin: 0px; 	padding: 0px; }*/
		.careerBox p.careerTitle { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.3em; color: #589DDD; }
		.careerBox p.careerDate { color: #00557E; font-style: italic; margin: 0; padding: 0; }
/*START OF SPRITES*/
a.icon, span.icon{ background: url(../images/site/sprite_docTypes.png) no-repeat; margin: 0 0 5px 0px; padding: 0 0 0 24px; }
a.xlsDoc{ background-position: 0 0px; }
a.pptDoc{ background-position: 0 -50px; }
a.docDoc{ background-position: 0 -100px; }
a.pdfDoc{ background-position: 0 -150px; }
a.flashDoc{ background-position: 0 -200px; }
a.wwwDoc{ background-position: 0 -250px; }
a.mp3Doc{ background-position: 0 -300px; }
a.movDoc{ background-position: 0 -350px; }
a.jpgDoc{ background-position: 0 -400px; }

/*-- improvement works --*/

#improvementsResult { margin:10px 0; }
	#improvementsResult h4 { margin-top:0.7em; margin-bottom:0.3em; }
#mapCanvas { width:460px; height:200px; margin:10px 0; }
.improvementPara { background: #EEF6FC; margin-top:3px; margin-bottom:0; line-height:21px; padding:3px; }
.moreInfo { background: #EEF6FC; margin-top:0; padding:3px; }
.moreInfoButton { display:block; width:18px; height:21px; background:url(../images/icons/information.png) no-repeat; float:right; outline:none; }
#searchBox {margin-left:75px; width:232px;   }
#searchResults { overflow:auto;  height:50px; }
	#searchResults ul {width:215px; background: #EEF6FC; list-style:none; padding:0; margin:0; }
		#searchResults ul li { padding:0; margin:0;  }
			#searchResults ul li a { display:block; color:#00557E; border:none; outline:none; padding:2px 5px; height:18px; }
				#searchResults ul li a:hover {display:block; border:none; outline:none; background:#00557E; color:#fff;}
#sidenote { margin-top:1em; }
.footnote { margin-left:150px; }