/* Victim Support CSS - 30/4/10 Update

COLOURS
-------

dark blue (eg links): #00123b;
dark red: #8e001e;
maroon: #bb004f;
purple: #500050;
light grey: #cfb9bd;
yellow: #ff9c00;
green: #005f32
blue: ##0074c2


SECTIONS
--------


 1. =general configuration
 2. =layout
 3. =navigation
 4. =forms
 5. =typography
 6. =lists
 7. =links
 8. =tables
 



*/
  
  
  

/* 1. =general configuration */


body {
	background: #d1d2d4 url(../img/bg_strip.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #222;
}



img {
	border: 0;
}


.left {
	float: left;
}

.right {
	float: right;
}


.wrapper {
	overflow: hidden;
}

.hide {
	display: none;
}

/* 2. =layout */


#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 900px;
	background-color: #fff;
}


#wrapperPad {
	overflow: hidden; /* clear floats */
	position: relative;
	padding: 10px;

}


#innerPad {
	padding: 10px 10px;
	overflow: hidden;
}


#footer {
	width: 880px;
	color:#FFF;
	background-color: #500050;
	clear: both;
	font-size: 100%;
}

#footer .pad {
	padding: 9px;
	overflow: hidden;
}


#footerLinks {
	float: right;
	width: 610px;
}

#footerLinks a,
#footerLinks a:visited {
	color: #FFF;
	margin: 0 8px;
}

#footerLinks span {
	display: none;
}

/* =header area */




#header {
	position: relative;
	background: #fff url(../img/header_bg.gif) bottom left repeat-x;
	height: 140px;
	width: 880px;
}

#header .logo {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 231px;
	height: 101px;
}

#header #strap
{
    position: absolute;
    top:83px;
    left:300px;
    width:220px;
    height:50px;
}

#header #strap h2
{
    color:#f47548;
    font-size:2.3em;
    line-height:1.3em;
}

#header p#topLinks {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 90%;
}

#header p#topLinks a {
	margin-left: 30px;
}

#header p#topLinks span {
	display: none;
}


#header p#phone{
	font-size:1.7em;
	line-height:2em;
	color: #FFFFFF;
	position: absolute;
	top: 89px;
	right: 10px;
	width: 295px;
	height:40px;
}

#header p#phone img
{
    margin-top:9px;
}

p#breadcrumbs
{
	margin:10px 0 0 10px;
	color: #464646;
	font-size:0.9em;
}


/* main content */

#mainContent {
	float: right;
	width: 600px;
	overflow: hidden;
}

.oneCol #mainContent {
	float: none;
	width: 860px;
	
}

#sidebar {
	float: left;
	width: 240px;
}



#topImage {
	position: relative;
	height: 256px;
	width: 600px;
	background: #fff url(../img/top_image.jpg) 0 0 no-repeat;
	margin-bottom: 30px;
	color: #fff;
}

#mainContent #topImage h2 {
	position: absolute;
	top: 150px;
	left: 30px;
	font-size: 2.2em;
	line-height: 1.1;
	width: 380px;
}

#topImage p {
	position: absolute;
	top: 220px;
	left: 300px;
	font-size: 1.3em;
	line-height: 1.1;
	width: 260px;
	text-align:right;
}


#leftInner, #leftCol {
	float: left;
	width: 295px;
}

#rightInner, #rightCol {
	float: right;
	width: 285px;
}

#leftInner blockquote, #leftCol blockquote
{
    width:160px;
}

/* modules */

#rightInner .block {
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}

.block img {
	float: left;
}

.block p,
.block ul {
	margin-left: 90px;
}

.block ul {
	font-size: 90%;
}

#news {
	background:url('../img/dotted_line.png') repeat-x -2px top;
	padding:14px 0 0 0;
	margin-top:20px;
}

.wrapper {
	overflow: auto;
	margin-bottom: 20px;
}

.wrapper .left {
	margin-right: 20px;
}


.trustee {
	width: 185px;
}

.trustee img {
	margin-bottom: 20px;
}


#map {
	width: 185px;
	float: right;
	margin-left: 10px;
	font-size: 0.9em;
	color: #ea360b;
}

#map img {
	margin-bottom: 0px;
}

#map p
{
    float:right;
    width:100px;
}

.featureBox {
	overflow: auto;
	margin-bottom: 2em;
}

.featureBox img {
	float: left;
	margin-right: 20px;
}


.listing {
	margin-bottom: 1em;
}


.pagination p {
	text-align: center;
	color: #666;
	font-size: 0.9em;
}

.copyBelow
{
    margin-top:15px;
}

.rightCol {
	float: right;
	width: 195px;
	margin-left: 20px;
	/*padding-bottom: 100px;*/
	font-size: 0.9em;
}

.imgWrap_centre
{
    margin:0 0 15px 0;
}

.hilite_mid
{
    background: url(../img/hilitebox.png) 0 0 repeat-y;
    width:220px;
    padding:5px 10px;
}

#messageForm .hilite_mid div
{
    margin-bottom:5px;
}

.hiliteBox {
	background: url(../img/hilitebox_top.png) 0 0 no-repeat;
	margin-bottom:20px;
}

.hilitePad {
	background: url(../img/hilitebox_bottom.png) bottom left no-repeat;
	padding: 8px 0 7px 0;
	overflow: hidden;
}
#messageForm .goButton
{
    background:url('../img/sendbutton.gif') no-repeat;
    height:20px;
    width:35px;
}
#search .goButton
{
    background:url('../img/button_go.gif') no-repeat 0px 2px;
    height:20px;
    width:25px;
}

#mainContent .ImageCarousel ul
{
 list-style-type: none;
 margin: 0;
}

#mainContent .ImageCarousel li
{
 display:inline;
 padding-right: 1px;
}

.hiddenGalleryText
{
	display:none;
}

.home_pg_feature
{
    height:90px;
    clear:both;
    margin-top:15px;
}

.home_pg_feature .teaser_bx
{
    float:left;
    width:510px;
}

.home_pg_feature p
{
    margin-left:0px;
}

.home_pg_feature img
{
    float:left;
}

#topImage .bannerText a, #topImage .bannerText a:link, #topImage .bannerText a:visited
{
    font-weight:bold;
    color:#fff !important;
}

.thumbnails
{
    width:600px;
    background:url('../img/dotted_line.png') repeat-x top;
    padding-top:14px;
    margin-top:20px;
    overflow:hidden;
}

.thumb
{
    float:left;
    width:170px;
    height:180px;
    background-color:#f59b84;
    font-size:1.1em;
    margin:0 15px 30px 15px;
}

.thumb_second
{
    float:left;
    width:170px;
    height:180px;
    background-color:#c67f8f;
    font-size:1.1em;
    margin:0 15px 30px 15px;
}

.thumbnails a:link, .thumbnails a:visited
{
    color:#000;
}

.thumbnails p
{
    padding:5px 10px 0px 10px;
}

.newslisting
{
    width:600px;
    clear:both;
    margin-top:5px;
}

.newslistingbox
{
    float:left;
    width:90px;
    height:90px;
    background-color:#000;
    margin-right:10px;
    clear:left;
}

.newslistingright 
{
    float:left;
    width:500px;
    clear:right;
}

.newslistingright h4 a
{
color: #222;
}

/* START: Blockquote styles */
blockquote
{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	font-size:1.666em;
	line-height:1.1em;
	color:#0080B0;
	width:160px;
}

blockquote p
{
	margin-left:25px;
	margin-right:25px;
}

blockquote div.start
{
	background: transparent url('../images/blockquote-start.gif') no-repeat;
	width:20px;
	height:28px;
	float:left;
	margin-top:-10px;
	margin-right:5px;

}

blockquote div.end
{
	background: transparent url('../images/blockquote-end.gif') left bottom no-repeat;
	width:20px;
	height:28px;
	float:right;
	margin-top:-32px;
	margin-left:5px;
}


/* END: Blockquote styles */




/* 3. =navigation */

#nav {
	background-color: #500050;
	position: relative;
	padding: 3px 3px 2px 10px;
	overflow: hidden;
}



#nav ul {
	float: left;
	overflow: hidden;
}

#nav li,
#nav a {
	float: left;
}

#nav li {
	margin-right: 5px;
	
}

#nav a,
#nav a:visited {
	color: #FFF;
	display: block;
	padding: 6px 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#nav li.active a,
#nav li.active a:visited {
	
	text-decoration: underline;
	}
	
	
#sidebar ul {
	margin-bottom: 20px;
	
	
}

#sidebar ul ul {
	margin-bottom: 0;
	margin-left: 20px;
}

#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited
{
    background:none;
    padding:2px;
}

#sidebar li {
	margin-bottom: 3px;
	background-color: #fff;
}

#sidebar li li {
	margin-bottom: 0;
}

#sidebar li a,
#sidebar li a:visited {
	display: block;
	padding: 7px 14px;
	background: url('../img/sidebar_bg.png') no-repeat;
	font-size: 1.1em;
	color:#00123b;
}
/*
#sidebar ul.alt li a,
#sidebar ul.alt li a:visited 
{
    color:#ea360b;
	background: url('../img/sidebar_bg_alt.png') no-repeat;
	}*/
	
#sidebar ul li.active a,
#sidebar ul li.active a:visited {
	background-color: #FFF;
	font-weight: bold;
	}
	
#sidebar ul li.active ul li a,
#sidebar ul li.active ul li a:visited {
	background-color: #fff;
	font-weight: normal;
	}
	
#sidebar ul li.active ul li strong a,
#sidebar ul li.active ul li strong a:visited {
	font-weight: bold;
	}
	
#sidebar ul li.active strong {
	background-color: #fff;
}
	
	
/* 4. =forms */

#nav #search {
	position: absolute;
	top: 3px; 
	right: 10px;
	display: inline;
}

#searchText {
	margin-right: 5px;
	border: 1px solid #DEDEE0;
	color: #999;
	padding: 2px;
}

#goButton {
	position: relative;
	top: 4px;
}

#search label {
	display: none;
}


#countyPicker {
	margin-bottom: 2em;
}

#countyPicker label {
	margin-right: 10px;
}

#countyPicker select {
	border: 1px solid #DEDEE0;
	color: #666;
	background-color: #fff;
}


#messageForm div div {
	overflow: hidden;
	margin-bottom: 0px;
}

#messageForm input, 
#messageForm textarea {
	float: right;
}

#messageForm label {
	float: left;
	font-size: 0.9em;
}

#messageForm .textBox {
	width: 160px;
	border: 1px solid #CDCED0;
}

#messageForm p {
	margin-bottom: 10px;
}

#messageForm textarea
{
    padding:0;
}

#contactForm {
	width: 320px;
}

#contactForm div {
	overflow: auto;
	}
	
#contactForm label {
	display: block;
	margin-top: 20px;
	margin-bottom: 2px;
}

#contactForm label span {
	color: #f00;
	
}

#contactForm .smallText {
	width: 144px;
	border: 1px solid #CDCED0;
	padding: 2px;
	color: #666
}

#contactForm .largeText {
	width: 314px;
	border: 1px solid #CDCED0;
	padding: 2px;
	color: #666;
}



#contactForm select {
	border: 1px solid #CDCED0;
}

#contactForm br {
	display: none;
}

#contactForm #sendButton {
	float: right;
	margin-top: 5px;
}


textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
	}


/* 5. =typography */


#mainContent p,
#mainContent ul {
	margin-bottom: 1em;
}

#mainContent .featureBox p {
	margin-bottom: 0.5em;
}

#mainContent .featureBox ul {
	margin-bottom: 0;
}

#mainContent #topImage h2
{
    color:#FFF;
}

#mainContent h2 {
	font-size: 1.6em;
	line-height: 1.1;
	margin: 19px 0 20px 0;
	color:#8e001e;
	}
	
	
#mainContent h3 {
	font-size: 1.3em;
	line-height: 1.1;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
	font-weight: bold;
	color: #666;
}

#mainContent .featureBox h3 {
	margin-bottom: 0.25em;
	margin-top: 0;
	line-height: 1.1;
}



#sidebar h3 {
	font-size: 1.4em;
	line-height: 1.1;
	margin-bottom: 5px;
	color: #8e001e;
}

#sidebar .module h3 
{
    margin-bottom:0px;
}

#sidebar .module p
{
    margin-top:5px;
}

#mainContent .rightCol h3 {
	font-size: 1.3em;
}

#mainContent .trustee h3 {
	font-size: 1.4em;
	line-height: 1.1;
	color: #666;
	margin-bottom: 10px;
	width: 185px;
	display: block;
}

.featureBox h3 {
	color: #666;
	font-size: 20px;
}

#mainContent h4 {
	font-weight: bold;
	margin-bottom: 0.25em;
	}

#mainContent .block h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold
}

#mainContent .block a 
{
    color:#500050;
}

#news h4,
#news h4 a,
#news h4 a:visited {
	color: #ea360b;
}

#topic h4 {
	color: #ea360b;
	}
	
#topic
{
    background:url('../img/dotted_line.png') repeat-x -2px top;
	padding:14px 0 0 0;
}


#mainContent .listing h4 {
	font-weight: bold;
	margin-bottom: 0.25em;
}

p#mapInfo {
	height: 25px;
	padding-left: 45px;
	background: #fff url(../img/map_icon.gif) 0 0 no-repeat;
}

p.pdfNote {
	padding-left: 40px;
	background: #fff url(../img/acrobat_icon.gif) 0 50% no-repeat;
	color: #666;
	font-size: 0.85em;
	line-height: 1.1;
	margin-top: 2em;
}


p.rssLink {
	padding-left: 40px;
	height: 50px;
	background: #fff url(../img/rss_link.jpg)  0 0 no-repeat;
	color: #666;
	font-size: 0.85em;
	line-height: 1.1;
	margin-top: 2em;
	padding-top: 10px;
}




#mainContent .listing p {
	margin-bottom: 0.25em;
}


p.date,
p.details {
	font-size: 0.9em;
	color: #999;
}

p.date strong,
p.details strong {
	font-weight: normal;
	color: #666;
}

ul.small
{
    font-size:1em;
}

.small {
	font-size: 1em;
}


.divider {
	padding-bottom: 5px;
	background:url('../img/dotted_line.png') repeat-x -2px 17px;
}

.rightCol .small
{
    width:195px;
    clear:both;
}

/* 6. =lists */

#mainContent dl {
	margin: 1em 0;
	overflow: auto;
	width: 100%;
}


dt{
	float: left;
	display: block;
	margin-top: 0.5em;
	clear: left;
	width: 20%;
}

dd {
	float: right;
	display: block;
	margin-top: 0.5em;
	clear: right;
	width: 79%;
}

#mainContent ul {
	list-style: disc;
	margin-left: 2em;
}


#mainContent ul.small {
	list-style: none;
	margin-left: 0;
}

/* 7. =links */

a,
a:link,
a:visited {
	color: #ea360b;
	text-decoration: none;
}

a:hover,
a:visited:hover {
	text-decoration: underline;
}

#topImage a,
#topImage a:visited {
	color: #fff;
}

#topImage a:hover,
#topImage a:visited:hover {
	text-decoration: underline;
}

#mainContent .listing h4 a,
#mainContent .listing h4 a:visited {
	color: #222;
}


/* 8. =tables */


td, th {
	vertical-align: top;
	padding: 5px;
}

#mainContent td h3 {
	margin-top: 0;
}

.CopyrightInfo
{
	margin-bottom: 30px;	
}

#GalleryMainImage
{
	position:relative;
	width:600px;
	height:400px;
	margin-bottom:3px;
	margin-top:10px;
}

#carousel_inner ul
{
	list-style-type: none; /* removing the default styling for unordered list items */
	position:relative;
	left:-95px; /* important (this should be negative number of list items width(including margin)*/
	margin: 0px;
	padding: 0px;
	width:9999px; /* important */
	/* non-important styling below */
	padding-bottom:10px;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:570px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
position:relative; /* important (gets the above rule to work in IE7) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:85px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
/*height:40px;*/
background: #000000;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

#carousel_ul li img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...="">
) so this is to fix that */
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:40px;
width:15px;
background: #C0C0C0;
margin-top:18px;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}

.copybelow
{
    margin-top:115px;
}

.hide_scroll_bar
{
	visibility:hidden;
}

.sIFR-alternate
{
    font-size:0.5em;
}

/* Are You Ok mini-site styles */

.areyouok #header
{
    background:red;
}

.areyouok #innerPad
{
    padding-left:0px;
}

.areyouok #imgPrintLogo
{
    float:right;
}

.areyouok #sidebar li a,
.areyouok #sidebar li a:visited {
	display: block;
	padding: 8px 14px;
	background: url('../img/areyouok_btn.png') no-repeat -2px -1px;
	font-size: 1.1em;
	color:#fff;
}