/* CSS Document */

/* ------------------------------------------------------------
Site: Child Wise (http://www.childwise.net)
Author: Jen Armstrong, Small Pirate Creative
Updated: 20 November 2006
------------------------------------------------------------ */
    
html {
	max-width: 1600px;
	min-width: 800px; 
	font-size: 12px; } 
	
div, span { 
	margin: 0; 
	padding: 0; }
	
body {
	margin: 0; 
	padding: 0; 
	font-family:  Arial, Verdana, sans-serif; 
	font-size: 12px;
	line-height: 17px;
	color: #4b4b4b; 
	text-align: center;
	background-color: #ccddeb; 
	voice-family: "\"}\""; 
	voice-family: inherit; } 
	html>body {  
	font-size: 12px;
	line-height: 17px }
	
/* ------------------------------------------------------------
	Link behaviour
------------------------------------------------------------ */
a:link, a:visited, a:active {
  color: #437fc3;
  text-decoration: none; }
  
a:hover {
	color: #16487d; /* dark blue */
	background: #e7f1fc; }  /* pale blue */	

/* ------------------------------------------------------------
	Basic HTML elements
------------------------------------------------------------ */
p  { 
	color: #4b4b4b; 
	margin-top: 0px;}

h1 {
	font-size: 2.2em/2.3em;
	color: #4b4b4b; 
	font-weight: normal; }
	
h2 {
	font-family:  Arial, Verdana, sans-serif; 
	line-height: 24px;
	display: compact;

	font-size: 33px; 
	color: #111; 
	font-weight: lighter; 
	text-transform: none;  
	margin: 6px 0 0 0; /* check the margins for all headings styles */
	padding: 0; } 


/* ------------------------------------------------------------
	Articles
------------------------------------------------------------ */
#content div.article {
	padding: 0px 60px 0px 20px; 
	margin: 0 0 2em 0; } /* ?? */
	
#content div.last {
	border-bottom: 0;}

#content h2.articleTitle {
	color: #1f67b3;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 20px;
}

div.articlecontent h2  {
	color: #1f67b3;
	font-size: 20px;
	font-weight: normal;
	padding-top: 20px;
	border-top: 1px dashed #999999;

	 } 



	
.articlecontent h3 {
	display: compact;

	font-family:  Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #005499;
	margin: 30px 0px 4px 0px; 
	padding: 0px 0px;
	font-weight: lighter;
}

.articlecontent hr {
clear: both;
height: 1px;
color: #CCDDEB;
background-color:#CCDDEB;
border: 0px;


}
	
.articlecontent h4 {
	display: compact;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 14px; 
	color: #005499;
	text-transform: none;  
	padding: 0;
	margin:0px;
	font-weight: normal; 
}
	
#content #mailcol ul li {
	list-style-image:url(2008/triangle_white.gif)
	color: #4b4b4b;
}


p.more {
	padding-top: auto;
	font-size: 10px;
	float: right;
	background-image: url(2008/triangle_white.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

p.more a {
margin-left:15px;
}

.small_text {
font-size: .8em;
}
.sub_caption, p.subcaption {
	font-size: 1.2em;
	color: #777;
	margin-top:0px;
	padding-top: 0px;
}

/* ------------------------------------------------------------
	Basic page structure
------------------------------------------------------------ */
#container {
	width: 800px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	position: relative;

}
	
#content {
	width: 800px; 
	background-image: url(2008/bg-container.gif);
	background-repeat: repeat-y;
	background-position: center top;
	 }

#content_home{
	width: 800px; 
	background-color: #000;

	 }




#sidecol {
	float: left;
	background-color: #99cce4;
	width: 200px;
	min-height: 500px; 
	font-size: .93em; 
	padding-bottom: 20px;}
	html>body #sidecol {
	font-size: 100%;
	padding-bottom: 20px; }

#maincol {
	font-family:  Verdana, Arial,  sans-serif;
	float: left;
	width: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(2008/bg-maincol.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fff;
	text-align: left;
}

#left-contentcol {
	float: left;
	width: 460px; }
	
#right-contentcol {
	float: right;
	width: 220px; }
	
#footer {
	width: 800px;
	margin: 0 auto;
	clear: both;
	border-top: 1px solid #99CCE4;
	padding: 0px;
	font-size: 0.84em;
	color: #4b4b4b;
	background-color: #CCDDEB;
	}

/* ------------------------------------------------------------
	Header	
------------------------------------------------------------ */
#header {
	padding: 0;
	margin: 0;
	width: 800px;
	height: 97px;
	border-bottom: 1px solid #C3D6E7;
		}  
	#header_top {
	height: 73px;
	background-color: #005499;
	}
	
	#header_bottom {
	height: 24px;
	background-color: #FFF;
	}
	
	#logo {
	float: left;
	}

 #donate {
 float: right;
 width: 240px;
 text-align: right;
 }
 	#donate p {
	height: 2em;
	margin: 16px 0px 12px 12px;
	float: right;
	color: #FFFFFF;
	}
	
	#donate img {
		float: right;

	}
#header h1 {
	display:none; }
	
	
	#flash_banner {
	width: 800px;
	height: 375px;
	}

/* ------------------------------------------------------------
	Horizontal navigation	
------------------------------------------------------------ */

#hoznav {
	float:left;
	width:800px;
	margin-top: 6px;
	padding: 0px;
	background-color:#FFF;
	
}
ul#nav {
margin: auto 0px;

width:800px;
	margin: 0px;
	padding: 0px;
background-color:#FFFFFF;
}

#hoznav ul {
	padding:0px ; /* add left paddng */
	list-style: none; }
	
#hoznav li {
	display:inline;
	margin:0px;
	padding: 0px;
	list-style: none; }

#hoznav a {
font-size:12px;
	float:left;
	display:block;
	margin:0; 
	padding: 0px 13px;
	text-decoration:none;
	color: #005498;
	line-height: 12px;
	border-left:1px solid #005498;
	
	 }
	html>body #hoznav a {
	padding: 0px 13px; }

#hoznav a:hover {
	background-position:0% -42px; }

#hoznav li.firstitem a {
	margin-left: 4px;
		border-left:1px none #005498;
 }
	
#hoznav li a.active {
	background-position:0% -42px; }
	
/* ------------------------------------------------------------
	Side column
------------------------------------------------------------ */	
#sidecol h3  {
	color: #1e66b0; 
	border-bottom: #1e66b0 dotted 1px; 
	font-size: .93em; 
	padding: 18px 6px 2px 14px;
	margin: 0; 
	letter-spacing: 1px; }	

/* ------------------------------------------------------------
	Vertical navigation	
------------------------------------------------------------ */
#vertical-nav {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
	margin: 10px;
	padding: 0;
	text-align: left; 
	 }
	
#vertical-nav ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
}
#vertical-nav ul ul { 
	margin: 0; 
	padding: 0; 
list-style: none; 
border-bottom-style: none;

}
#vertical-nav ul li {
	width: 180px;
		
border-top-style: dashed;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
}
#vertical-nav ul ul li {
	width: 180px;
		
border-top-style: none;

}
#vertical-nav ul li a {
	color: #005498;
	padding: 6px 0px 6px 0px;
	line-height: 1.1em;
	text-decoration:none;
	display: block;
	

}
	
#vertical-nav a:hover {
	color: #005498;
	background-color: ; 	background-color: #91C1D8;
}

#vertical-nav a.active:hover {
	background-color: ; 	background-color: #99CCE4;
}

#vertical-nav ul li.opened a { } /* identifies the entire block */

#vertical-nav ul li a.active {
	padding-left: 14px;
	color: #FFF;
	font-weight:bold;
	background-image: url(2008/nav_selected.gif);
	background-repeat: no-repeat;
	background-position: left top;
	 }
	 
	 
#vertical-nav ul li li a.active {
	padding-left: 14px;
	color: #FFF;
	font-weight:bold;
	background-image: url(2008/nav_selected.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 166px !important; width /**/:186px;
	 }
	 
#vertical-nav ul li li li a.active {
	padding-left: 40px;
	color: #FFF;
	font-weight:bold;
	background-image: url(2008/nav_selected.gif);
	background-repeat: no-repeat;
	background-position: 20px top;
	width: 120px !important; width /**/:140px;
	 }	
#vertical-nav ul li li a {
	padding: 6px 0px 6px 14px;  /* check values */
	display: block;
	border: none;
	width: 166px !important; width /**/:186px; }
	
#vertical-nav ul li li li a {
	padding: 6px 10px 6px 40px; 
	line-height:1.1em; 
	display: block;
	width: 120px !important; width /**/:140px; }
	
/* ------------------------------------------------------------
	Newsletter subscription
------------------------------------------------------------ */
#newsletter {
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: .93em; }

#newsletter fieldset {
	margin: 0;
	padding: 0;
	border: none; }
	
#newsletter legend {
	display: none; } 
		
#newsletter label {
	display: inline-block;
	line-height: 1.8em;
	vertical-align: top; }
	
#newsletter input {
	font-size: 10px; }

#newsletter #subscribe { /* customise button */
	padding: 0 ;
	margin: 4px 0 4px 0; }
	
#newsletter fieldset ol {
	margin: 0;
	padding: 0; }
	
#newsletter fieldset li {
	list-style: none;
	padding: 6px 5px 0 14px;
	margin: 0; }
	
#newsletter em {
	font-weight: bold; 
	font-style: normal;
	color: #f00; }

#newsletter p {
	margin: 4px 0 30px 14px;
	padding: 0; }

/* ------------------------------------------------------------
	Search the site
------------------------------------------------------------ */
#search {
	margin-left: 130px;
	margin-right: 30px;
	margin-top: 16px;
	float: left;
	WIDTH: 186px;
	height: 45px;
	padding: 0;
	text-align: left;
	font-size: .93em;

}

#search input {
	padding: 2px;
	background-color: #CCDDEB;
}

#search form {	
	margin: 0 0 20px 0;
	padding: 0;
	border: none;  }
	
#search #name {
	margin: 6px 0px 4px 14px;
	padding: 0;
	font-size: 10px;
	width: 100px; 	}

#search #go { /* customise button */
	padding: 0;
	margin: 4px 0 4px 1px; 
	font-size: 10px;}
	
#search p {
	margin: 2px 0 0 14px;
	padding: 0; }


/* ------------------------------------------------------------
	Events
------------------------------------------------------------ */
#event-group h2 {
	color: #1f67b3;
	padding: 10px 0 15px 0; }
	
#event-group.event {
	padding: 0;
	margin: 0; }

#event-group.event-details p {}

p.event-date {
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: .93em; }

.event h3 {
	font-size: 100%;
	padding: 0;
	margin: 0;
; }

/* ------------------------------------------------------------
	Features
------------------------------------------------------------ */
#feature-group {
	background: #fff;
	margin: 0; 
	padding: 0 10px;
	font-size: .93em; }

#feature-group h2 {
 	margin: 0;
	padding: 0;
	font-size: 100%; 
	text-transform: uppercase;
	color: red; }
	
div.feature-item h3 {
 	margin: 0;
	padding: 0;
	text-transform: uppercase; }
	
div.feature-item {
	padding: 0 0 20px 0;
	margin: 0; 
	line-height: normal;
	font-size: .93em; }
	html>body div.feature-item {
	font-size: 100%; }

div.feature-item p {
	margin: 0;
	padding: 6px 0 0 0; 
	line-height: 1.3em; }
	
div.feature-item a {
	font-weight: bold; }

/* ------------------------------------------------------------
	Footer elements
------------------------------------------------------------ */
#footer-left {
	float: left; 
	width: 35%; }
	
#footer-right {
	float: right;
	width: 60%;
	text-align: right; }
	
.disclaimer {
	font-size: 0.95em;
	color: #CCCCCC; 
	line-height: 1.2em;}
		
/* ------------------------------------------------------------
	General typography
------------------------------------------------------------ */
.caption {
	display: block;margin: 4px 10px 25px 0px;
	color: #aaa;
	font-size: 9px; font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.1em; }

blockquote {
width: 80%;
	border-left: 1px solid #7ba7d4;
	padding: 10px; 
		background-color: #CCDDEB;
	border: 1px dashed #99CCE5;

	}
	
code {
	color: #444;
	font-size: 1em;
	line-height: 1.2em;
	text-align: left; }
	
code strong {
	color: #000; }

abbr, acronym, .popup {
	font-style: normal;
	border-bottom: 1px dotted; }

em, blockquote em {
	font-style: italic;
	padding: 0px;
	margin: 0px;
	display: inline;
	clear: none;
}
	
strong {
	font-weight: bold; }
	
strike, del {
	text-decoration: line-through; }

ins {
	text-decoration: none;
	font-style: italic; }

pre {
	padding: 8px 5px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee;
	border-right: 1px solid #ddd;
	background-color: #fafafa; }
	
/* ------------------------------------------------------------
	Misc.
------------------------------------------------------------ */
.clearer { 
	clear: both; }

hr.clearer { 
	clear: both; border: none; }

span.toTop {
	font-size: 10px;
	float: right;
	background-image: url(2008/triangle_white_up.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
	
span.toTop a {
display: block;

	height: 12px;
	width: 30px;

}	
/* ------------------------------------------------------------
	Images.
------------------------------------------------------------ */
img { border: 0; }
img.f_left { float: left; border: 1px solid #333; margin: 5px 10px 15px 0px;}
img.f_right { float: right; margin: 0px 0px 15px 20px;}
img.f_across{ float: none; border: 1px solid #333; margin: 5px 0;}
.f_right { float: right; margin: 0px 0px 15px 20px;}

	
/* ------------------------------------------------------------
	Homepage  Features Table
------------------------------------------------------------ */
#features_Table {}
.features_Table_cell {height: 110px; padding: 10px;}
div.features_Table_Title {
	display: block;
}
.features_Table_cell h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: #006699;
}

.HomePageFeaturearticlecontent {
font-size: 11px;
}
/* ------------------------------------------------------------
	Right Hand Side   Features Boxes
------------------------------------------------------------ */

.rightFeature {
	background-color: #CCDDEB;
	border: 1px dashed #99CCE5;
	float: right;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.rightFeature ul {
	padding: 0px;
	margin: 16px;
}


.rightFeature li {
	padding: 4px;
	list-style-type: none;
	margin-left: 0px;
}

/* ------------------------------------------------------------
	Site Map
------------------------------------------------------------ */


ul.sitemap {
	list-style-image: url(2008/triangle_white.gif);
}


ul.sitemap li {
	margin-left: -24px;
}

/* ------------------------------------------------------------
	News
------------------------------------------------------------ */


div.articlecontent div.magentanews div.title  a {
	display: compact;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #005499;
	margin: 30px 0px 4px 0px; 
	padding: 0px 0px;
	font-weight: lighter;
}

/* ------------------------------------------------------------
	Donate
------------------------------------------------------------ */

#maincol_donate1 {
	font-family:  Verdana, Arial,  sans-serif;
	float: left;
	width: 600px;
	padding-bottom: 20px;
	background-image: url(2008/bg-maincol.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #fff;
	text-align: left;
}

.feature_box {
	width:600;
	background-color:#74A9CE;
}

div.feature_box  div.articlecontent {
	width:600;
	background-color:#74A9CE;
		padding-top: 20px;

	padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 50px;

}


div.feature_box h2 {
color: #FFFFFF;
}

div.feature_box p, div.feature_box td {
color: #FFFFFF;
}


div#maincol_donate1 div.articlecontent h2  {
	color: #1f67b3;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: normal;
	padding-top: 0px;
	border-top: none;

	 } 

.error {

	color: #FF0000;
	
	}