/* Design by MJR's 
http://www.mjrs.co.uk/ */

/*<--------------------- Throught Website ----------------------*/
body {
	font-family: 'lucida grande', verdana, tahoma, helvetica, sans-serif; background: #FFFFCC; color: #333333; font-size: 11px; 	margin-top: 5px; 
}

#Container {
	margin-left: auto; margin-right: auto; width: 900px; height: auto;
}

#Header {
	height: 82px; background-color: #84BC62; width: 898px;	border: 1px solid #B3D980; 
}

#sfgLogo {
	position: absolute;	width:190px; height:162px; z-index:2; background-image: url(Images/sbfg_sign.png); background-repeat: no-repeat;
}

#pageWrapper {
	margin-top: 0px; width: 898px; height: auto; background-color: #E2F1CF; border-left: 1px solid #B3D980; border-right: 1px solid #B3D980; border-bottom: 1px solid #B3D980; margin-bottom: 50px;
}

#Menu {
	margin-top: 0px; width: 200px; height: auto; float: left;	padding: 0px; margin: 0px; background-color: #E2F1CF;
}

#mainContent {
	width: 664px; height: auto;	float: right; margin: 10px;	padding-left: 10px;	border-left: 1px solid #006600;
}

#title {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 50px; width: auto; height: auto;	color: #006600;	padding: 10px;
}

.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 18px; color: #006600; padding: 10px;
}

.copy {
	font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 1.4em; list-style-image: url(Images/green_bullet.gif); 
}

.copy a {
	color: #000000;	text-decoration: none;
}

.copy a:hover{
	color: #006600;	text-decoration: underline;
}

.clr {
	height: 0px; clear: both
}

#sloganFlash {
	height: 44px; width: 500px;	float: right; margin-top: 36px; margin-right: 10px;
}

#downloadContainer {
	float: left; width: 193px; margin-bottom: 20px; height: auto; border: 1px solid #B3D980; background-color: #FFFFFF;	margin-left: 5px;
}

#downloadHeader {
	color: #FFFFFF;	background-color: #84BC62; border-bottom: 1px solid #B3D980; line-height: 18px;	padding-left: 10px;
}	

#downloadContent {
	padding: 2px; color: #000000;
}

#downloadContent a {
	color: #000000;	text-decoration: none;
}

#downloadContent a:hover {
	color: #000000;	text-decoration: underline;
}

#iconsContainer {
	float: left; width: 898px; margin-bottom: 10px; height: 44px;
}

#iconsContainer img{
	padding-left: 10px;	border: 0px;
}

#latestNewsHeader {
	color: #FFFFFF;	background-color: #84BC62; border-bottom: 1px solid #B3D980; line-height: 18px;	padding-left: 10px;
}	

#latestContent {
	padding: 2px; color: #000000;
}

#latestContent a {
	color: #000000;	text-decoration: none;
}

#latestContent a:hover {
	color: #000000;	text-decoration: underline;
}

#Footer {
	padding: 5px 0px 0px 0px; margin: 0px 0px 30px;	clear: both; border-top: #B3D980 1px solid; 
}

#footerTop {
	width: 900px; height: 20px;
}

#copywright {
	float: left; padding-bottom:5px;
}

#update {
	float: right; font-family: 'lucida grande', verdana, tahoma, helvetica, sans-serif;	color: #006600;	font-size: 11px;	padding-bottom: 5px;
}

.designBy {
	font-family: 'lucida grande', verdana, tahoma, helvetica, sans-serif; color: #006600; font-size: 11px;
}

.designBy a {
	text-decoration: none; color: #006600;
}

.designBy a:hover {
	text-decoration: underline;	color: #006600;
}

/*<------------------------- Navigation -----------------------*/
#navigation {
	float: left; width: 200px; margin-top: 70px; padding-bottom: 20px; 	height: auto;
}

#navigation li {
    background: url(Images/nav_off.png);
}

#navigation ul {
    padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin: 0 0 0 0; list-style: none;	
}

#navigation li a {
    color: #000000;	padding-left: 55px; line-height: 18px; text-decoration: none; display: block; border: 0; 
}

#navigation li.firstcurrent a,
#navigation li a:hover {
    color: #FFFFFF; background: url(Images/nav_on.png) no-repeat; 
}

#navigation li.secondcurrent a {
	margin: 0; display: block; width: 200px; height: 18px; padding-left: 55px; color: #FFFFFF; background: url(../Images/nav_down.png) no-repeat; list-style: none; line-height: 18px;
}

#navigation li.thirdcurrent a {
	margin: 0; display: block; width: 200px; height: 18px; padding-left: 55px; color: #FFFFFF; background: url(../Images/nav_across.png) no-repeat; list-style: none; line-height: 18px;
}

.bodyStyle {
  list-style: none;
}

/*<--------------------------- Home ----------------------------*/
#homeFlash {
	height: 166px; width: 661px; border: 2px solid #FFFFFF;	margin-left: 1px; margin-right: 1px;
}

#latestNewsContainer {
	float: left; width: 193px; margin-bottom: 20px; height: 200px; border: 1px solid #B3D980; background-color: #FFFFFF; margin-left: 5px;
}

#homeContent {
	width: 642px; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980;
}

/*<------------------------ Cala Homes -------------------------*/
.calaContent {
	width: 642px;
	height: auto;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #B3D980;
}

/*<---------------------- Planning Inquiry ---------------------*/
#inquiryContainer {
	width: auto;
	margin: 8px;
}

TABLE.threeCol {
	border: #FFFFFF 1px solid;
}

TABLE.threeCol TD {
	vertical-align: top;
}

TABLE.threeCol .col1 {
	width: 210px;
}

TABLE.threeCol .col2 {
	BORDER-LEFT: #fff 1px solid; WIDTH: 210px;
}

TABLE.threeCol .col3 {
	border-left: #fff 1px solid; WIDTH: 210px;
}

.beige1 {
	background: #E4CC9C;
}

.beige1heading {
	background-color: #D9B672; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 2px 2px 5px; border-bottom: 1px solid #FFFFFF; width: 207px; font-weight: bold;
}

.green1 {
	background: #BABD96;
}

.green1heading {
	background-color: #8C9150; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 2px 2px 5px; border-bottom: 1px solid #FFFFFF; width: 207px; font-weight: bold;
}

.pink1 {
	background: #DAB19E;
}

.pink1heading {
	background-color: #B6633E; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px 2px 2px 5px; border-bottom: 1px solid #FFFFFF; width: 207px; font-weight: bold;
}

.cellPadding {
	padding-right: 7px; padding-left: 7px; padding-top: 5px; padding-bottom: 7px;
}

.cellStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height: 1.3em; 
}

.cellStyle a {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height: 1.3em; text-decoration: none;
}

.cellStyle a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height: 1.3em; text-decoration: underline;
} 

/*<------------------------ The Issues -------------------------*/
.issuesContent {
	width: 642px; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980;
}

/*<----------------------- Diary & News -----------------------*/
#newsContent {
	width: 642px; height: 500px;
}

#adminNavigation {
	float: left; width: 198px; margin-top: 0px;	padding-bottom: 20px; height: auto;
}

#adminHeader {
	width: 188px; height: 16px;	background-color: #84BC62; border: 1px solid #B3D980; margin: 0; display: block; color: #FFFFFF;	line-height: 18px; padding-left: 10px;
}

#adminNavigation li {
    background: url(Images/nav_off.png);
}

#adminNavigation ul {
    padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin: 0 0 0 0; list-style: none;	
}

#adminNavigation li a {
    color: #000000;	padding-left: 55px; line-height: 18px; text-decoration: none; display: block; border: 0; 
}

#adminNavigation li.firstcurrent a,
#adminNavigation li a:hover {
    color: #FFFFFF; background: url(Images/nav_on.png) no-repeat; 
}

#adminNavigation li.secondcurrent a {
	margin: 0; display: block; width: 200px; height: 18px; padding-left: 55px; color: #FFFFFF; background: url(../Images/nav_down.png) no-repeat; list-style: none; line-height: 18px;
}

#adminNavigation li.thirdcurrent a {
	margin: 0; display: block; width: 200px; height: 18px; padding-left: 55px; color: #FFFFFF; background: url(../Images/nav_across.png) no-repeat; list-style: none; line-height: 18px;
}

/*<-------------------------- Gallery --------------------------*/
#galleryContainer {
	width: 664px; height: 450px; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 1.4em;
}

/*<--------------------------- Maps ----------------------------*/
#mapsContainer {
	width: 664px; height: auto;	padding: 10px 0px 50px 0px;
}

/*<------------------------- Help Us --------------------------*/
#helpContent {
	width: 642px; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980;
}

/*<----------------------- News Archive -----------------------*/
.archiveContent {
	width: 642px; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980;
}

.horizonLine {
	width: auto; border-top: 1px solid #006600;	height: 1px;
}
	
/*<----------------------- SBFG Profile ------------------------*/
#profileContent {
	width: 642px; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980;
}

/*<-------------------------- Finance --------------------------*/
.financeContent {
	width: 642px; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980;
}

#tableDivide {
	width: auto; height: 340px;	border-left: 1px solid #006600;	margin-top: 15px;
}

/*<--------------------------- Links ---------------------------*/
#linksContainer {
	width: 612px; margin: 8px;	padding-left: 19px;	padding-right: 20px;
}

.linkCellStyle {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height: 1.3em; padding-left: 5px;
}

.linkCellStyle a {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height: 1.3em; text-decoration: none;
}

.linkCellStyle a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; line-height: 1.3em; text-decoration: underline;
}

.link1 {
	width: 190px; height: auto;	border: 1px solid #FFFFFF; background-color: #E4CC9C; margin-top: 10px; margin-right: 10px; height: auto;
}
	
.link1Heading {
	background-color: #D9B672; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; border-bottom: 1px solid #FFFFFF; margin-top: 0px; height: auto; width: 186px; font-weight: bold;
}

.link2 {
	width: 190px; height: auto;	border: 1px solid #FFFFFF; background-color: #BABD96; margin-top: 10px; margin-right: 10px; height: auto;
}
	
.link2Heading {
	background-color: #8C9150; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; border-bottom: 1px solid #FFFFFF; margin-top: 0px; height: auto; width: 186px; font-weight: bold;
}

.link3 {
	width: 190px; height: auto;	border: 1px solid #FFFFFF; background-color: #DAB19E; margin-top: 10px; margin-right: 10px; height: auto;
}
	
.link3Heading {
	background-color: #B6633E; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; border-bottom: 1px solid #FFFFFF; margin-top: 0px; height: auto; width: 186px; font-weight: bold;
}

.link4 {
	width: 190px; height: auto;	border: 1px solid #FFFFFF; background-color: #F3D19E; margin-top: 10px; margin-right: 10px; height: auto;
}
	
.link4Heading {
	background-color: #ECCD40; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; border-bottom: 1px solid #FFFFFF; margin-top: 0px; height: auto; width: 186px; font-weight: bold;
}

.linkImages {
	padding: 5px; width: 180px;	height: 89px;
}

#linkContent {
	width: auto; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980; margin-top: 10px;
}

/*<--------------------------- Contact ------------------------*/

#contactContent {
	width: 664px; height: auto;
}

#contactLeft {
	float: left; width: 416px;	height: auto; margin-right: 13px; background-color: #FFFFFF; border: 1px solid #B3D980;	padding: 10px;
}

#contactFeedback {
	width: auto; height: auto;	padding: 10px; background-color: #FFFFFF; border: 1px solid #B3D980; margin-top: 10px;
}

#contactRight {
	float: right; width: 213px;	height: auto; margin-bottom: 20px;
}

#formContent {
	border: solid 1px #FFFFFF; background-color: #E4CC9C; height: auto;	width: 213; padding: 5px 5px 0px 5px; float: right;
}

#formButton {
	margin: 5px; text-align: center;
}

TEXTAREA.textareasmall {
	background: #FFFFFF; font-family: Verdana; font-size: 12px;	color: #000000;	width: auto;
}