/* 
CSS Document 
Cheshire Dance

Written by Chris Jackson, CoCreate, 04.09.07.
Mantained by Adam Holloway, Cheshire Dance

*/

html {
height:100%;
margin-bottom:1px;
}
body {
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
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;
}

#banner.home {
	background-image:url(../images/banner_home.jpg);
}
#banner.practitioners {
	background-image:url(../images/banner_practitioners.jpg);
}
#banner.classes {
	background-image:url(../images/banner_classes.jpg);
}
#banner.prog {
	background-image:url(../images/banner_classes.jpg);
}
#banner.diversity {
	background-image:url(../images/banner_diversity.jpg);
}
#banner.health {
	background-image:url(../images/banner_theteam.jpg);
}
#banner.inpartnership {
	background-image:url(../images/banner_partnership.jpg);
}
#banner.intouch {
	background-image:url(../images/banner_intouch.jpg);
}
#banner.team {
	background-image:url(../images/banner_theteam.jpg);
}
#banner.gallery {
	background-image:url(../images/banner_classes.jpg);
}
#banner.signpost {
	background-image:url(../images/banner_signpost.jpg);
}


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

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

}

#menu a {

display:block;
width:200px;
height:30px;
font-family:Verdana;
color:#333333;
font-size:12px;
text-decoration:none;
}

#menu ul{
height:300px;
text-align: left;

}
#menu ul, li{
list-style-type: none;
margin:0;
padding:0;
}
#menu li{
width:200px;
height:10px;
padding:10px 0px 10px 0px;
float:left;
}
#menu.home li{
border-top:1px dotted #CC3300;
}
#menu.classes li{
border-top:1px dotted #CC0066;
}
#menu.prog li{
border-top:1px dotted #CC0066;
}
#menu.practitioners li{
border-top:1px dotted #0066FF;
}
#menu.diversity li{
border-top:1px dotted #990099;
}
#menu.health li{
border-top:1px dotted #990099;
}
#menu.partnership li{
border-top:1px dotted #FF9900;
}
#menu.intouch li{
border-top:1px dotted #003399;
}
#menu.team li{
border-top:1px dotted #66CC00;
}
#menu.gallery li{
border-top:1px dotted #CC0066;
}
#menu.home li.team{
border-bottom:1px dotted #CC3300;
}
#menu.classes li.team{
border-bottom:1px dotted #CC0066;
}
#menu.prog li.team {
border-bottom:1px dotted #CC0066;
}
#menu.practitioners li.team{
border-bottom:1px dotted #0066FF;
}
#menu.diversity li.team{
border-bottom:1px dotted #990099;
}
#menu.health li.team{
border-bottom:1px dotted #990099;
}
#menu.partnership li.team{
border-bottom:1px dotted #FF9900;
}
#menu.intouch li.team{
border-bottom:1px dotted #003399;
}
#menu.team li.team{
border-bottom:1px dotted #66CC00;
}
#menu.gallery li.gallery{
border-bottom:1px dotted #CC0066;
}


#menu li a{
display:block;
width:200px;
height:30px;
font-family:Verdana;
color:#333333;
font-size:12px;
text-decoration:none;
}
#menu li a:hover#home{
color:#CC3300;
}
#menu li a:hover#classes{
color:#CC0066;
}
#menu li a:hover#prog{
color:#FF3366;
}
#menu li a:hover#practitioners{
color:#0066FF;
}
#menu li a:hover#diversity{
color:#990099;
}
#menu li a:hover#health{
color:#990099;
}
#menu li a:hover#partnership{
color:#FF9900;
}
#menu li a:hover#intouch{
color:#003399;
}
#menu li a:hover#team{
color:#66CC00;
}
#menu li a:hover#gallery{
color:#CC0066;
}
#menu li a:hover#signpost{
color:#339999;
}





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

#centre{
width:800px;
margin:0 auto 0 auto;
padding:30px 0 20px 0;
}
#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 {
	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;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	vertical-align: top;
}

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

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

#contentTextTitle {
margin:0px 0px 0px 0px;
}

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

#contentTextTitle.home p {
color:#CC3300;
}
#contentTextTitle.practitioners p {
color:#0066FF;
}
#contentTextTitle.classes p {
color:#CC0066;
}
#contentTextTitle.prog p {
color:#FF3366;
}
#contentTextTitle.diversity p {
color:#990099;
}
#contentTextTitle.inpartnership p {
color:#FF9900;
}
#contentTextTitle.intouch p {
color:#003399;
}
#contentTextTitle.team p {
	color:#FF3366;
}
#contentTextTitle.gallery p {
color:#CC0066;
}
#contentTextTitle.signpost p {
color:#339999;
}

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

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