﻿
/* Generic styles */
body
{
	font-size: 10pt;
	color: black;
	margin: 0px auto;
	font-family: Arial;
	width: 880px;
	position: relative;
	direction: ltr;
	text-align: left;
	background-color: white;
	line-height: 1.4em;
	margin: 0px auto;
	background-image: url(../Images/background.png);
	background-color: #36AA17;
	background-repeat: repeat-x;
}
h1
{
	font-weight: bold;
	font-size: 28pt;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-bottom: 0px;
	color: #386B2B;
	display: inline-block;
	line-height: 1em;
}
h2
{
	margin-top: 0px;
	font-weight:bold;
	font-size: 18pt;
	margin-bottom: 10px;
	padding-top: 20px;
	color: #C40F28;
}

h3
{
	margin-top: 0px;
	font-weight:bold;
	font-size: 14pt;
	margin-bottom: 10px;
	padding-top: 20px;
	color: #C40F28;
}
img
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}


li
{
	padding-left: 5px;

}
.underline
{
	text-decoration:underline;
}
.noDecoration
{
       text-decoration: none;
}
.floatLeft
{
    float:left;
    margin: 0;
    padding: 0;
}

.floatRight
{
    clear:right;
    float:right;
    margin: 0;
    padding: 0;
}
strong
{
}
p
{
    margin-top: 0px;
    margin-bottom: 20px;
}

.smallPrint
{
	color:#ACB286;
}
.centered
{
	text-align: center;
}

/* Page Layout */
.page
{
	margin: 0px auto 0px 0px;
	width: 880px;
	margin-left: 0px;
}
.pageContent
{
	margin-left: 27px;
	margin-right:18px;
}
.pageTop
{
	height: 0px;
	margin-top:0px;
}
.pageSides
{
	background: url(../Images/BackgroundPageContent.gif) repeat-y;
}

.pageBottom
{
	background: url(../Images/pageBottom.gif) no-repeat;
	background-color:#36AA17;
	height: 59px;
	clear: both;
	padding-top:35px;
	padding-left:40px;
	padding-bottom: 20px;
	color:#B2E7A4;
	font-size:8pt;
}
.pageBottom a
{	color:#B2E7A4;
}
.pageBottom a:visited
{	color:#B2E7A4;
}


.column1of2
{
    float:left;
	width:180px;
	clear:both;
	background-color:white;
}
.column2of2
{
	 margin-left:199px;
	 padding-right:23px;
	 background-color:white;
	 
}	

.column1Overhang
{
	position: relative;
	left: -20px;
}
.section
{
	clear:both;
}


/* Styles specific to part of the page */

.banner
{
	background: url(../Images/Banner.png) no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	height:214px;
}
.bannerAdmin
{
	background: url(../Images/BannerAdmin.png) no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	height:150px;

}
.bannerPrint
{
	display:none;
}

.logo
{
	padding-top:20px;
	margin-left:34px;
	float:left;
}

.breadcrumbs
{
	padding-top:85px;
	padding-left:40px;
	color:#FEDA14;
	font-size:8pt;
	clear:left;
	float:left;
}

.breadcrumbs a:link
{
	color: #FEDA14;
	text-decoration:none;
}
.breadcrumbs a:hover
{
	color: White;
	text-decoration:underline;
}
.breadcrumbs a:visited
{
	color:#FEDA14;
	text-decoration:none;
}

.links
{
	padding-top:180px;
	float:right;
	color:White;
	font-size:8pt;
	padding-right:28px;
}
.links a
{
	color: White;
	text-decoration:none;
}
.column2of2 img
{
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
 padding-bottom:10px;
 	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;

}
.column2of2 a:link
{
	color: #C40F28;
	text-decoration: none;
	font-weight: bold;
}
.column2of2 a:visited
{
	color: #C40F28;
	text-decoration:none;
	font-weight: bold;

}
.column2of2 a:hover
{
	color: #660818;
	text-decoration:underline;
	font-weight: bold;

}
.dashedLine
{
	border-bottom: #36a818 thin dashed;
	
}

/* Navigation */

.navigation
{
	width: 199px;
	background: url(../Images/NavigationTop.png) no-repeat;
	background-color: #B7E519;
	color: #75940A;
	font-size: 17pt;
	font-family: 'Arial Rounded MT Bold';
	line-height: 1.4em;
	text-align: right;
	margin-top: 18px;
	position: relative;
	left: -20px;
}
.navigation ul
{
	list-style-type: none;
	color: #75940A;
	padding-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.navigation ul li
{
	display: list-item;
	padding-right: 17px;
	padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.navigation ul li a 
{
    padding-right: 3px;
    padding-left: 0px;
    text-decoration:none;
    color:#75940A;
}
.navigation ul li a:hover
{
    text-decoration:underline;
}
.navigation ul li a:visited
{
   color:#75940A;
}
.navigationSelected
{
	color:white;
	background: url(../Images/NavigationSelected.png) no-repeat;
}
.navigationWhite
{
	color:white;
}

.navigationBottom
{
	background: url(../Images/NavigationBottom.png) no-repeat;
	height:10px;
	width:199px;
	position: relative;
	left: -20px;

}

/* Box with corners */
/* Needs 4 element 2 for top 2 for bottom*/
/* RH elements must be full width e.g. <p> or <h2> */
.box
{
	clear:right;
    background-image: url(../Images/cornerBlueTopLeft.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color:#EEF1E3;
}
.box p
{
    background-image: url(../Images/cornerBlueTopRight.png);
    background-position: right top;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    margin-bottom:0px;
    padding-bottom:7px;
}
.boxBottom
{
    background-image: url(../Images/cornerBlueBotLeft.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color: #EEF1E3;

}
.boxBottom p
{
    background-image: url(../Images/cornerBlueBotRight.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom:0px;
    margin-bottom:0px;
}

/* Styles specific to items on a particular page*/

.newsTable
{
	width:600px;
}
.newsHeaderRowCol1
{
    background-image: url(../Images/cornerBlueTopLeft.png);
    background-position: left top;
    background-repeat: no-repeat;
    height:15px;
}
.newsHeaderRowCol2
{
    background-image: url(../Images/cornerBlueTopRight.png);
    background-position: right top;
    background-repeat: no-repeat;
    height:15px;
}
.newsRow
{
	background-color:#EEF1E3;

}
.newsCol1
{
	vertical-align:top;
	 padding-left:15px;
	 padding-right:15px;
}
.newsCol2
{
	vertical-align:top;
}
.newsDate
{
	font-weight: bold;
	font-size:8pt;
}
.newsTitle
{
	color:#C83721;
	font-size:13pt;
	font-weight: bold;
}
.newsSubTitle
{
	font-weight: bold;
}
.newsSubTitleHomePage
{
	padding-bottom:15px;
}
.newsImage
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	margin-left:0px;
	margin-right:15px;
}

.newsFooterRowCol1
{
    background-image: url(../Images/cornerBlueBotLeft.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    height:15px;
}
.newsFooterRowCol2
{
    background-image: url(../Images/cornerBlueBotRight.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    height:15px;
}

.ColourBlueLink
{
	float: right;
	margin-right: 0px;
	color:#ACB286;
	font-size: 9px;
	text-decoration: none;
	font-family: Verdana;
}


.errorMessage
{
	background-color: yellow;
}

/* formatting for news strories html as enetered in FCkeditor */
/* needs to be synchronised with fckeditor\editor\css\fck_editorarea.css */
.newsStory
{
}
.newsStory img
{
 padding-left:10px;
 padding-right:10px;
}
.newsStoryLatestCol
{
	width:200px;
	vertical-align:top;
	padding-right:15px;
}
.newsStoryLatestCol img
{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
 	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.newsStory H1
{
	color:#C83721;
	font-size:13pt;
	font-weight: bold;
}
.newsStory H2
{
	color:#C83721;
	font-size:11pt;
	font-weight: bold;
}
.newsStory H3
{
	color:#C83721;
	font-size:11pt;
	font-weight: bold;
}
.newsStory H4
{
	color:#C83721;
	font-size:11pt;
	font-weight: bold;
}
.newsStory H5
{
	color:#C83721;
	font-size:11pt;
	font-weight: bold;
}
.newsStory H6
{
	color:#C83721;
	font-size:11pt;
	font-weight: bold;
}

/* needs to be synchronised with fckeditor\G2Ationfckstyles.xml and  fckeditor\editor\css\fck_editorarea.css */

.blueBox
{
	background-color: #EEF1E3;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.greenBox
{
	background-color: #B7E519;
	color: #75940A;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	font-weight: bold;
}

.greenText
{
	color: #75940A;
}