/* CSS Document for the Homepage*/

/** Section branding styles **/

#primaryNavRight{
	color:#CC0033;
}

#breadcrumb{
	line-height:1px;
	font-size:1px;
	height:6px;
}

#footer{
	border-color:#CC0033;
}

#gutter p{
	background:url(../images/gutter_text_sep.gif) left center no-repeat;
}

h3{
	font-size:1em;
	text-align:left;
	background-color:transparent;
}

h4{
	font-size:0.9em;
	text-align:left;
	background-color:transparent;
}

/** Layout Styles **/

#shadow{
	/*outer shadow colour and image for rounded edge*/
	background:#F5EEF5 url(../images/pink_shadow_bottom_left.gif) bottom left no-repeat;
	margin:0px 16px 2px 12px;
	position:relative;
}

#shadow-inner, #box-content{
	position:relative;
	bottom:1px;
	left:1px;
}

#shadow-inner{
	background:#E0CBE0 url(../images/pink_shadow_inner_bottom_left.gif) bottom left no-repeat;
}

#box-content #box-top{
	background:url(../images/pink_top_right.gif) top right no-repeat;
	margin:0px;
}

#box-content{
	background:#F8F1F1 url(../images/pink_bottom_left.gif) bottom left no-repeat;
	width:100%;
}

#box-body{
	padding:0px 0px 0px 0px;
}

#box-top{
	background-color:#F8F1F1;
}

#boxColumnMiddle, #boxColumnLeft, #boxColumnRight{
	width:32.8%;
	text-align:center;
	float:left;
	position:relative;
	padding-bottom:12px;
	height:auto;
}

#enquireBoxOShadow, #discoverBoxOShadow, #readBoxOShadow{
	background:#E3CEDD url(../images/edr_outer.gif) bottom left no-repeat;
	width:173px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#enquireBoxIShadow, #enquireBox, #discoverBoxIShadow, #discoverBox, #readBoxIShadow, #readBox{
	position:relative;
	bottom:1px;
	left:1px;
}

#enquireBoxIShadow, #discoverBoxIShadow, #readBoxIShadow{
	background:#CDAAC8 url(../images/edr_inner.gif) bottom left no-repeat;
}


#enquireBox, #discoverBox, #readBox{
	background:#F8A20F url(../images/enquire_bottom_left.gif) bottom left no-repeat;
}

#enquireBox h3, #discoverBox h3, #readBox h3{
	background:#FF6600 url(../images/enquire_title_corner.gif) top right no-repeat;
	color:#FFFFFF;
	padding:5px 20px 5px 9px;
}

#enquireBoxTitle, #discoverBoxTitle, #readBoxTitle{
	background:#F8A20F url(../images/enquire_title_image.gif) center left no-repeat;
	padding-left:32px;
}

#enquireBox p, #discoverBox p, #readBox p{
	padding:3px 7px 10px 7px;
	font-size:0.8em;
	color:#660066;
	margin:0px;
}

/******** Enquire Box Colors and Images ********/

#enquireBox{
	background:#F8A20F url(../images/enquire_bottom_left.gif) bottom left no-repeat;
}

#enquireBox h3{
	background:#FF6600 url(../images/enquire_title_corner.gif) top right no-repeat;
	color:#FFFFFF;
}

#enquireBoxTitle{
	background:#F8A20F url(../images/enquire_title_image.gif) left center no-repeat;
}

#enquireBox p{
	color:#660066;
}

/******** Discover Box Colors and Images ********/

#discoverBox{
	background:#7759A0 url(../images/discover_bottom_left.gif) bottom left no-repeat;
}

#discoverBox h3{
	background:#0D5BA5 url(../images/discover_title_corner.gif) top right no-repeat;
	color:#FFFFFF;
}

#discoverBoxTitle{
	background:#7759A0 url(../images/discover_title_image.gif) left center no-repeat;
}

#discoverBox p{
	color:#FFFFFF;
}

/******** Read Box Colors and Images ********/

#readBox{
	background:#A5C63F url(../images/read_bottom_left.gif) bottom left no-repeat;
}

#readBox h3{
	background:#10A652 url(../images/read_title_corner.gif) top right no-repeat;
	color:#FFFFFF;
}

#readBoxTitle{
	background:#A5C63F url(../images/read_title_image.gif) left center no-repeat;
}

#readBox p{
	color:#333366;
}

/***** Main links *****/

#mainLinkLeft, #mainLinkRight{
	width:48%;
	float:left;
	position:relative;
}

#mainLinkLeft{
	text-align:right;
}

#mainLinkLeft p{
	margin-right:10%;
	margin-top:5px;
}

#mainLinkRight p{
	margin-left:10%;
	margin-top:5px;
}

#mainLinkRight a:link, #mainLinkLeft a:link{
	color:#660066;
	padding-left:11px;
	background:url(../images/home_arrow.gif) left center no-repeat;
	text-decoration:underline;
}

#mainLinkRight a:active, #mainLinkLeft a:active{
	color:#CC0033;
	padding-left:11px;
	background:url(../images/home_arrow.gif) left center no-repeat;
	text-decoration:none;
}

#mainLinkRight a:visited, #mainLinkLeft a:visited{
	color:#8f3dda;
	padding-left:11px;
	background:url(../images/home_arrow.gif) left center no-repeat;
	text-decoration:underline;
}

#mainLinkRight a:hover, #mainLinkLeft a:hover{
	color:#CC0033;
	padding-left:11px;
	background:url(../images/home_arrow.gif) left center no-repeat;
	text-decoration:none;
}

#logoCentre{
	text-align:center;
	clear:both;
	padding-top:15px;
	border-bottom:1px solid #FFFFFF;
}

#logoBanner{
	width:97.3%;
	margin:0px auto 0px auto;
}

#logoColumn1, #logoColumn2, #logoColumn3, #logoColumn4{
	vertical-align:bottom;
	text-align:center;
}

#logoColumn1{
	width:22%;
}

#logoColumn2{
	width:56%;
}

#logoColumn3{
	width:22%;
}

#campaignBox{
	text-align:left;
	width:332px;
	margin:0px auto 0px auto;
}

#campaignBox h4{
	background:#CC3366 url(../images/camp_title.gif) bottom left no-repeat;
	font-size:0.9em;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 5px 5px 5px;
}

#campaignBoxBody{
	border:1px solid #A802A8;
	border-width:0px 1px 0px 1px;
	border-bottom:none;
	color:#660066;
	font-size:0.85em;
	padding:3px 10px 0px 10px;
}

#campaignBoxBody img{
	margin-top:10px;
	float:right;
	border:4px solid #CC3366;
}

#campaignBoxBottom{
	border:1px solid #A802A8;
	border-width:0px 1px 0px 0px;
	background:url(../images/camp_bottom.gif) bottom left repeat-x;
}

#campaignBoxBottom div{
	background:url(../images/campaign_bottom_left.gif) bottom left no-repeat;
	font-size:1px;
	height:9px;
	line-height:1px;
}

#campaignBoxBody p{
	margin:6px 0px 0px 0px;
}

#campaignBoxBody p a:link{
	color:#660066;
	padding-left:9px;
	background:url(../images/camp_link.gif) left center no-repeat;
	text-decoration:underline;
}

#campaignBoxBody p a:active{
	color:#CC0033;
	background:url(../images/camp_link.gif) left center no-repeat;
	padding-left:9px;
	text-decoration:none;
}

#campaignBoxBody p a:visited{
	color:#660066;
	background:url(../images/camp_link.gif) left center no-repeat;
	padding-left:9px;
	text-decoration:underline;
}

#campaignBoxBody p a:hover{
	color:#CC0033;
	background:url(../images/camp_link.gif) left center no-repeat;
	padding-left:9px;
	text-decoration:none;
}