/* General Layout & Structure styles for Staffordshire Women's Aid - June 2009 */

/* defaults, globals, and miscellaneous
============================================================================== */
*, span { margin:0; padding:0; } /* removes defaults from all elements */

body {
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	}

img { border:0; } /* removes border in case images have anchor around them */

/* standard layouts
============================================================================== */
p { 
	font-size: 100%;
	padding: 0 0 24px 0; margin: 0 10px;
	line-height: 18px;
	}
	span.summary { display: block; line-height: 16px; height: 16px; margin: 10px 30px; }
	.indent { margin: 0 30px; }

ul, ol  {
	margin: 0 10px 10px 10px; 
	padding:0; 
	}	
	li.icondoc, li.iconexcel, li.iconlink, li.iconpdf, li.iconppt {
		margin: 0 0 10px 10px; padding: 0 10px 10px 10px;
		list-style: none;
		padding: 2px 10px 6px 26px;
		}

ul li.list, ol li.list {
	margin: 0 0 10px 30px; padding: 0 0 0 10px;
	}

li  {
	margin:0;
	line-height: 16px;
	padding: 2px 0 2px 10px;	
	}

h2, .heading2 {
	font-size: 150%;
	line-height: 36px;
	margin: 0 10px;
	}
h3 {
	font-size: 117%;
	line-height: 24px;
	margin: 0 10px;
	}
h4 {
	font-size: 100%;
	line-height: 20px;
	margin: 0 10px;
	}
.clear { clear: both; }
.hideme { display: none; visibility: hidden; overflow: hidden; }
.right { float: right; }

/* header of page - before breadcrumb
============================================================================== */
.background  { margin: 0 auto; padding: 0 0 30px 0; vertical-align: top; }
#wrap { width: 970px; margin: 0 auto; }

/* main logo and helpline
============================================================================== */
h1 { display: none; }	
	h1 a  { }
		h1 a:hover  { }
		.logo { display: block; }

.contact { display: none; }

/* search setup
============================================================================== */
#search { display: none; }

/* main site primary navigation
============================================================================== */
#nav { display: none; }

/* breadcrumb
============================================================================== */
.breadcrumb { display: none; }

/* homepage banner
============================================================================== */

/* main site secondary navigation
============================================================================== */
#nav2, #nav3, #nav4 { display: none; }

/* Main Content
============================================================================== */
.x2content1, .x4content1, .x4content2, .x4content3, .x4content4, .advert {
	display: block;
	width: 600px;
	margin: 20px 0 0 10px;
	}
.x4content1 { display: none; }

.advert710_top, .advert710_info, .advert710_bottom,
.advert470_top, .advert470_map, .advert470_info, .advert470_bottom,
.advert230_top, .advert230_provide, .advert230_news, .advert230_hide, .advert230_bottom { display: block; overflow: hidden; }

.advert710_top, .advert710_info { width: 600px; padding: 10px 10px; }
.advert710_bottom { height: 6px; width: 600px; }

.advert470_map { min-height: 230px; text-decoration: none; cursor: pointer; }
.advert470_top, .advert470_map, .advert470_info  { width: 600px; padding: 10px 10px; }
.advert470_bottom { height: 6px; width: 600px; }

.advert230_top, .advert230_provide, .advert230_news, .advert230_hide { width: 600px; padding: 10px 10px; }
.advert230_bottom { height: 6px; width: 600px; }

.block {
	height: 20px; width: 600px;
	text-align: center;
	margin: 0 50px; padding: 6px 30px;
	text-decoration: none;
	}
	form.contact input.block {
		height: 40px; width: 600px;
		border: none;
		}
	.block:hover, form.contact input.block:hover { text-decoration: underline; }

/* Image styles and alignment styles
============================================================================== */
.img_right { float: right; margin: 0 0 0 10px; padding: 1px; }
.img_left { float: left; margin: 0 10px 10px 0; padding: 1px; }
.img_gallery { float: left; margin: 10px; padding: 1px; }

/* Main form styles
============================================================================== */
form.content { width: 680px; margin:0; padding:0; }
.contact fieldset, .contact fieldset.last {
	border: none;
	float: left;
	width: 680px;
	margin: 0 0 15px 0;
	}

.contact input, .contact textarea, .contact select { font: 12px Verdana, Arial, Helvetica, sans-serif; }

.contact input, .contact textarea, .contact select, .contact button { padding: 10px; }
.contact label {
	display: block;
	float: left;
	width: 215px;
	margin: 10px 0;
	font-weight: 600;
	}

.contact input { height: 18px; width: 230px; }
	.contact input.long { height: 18px; width: 420px; }
.contact textarea { width: 230px; }
	.contact textarea.long { width: 420px; }
.contact select { width: 252px; }
	.contact select.long { width: 472px; }
.contact option { margin: 9px; border: none; }

	/* additional items for contact us page
	============================================================================== */
	#captcha_image { float: left; height: auto; width: auto; }
	
	#ErrorConsole { margin: 10px 0px 0px 0px; }

/* Search Results page
============================================================================== */		
	table.isearch-head { margin: 0 10px; }
		.isearch-title {
			font-size: 117%;
			text-decoration: none; 		
			line-height: 24px;
			margin: 0 10px;
			font-weight: 600;
			}
		
		.isearch-description {
			font-size: 100%;
			line-height: 16px;
			margin: 0 10px;
			padding: 0 0 24px;
			}

/* page footer
============================================================================== */
.footer { display: none; }

/* page peel
============================================================================== */
img { behavior: url(iepngfix.htc) }
#pageflip { display: none; }
#pageflip img {}
#pageflip .msg_block {}


/* Glider styles
============================================================================== */
.scroller { display: none; }
.adNavi { display: none; }

/* Colour and Image styles for Staffordshire Women's Aid - June 2009 */

/* ==============================================================================
	Main styles - Main.css
============================================================================== */
 
/* defaults, globals, and miscellaneous
============================================================================== */
p { color:  #333; }
a:hover { color: #d30f8b; }
.pink { color: #d30f8b; text-decoration: none; }
.grey { color: #666; text-decoration: none; }
	a.grey:hover { color: #d30f8b; text-decoration: underline; }

ul, ol { color: d30f8b; }
	li.list, li.list { color: #333; }
		
	li.icondoc { background: url("../images/icons/doc.gif") no-repeat 0 2px; }
	li.iconexcel { background: url("../images/icons/excel.gif") no-repeat 0 2px; }
	li.iconlink { background: url("../images/icons/link.gif") no-repeat 0 2px; }
	li.iconpdf { background: url("../images/icons/pdf.gif") no-repeat 0 2px; }
	li.iconppt { background: url("../images/icons/ppt.gif") no-repeat 0 2px; }

.emphasis { color: #d30f8b; }

.background { background: url('../images/style/bg_image.jpg') left 45px no-repeat; }

/* standard layouts
============================================================================== */
h2, .heading2, h3, h4 { color: #d30f8b; }

/* header of page - before breadcrumb
============================================================================== */

/* main logo and helpline
============================================================================== */
h1 a { background: url('../images/logos/SWA.gif') center center no-repeat; }

.helpline { color: #000; }
.helpline_number { color: #d30f8b; }
/* search setup
============================================================================== */
form.search, form.search_long { background: url('../images/style/search.gif') no-repeat; }
.search, .search_long { background: none; }
.search .gobutton, .search_long .gobutton { background: url('../images/style/go.gif') no-repeat; }
.search input, .search_long input { background: #fff; }
form.search input, form.search_long input { color: #333; }

/* main site primary navigation
============================================================================== */
#nav li, #page_nav li, .page_nav .CS_PgIndex_Item, .page_nav .CS_PgIndex_Item_Alternate { background: none;	}
	#nav01 { background: url('../images/nav/nav_01.gif') no-repeat;}
	#nav02 { background: url('../images/nav/nav_02.gif') no-repeat;}
	#nav03 { background: url('../images/nav/nav_03.gif') no-repeat;}
	#nav04 { background: url('../images/nav/nav_04.gif') no-repeat;}
	#nav05 { background: url('../images/nav/nav_05.gif') no-repeat;}
	#nav06 { background: url('../images/nav/nav_06.gif') no-repeat;}
	#nav07 { background: url('../images/nav/nav_07.gif') no-repeat;}
	#nav08 { background: url('../images/nav/nav_08.gif') no-repeat;}

/* breadcrumb
============================================================================== */
.breadcrumb { border-bottom: 1px solid #ccc; }

/* homepage banner
============================================================================== */
#section1 { background: url(../images/banner/banner_01.jpg) no-repeat; }
#section2 { background: url(../images/banner/banner_02.jpg) no-repeat; }
#section3 { background: url(../images/banner/banner_03.jpg) no-repeat; }
#section4 { background: url(../images/banner/banner_04.jpg) no-repeat; }
#section5 { background: url(../images/banner/banner_05.jpg) no-repeat; }
#section6 { background: url(../images/banner/banner_06.jpg) no-repeat; }

/* main site secondary navigation
============================================================================== */
#nav2 li a, #nav3 li a, #nav4 li a  { color: #333; }
	#nav2 li a:hover,#nav3 li a:hover, #nav4 li a:hover { color: #d30f8b; }
	#nav2 li a.active, #nav2 li a.active:hover { color: #fff; background: #d30f8b; }
	#nav3 li a.active, #nav3 li a.active:hover { color: #fff; background: #e987c5; }
	#nav4 li a.active, #nav4 li a.active:hover { color: #333; background: #f4c3e2; }

/* main Content
============================================================================== */
.advert710_top { background: url('../images/style/advert710_top.gif') top center no-repeat; }
.advert710_info { background: url('../images/style/advert710_info.gif') top center no-repeat; }
.advert710_bottom { background: url('../images/style/advert710_bottom.gif') top center no-repeat; }

.advert470_top { background: url('../images/style/advert470_top.gif') top center no-repeat; }
.advert470_map { background: url('../images/style/advert470_map.jpg') top center no-repeat; }
.advert470_info { background: url('../images/style/advert470_info.gif') top center no-repeat; }
.advert470_bottom { background: url('../images/style/advert470_bottom.gif') top center no-repeat; }

.advert230_top { background: url('../images/style/advert230_top.gif') top center no-repeat; }
.advert230_provide { background: url('../images/style/advert230_provide.gif') top center no-repeat; }
.advert230_news { background: url('../images/style/advert230_news.gif') top center no-repeat; }
.advert230_hide { background: url('../images/style/advert230_hide.gif') top center no-repeat; }
.advert230_bottom { background: url('../images/style/advert230_bottom.gif') top center no-repeat; }

.block, form.contact input.block { background: #d30f8b; color: #fff; }
	.block:hover, form.contact input.block:hover { background: #de4ba8; color: #fff; }

/* Image styles and alignment styles
============================================================================== */
.img_right, .img_left, .img_gallery { border: 1px solid #333; }

/* Main form styles
============================================================================== */
.contact input, .contact textarea, .contact select, .contact button { background: #fff; border: 1px solid #333; }

/* Search Results page
============================================================================== */		
.searchResults {
	background: #af7eb6;
	color: #fff;
	}

.isearch-title { color: #d30f8b; }
.isearch-description { color: #333; }
.isearch-highlight { color: #d30f8b; }