/* -------------------------------------------------------------- 
   RCS CSS
    * Filename:        style.css
    * Website:         http://www.rapecrisisscotland.org.uk
	
  Created by:
    * Morgan Faichney
    * Al Macmillan
    * Neil Albrock
	Copyright 2010 Atomised Co-operative Ltd
-------------------------------------------------------------- */
/*****************************************************
* Reset
*****************************************************/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;  padding: 0;  border: 0;  font-weight: inherit;  font-style: inherit;  font-size: 100%;  font-family: inherit;  vertical-align: baseline;}body{line-height:1.5em;}/* Remove annoying border on linked images. */a img { border: none; }a { outline: none;	cursor:pointer;}ul{list-style:none;}
/*****************************************************
* Typography styles
*****************************************************/
body{font: 13px/20px Arial, Helvetica, sans-serif; color:#333333}
h1{font: 25px "Helvetica";}
h2{font: 16px "Helvetica"; font-weight: bold;}
h4{font:18px/20px Arial; color:#673398; font-weight:bold; margin-bottom:18px}
h5{font:16px/20px Arial; color:#00505d; font-weight:bold; margin-bottom:18px}
h5.news{font:16px/20px Arial; color:#673398; font-weight:bold; margin-bottom:18px}
span.green{color:#00505D; font-weight:bold}
p{font:13px/20px Arial; margin-bottom:18px}
.contentwide ul, #content ul{padding-left:30px; margin-bottom:21px}
.contentwide li, #content li{font:13px/21px Arial; list-style-image: url(../images/arrow-pink.png)}
.contentwide a, #content a, #contentnews a{text-decoration:none; color:#673398; font-weight:bold}
.contentwide a:hover, #content a:hover, #contentnews a:hover{color:#00505d; text-decoration:underline}
p.large{font:16px/21px Arial, Helvetica, sans-serif}
#contentnews img{margin-bottom:21px; border:1px solid #673398}
#footer a{color:#FFFFFF}
#footer p{margin-bottom:14px; font:11px/14px Arial, Helvetica, sans-serif}
#footer span{display:block}
/*****************************************************
* top navigation 
*****************************************************/
#topnav_wrapper {display:none}
/*****************************************************
* main container
*****************************************************/
.container {
  	width: 931px;
	padding:16px 13px 0 12px;
  	overflow:visible;
  	margin: 0 auto;
	position: relative;
	background:none;
}
.top-pad{padding-top:26px}
/*****************************************************
* divs in main container
*****************************************************/
#leftside, #leftside2,#content, .contentwide, .contentwide2, #rightside, #contentfull, #contentnews, #rightsidenews, .leftside{float:left; display:inline}#leftside{display:none;} 
.leftside{width:242px; margin-right:12px; margin-left:0} 
#content{width:394px; margin-right:12px; margin-left:12px} 
#contentnews{width:454px; margin-right:12px; margin-left:12px} 
#rightside{width:222px; margin-right:24px; margin-left:12px} 
#rightsidenews{width:162px; margin-right:24px; margin-left:12px} 
.contentwide{width: 90%; margin-right:5%; margin-left:5%; position:relative; overflow:visible;}
#contentfull{width:882px; margin:0 24px}
/*****************************************************
* left sidebar
*****************************************************/
ul#leftnav{list-style-type:none;margin:0; padding:0}
ul#leftnav ul{list-style-type:none; padding:0; margin:0; width:242px}
ul#leftnav a{display:block; text-decoration:none}
ul#leftnav li{border-top:1px solid #FFFFFF; width:242px}
ul#leftnav li a{color:#FFFFFF; font: 14px/26px Arial, Helvetica, sans-serif; font-weight:bold; background:#669900 url(../images/arrowleft.png) no-repeat 226px 6px; padding:0 0 0 12px; height:26px}/*height?*/
ul#leftnav li a:hover{background:#00505D url(../images/arrowdown.png) no-repeat 226px 6px}
ul#leftnav li a.open{background:#00505D url(../images/arrowdown.png) no-repeat 226px 6px}

ul#leftnav li ul{background:#ffffff}
ul#leftnav li ul li{background:#ffffff; width:222px; padding:6px 0 6px 20px; border-top:none}
ul#leftnav li ul li.first{padding-top:12px}
ul#leftnav li ul li.last{padding-bottom:12px}
ul#leftnav li ul li a{background:#ffffff; display:block; color:#666666; text-decoration:none; font: 14px/17px Arial, Helvetica, sans-serif; font-weight:bold; height:auto}

ul#leftnav li ul li a:hover, ul#leftnav ul li a.current{color:#669900; background:none}
/*active page*/
body#pagepublications ul#leftnav li#menupubs a.main,
body#pageabout ul#leftnav li#menuabout a.main,
body#pagenews ul#leftnav li#menunews a.main,
body#pageblog ul#leftnav li#menublog a.main,
body#pagelinks ul#leftnav li#menulinks a.main,
body#pagepublications ul#leftnav li#menupubs a.main,
body#pagecontactus ul#leftnav li#menucontactus a.main,
body#pagedonate ul#leftnav li#menucampaigns a.main,
body#pagehelp ul#leftnav li#menuhelp a.main,
body#pagecampaigns ul#leftnav li#menucampaigns a.main
{background:#006599 url(../images/arrowdown.png) no-repeat 226px 6px}
/*****************************************************
* options for right sidebar
*****************************************************/
/*grey and pink*/
div.grey{background:#E2E2E2; padding:12px; margin-bottom:18px}
div.grey h5{color:#ed028b; margin-bottom:9px; font:15px/18px Arial; font-weight:bold}
div.grey h5.cats{margin-top:12px}
div.grey p{font: 12px/16px Arial, Helvetica, sans-serif; margin-bottom:9px}
div.grey img{margin:-12px -12px 12px -12px}
div.grey ul{border-top:1px solid #ffffff; margin:6px 0}
div.grey ul li{color:#555555; border-bottom:1px solid #FFFFFF; background:url(../images/arrow-pink.png) no-repeat right}
div.grey li a{display:block; padding:5px; color:#555555; text-decoration:none}
div.grey li a:hover{color:#FFFFFF; background:#ED028B url(../images/arrowwhite.png) no-repeat right}
div.grey a.more{color:#d00078; font-weight:bold; text-decoration:none; text-align:right;display:block}
div.grey a.more:hover{text-decoration:underline}
/*narrower grey and pink*/
div.narrow{width:174px; margin-left:26px}
/*new*/
#news{width:200px; padding:12px; height:310px; background:url(../images/news.png) no-repeat}
h4.news{color:#673398; font:18px/21px Arial, Helvetica, sans-serif;font-weight:bold; margin-bottom:12px}
h5.news{ margin:12px 0; font:17px/21px Arial, Helvetica, sans-serif;font-weight:bold; margin-bottom:12px}
#news a{color:#673398; font-weight:bold; text-decoration:none}
#news a:hover{color:#00505d; text-decoration:underline}
#news p{font:12px/16px Arial, Helvetica, sans-serif; margin-bottom:12px}
div.newsbar{float:right;  text-align:right; width:138px; margin-bottom:18px}
div.newsbar ul li{color:#555555; border-bottom:1px solid #FFFFFF; background:none}
div.newsbar li a:hover{color:#FFFFFF; background:#ED028B}
div.newsbar li.active a{color:#FFFFFF; background:#ED028B}
/*****************************************************
* facts list
*****************************************************/
h4#facts{
    background:#006699 url(../images/Facts.jpg) no-repeat bottom right; 
    color:#FFFFFF; 
    text-indent:-9999px; 
    height:44px;  
    margin-bottom:0;
}
h4#facts span{font-size:54px}
ul#factlist{padding-left:0; margin-bottom:12px}
ul#factlist li{font:14px/17px Arial, Helvetica, sans-serif; font-weight:bold; padding:11px 0; margin-bottom:0; list-style-image:none}

ul#factlist li#fact1{padding-left:42px; padding-right:80px; background:#88b8ce url(../images/star1.png) no-repeat left}
ul#factlist li#fact2{padding-left:172px; padding-right:20px; border-top:2px dashed #b9d9e6; border-bottom:2px dashed #b9d9e6; background:#88b8ce url(../images/star2.png) no-repeat 120px 0}
ul#factlist li#fact3{padding-left:100px; padding-right:160px; background:#88b8ce url(../images/star3.png) no-repeat 22px 0}
div.more-facts{position:absolute; bottom:20px; right:10px}
.contentwide div.more-facts a{display:block; color:#ffffff}
.contentwide div.more-facts a:hover{text-decoration:underline}
/*****************************************************
* homepage language videos
*****************************************************/
#langvids{margin-left:20px; background:#E2E2E2; width:198px; padding:12px}

div#langvids.grey{background:#E2E2E2; padding:12px}
h4.pink{color:#ED028B; font-weight:bold; margin-top:12px}
#langvids ul{border-top:1px solid #ffffff}
#langvids ul li{border-bottom:1px solid #FFFFFF}
#langvids li a{display:block; padding:5px; color:#555555; text-decoration:none; background:url(../images/arrow-pink.png) no-repeat right}
#langvids li a:hover{color:#FFFFFF; background:#ED028B url(../images/arrowwhite.png) no-repeat right}
/*****************************************************
* bottom section (disclaimer, privacy etc..)
*****************************************************/
#bottom{display:none;}
ul#footnav{position:relative; margin-top:14px; float:right; list-style:none; margin-right:22px}
ul#footnav li{display:inline; color:#FFFFFF; font-size:11px; margin-left:8px}
ul#footnav li a{color:#FFFFFF; font-size:11px; text-decoration:none}
ul#footnav li a:hover{text-decoration:underline}
ul#footnav li.middle{ border-right:1px solid #FFFFFF; padding:0 8px}
/*****************************************************
* footer
*****************************************************/
#footer {
  	display:none;
}
/*3 footer columns*/
.foot1, .foot2, .foot3{float:left; display:inline; margin:10px}
.foot1{width:230px} .foot2{width:400px} .foot3{width:228px;}


/*****************************************************
   * FORM STYLES *
*****************************************************************/
form#search{float:right; padding:0; margin:0; display:inline}
form#search label{display:none}
fieldset {
	margin: 0;
	border: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
	padding:0;
}
form label {
	display: block;
	float: left;
	width: 200px;
	padding:5px 0;
	font-size:10px;
	line-height:12px;
}
textarea{overflow:auto;}
form input {
	display: block;
	padding: 5px;
	height:14px;
	width: 160px;
	font-size:10px;
	margin-top:6px
}
form input#signup {
	width: 120px;
}
form textarea{
	display: block;
	padding:5px;
	height:56px;
	width: 200px;
}
form select {
	float: left;
	width:200px;
	height:14px;
	display:block;
	font-size:10px;
	height:24px;
	margin-top:6px;
}
form input.button {
	height:20px;
	width: 50px;
	padding:0;
}
form#find input#submit{position:absolute; background:#ED018B url(../images/aroow-white.png) no-repeat 4px 7px; right:0; top:0;width:14px; height:27px; border:none; text-indent:-9999px}

/*feedback form*/
form#feedback{margin-bottom:18px}
form#feedback fieldset{background:#E2E2E2; padding:20px 40px}
form#feedback label{font-size:12px; width:270px}
form#feedback input{width:240px}
form#feedback input.submit{width:240px}
form#feedback label.comment{width:530px; clear:both}
form#feedback label.clear{width:528px; clear:both}
form#feedback textarea{width:514px; margin:3px 0; height:80px}
form#feedback legend{font:16px/20px Arial; color:#00505d; font-weight:bold; margin-bottom:12px}

/*comments form*/
form#comments{margin-bottom:18px}
form#comments fieldset{background:#E2E2E2; width:374px; padding:20px 40px}
form#comments label{font-size:12px; width:270px}
form#comments input{width:354px}
form#comments input.submit{width:240px}
form#comments label.comment{width:374px; clear:both}
form#comments label.clear{width:374px; clear:both}
form#comments textarea{width:358px; margin:3px 0; height:80px}
form#comments legend{font:16px/20px Arial; color:#00505d; font-weight:bold; margin-bottom:12px}

/*filters form*/
form#filters{margin-bottom:18px}
form#filters fieldset{background:#E2E2E2; padding:12px}
form#filters label{font-size:12px; width:270px}
form#filters input{width:240px; height:12px; padding:3px}
form#filters select{width:240px; font-size:11px}
form#filters label.clear{width:400px; clear:both}
form#filters textarea{width:514px; margin:3px 0; height:80px}
form#filters h5, form#feedback h5, form#comments h5{color:#ed028b; margin-bottom:9px; font:15px/18px Arial; font-weight:bold}
ul#active-filters{clear:both; padding-left:0; margin-bottom:0}
#active-filters li{
	font:13px/21px Arial;
	list-style-image:none;
	height:21px
}
#active-filters li a{
	color:#ed028b;
	background:url("../images/pink-close.png") no-repeat 0 0;
	padding-left:15px;
	display:block;
	height:21px
}
#active-filters li a:hover{
	color:#00505D;
	background:url("../images/pink-close.png") no-repeat 0 -20px;
	text-decoration:none
}
/*find a service form*/
form#service{margin-bottom:18px}
form#service fieldset{background:#E2E2E2; padding:12px}
form#service input{width:240px; height:12px; padding:3px}
form#service select{width:240px; font-size:11px}
form#service label.clear{clear:both}
form#service textarea{width:514px; margin:3px 0; height:80px}
form#service input[type="checkbox"]{display:inline;  width:40px}
form#service label{position:relative; width:280px;color:#ED028B;font:bold 12px/18px Arial;}
form#service input#submit {
background:none repeat scroll 0 0 #ED018B;
border:medium none;
bottom:8px;
color:#FFFFFF;
font-weight:bold;
height:20px;
position:absolute;
right:296px;
width:62px;
}
form#service input#submit:focus, form#service input#submit:hover {color:#000}
form#service input#submit.two {right:300px;}
div.divider  {
border-top:1px solid white;
height:1px;
margin:0 auto;
position:absolute;
top:-9px;
width:96%;
}
form#service fieldset#category{display:none}
/*****************************************************
   * google map *
****************************************************/
div#address{margin-top:36px}
div#address a{color:#ED028B; font-weight:bold; text-decoration:none}
div#address a:hover{text-decoration:underline}
div.map{height:566px}
div#map_canvas{height:590px; width:639px}
/*****************************************************
   * login panel *
****************************************************/
#panel {
	background:none repeat scroll 0 0 #00505D;
	color:#fff;
	display:none;
	overflow:hidden;
	padding:10px 20px;
	position:absolute;
	right:32px;
	top:32px;
	width:220px;
	z-index:998;
	-khtml-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px; 
	-khtml-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0; 
	
}
#panel a{color:#fff}
form#top-signup{position:relative;color:#FFFFFF;}
form#top-signup input.hide{display:none}
#top-signup input[type="text"], #top-signup input[type="password"] {
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; 
	border:1px solid #673398;
	display:block;
	font-size:12px;
	padding:5px;
	width:208px;
}
form#top-signup label{font-size:11px; width:220px}
form#top-signup a.forgot{position:relative; top:10px; font-size:11px;padding:0;background:none;color:#FFFFFF; text-decoration:none}
form#top-signup a.forgot:hover{ text-decoration:underline}
form#top-signup input#submit{
	cursor:pointer;
	display:inline;
	float:right;
	height:19px;
	margin:12px 0 6px 0;
	padding:0;
	position:relative;
	width:76px
}
dd{margin-bottom:18px}
h5.links, dt.help-faq, h4.links, h4.tweet {font:16px/20px Arial; background:#00505d; color:#FFF; font-weight:bold; margin-bottom:18px; padding:5px}
#help-faq dt.help-faq a {color: #fff;}
h6.links{font:16px/20px Arial; background:#00505d; color:#FFF; font-weight:bold; margin-bottom:18px; padding:5px}
h5.faq-questions {margin-bottom: 16px;}
h5.faq-questions a {font-size: 14px;}


/*news article divider*/
div.article-foot{border-bottom:1px dashed #00505D; padding:3px 0 0 0}
div.article-foot p{display:inline; font-size:11px; color:#00505D; font-weight:bold}
#contentnews div.article-foot img{border:none; margin-bottom:0}
p.share{float:right}
#contentnews div.article-foot a{color:#00505D}
div.stbutton{float:right}

span.left{float:left} span.right{float:right}
h4.links{height:20px; margin-bottom:0}
h4.tweet{height:20px; margin-bottom:0; background:#006599}
#contentnews ul li{padding:5px}
#contentnews ul{margin:18px 0;border-bottom:1px dashed #006599; border-top:1px dashed #006599; height:70px}
#contentnews div.tweets li a{color:#006599}
#contentnews div.news img.rss{border:none}
div.news{margin-bottom:24px}
div.signup{height:40px; padding: 20px 12px}
div.signup a{text-decoration:none; color:#ED028B;}
div.signup h5.news-signup a{
    background:url(../images/news-signup.png) no-repeat;
	float:right;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	width:140px;
}
div.signup h5.news-signup a:hover{background-position:0 -36px}
a.tweet img{display:inline; margin:0}
a.tweet{display:inline; width:90px}
#contentnews img.tweet{margin:0; border:none; top:-12px}
blockquote {
	border:medium none;
	margin:1.5em 50px;
	padding:0;
}
span.quote{font-style:italic; COLOR:#ED028B}
sup{padding:0 1px 0 4px; color:#ed028b}
.contentwide span a{color:#ED028B; FONT-WEIGHT:normal}
.contentwide span a:hover{color:#ED028B}
#definitions {
	border-top:1px dashed #ED028B;
	margin:20px 0;
	padding-top:10px;
}
#definitions p {
	font-size:11px;
	line-height:12px;
	margin-bottom:5px;
}
#definitions a{color:#ED028B}
form#feedback input#submit, form#comments input#submit {
	background:transparent url("../images/submit_button.png") no-repeat top;
	border-style:none;
	cursor:pointer;
	display:inline;
	float:right;
	height:35px;
	margin:12px 0;
	padding:0;
	position:relative;
	text-indent:-9999px;
	width:103px;text-transform:capitalize
}
form#feedback input#submit:focus {background-position:bottom;}
form#feedback label#button{width:530px}
dt.help-faq a.backtotop{position:relative; float:right; display:block;background:url(../images/backtotop.png) no-repeat; text-indent:-9999px; width:20px; height:20px}
dt.help-faq a.backtotop:hover{background-position:bottom}

#content div.vacancy a{display:block; width:394px; height:60px}
#content div.vacancy a:hover{background:#e1e1e1; text-decoration:none}
div.vacancy{width:394px; height:60px; background:#e2e2e2; padding:0; margin-bottom:18px}
div.vacancy a p{margin-bottom:0; padding:0 10px 10px 10px; color:#333333}
div.vacancy a h6{font:14px/20px Arial; font-weight:bold; padding:10px 10px 0 10px; color:#333333}

div.vacancy, div.vac-info, div.vac-link{position:relative;float:left; display:inline}
div.vac-info{width:374px}
div.vac-link{height:60px; width:20px; background:#ED018B url("../images/arrowleft.png") no-repeat center center; text-indent:-9999px}
div.vac-link.open{background:#ED018B url("../images/arrowdown.png") no-repeat center center;}
div.description{/*display:none;*/ border:1px #e2e2e2 solid; padding:10px; margin-bottom:18px}
ul.faqs li{display:none}
div.article-foot p.publish{display:block; margin-bottom:0}
div.article-foot p.publish a{color:#673398}
div.article-foot p{margin-bottom:0}
ol.comments{list-style:none; margin:18px 0}
ol.comments h6{display:inline; color:#673398; font-weight:bold}
ol.comments span{float:right}
ol.comments li{padding:10px; margin-bottom:8px}
ol.comments li.even{background:#e2e2e2}
ol.comments blockquote{margin:18px 0; quotes:""" """}
h5.comments{width:100%; text-align:center; color:#ED028B; MARGIN-TOP:18PX; background:#e2e2e2; padding:5px 0}
div.pub{width:454px; margin-top:18px; position:relative; float:left; border-bottom:1px dashed #00505d}
div.pub h5{display:inline}
#contentnews div.pub img{border:none; margin-bottom:0; float:left; padding-right:10px}
.contentwide ul.results{display:inline; list-style:none}
.contentwide ul.results li{float:left; list-style:none; margin:0 5px}
.contentwide ul.results li.curr-page a{background:#ED028B; color:#ffffff}
.contentwide ul.results li a{display:block; color:#666666; padding:0 5px}
.contentwide ul.results li a:hover{background:#ED028B; color:#ffffff; text-decoration:none}
div.pub-foot{clear:both; padding-top:5px}
div.pub-foot p{margin-bottom:0; display:inline; font-size:11px; color:#00505D; font-weight:bold}
div.linkpage li{padding-bottom:9px}
div#sidebar{
	height:566px;
	background:none repeat scroll 0 0 #E2E2E2;
	margin-bottom:18px;
	padding:7px;
    overflow-y:auto; 
    overflow-x:hidden;
    height:586px
}
.contentwide2 {
margin-left:0;
margin-right:24px;
position:relative;
width:639px;
}
div.service{	
 	cursor:pointer;
	padding:5px;
	border-bottom:1px solid #fff;
	color:#555555
}

div#leftside2{
	margin-left:24px;
	margin-right:0;
	width:242px;	
}
div.extrainfo{
	width:598px; display:inline; float:left; height:200px; padding:20px; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; overflow-y:auto; overflow-x:hidden;
}
div.extrainfo h5{font:16px/20px Arial; color:#00505d; font-weight:bold; margin-bottom:9px}
div#map{overflow: hidden; width:639px; height:359px}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}