/* CSS Document */
body {
  font-size:85%;
  font-family:Arial, "Lucida Grande", Lucida, Verdana, Tahoma, sans-serif;
  line-height:150%;
  behavior: url(assets/css/csshover.htc);
  background-color:white;
}

* {
  margin:0;
  padding:0; 
}

a {
  text-decoration:none;
  color:#FCF6BE;
  margin:0;
  padding:0;
  text-decoration:underline;
  
}

a:hover {
  border-bottom:1px double #FCF6BE;
}

a h3 {
  color:black;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main {
  width:960px;
  margin: 0 auto;
  min-height:500px;
  
}

#wrapper {
  position:relative;
	margin:0 auto;
	width:960px;
  background-color:#FFD583;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header {
  height:150px;
  width:960px;
  background:white;
  position:relative;
}

div#logo {
  margin-left: 20px;
  float:left;
}

div#logo h1 a {
  display: block;
}

div#logo h1 {
	margin: 0;
	padding: 0;
	line-height: 100%;
	width: 397px;
	height: 145px;
	position: relative;
}
	
div#logo h1 a span {
	background: url(../../images/logo.gif) top left no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Header Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header #top_links {
  float:right;
  display:block;
  width:230px;
  height:75px;
  background:#735736;
  border:1px solid black;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  -moz-border-radius-bottomleft:10px; 
  -webkit-border-bottom-left-radius:10px; 
  -moz-border-radius-bottomright:10px; 
  -webkit-border-bottom-right-radius:10px; 
}

#top_links ul {
  margin-left:20px;
}

#top_links li {
  float:left;
  display:inline;
  margin-top:2px;
  padding-right:7px;
}

#top_links li#donate{
  border-right: 2px solid black;
  margin-right:20px;
}

#top_links li a {
  width: 80px;
  height:60px;
  text-align:center;
  display:block;
  font-size:1.35em;
  color:white;
  padding-top:10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Header Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#nav {
	clear: both;
	float: left;
	margin: 0;
	width:960px;
	padding: 0;
	height: 40px;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:bold;
	line-height: normal;
	background: #735736 ;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

#nav ul {
  margin: 0;
	padding: 0;
  list-style: none;
  z-index: 99;
  width: 200px;
  height: auto;
  background: none;
  display:inline; 
}

#nav ul li {
  width:315px;
  float:left;
  height:30px;
  padding-top:10px;
  border-left:1px solid #eacdb7;
}

#nav ul li a {
  height:100%;
  width:100%;
  background:none;
  margin:0 auto;
}
#nav ul ul {
	display: none;
}

	#nav ul ul li.level-2 ul, 
	#nav ul ul ul li.level-3 ul,
	#nav ul ul ul ul li.level-4 ul,
	#nav ul ul ul ul ul li.level-5 ul {
		display: none;
}


#nav ul li:hover ul {
	display: block;
}		

	#nav ul ul li:hover ul,
	#nav ul ul ul li:hover ul,
	#nav ul ul ul ul li:hover ul,
	#nav ul ul ul ul ul li:hover ul {
		display: block;
} 
	
#nav ul ul {
	position: absolute;
	float:right;
	top: 40px;
	left: 0px;
	width: 200px;
	margin: 0;
	padding: 0 0 10px 0;
	opacity: .98;
}

#nav ul ul ul{
		top: 0;
		left: 100%;
		border-left: 1px solid #eacdb7;
}

#nav li {
	float: left;
	width:200px;
  position: relative;
  text-align:center;
  margin: 0;
	padding: 3px 2px 0 2px;
  min-height: 20px;
	/*background: transparent url(../../images/diagonal.png) top left repeat-x; */
  z-index: 99; /*  Important, without IE will mess up z-indexing. */		
}

#nav li ul li {
	clear: left;
	background: #a56d29; /* This changes the background of the drop down boxes */
	border: 1px solid #eacdb7;
  padding:10px 0;
  width:318px;
}

#nav li ul li:hover {
  background:black; /* changes the hover color on the drop down menu */
} 
#nav li li.parent {
		background: transparent url(../../images/icon-arrows-sm.gif) no-repeat 98% 50%;
}

#nav a {
  display: block;
  margin-left:7px;
  margin-right:7px;
  padding: 0;		
  text-decoration: none;
  color:white;
  font-size: 14px;
  text-transform:uppercase;
  font-weight:heavy;
  background:none;
}

#nav li li a {
	margin: auto auto;
	padding: 3px;
	width: 100%;
	color: #733cEDC1740d;
	font-weight: heavy;
	background:none;
	font-size:1.4em;
	height:100%;
	
}

#nav a:hover {
  border:none;
}

/*#nav li.cParent a {
	background: transparent url(../../images/navigation/main-right-door-active.gif) no-repeat right top;	
}*/

#nav li.cParent li a{
	background: transparent;
	width:275px;
	height:100%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
News
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 	
.Article {
  padding:10px;
  margin:10px;
}

.archive {
  border:1px solid #735736;
  border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:10px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
My Nav
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content {
  border-top:2px solid black;
  background:#F7E7AD;
}

#content h1.cat_name {
  margin-left:20px;
  margin-top:10px;
}

h1.small {
  font-size:1.5em;
  padding-left:10px;
  padding-top:5px;
}

p.top {
  margin-top:5px;
  width:85px;
  margin-bottom:10px;
}

p.top a {
  line-height:150%;
  background:#C7AF8A;
  border:1px solid #735736;
  padding:3px;
  margin-top:5px;
  display:block;
}

p.top a:hover {
  border:1px solid #FCF6BE;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main_content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main_content {
  float:left;
  width:580px;
  min-height:500px;
  background:#D39D61;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  padding:20px;
  border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #444;
}

#main_content li{
  margin-left:25px;
}
blockquote {
  padding-left:15px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Side_content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#side_content {
  float:right;
  width:295px;
  min-height:500px;
  background:#F7E7AD;
  margin:10px;
  padding-left:0px;
}

#side_content .box {
  border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  background:#D39D61;
  min-height:200px;
  margin-bottom:20px;
  width:88%;
  padding:16px;
  margin-right:10px;
  border:1px solid #444;
  text-align:center;
  
}

* html div#side_content .box { 
   height: expression( this.scrollHeight < 200 ? "200px" : "auto" ); /* sets min-height for IE 6 and under*/
}

#show {
  margin:auto auto;
  width:250px;
  height:250px;
  line-height:75%;
  background:black;
}

.imgSlider { 
  position:relative; 
  margin:auto auto; 
  width:250px; 
  top:5px;
  border:2px solid black;
  border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.imgSlider a img { 
  border:none; 
  margin:auto auto;
  padding:auto;
}

.imgSlider a:hover {
  border:none;
}

.imgSlider div { 
  background:black; 
  padding:0px; 
  border:none; 
  height:250px;
  margin:auto;
  width:250px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CSS Document
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*
	None of this CSS is dependent on the jquerySlider.
	All dependencies are declared in slider.js.
*/


img { border:none; }

#sliderWrapper { 
  background:#000; 
  position:relative;  
  margin:0 auto; 
  width:250px; 
  border:10px solid #000;
  border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#sliderWrapper a:hover {
  border:none;
}

.sliderInner {
  background:#fff;
}
#sliderWrapper div.que { 
  background:#000; 
  color:#fff; 
  position:absolute; 
  z-index:99; 
  right:0px; 
  top:0px; 
  width:200px; 
}

#sliderWrapper div.que ul li { 
  list-style-type:none; 
  color:#444; 
  padding:10px 0; 
  font-size:20px; 
}

#sliderWrapper div.que ul li.queActive { 
  color:#fff;
}

#sliderWrapper div.nextPrev a.prev { 
  position:absolute; 
  top: 310px; 
  z-index:9999; 
  left:0px; 
  width:50px; 
  height:50px; 
}

#sliderWrapper div.nextPrev a.next { 
  position:absolute; 
  top: 310px; 
  z-index:9999; 
  right:0px; 
  width:50px; 
  height:50px;
}


#sliderWrapper div.panel h3 { 
  color:#fff; 
  font-size:12px; 
  margin-left:5px; 
  margin-top:5px; 
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
CSS Document
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #hold {
			float:left;
			height:400px;
			width:1px;
		}  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Enquiryform
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contact h2{
  margin-bottom:20px;
}
.contact fieldset{
  margin:0;
  padding:0;
  border:0;
  width:550px;
}

.contact label{
  width:200px; 
  float:left;
  margin-bottom:19px;
  font-weight:heavy;
}

.contact .txt_input{
  width:235px; 
  display:block;
  float:right;
  margin-bottom:20px;
}

.contact textarea{
  height:80px; 
  width:235px;
  float:right;
  margin-bottom:20px;
}

.contact input{
  float:left;
  display:block;
  margin-bottom:20px;
}

.contact .req{
  color:#f00;
  font-size:90%;
}

.contact #form_errors{
  color:#f00; 
  display:none;
}

.contact #form_thanks{
  color:#000; 
  display:none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
  clear:both;
  width:940px;
  min-height:120px;
  background:#735736;
  padding-left:20px;
  border-top:3px solid black;
  margin:auto;
}

 #footer #info {
  float:right;
  width:300px;
  color:white;
  margin-top:10px;
}

#footer #info a {
  color:white;
}
 
 #footer .utility {
  float:left;
  padding-top:30px;
  padding-left:20px;
}

#footer .utility h3 {
  float:left;
  margin-right:20px;
}

#footer .utility a {
  color:white;
}
 
#footer h2 {
  padding-top:10px;
  padding-left:20px;
  color:white;
  margin-bottom:0;
  padding-bottom:0;
  width:300px;
  display:block;
  float:left;
}

#left {
  float:left;
  width:400px;
}

p.copyright {
  margin-top:18px;
  float:left;
}