/* Remove padding and margin */ 
/*
*  
    { 
    margin: 0; 
    padding: 0; 
    border: 0; 
}

*/
/***********************************************/
/* Main styles                            */
/***********************************************/ 
body{
	font-family: Arial,sans-serif;
	color:#0066FF;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color: #e6e6e6;
}
#container {
width: 980px;
background-color:#FFFFFF;
margin: 0 auto;
padding: 0;
text-align: left;
}	

/* Global styles */

a:link, a:visited {
	/* color: #3b8ee3; */
	color:#CC0033;
	text-decoration: none;
}

a:hover {
		color:#CC0033;
		text-decoration: underline;
}

/*.white {color:#FFFFFF;}  */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 color:#FFFFFF;
}

h2{
 font-size: 114%;
 color:#0066FF;
 /* color: #333366; */
}

h3{
 font-size: 100%;
 color:#0066FF;
 /* color: #334d55; */
}

h4{
 font-size: 100%;
 font-weight: normal;
 color:#FFFFFF;
 background-color:#333366;
 padding: 5px;
}

h5{
 font-size: 100%;
 color: #334d55;
}


ul{
 list-style-type: square;
 line-height: 1.5;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

/***********************************************/
/* Top of page                                 */
/***********************************************/	
/* Masthead - contains #siteTop, #siteStrap, #login, #tabs, #messages */
#masthead {
	margin: 0;
	padding: 0px 0px;
}

#masthead h1{
	font-size:36px;
	color:#FFFFFF;
}

/* siteTop  contains siteName , siteStrap, login */
#siteTop {
	margin: 0;
	padding: 10px 0px;
	background-image:url(storage/banner.jpg);
	height: 140px;
}


#siteName{
	float: left;
	margin: 0px;
	width: 40%;
	padding: 10px 0px 10px 10px;
}


#siteStrap{
float:left;
	width: 25%;
	margin: 0;
	padding: 10px 10px 10px 0px;
	font-style:italic;
	color: #FFFFFF;
	}
	
#login {
float: right;
margin: 0 18px  0 0;
font-size:12px;
color:#336633;
background-color:#0066FF;
padding: 10px;
}

#login a {
color:#FFFFFF;
}

#login a:hover {
		color:#FFFFFF;
		text-decoration: underline;
}
	
/* tabs  - the main navigation*/

#tabs {
	float:left;
	margin-top: 10px;
	margin-left: 0px;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:2px solid #3686DA;
	margin-bottom:1em; /*margin between menu and rest of page*/
	overflow:hidden;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url(..storage/navleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#tabs a span {
	float:left;
	display:block;
	background:url(http://www.singleagain.co.uk/storage/navright.png) no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}


#messages {
  float:right;
	margin: 0;
	padding: 10px 0px 10px 0px;
	font-style:normal;
	}
	

/***********************************************/
/* Content area - #content, leftCol, #rightCol                     */
/***********************************************/

#content{
  float:right;
	width: 75%;
	margin: 0;
	padding: 0 3% 0 0;
}

#leftCol{
	margin: 0 79% 0 5px;
	padding: 0px;
}

#rightCol{
	margin: 0 5px 0 79%;
	padding: 0px;
}

#rightCol h3{
color:#FFFFFF;
}


/* Content area - #introContent, #pageName, contentBoxes */

#introContent{
  float:left;
	width: 75%;
	margin: 0;
	padding: 0 0 0 1%;
}

#pageName{
	padding: 0px 0px 10px 10px;
}

#contentBoxes {
font-size: 90%;
}

#contentBoxes h3 {
 font-size: 100%;
 font-weight: normal;
 padding: 5px;
 color:#FFFFFF;
 margin: 0 0 5px 0;
}

#contentBoxes ul {
margin: 0;
padding: 0;
color:#0066FF;
/* color:#003399; */
list-style-type:circle;
}

#contentBoxes li {
list-style:inside;
}

#contentBoxes a:link, a:visited {
	/* color: #3b8ee3; */
	color:#CC0033;
	text-decoration: none;
}

#contentBoxes a:hover {
		color: #CC3333;
		text-decoration: underline;
}

#contentBoxes p {
margin:.5em 0 .5em 0;
}

#contentboxLeft{
	float:left;
	padding: 0px 0px 30px 10px;
	width: 30%;
	font-size: 85%;
}

#contentboxLeft h3{
 background-color:#333366;
}

#contentboxMiddle{
	float:left;
	padding: 0px 0px 10px 10px;
	width: 30%;
	font-size: 85%;
}	

#contentboxMiddle h3{
 background-color:#FF3399;
}

#contentboxRight {
    float:left;
	padding: 0px 0px 10px 10px;
	width: 30%;
	font-size: 85%;
}	

#contentboxRight h3{
 background-color:#996699;
}

#contentboxBottomleft {
    float:left;
	padding: 0px 0px 10px 10px;
	width: 30%;
	font-size: 85%;
}	

#contentboxBottomleft h3{
 background-color:#009933;
}

#contentboxBottommiddle {
    float:left;
	padding: 0px 0px 10px 10px;
	width: 30%;
	font-size: 85%;
}	

#contentboxBottommiddle h3{
 background-color:#FF6666;
}

#contentboxBottomright {
    float:left;
	padding: 0px 0px 10px 10px;
	width: 30%;
	font-size: 85%;
}	

#contentboxBottomright h3{
 background-color:#993300;
}


/* Columns - #leftNav, #join, #chat, #twitter */


#leftNav {
	padding: 0px 0px 5px 10px;
}

#join {
	margin: 10px; 
	padding: 8px 8px 5px 8px;
	background-color:#0066FF;
	width: 180 px;
	font-size: 80%;
}

#chat {
	margin: 10px; 
	padding: 8px 8px 5px 8px;
	background-color:#006633;
	width: 180 px;
	font-size: 80%;
}

#twitter {
	margin: 5px; 
	padding: 5px;
	width: 180 px;
	font-size: 80%;
}



/************* #breadCrumb styles *************/

#breadCrumb {
	float:left;
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}	

.breadCrumblink a:link, a:visited, a:hover {
	color: #003366;
	text-decoration: none;
}

.breadCrumblink a:hover {
	text-decoration: underline;
}

/************** #content styles ***************/

.currentDate {
	padding: 0px 0px 10px 10px;
	font-size: 90%;
	line-height: 1.75;
}

.pageIntro{
	padding: 0px 0px 10px 10px;
	font-size: 90%;
	line-height: 1.75;	
}

.pageIntro img{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

.pageIntro h3{
	padding: 0px 0px 5px 0px;
	text-align:left;
}

.story{
	clear: both;
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* Page footer ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

.bluebanner h3{
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0 5px 5px 0;
}

/* adjust margins to change separation between the feature image and text flowing around it */

.clearfloat {
clear:both;
height:0;
font-size:1px;
}

.standard {
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style: normal;
	line-height: 125%;
	color: #666666;
}

.whiteheaders h3, h4, h5, h6 {
color:#FFFFFF;
}

.column {
color:#FFFFFF;
}

.column a {
color:#FFFFFF;
}

.column a:hover {
		text-decoration: underline;
}

.whitelink a {
color:#FFFFFF;
}

.whitelink a:hover {
		text-decoration: underline;
}
/*
#navlist
{
padding: 0 1px 1px;
margin-left: 10;
font: bold 12px Verdana, sans-serif;
background: gray;
width: 13em;
}

#navlist li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #AAB;
background: #CCD;
text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}
*/