/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 14/01/2009
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. forms
	9. tables
	
	
-------------------------------------------------------*/




										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

										/* ---------- 2. typography ---------- */ 

p {color:#532788;font-size:1.1em;}
p a {
	color:#532788;
	text-decoration:underline;
}
p a:hover {
	color:#2AC2D5;
}

table {
	color:#532788;
}

.p1 {
	color:#2AC2D5;
	font-weight:bold;
}
.p1 a {
	color:#2AC2D5;
	text-decoration:underline;
}
.p1 a:hover {
	color:#2AC2D5;
}

.p2 {
	color:#2AC2D5;
}
.p4 {
	color:#572A80;
}
.sub-p4 {
	color:#572A80;
	font-size:0.9em;
}

/* Logo */
h1 {
	margin:0;
	padding:0;
	background:url(../images/chana_logo.jpg) no-repeat;
	width:335px;
	height:115px;
	text-indent:-9000px;
}


h2 {
	color:#572A80;
}
h3 {
	color:#2AC2D5;
}
h4 {
	color:#00B5CC;
	font-size:1.2em;
}
h5 {}


.clr {
	height:0px;
	width:0px;
	clear:both;
}

.medpan {
	width:94%;
	border-top:1px solid #00B5CC;
	height:1px;
	background:#fff;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
}

										/* ---------- 3. listography ---------- */ 

.c-ul {
	color:#532788;
}
#div-content ul li {
	color:#532788;
	list-style:none;
	background:url(../images/disc.jpg) 1px 7px no-repeat;
	padding-left:15px;
}
#div-content ul li a, #div-content ol li a {
	color:#532788;
	text-decoration:underline;
}

#div-content ol li {
	color:#532788;
	padding:5px 0 5px 0;
}


										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: "trebuchet MS";
	background		: #CBBEDB url(../images/page_bg.jpg) top left repeat-x; 
}


#div-header {
	position		: relative;
	margin			: 44px auto 0 auto;
	width			: 933px;
	height			: 184px;
	background		: url(../images/top_banner.jpg) top left no-repeat;
}

	#div-logo {
		position		: absolute;
		left			: 24px;
		top				: 50px;
	}

#div-wrap {
	position		: relative;
	margin			: 0 auto;
	width			: 933px;
	background		: #fff url(../images/wrap_bg.jpg) top left repeat-y;
	padding-top		: 20px;
}
	
	#div-nav {
		position		: relative;
		float			: left;
		width			: 300px;
		padding-bottom	: 125px;
		z-index			: 6;
	}
	#div-content {
		width			: 630px;
		float			: left;
	}
		#div-content img {
			margin-left		:17px;
		}
		#div-content ul {
			font-size:1.1em;
		}
		
		
			.ind-lnews {
				display:block;
				width:100%;
				background:#00ABC4;
				color:#fff;
				margin:0 0 0 25px;
				width:590px;
				text-indent:10px;
				font-size:1.3em;
			}
			#ind-lnews-block {
				position:relative;
				width:610px;
				margin:0 0 0 20px;
			}
				.ind-lnews-item {
					position:relative;
					float:left;
					width:190px;
					margin:5px;
					background:#CCEEF3;
					height:280px;
				}
					.ln-item-h {
						color:#532788;
					}
						.ln-item-h-d {
							color:#00ABC4;
						}
					.ln-item-rm {
						font-size:0.9em;
						font-weight:normal;
						color:#532788;
					}
		
		
		
		
	#div-donate {
		position		: relative;
		margin-left		: 25px;
		margin-top		: -95px;
		float			: left;
		z-index			: 8;
	}

#div-footer {
	position		: relative;
	width			: 933px;
	margin			: 0 auto;
	background		: url(../images/footer_bg.jpg) top left no-repeat;
	padding-top		: 35px;
}
	.tx-ftr-l {
		float:left;
		color:#572A80;
		font-size:0.85em;
		margin-left:10px;
	}
	.tx-ftr-r {
		float:right;
		color:#572A80;
		font-size:0.85em;
		margin-right:10px;
	}
	.tx-ftr-r a, .tx-ftr-l a {
		color:#572A80;
	}
	.tx-ftr-r a:hover, .tx-ftr-l a:hover {
		text-decoration:underline;
	}



										/* ---------- 5. navigation ---------- */ 
										
#div-nav ul {
}
#div-nav ul li {
	list-style		: none;
	border-top		: 1px solid #9780B8;
	font-size		: 1.3em;
	padding			: 3px 0;
}
#div-nav ul li a {
	color			: #502581;
}
#div-nav ul li a:hover {
	color			: #00A9C3;
}


/* Sub Navigation */


#div-nav ul li ul li {
	border:none;
}
.snav-about, .snav-services, .snav-events, .snav-wellness, .snav-faqs, .snav-news, .snav-help, .snav-resources, .snav-contact {
	display:none;
	list-style:none;
	font-size:70%;
}
/* Making the dropdown visible on the specific pages*/
#page-about-sum .snav-about, 
#page-about-mp .snav-about, 
#page-about-off .snav-about, 
#page-about-pat .snav-about, 
#page-about-tm .snav-about, 
#page-about-tru .snav-about, 
#page-services-cou .snav-services, 
#page-services-hel .snav-services, 
#page-services-med .snav-services, 
#page-services-nur .snav-services, 
#page-services-pro .snav-services, 
#page-services-soo .snav-services, 
#page-services-sup .snav-services, 
#page-services-wel .snav-services, 
#page-services-who .snav-services,
#page-services-bud .snav-services, 
#page-events .snav-events, 
#page-events-fu .snav-events,
#page-wellness .snav-wellness, 
#page-faqs .snav-faqs, 
#page-news .snav-news, 
#page-help-don .snav-help, 
#page-help-vol .snav-help,
#page-help .snav-help,
#page-resources .snav-resources, 
#page-contact .snav-contact, 
#page-contact-det .snav-contact, 
#page-contact-for .snav-contact {
	display:block;
}

/* Changing the colour of the top level item when the dropdown is visible */
#page-home .mn-home, 
#page-about-sum .mn-about, 
#page-about-mp .mn-about, 
#page-about-off .mn-about, 
#page-about-pat .mn-about, 
#page-about-tm .mn-about, 
#page-about-tru .mn-about, 
#page-services-cou .mn-services, 
#page-services-hel .mn-services, 
#page-services-med .mn-services, 
#page-services-nur .mn-services, 
#page-services-pro .mn-services, 
#page-services-soo .mn-services, 
#page-services-sup .mn-services, 
#page-services-wel .mn-services, 
#page-services-who .mn-services, 
#page-services-bud .mn-services, 
#page-events .mn-events, 
#page-events-fu .mn-events, 
#page-wellness .mn-wellness, 
#page-wellman .mn-wellman, 
#page-faqs .mn-faqs, 
#page-news .mn-news, 
#page-help-vol .mn-help, 
#page-help-don .mn-help, 
#page-help .mn-help, 
#page-resources .mn-resources, 
#page-contact .mn-contact, 
#page-contact-det .mn-contact, 
#page-contact-for .mn-contact {
	color:#00A9C3;
}

#div-nav ul li ul li .tx-cmgs  {
	color:#A790BD;
}









/* Extended hover nav styling */

#page-about-sum .p_about_summary a, 
#page-about-mp .p_about_medical_panel a, 
#page-about-off .p_about_office a, 
#page-about-pat .p_about_patrons a, 
#page-about-tm .p_about_team a, 
#page-about-tru .p_about_trustees a {
	color:#00A9C3;
}
#page-services-cou .p_serv_counselling a, 
#page-services-hel .p_serv_helpline a, 
#page-services-med .p_serv_medical a, 
#page-services-nur .p_serv_nurses a, 
#page-services-pro .p_serv_provide a, 
#page-services-sup .p_serv_support a, 
#page-services-wel .p_serv_wellness a, 
#page-services-who .p_serv_whohelp a,
#page-services-bud .p_serv_buddies a {
	color:#00A9C3;
}

#page-wellness .p_well_gen a {
	color:#00A9C3;
}

#page-help-don .p_help_donate a, 
#page-help-vol .p_help_volunteer a {
	color:#00A9C3;
}

#page-contact-det .p_contact_details  a, 
#page-contact-for .p_contact_form  a {
	color:#00A9C3;
}


#page-events-fu .p_events_fu a {
	color:#00A9C3;
}







										/* ---------- 6. page specific structure ---------- */ 
										
										
/* FUTURE EVENTS */

.div-events-holder {
	position:relative;
	border-bottom:1px solid #532989;
	padding-bottom:10px;
	margin-top:10px;
	width:570px;
	margin-left:10px;
}
.div-events-img {
	position:relative;
	float:left;
	width:154px;
}
#div-content .div-events-img img {
	margin-left:0px;
}
.div-events-txt {
	position:relative;
	float:left;
	width:410px;
}

										/* ---------- 7. images ---------- */ 
.pgti-img {
	margin-bottom:15px;
}								

										/* ---------- 8. forms ---------- */ 
										
										
.cf-enq {
	margin			: 0.6em 4%;
}
.formbox {
	border: 1px solid #A790BD;
	width:200px;
}
.submit {
	background:#A790BD;
	color:#fff;
	padding:1px 8px;
}


										/* ---------- 9. tables ---------- */ 
										
										
table {

}

table tr {

}

table tr td {
	padding:4px;
}

table p {
	margin:0.3em 1%;
}