/* 

Client:
Created: 
Last Modified:

*/

@import url("demostyles.css");
@import url("jScrollPane.css");
@import url("sifr.css");

/* ---- DEFAULT STYLES ------
-------------------------------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		color: #ffffff;
		background: #3d184e;
		}
		
	.wrapper {
		width: 980px;
		margin: 0px auto;
		padding: 0px;
		}
	
	img {
		padding:0; margin:0; line-height: 0;
		}
		
	.clear {
		clear:both;
		position:relative;
		font-size:0px;
		height:0;
		line-height:0; 
		}
		
	h1, h2, h3, h4, h5, h6 {
		padding:0;
		margin: 0;
	}
	
	h1 {
		font-size: 2em;
		margin-bottom: 20px;
		color: #fe9a00;
		font-weight: normal;
	}
	
	h2 {
		font-size: 1.4em;
		color: #ffffff;
		margin-bottom: 10px;
		font-weight: normal;
		text-transform: lowercase;
	}
	
	h3 {
		font-size: 1em;
		color: #ffffff;
		margin-bottom: 10px;
	}
	
	a img {
		border:none;
	}
		
	a { 
		color: #fe9a00;
	}
	
	a:hover { color:#ffffff; }
	
	p { 
		padding: 0 0 1.2em 0;
		margin: 0;
		line-height: 1.4em;
	}	
	
	ul {
		margin: 0 0 15px 25px;
		padding: 0;
	}
		
	a.readMore {
		float: right;
		display: block;
		width: 101px;
		height: 13px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		background: url('../images/generic/read-more.gif') 0 0 no-repeat;
	}
	
	a.readMore:hover {
		background: url('../images/generic/read-more.gif') 0 -14px no-repeat;
	}
	
/* ---- HEADER ------
-------------------------------------------------------------------- */

	.logoMain {
		float: left;
		display: block;
		width: 267px;
		height: 30px;
		text-indent: -9999px;
		background: url('../images/generic/logo-main.gif') 0 0 no-repeat;
	}

	.header {
		height: 63px;
		padding: 55px 0 0 0;
		background:url(../images/generic/header-bg.jpg) 0 -30px no-repeat;	
	}
	


/* ---- COLUMN GRIDS ------
-------------------------------------------------------------------- */

	.content {
		float: right;
		width: 820px;
		padding: 0;
	}

/* ---- NAV 1 ------
-------------------------------------------------------------------- */

	.nav1Container {
		float: left;
		width: 145px;
		margin: 40px 0 0 0;
		}
		
	ul#nav1 {
		margin:0;
		padding:0;
	}

	#nav1 li {
		margin:0 0 6px 0;
		padding: 0;
		list-style:none;
		}

	#nav1 li a {
		display:block;
		width: 110px;
		height:14px;
		text-indent:-999px;
		overflow:hidden;   
		}
		
	#nav1 li:hover ul, #nav1 li.hover ul {
		display:block
		}

	#nav1 li a:hover {
		background-position:0 -14px !important;
		height: 14px;
		}

	#nav1 li a.nav1Home {
		background:url('../images/nav/nav1-home.gif') no-repeat left top;
		}
		
	#nav1 li a.nav1About {
		background:url('../images/nav/nav1-about.gif') no-repeat left top;
		}	

	#nav1 li a.nav1Kids {
		background:url('../images/nav/nav1-kids.gif') no-repeat left top;
		}

	#nav1 li a.nav1Parents {
		background:url('../images/nav/nav1-parents.gif') no-repeat left top;
		}

	#nav1 li a.nav1Donate {
		background:url('../images/nav/nav1-donate.gif') no-repeat left top;
		}

	#nav1 li a.nav1Workshops {
		background:url('../images/nav/nav1-workshops.gif') no-repeat left top;
		}

	#nav1 li a.nav1Help {
		background:url('../images/nav/nav1-help.gif') no-repeat left top;
		}	
		
	#nav1 li a.nav1News {
		background:url('../images/nav/nav1-news.gif') no-repeat left top;
	}

	#nav1 li a.nav1Contact {
		background:url('../images/nav/nav1-contact.gif') no-repeat left top;
		}
				
	/* selected nav */

	#nav1 li a#active { 
		height: 14px;
		background-position:0 -14px !important	
	 }

	 
	 /* ---- HOMEPAGE SPECIFIC ------
-------------------------------------------------------------------- */
	
	.homeContent {
		background:url(../images/home/home-content-bg.jpg) no-repeat;
	}
	
	.homeText {
		width: 350px;
		padding: 0 0 0 30px;
		margin: 80px 0 0 0;
	}

	
	 /* ---- ALL PAGES SPECIFIC ------
-------------------------------------------------------------------- */
	
	.homeContent, .aboutContent, .donateContent, .newsContent, .contactContent, .helpContent {
		height: 542px;
	}
	
	.aboutContent {
		background:url(../images/about/about-content-bg.jpg) no-repeat;
	}
	
	.donateContent {
		background:url(../images/donate/donate-content-bg.jpg) no-repeat;
	}
	
	.helpContent {
		background:url(../images/help/help-content-bg.jpg) no-repeat;
	}
	
	.pageText {
		float: left;
		width: 350px;
		height: 200px;
		padding: 0 0 0 30px;
		margin: 80px 0 0 0;
	}
	
	.scrollBox {
		width: 350px;
		height: 160px;
		overflow: auto;
	}
	
		/* ---- CONTACT SPECIFIC------
-------------------------------------------------------------------- */	

	.contactForm {
		float: left;
		margin: 130px 0 0 0;
	}


		/* ---- FORM STYLE ------
-------------------------------------------------------------------- */

	.form {
		margin: 0 0 20px;
		border: 0;
	}

	.form .label {
		width: 200px;
		padding: 6px 0;
		margin-bottom: 2px;
	}
	
	.form td {
		padding: 3px 0;
	}
	


	.form input.text, .form textarea, .form.input.fileUpload {
		border: 1px solid #cccccc;
		width: 150px;
		color: #333;
		padding: 3px;
		margin: 0;
		vertical-align: middle;
		background: #ffffff;
		font-size: 0.9em;
		font-family: Arial, Verdana, Tahoma;

	}

	.form select {
		color: #333;
		padding: 0;
		vertical-align: middle;
		font-size: 0.85em;

	}

	input.submitButton {	
		border: 0;
		width: auto;
		padding: 3px;
		background: #459A37;
		cursor:pointer;	
		color:#FFFFFF;
		font-size: 1.1em;
	}	
	
	.required {
		visibility: hidden;
		margin: 0 0 0 10px;
		padding: 2px 0 0 0;
		color: #ffffff;

	}
	
	

	
	/* ---- FOOTER ------
-------------------------------------------------------------------- */	
	
	
	.footer {
		height: 125px;
		padding: 10px 0 0 0;
		background: url(../images/generic/footer-bg.jpg) no-repeat;
	}
	
	.legal {
		float: left;
		padding: 20px 0 0 0;
	}
	
	a.safetyHouse {
		float: right;
		display: block;
		width: 51px;
		height: 49px;
		margin: 0 10px 0 0;
		text-indent: -9999px;
		background:url(../images/generic/footer-logo-safety-house.gif) 0 0 no-repeat;
	}
	
	a.safetyHouse:hover {
		background:url(../images/generic/footer-logo-safety-house.gif) 0 -49px no-repeat;
	}
	
	a.donateButton {
		float: right;
		display: block;
		width: 117px;
		height: 19px;
		margin: 20px 10px 0 0;
		text-indent: -9999px;
		background:url(../images/generic/donate.gif) 0 0 no-repeat;
	}
	
	a.donateButton:hover {
		background:url(../images/generic/donate.gif) 0 -22px no-repeat;
	}
	
	
	
	a.ticktock {
		float: right;
		display: block;
		width: 48px;
		height: 31px;
		margin: 15px 0 0 0;
		padding: 0;
		text-indent: -9999px;
		background: url('../images/generic/ticktock.gif') 0 0 no-repeat;
	}
	
	a.ticktock:hover {
		background: url('../images/generic/ticktock.gif') -48px 0 no-repeat;
	}