﻿/*Standard Global styles, including leading, fonts and lists*/
body {
	font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size:small;
line-height:18px
  }

/* Standard Blue and green links */
a:link {color: #0000CC;}
a:visited {color: #7DB901}
a:hover {color: #0000CC;
text-decoration:none;}
a:active {color: #0000CC}

/* Headers */

/* Main large green header */
h1 {font-size: xx-large;
color: #009900;
line-height:30px;}

/* Sub Header:  Smaller than above */
h2 {font-size:large;
line-height:20px;}

/* Well spaced out, list with green bullets */
li {
	margin-top:10px;
list-style-image:url(../Final redesign images/bulletpoint.gif);	
list-style-image: url(../Final%20redesign%20images/bulletpoint.gif);
}

/* All images have no border */
img {border:0;}

/* Class the bold the list */
ul.boldList {
font-weight:bold;}

/* Float Images right */
img.right {
float:right;}

/* The border outline for the page: also aligns the page center*/
#masterContainer
{width:760px;
height:3000px;
border-style: solid;
border-width:1px;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
}

/* Rules for The Samaritans HQ oval,*/
#rightimage
{height:150px;
width:207px;
float:left;
}

#rightimage img
{
margin-top:14px;
}
 
/*Top bar in the header */ 
#logobar
{height:50px;
width:551px;
float:right;
}

/* Samaritans Logo in the header */ 
#logo
{margin-right:8px;
margin-top:3px;
float:right;
border:0;}

/*Rules for the green header Bar, with the border */  
#secondbar
{
background-color:#009900;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
float:right;
width:551px;
height:50px; 
voice-family: "\"}\""; 
voice-family:inherit;
width:553px;
height:48px;
}

/*How to display the Samaritans Phonenumber in the title */ 
#number 
{width:200px;
float:left;
margin-top:15px;
font-size:22px;
color:#FFFFFF;
font:Arial, Helvetica, sans-serif;
}

/*Display the Chesterfield Sams Logo */ 
#image 
{width:200px;
float:right;
margin-top:4px;
margin-right:5px;
}

/*The Global Navigation bar */
#thirdbar
{height:50px;
float:left;
width:551px;
}

#thirdbar ul {
margin:0;
margin-left:25px;
padding:0;
list-style:none;
}

#thirdbar li{
float:left;
margin:0;
padding:0;
list-style:none;}

/* The css Navigation bar.  It sets a roll-over for each of the Nav buttons */

#thirdbar_links_access a{
float:left;
width:104px;
height:36px;
display:block;
text-decoration:none;
color:#FFFFFF;
padding: 8px 0px;
font-size:12px;
}
#thirdbar_links_access a{ 
background:url("../Final%20redesign%20images/blankNav.gif") no-repeat ;
}

#thirdbar_links_access a:hover {
background-image:url("../Final%20redesign%20images/blankNav_o.gif");}

/* The left hand column on the homepage and image rule */
#leftColumn
{ width: 374px;
float:left;
text-align:left;
margin-left:10px;
}

#leftColumn img{
margin-top:20px;}

/* The left hand column on the content pages and image rule */
#leftContentColumn
{ width: 200px;
float:left;
text-align:left;
margin-left:30px;
margin-right:40px;
margin-top:40px;
}

#leftContentColumn img
{margin-top:25px;}

/* The Left hand navigation in the content pages */
#leftContentColumn #navBox
{width:187px;}

#leftContentColumn #navBox img
{margin-top:0px;}

#leftContentColumn #navBox #leftCorners
{height: 20px; width: 7px; float: left;}

#leftContentColumn #navBox #rightCorners
{height: 20px; width: 7px; float: left;}

#leftContentColumn #navBox #textBox
{width: 155px; 
float: left;
height: 18px;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
background-color:#009900;
font-weight:bold;
color:#ffffff;
padding-left: 16px;
}

#leftContentColumn #linkBox
{width:173px;
float:left;
border-bottom: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
padding:5px;
}

/* The main right hand column */
#rightColumn
{ width:344px;
float:left;
text-align:left;
margin-left:10px;
margin-top:20px;
}

/* The ticker bar on the fornt-page (See iframe ) */
#tickerAnchor {text-decoration:none;
color:#000000;
float:left;
}

#tickls
{color:#000000;
float:left;}

#ticker
{float:left;}

#tickercolumn
{margin-bottom:20px;
height:40px;
width:342px;
}

/*Form Style for the Donations*/
#checkForm ul {
margin:0;
padding:0;
list-style:none;
}

#checkForm li{
float:left;
margin:0;
padding:0;
list-style:none;}

/*Span for the top text: Donations*/
#donations{
}




