/*----------
	CCLSWA - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #333333;
	font: 62.5%/2.0em Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(/images/core/bg-home.jpg) no-repeat 50% 0;
}

body#p-home {
  background: #FFFFFF url(/images/core/bg-home.jpg) no-repeat 50% 0;
}

#container {
  width: 800px;
  margin: 0 auto;
  font-size: 1.2em;
}

#content {
  border-top: 7px solid #D87A20;
  padding: 20px 0 0 0;
}

#text {
  text-align: justify;
}

/*----------	CoMMoN STYLeS	----------*/
a { color: #DE3748; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4 {
  padding: 10px 0 0 0;
  font-weight: normal;
}
h2 { font-size: 1.5em; padding: 10px 0; }
h3 { font-size: 1.3em; padding: 10px 0 20px 0; font-weight: bold; }
h4 { font-size: 1.1em; font-weight: bold; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #D87A20; margin: 10px 0; }
p { margin: 0 0 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { text-align: right; font-size: 0.9em; margin: 10px 0; }

#mudmap { margin: 10px; float: right; }
.inner_photos { float: right; margin: 10px; }




/*----------	H1 STYLeS	----------*/
h1 {
  height: 30px;
  width: 320px;
  display: block;
  font-size: 2.7em;
  text-indent: -9999px;
}

#p-home h1 { background: url(/images/core/h1-home.gif) no-repeat; }
#p-profile h1 { background: url(/images/core/h1-profile.gif) no-repeat; }
#p-advice_line h1 { background: url(/images/core/h1-advice_line.gif) no-repeat; }
#p-volunteering h1 { background: url(/images/core/h1-volunteering.gif) no-repeat; }
#p-education_and_training h1 { background: url(/images/core/h1-education_training.gif) no-repeat; }
#p-case_studies h1 { background: url(/images/core/h1-case_studies.gif) no-repeat; }
#p-fact_sheet h1 { background: url(/images/core/h1-fact_sheet.gif) no-repeat; }
#p-news_links h1 { background: url(/images/core/h1-news_links.gif) no-repeat; }
#p-contact h1 { background: url(/images/core/h1-contact.gif) no-repeat; }
#p-thankyou h1 { background: url(/images/core/h1-thankyou.gif) no-repeat; }



/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 800px;
  height: 165px;
  position: relative;
}
#header #logo {
  top: 0;
  left: 1px;
  position: absolute;
}
#header #cta-call {
  top: 4px;
  left: 385px;
  position: absolute;
}
#header #slogan {
  top: 67px;
  left: 239px;
  position: absolute;
}


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  top: 142px;
  left: 0;
  position: absolute;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; }
#nav ul li a { display: block; float: left; text-indent: -9999px; height: 16px; }
#nav ul li a:hover { background-position: 0 -16px !important; }
#nav li#home a { background: url(/images/nav/home.gif) no-repeat; width: 45px; }
#nav li#profile a { background: url(/images/nav/profile.gif) no-repeat; width: 59px; }
#nav li#advice_line a { background: url(/images/nav/advice_line.gif) no-repeat; width: 87px; }
#nav li#volunteering a { background: url(/images/nav/volunteering.gif) no-repeat; width: 100px; }
#nav li#education_training a { background: url(/images/nav/education_training.gif) no-repeat; width: 154px; }
#nav li#case_studies a { background: url(/images/nav/case_studies.gif) no-repeat; width: 98px; }
#nav li#fact_sheet a { background: url(/images/nav/fact_sheet.gif) no-repeat; width: 79px; }
#nav li#news_links a { background: url(/images/nav/news_links.gif) no-repeat; width: 100px; }
#nav li#contact a { background: url(/images/nav/contact.gif) no-repeat; width: 77px; }

#p-home li#home a,
#p-profile li#profile a,
#p-advice_line li#advice_line a,
#p-volunteering li#volunteering a,
#p-education_and_training li#education_training a,
#p-case_studies li#case_studies a,
#p-fact_sheet li#fact_sheet a,
#p-news_links li#news_links a,
#p-contact li#contact a {
  background-position: 0 -16px !important;
}



/*----------	BaNNeR STYLeS	----------*/
#p-home #banner {
  width: 800px;
  height: 270px;
  display: block;
  overflow: hidden;
}

#banner {
  width: 800px;
  height: 270px;
  display: block;
  overflow: hidden;
  margin: 0 0 10px 0;
}

#p-profile #banner { background: url(/images/core/banner2.jpg) no-repeat; }
#p-advice_line #banner { background: url(/images/core/banner3.jpg) no-repeat; }
#p-volunteering #banner { background: url(/images/core/banner4.jpg) no-repeat; }
#p-education_and_training #banner { background: url(/images/core/banner5.jpg) no-repeat; }
#p-case_studies #banner { background: url(/images/core/banner6.jpg) no-repeat; }
#p-fact_sheet #banner { background: url(/images/core/banner3.jpg) no-repeat; }
#p-news_links #banner { background: url(/images/core/banner4.jpg) no-repeat; }
#p-contact #banner { background: url(/images/core/banner2.jpg) no-repeat; }
#p-thankyou #banner { background: url(/images/core/banner.jpg) no-repeat; }


/*----------	CTa STYLeS	----------*/
#ctas-top { margin: 10px 0; font-size: 0.8em; }
#ctas-top ul#cta-top { margin: 0; list-style-type: none; }
#ctas-top ul#cta-top li {
  float: left;
  width: 361px;
  height: 61px;
  display: block;
  padding: 13px 17px;
  background: url(/images/core/cta-top-bg.gif) no-repeat;
}
#ctas-top ul#cta-top li h2 {
  text-indent: -9999px;
  height: 24px;
  padding: 0;
  display: block;
}
#ctas-top ul#cta-top li p { margin: 0; }
#ctas-top ul#cta-top li a { font-weight: bold; }
#ctas-top ul#cta-top li a.download {
  padding: 5px 0 5px 30px;
  background: url(/images/core/icon-dwl.gif) no-repeat left center;
}
#ctas-top ul#cta-top li#cta-hot_topic { margin: 0 0 0 10px; }
#ctas-top ul#cta-top li#cta-hot_topic h2 {
  width: 123px;
  background: url(/images/core/h2-hot_topics.gif) no-repeat;
}
#ctas-top ul#cta-top li#cta-hot_topic ul#cta-download {
  margin: 0;
  list-style-type: none;
}
#ctas-top ul#cta-top li#cta-hot_topic ul#cta-download li {
  background: none;
  padding: 0;
  height: auto;
}
#ctas-top ul#cta-top li#cta-advice h2 {
  width: 370px;
  background: url(/images/core/h2-advice.gif) no-repeat;
}

#ctas-bottom { margin: 10px 0; }
#ctas-bottom ul#cta-bottom { margin: 0; list-style-type: none; }
#ctas-bottom ul#cta-bottom li { float: left; width: 395px; height: 185px; }
#ctas-bottom ul#cta-bottom li#our_mission { margin: 0 0 0 10px; }
#ctas-bottom ul#cta-bottom li#cta-volunteering {
  width: 371px;
  height: 133px;
  font-size: 0.8em;
  line-height: 14px;
  padding: 42px 12px 10px 12px;
  background: #C4C4C4 url(/images/core/h2-volunteer.gif) no-repeat;
}
#ctas-bottom ul#cta-bottom li#cta-volunteering p {
  margin: 0 0 15px 0;
}

#ctas-bottom ul#cta-bottom li#cta-volunteering a.register {
  width: 140px;
  height: 40px;
  display: block;
  float: right;
  background: url(/images/core/button-register.gif) no-repeat;
}

#ctas-bottom ul#cta-bottom li#cta-volunteering a.register:hover {
  background-position: 0 -41px !important;
}



/*----------	PRoFILE STYLeS	----------*/
#p-profile dl { width: 600px; margin: 0 0 10px 0; }
#p-profile dt { font-weight: bold; float: left; width: 250px; }


/*----------	eDUCaTIoN STYLeS	----------*/
#p-education_and_training ul li ul { margin: 10px 30px;}


/*----------	FaCT SHeeT STYLeS	----------*/
#p-fact_sheet ul#sheets { margin: 0 0 20px 0; list-style-type: none; }
#p-fact_sheet ul#sheets li { margin: 5px; }
#p-fact_sheet ul#sheets a {
  padding: 0 0 2px 20px;
  background: url(/images/icon-file.gif) no-repeat left center;
}
a.doc, a.docx {
  padding: 0 0 2px 20px;
  background: url(/images/icon-word.gif) no-repeat left center !important;
}
a.pdf {
  padding: 0 0 2px 20px;
  background: url(/images/icon-pdf.gif) no-repeat left center !important;
}
ul.downloads {margin:15px 0; padding:0;}
ul.downloads li{list-style:none; margin:0; padding:0;}


/*----------	NeWS STYLeS	----------*/
#p-news_links ul#news { margin:0; list-style-type: none; }
#p-news_links ul#news li h4 { cursor: pointer; padding:10px; }
#p-news_links ul#links { list-style-type: none; margin: 0 10px 20px 10px; }
#p-news_links ul#news li .image-container {float:left; width:130px; padding:5px;}
#p-news_links ul#news li {margin:0 0 20px 0; border:1px dashed #ececec;}
.desc li{margin:0 !important; border:none !important;}
.desc  {padding:10px;}

/*----------	FooTeR STYLeS	----------*/
#footer { color: #666666; border-top: 1px solid #898989; padding: 10px; text-align: center; }
#footer a { text-decoration: none; color: #666666; }
#footer a:hover { text-decoration: underline; }
#footer p { margin: 0; }
#footer #copyright { font-size: 0.9em; }