/* CSS Document */
/* 
Title:     Homestart South Cardiff
Author:    huw@logicsoftware.co.uk
Updated:   03/04/2007
*/

/* html tags */

body
{
	background:url(../images/img_background.gif);
	margin:20px;
}

h3
{
	color:#EF3E2D;
	font-size:150%;
	letter-spacing:2px;
}

/* layout styles */

#content
{	
	margin:10px 20px 10px 20px;
	font-size:75%;
}
#content a
{
	color:blue;
}

#header
{
	background:url(../images/img_header.jpg) no-repeat;
	height:270px;
}
#header img
{
	border:0px;
}

#container
{
	width:700px;
	margin:0px auto;
	background:white;
}

#main
{
	font-family:arial,verdana;
	border-left:solid 5px #ffffff;
	border-right:solid 5px #ffffff;
	letter-spacing:0px;	
	line-height:130%;	
}

#footer
{
	background:url(../images/img_footerbackground.gif) no-repeat;
	height:40px;
}

#copyright
{
	padding-top:8px;
	font-size:75%;
	font-family:arial,verdana,helvetica;
	color:white;
	padding-left:20px;
	float:left;
}
#power
{
	float:right;
	padding-top:8px;
	padding-right:20px;
	font-size:75%;
	font-family:arial,verdana,helvetica;
	color:white;
	padding-left:20px;
}
#power a
{
	color:#ffffff;
	text-decoration:underline;
}
#power a:hover
{
	color:#ffffff;
	text-decoration:none;	
}

/* menu styles */
#horznav
{	
	
}

#horznav ul
{
	cursor: default;
	list-style-type: none;
	display: inline;
	margin-top:10px;
	margin-bottom:20px;	
}

#horznav li
{
	float:left;
	list-style-type:none;
	font-size:11px;	
	letter-spacing:1px;
	border-left:solid 2px #ffffff;		
	padding-top:10px;
	padding-bottom:15px;
}

#horznav a
{	
	padding-left:25px;
	padding-right:25px;
	padding-bottom:8px;
	padding-top:12px;
	text-decoration:none;
	color:black;
	background:url(../images/img_menubackground.jpg) no-repeat;
}

#horznav a:hover
{
	color:black;
	background:url(../images/img_menubackground_over.jpg) no-repeat;	
}

/* quote styles */

#quotes
{
	margin-top:-10px;
	width:200px;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
#quotes hr
{
	margin:0px 10px 0px 10px;
	color: #ccccccc;
	background-color: #cccccc;
	height: 0px;
}
#quotes h3
{
	color:#ffffff;
	margin-left:5px;
	margin-top:5px;	
}
#quotesheader
{
	padding:5px 10px 5px 10px;
	background:url(../images/img_quotesheader.gif);
}
#quotesfooter
{
	height:20px;
	width:200px;
	background:url(../images/img_quotefooter.gif);
}
#quotescontent
{
	background:#efefef;
	border-top:solid 1px #ffffff;
}

.pullquote {
	line-height:160%;
	margin:10px;
	background: url(../images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 10px 5px 0px;
}

.pullquote:first-letter {
	background: url(../images/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 20px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

.quoteperson
{
	float:right;
	margin-right:10px;
	font-weight:bold;
	margin-bottom:0px;
}

#quotes h3
{
	margin:5px;
}

/* staff styles */

.staff
{
	width:400px;
}
.staff TD
{
	width:50%;
	border-bottom:solid 1px #efefef;
}
/* address styles */

#address ul
{
	list-style-type:none;
	margin-left:-10px;
	padding:0;
}
#address li
{
list-style-type: none;
margin-left:-40px;
}

.contact h3
{
	color:#FFCC00;
}
.news h3
{
	color:#82B859;
}
.getinvolved h3
{
	color:#9933FF;
}
.whatwedo h3
{
	color:#FF9900;
}
.aboutus h3
{
	color:#0099FF;
}

/* menu link styles */
.homelink
{
border-bottom:solid 5px #EF3E2D;
}
.aboutuslink
{
border-bottom:solid 5px #0099FF;
}
.whatwedolink
{
border-bottom:solid 5px #FF9900;
}
.getinvolvedlink
{
border-bottom:solid 5px #9933FF;
}
.newslink
{
border-bottom:solid 5px #82B859;
}
.contactlink
{
border-bottom:solid 5px #FFCC00;
}
.homelink_selected
{
border-bottom:solid 10px #EF3E2D;
}
.aboutuslink_selected
{
border-bottom:solid 10px #0099FF;
}
.whatwedolink_selected
{
border-bottom:solid 10px #FF9900;
}
.getinvolvedlink_selected
{
border-bottom:solid 10px #9933FF;
}
.newslink_selected
{
border-bottom:solid 10px #82B859;
}
.contactlink_selected
{
border-bottom:solid 10px #FFCC00;
}
#container #main #content  h4 {
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
#mailinglist
{
	margin-top:30px;
	width:600px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}
#mailinglistheader
{
	background:url(../images/img_mailinglisthead.gif) no-repeat;
	height:10px;
}
#mailinglistmain
{
	background:#efefef;
}
#mailinglistfooter
{
	background:url(../images/img_mailinglistfoot.gif) no-repeat;
	height:10px;	
}
.newsarticle-blue  img
{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 8px #efefef;
}
.newsarticle-blue
{
	clear:both;
	background-color: #E6F4F9;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.newsarticle-grey {
	clear:both;
	background-color: #F0F0F0;
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#content h2 {
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #82B859;
	font-size: 1.3em;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9EACC;
	padding-top: 4px;
}

.newsarticle-grey img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 8px #efefef;
}