/* CSS Document 

--------------------------------------------------------------------
						Matt Clayburn, CoCreate, matt@cocreatedesign.com
						for
						CoCreate CMS Template
						17/02/2009
						
						Version 1.0
						
						**Please annotate amendments and log below**
						--------------------------------------------
						Amendments
						----------
						
						
						--------------------------------------------

## Designers Notes
------------------
Colours
-------	
dark blue text: #142c4f
light blue text: #00a3eb			
--------------------------------------------------------------------
*/
*{margin:0;padding:0;}
html{min-height:100%;margin:0 0 1px 0;}
img{border:none;}

/* 
CSS Document 

Wallasey Village URC

Chris Jackson, CoCreate

10.10.07

*/

body {
background-color: #FFFFFF; 
}

#container {
	margin: 0px auto 0px auto;
	width: 880px;
}

#header {
	margin: 0px auto 0px auto;
	width: 880px;
	height: 35px;
	background-image:url(../images/top_shadow.gif);
	background-repeat:no-repeat;
}
#page {
	width: 880px;
	background-image:url(../images/bg_strip.gif);
	background-repeat:repeat-y;
}



/* ------------- 
     BANNER 
----------------- */

#banner {
	margin: 0px 40px 0px 40px;
	width:800px;
	height:200px;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	float:left;
	display:inline;
}
#banner a{
	width:800px;
	height:200px;
	display:block;
}

#banner.home {
	background-image:url(../images/banner_wvurc.jpg);
}



/*-------------------
	 MENU
--------------------*/

#menu {
	width: 200px;
	height:300px;
	float:left;
	display:inline;
	margin: 30px 0px 0px 40px;

}

#menu ul{
height:300px;
text-align: left;
display:inline;
}
#menu ul, li{
list-style-type: none;
margin:0;
padding:0;
}
#menu li{
width:200px;
height:10px;
padding:10px 0px 10px 0px;
float:left;
display:inline;
}
#menu.home li{
border-top:1px dotted #66CC00;
}

#menu a.menu{
display:block;
width:200px;
height:30px;
font-family:Verdana;
color:#333333;
font-size:12px;
text-decoration:none;
}
#menu a.menu:hover{
color:#CC3300;
}


/*-------------------
	 Content
--------------------*/

#centre{
width:800px;
}
#content {
	display:block;
	width: 500px;
	float:left;
	margin: 30px 0px 0px 50px;
}

#contentBlock {
	display:block;
	width: 500px;
	background-color:#339999;
	float:left;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
}

#contentBlock p, table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333333;
	text-align:left;
	padding: 2px 0px 2px 4px;
}
#contentBlock.white p {
color:#FFFFFF;
}

#contentText{
width:500px;
margin:30px 0px 20px 50px;
float:left;
display:inline;
}
#contentText .columns{
margin:20px 0 0 0;
width:250px;
float:left;
display:inline;
}

#contentText p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:normal;
color:#333333;
text-align:left;
}

#contentText a{
	color:#333333;
	text-decoration:underline;
}

#contentTextTitle {
margin:0 0 10px 0;
width:500px;
}

#contentTextTitle p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
line-height:28px;
color:#66CC00;
text-align:left;
margin:0;
padding:0;
}

#clear{
clear:both;
width:880px;
}
/*--------- footer ------------*/

#bottom{
height:72px;
width:880px;
background-image:url(../images/footer.gif);
background-repeat:no-repeat;
}
#bottom .cocreate{
	width:800px;
	text-align:left;
	float:left;
	margin:0px 0px 0px 40px;
}
#bottom .cocreate a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:right;
text-decoration:underline;
}
#footer{
width:800px;
}
#footer p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:300px;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	margin:0px 0px 0px 40px;
}
#footer .copyright{
	text-align:left;
	float:left;
	display:inline;
}
#footer .contact{
	text-align:right;
	float:right;
	margin: 0px 0px 0px 0px;
}
#footer a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}


/* --------------------
		Items
-----------------------*/
.item{margin:0 0 10px 0;}