/*
TEXT-FORMATTING.CSS
Sets all font attributes for the website
Green: #009B00
Yellow: #FBD918
Blue: #0081C6
purple: #993399
*/

/********** HTML AND BODY FORMATTING **********/

/* SET BASE FONT ATTRUBUTES IN ALL BROWSERS TO 10px (DEFAULT IS 16px) */
/* From now on think in pixels but still set sizes in terms of ems: 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. */
html, body
{font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif;}

/********** HEADER FORMATTING **********/

/* SORT OUT HEADER FORMATTING */
#headerWrapper {float: left; width: 100%; background-image: url(../images/misc/homepage/castlepoint_header_strip.gif); background-repeat: repeat-x; background-position: bottom right; background-color: #71B61B; min-height: 100px;}
#headerContent {float: left; width: 100%; background-image: url(../images/misc/homepage/castlepoint_header1.gif); background-repeat: no-repeat; background-position: bottom left; min-height: 100px;}
#headerLeftColumn, #headerRightColumn, #formInput, #formGo, #formInputAccess, #formGoAccess
{float: left;}
#wrapperExtra, #contact
{clear: both;}

#headerLeftColumn
{ float: right; margin-right: 10px }

#headerRightColumn
{float: right; margin-right: 20px}

/********** SETS ALL FONT COLOURS AND SIZES FOR THE WEBSITE **********/

/* SORT OUT HEADER FONT COLOURS */
#headerLeftColumn, #headerRightColumn, #headerLeftColumn p, #headerRightColumn p, 
#headerRightColumnContent h1, #headerLeftColumnContent h1 
{color: #FFFFFF;} /* displayed as white ,#headerRightColumn h1, #headerLeftColumn h1,*/

/* SORT OUT HOMEPAGE FONT COLOURS */
#welcomeTextContent p
{color: #FFFFFF;} /* displayed as white FFFFFF */
#welcomeTextContent h1, #quicklink3Content h1, #quicklink6Content h1
{color: #FBD918;} /* displayed as yellow */
#newsWrapperContent p, #newsWrapperContent li, #quicklink2Content h1, #quicklink5Content h1
{color: #009B00;} /* displayed as green */
#quicklink1Content p, #quicklink2Content p, #quicklink3Content p,
#quicklink4Content p, #quicklink5Content p, #quicklink6Content p
{color: #000000;}  /*displayed as black*/
#newsWrapperContent h1,#quicklink1Content h1, #quicklink4Content h1
{color: #006FC4;} /* displayed as blue */

#quicklink3Content h1, #quicklink6Content h1,
#quicklink2Content h1, #quicklink5Content h1,
#quicklink1Content h1, #quicklink4Content h1
{color: #0081C6;} /* displayed as blue */

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) FONT COLOURS */
h1, h2, h3, h4, h6, .yourLifeAdultLearning h1, #yourLifeStartingSchool h1, 
#yourLifeVulnerable h1, #yourLifeFreeWebsite h1, #yourLifeBuyingGoods h1, 
#yourLifeDeath h1, #yourLifeLosingJob h1, #yourLifeFindingJob h1, #yourLifeMovingHome h1, #yourLifeBirth h1
{color: #0081C6;} /* displayed as blue (#009B00; green) */

h5, #mainContent .newsDate, #mainContent .articleDate, .yourLifeAdultLearning p, 
#yourLifeStartingSchool p, #yourLifeVulnerable p, #yourLifeFreeWebsite p, 
#yourLifeBuyingGoods p, #yourLifeDeath p, #yourLifeLosingJob p, #yourLifeFindingJob p, 
#yourLifeMovingHome p, #yourLifeBirth p, .breadcrumb
{color: #999999;} /* displayed as grey */

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) YOUR LIFE FONT COLOURS */
.yourLifeAdultLearning h1, #yourLifeStartingSchool h1, #yourLifeVulnerable h1, 
#yourLifeFreeWebsite h1, #yourLifeBuyingGoods h1, #yourLifeDeath h1, #yourLifeLosingJob h1, 
#yourLifeFindingJob h1, #yourLifeMovingHome h1, #yourLifeBirth h1
{color: #009B00;} /* displayed as green */
.yourLifeAdultLearning p, #yourLifeStartingSchool p, #yourLifeVulnerable p, #yourLifeFreeWebsite p, 
#yourLifeBuyingGoods p, #yourLifeDeath p, #yourLifeLosingJob p, #yourLifeFindingJob p, 
#yourLifeMovingHome p, #yourLifeBirth p
{color: #999999;} /* displayed as grey */

/* SORT OUT LEFT AND RIGHT COLUMN FONT COLOURS */
#leftColumnContent p, #rightColumnContent p
{color: #000000;} /* displayed as black */

#leftColumnContent h1, #rightColumnContent h1
{
	color: #0081C6; /* displayed as blue */
	font-weight: bold;
} 

/* SORT OUT FOOTER FONT COLOURS */
#footer p, #footer h1 {color: #0081C6;} /* displayed as blue */

/* SORT OUT WEBSITE ACCESSIBILITY FONT COLOURS */
#coloursizeoptions legend {color: #009B00;}

/* HARMONIZE LINKS FONT COLOURS */
a:link {color: #009B00; text-decoration: underline; font-weight: bold} /* displayed as green */
a:hover {color: #000000;} /* displayed as black */
a:active {color: #999999;} /* displayed as grey */
a:visited {color: #993399; text-decoration: underline;	}

/* a:visited {color: #8000ff;} */

#mainContent a:visited, #newsWrapperContent a:visited
{
	font-weight: bold;
	color: #993399;
	text-decoration: underline;	
}

#mainContent a:link
{
	font-weight: bold;
	color: #009B00;;
	text-decoration: underline;	
}

/* SORT OUT HEADER LEFT AND RIGHT COLUMN LINKS FONT COLOURS */
#headerContent a:link, #headerContent a:visited {color: #FFFFFF;} /* displayed as white */
#headerContent a:hover {color: yellow;} /* displayed as white */

/* SORT OUT HOMEPAGE NEWS LINKS FONT COLOURS */
#newsWrapperContent a:link, 
{color: #009B00;} /* displayed as green */

#newsWrapperContent a:hover
{color: #000000;} /* displayed as black */

/* SORT OUT HOMEPAGE QUICKLINKS LINKS FONT COLOURS */
#quicklink1Content a:link, #quicklink1Content a:visited,
#quicklink2Content a:link, #quicklink2Content a:visited,
#quicklink3Content a:link, #quicklink3Content a:visited,
#quicklink4Content a:link, #quicklink4Content a:visited,
#quicklink5Content a:link, #quicklink5Content a:visited,
#quicklink6Content a:link, #quicklink6Content a:visited
{color: #009B00;}  /* displayed as green */

/*{color: #999999;}  displayed as grey */
#quicklink1Content a:hover, #quicklink2Content a:hover, #quicklink3Content a:hover,
#quicklink4Content a:hover, #quicklink5Content a:hover, #quicklink6Content a:hover
{color: #000000;} /* displayed as black */

/* SORT OUT NEWS PAGES LINKS FONT COLOURS */
#mainContent .articleDate a:link, #mainContent .articleDate a:visited
{color: #999999;} /* displayed as grey */
#mainContent .articleDate a:hover
{color: #000000;}

/* SORT OUT YOUR LIFE LINKS FONT COLOURS */
.yourLifeAdultLearning a:link, #yourLifeStartingSchool a:link, #yourLifeVulnerable a:link, 
#yourLifeFreeWebsite a:link, #yourLifeBuyingGoods a:link, #yourLifeDeath a:link, 
#yourLifeLosingJob a:link, #yourLifeFindingJob a:link, #yourLifeMovingHome a:link, 
#yourLifeBirth a:link, .yourLifeAdultLearning a:visited, #yourLifeStartingSchool a:visited, 
#yourLifeVulnerable a:visited, #yourLifeFreeWebsite a:visited, #yourLifeBuyingGoods a:visited, 
#yourLifeDeath a:visited, #yourLifeLosingJob a:visited, #yourLifeFindingJob a:visited, 
#yourLifeMovingHome a:visited, #yourLifeBirth a:visited
{color: #999999;} /* displayed as grey */
.yourLifeAdultLearning a:hover, #yourLifeStartingSchool a:hover, #yourLifeVulnerable a:hover, 
#yourLifeFreeWebsite a:hover, #yourLifeBuyingGoods a:hover, #yourLifeDeath a:hover, 
#yourLifeLosingJob a:hover, #yourLifeFindingJob a:hover, #yourLifeMovingHome a:hover, 
#yourLifeBirth a:hover
{color: #000000;} /* displayed as black */

/* SORT OUT LEFT AND RIGHT COLUMN LINKS FONT COLOURS */
#leftColumnContent a:link, #rightColumnContent a:link
{color: #009B00;} /* displayed as Green */

#leftColumnContent a:visited, #rightColumnContent a:visited
{color: #993399; font-weight:bold;} /* displayed as purple */

#leftColumnContent a:hover, #rightColumnContent a:hover
{
	color: #009B00;
	text-decoration: underline;

} /* displayed as green */

/* SORT OUT FOOTER LINKS FONT COLOURS */
#footer a:link, #footer a:visited {color: #009B00;} /* displayed as green */
#footer a:hover {color: #000000;} /* displayed as black */
#bbl a, #bp a, #bc a, #by a, #coloursizeoptions h2 a
{color: #000000;}
#standard a {color: #0079BC;}
#gb a {color: #00FF12;}
#yb a {color: #FFF000;}
#wbl a {color: #FFFFFF;}

/* SORT OUT WELCOME PANEL LINKS FONT COLOURS */
#welcomeTextContent a:link,  #welcomeTextContent a:link, #welcomeTextContent a:visited
{color: #FFFFFF; text-decoration: underline;font-weight: bold;} /* displayed as black */
#welcomeTextContent a:visited
{
	color: yellow; font-weight: bold;
}
#welcomeTextContent a:hover, #welcomeTextContent a:hover
{color: #FFFFFF;} /* displayed as green */

.blackLinks p 
{
	color: white;
}

/* SORT OUT WELCOME PANEL LINKS FONT COLOURS */
.blackLinks a:link, .blackLinks a:visited, .blackLinks a:active,.blackLinks a:hover
{color: #000000; text-decoration: underline; } /* displayed as black */

/********** SETS ALL BACKGROUND COLOURS FOR THE WEBSITE **********/

/* SORT OUT WEBSITE BACKGROUND COLOUR */
body {background-color: #FFFFFF;}

/* SORT OUT WEBSITE ACCESSIBILITY BACKGROUND COLOURS */
/* #gb li ,#yb li {background-color: #000000;} */
/* #standard li {background-color: #FFFFFF;} */
#bbl li {background-color: #EEEEFF;}
#bp li {background-color: #FFDDDD;}
#bc li {background-color: #FBFFBF;}
#by li{background-color: #FFF000;}
#wbl li {background-color: #0000C4;}

/* SORT OUT WELCOME FORMATTING */
#welcomeTextContent, #welcomeWrapperContent
 {background-color: #006FC4;}

/* SORT OUT COLUMNS BACKGROUND COLOR FOR DISPLAYING IN ie */
* html #mainContent, * html #leftColumn, * html #rightColumn
{background-color: transparent;}


/********** SETS ALL BORDER COLOURS FOR THE WEBSITE **********/

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) IMAGE BORDER FORMATTING */
.imageLeft, .imageRight, .imageNoWrap {border: 1px solid #CCCCCC;}

/* SORT OUT LEFT AND RIGHT COLUMN H1 BORDER FORMATTING */
#leftColumnContent h1, #rightColumnContent h1
{border-top: 1px dotted #0081C6;}

/* SORT OUT ACCESSIBILITY PAGE BORDER FORMATTTING */
#coloursizeoptions fieldset, #coloursizeoptions li
{border: 1px dotted #999999;}
* html #coloursizeoptions fieldset, * html #coloursizeoptions li
{border: 1px solid #CCCCCC;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) FORMS AND TABLES FORMATTING */
* html input {border-bottom: 1px inset #FFFFFF;} /* fixes ie adding 1px to bottom */
table, td, th {border: #999999;} /* displayed as dark grey */
.button, .buttonSmall {border: 1px solid #999999;} /* displayed as dark grey */
.noBorder {border: none;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) HORIZONTAL RULES FORMATTING */
hr {border: none; border-top: 1px dotted #999999;}
* html hr {border-bottom: 1px solid #FFFFFF;}

/* SORT OUT WELCOME FORMATTING */
#welcomeWrapper {border: 1px solid #006FC4;}

/* SORT OUT NEWS FORMATTING */
#newsWrapper {border: 1px solid #009B00;}
#latestNewsContent {border-right: 1px dotted #009B00;}
#whatsNewContent {border-left: 1px dotted #009B00;}

/* SORT OUT QUICKLINKS FORMATTING */
#quicklink1Content {border: 1px solid #006FC4;}
#quicklink2Content {border: 1px solid #009B00;}
#quicklink3Content {border: 1px solid #FBD918;}
#quicklink4Content {border: 1px solid #006FC4;}
#quicklink5Content {border: 1px solid #009B00;}
#quicklink6Content {border: 1px solid #FBD918;}

/* SORT OUT YOUR LIFE FORMATTING */
.yourLifeAdultLearning, #yourLifeStartingSchool, #yourLifeVulnerable, 
#yourLifeFreeWebsite, #yourLifeBuyingGoods, #yourLifeDeath, #yourLifeLosingJob,
#yourLifeFindingJob, #yourLifeMovingHome, #yourLifeBirth
{border: 1px solid #C8C8C8;}

/* SORT OUT FOOTER FORMATTING */
#footer {border-top: 1px dotted #009B00;}

/* SORT OUT A-Z LISTING */
#rightColumnContent span {border: 1px solid #C8C8C8;}


/********** SETS ALL FONT SIZES FOR THE WEBSITE **********/

/* SORT OUT HEADER FONT FORMATTING AND SIZES */
#headerWrapper
{font-size: 2em; line-height: 1.5em;} /* displayed at 12px */
#headerLeftColumn p, #headerRightColumn p, #headerLeftColumn h1, #headerRightColumn h1
{font-size: 0.9em;} /* displayed at 11px */
#headerLeftColumn h1, #headerRightColumn h1, .breadcrumb
{font-weight: bold;}

/* SORT OUT HOMEPAGE FONT FORMATTING AND SIZES */
#welcomeTextContent, #newsWrapperContent, #quicklinksWrapper
{font-size: 1em; line-height: 1.5em;} /* displayed at 12px */
#welcomeTextContent p, #newsWrapperContent li
{font-size: 1em;} /* displayed at 12px */
#newsWrapperContent p, #quicklink1Content p, #quicklink2Content p, #quicklink3Content p,
#quicklink4Content p, #quicklink5Content p, #quicklink6Content p
{font-size: 0.9em; font-weight: bold;} /* displayed at 11px */
#welcomeTextContent h1
{font-size: 2em; line-height: 1.25em;} /* displayed at 24px */
#newsWrapperContent h1, #quicklink1Content h1, #quicklink2Content h1, #quicklink3Content h1,
#quicklink4Content h1, #quicklink5Content h1, #quicklink6Content h1
{font-size: 1.75em; line-height: 1em;} /* displayed at 21px */
#newsWrapperContent h1, #quicklink1Content h1, #quicklink2Content h1, #quicklink3Content h1,
#quicklink4Content h1, #quicklink5Content h1, #quicklink6Content h1
{font-weight: normal; text-transform: lowercase;}
#welcomeTextContent h1 {font-weight: normal;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) FONT FORMATTING AND SIZES */
#mainContent {font-size: 2em; line-height: 1.5em;}  /* displayed at 12px */
h1 {font-size: 2em; line-height: 1.5em;} /* displayed at 27px */
h2 {font-size: 1.75em;} /* displayed at 24px */
h3 {font-size: 1.5em;} /* displayed at 21px */
h4 {font-size: 1.25em;} /* displayed at 18px */
p, h5, h6, textarea, .articleDate, .breadcrumb {font-size: 1em;} /* displayed at 12px */
#mainContent .newsDate {font-size: 0.9em;} /* displayed at 11px */
h1, h2, h3, h4, h6 {font-weight: normal;}

/* SORT OUT MAIN CONTENT (CENTRE COLUMN) YOUR LIFE FONT FORMATTING AND SIZES */
#yourLifeWrapper {font-size: 1em; line-height: 1.5em;} /* displayed at 12px */
.yourLifeAdultLearning p, #yourLifeStartingSchool p, #yourLifeVulnerable p, #yourLifeFreeWebsite p, #yourLifeBuyingGoods p, #yourLifeDeath p, #yourLifeLosingJob p, #yourLifeFindingJob p, #yourLifeMovingHome p, #yourLifeBirth p
{font-size: 0.9em; font-weight: bold;} /* displayed at 11px */
.yourLifeAdultLearning h1, #yourLifeStartingSchool h1, #yourLifeVulnerable h1, #yourLifeFreeWebsite h1, #yourLifeBuyingGoods h1, #yourLifeDeath h1, #yourLifeLosingJob h1, #yourLifeFindingJob h1, #yourLifeMovingHome h1, #yourLifeBirth h1
{font-size: 1.75em; line-height: 1em; font-weight: normal; text-transform: lowercase;} /* displayed at 21px */

/* SORT OUT LEFT AND RIGHT COLUMN FONT FORMATTING AND SIZES */
#leftColumnContent, #rightColumnContent
{font-size: 2em; line-height: 1.5em;}  /* displayed at 12px */
#leftColumnContent h1, #rightColumnContent h1
{font-size: 0.9em;} /* displayed at 11px */
#leftColumnContent p, #rightColumnContent p
{font-size: 0.9em;} /* displayed at 11px */
#leftColumnContent li, #rightColumnContent li
{font-size: 0.9em;} /* displayed at 11px */

/* HARMONISE LEFT AND RIGHT COLUMN LIST-BULLET TYPE */
#leftColumnContent ul, #leftColumnContent ol, #leftColumnContent dl
{list-style-type: none;}

/* SORT OUT FOOTER FONT FORMATTING AND SIZES */
#footer {font-size: 2em; line-height: 1.5em;} /* displayed at 12px */
#footer p, #footer h1 {font-size: 0.9em;} /* displayed at 11px */

/* SORT OUT WEBSITE ACCESSIBILITY FONT FORMATTTING AND SIZES */
#coloursizeoptions h2 {font-size: 100%;}
#coloursizeoptions legend {font-size: 90%;}
#coloursizeoptions li.small {font-size: 100%;}
#coloursizeoptions li.medium {font-size: 110%;}
#coloursizeoptions li.large {font-size: 130%;}
#coloursizeoptions li {display: inline; vertical-align: top;}

/* FOR CENTERING TEXT */
.center
{text-align: center}
.right
{text-align: right}
.left
{text-align: left}
.justify
{text-align: justify}

.blueText
{
   color: #0081C6;
   font-weight: normal;
   font-size: 1em;
}

.latestNews a:link, .helpContent a:link, .help a:link, .whatsNew a:link, .newsWrapperContent a:link
{
	color: #009B00;
	text-decoration: none;
	font-weight: bold;
}

.latestNewsContent a:visited, .helpContent a:visited, .help a:visited, .whatsNew a:visited, .newsWrapperContent a:visited
{
	color: #993399;
	text-decoration: none;
}

/* Left Hand Menu Item Format */
.menuItems
	{		
		padding: 0px 3px 0px 3px;
		border: px solid green;		
		margin: 0px 3px 0px 3px;
		overflow: hidden;
		background-color: white;
		clear: right;	
		height: 100%;
		vertical-align: top;
		font-weight: 400;
	}
	
.menuItems a:link
{
	font-weight: 400;	
}	

.menuItems a:visited
{
	font-weight: 400;
}

/* 4 Home page image container styles*/
.homePageImageContainer
{
	min-height: 110px; 
	width: 99%;	
	margin-bottom: 10px;
	float: left;
	border: 0px solid red;
	/*overflow: hidden;*/
}

.homePageImageDiv
{
	width: 24.5%; 	
	float:left; 
	text-align: center; 		
	height: 110px;
	border: 0px solid green;
	margin: auto;
}

/*.homePageImage, #homePageImage
{
	width: 175px;        
	height: 110px;
	border: 2px solid #0081C6;
}*/

#box1, #box2, #box3
{
	border: 2px solid #0081C6;
	width: 175px;        
	height: 110px;
}

#box4
{
	border:0px solid #0081C6;
	width: 175px;        
	height: 110px;	
}

.olympicContainer
{
	margin: auto;
	paddig: 0px;
	border: 2px solid #0081C6;	
	width: 185px; 			
	height: 110px;
}

#olympicImage
{
	width:79px; height: 100px; float:left;
}

#olympicText
{
	float: left; font-size: .75em; padding-top: 3px;
	width: 97px;
	border: 0px solid red;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

#homePageContent h2
{
	color: #0081C6;
	font-weight: bold;
	margin-bottom: 3px;
	padding-bottom: 0px;
	font-size: 1.5em;
}

#homePageContent ul
{
	margin-top: 5px;
}

/* style for template_councillos */
.councilorDiv
{
	margin: 5px 0px 5px 10px;
}

/* style for template_Faq */
.faqDiv
		{
			margin: 5px;
		}
		
		h2.faq
		{
			font-size: 1.2em;
			font-weight: bold;
		}