﻿/* ==================================================================

 *  INITIAL.css 
 
 *  v2.1, by Faruk Ates - www.kurafire.net
 
 *  Addendum by Robert Nyman - www.robertnyman.com 
 
 *  Addition by Christian Montoya - www.christianmontoya.net
   
 * ================================================================== */

/* ==================================================================
   Neutralize styling: 
   Elements we want to clean out entirely
   ================================================================== */
   
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	}

img { 
	border:0; 
	}

/* ==================================================================
   Neutralize styling: 
   Elements with a vertical margin
   ================================================================== */
   
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
	}

/* ==================================================================
   Apply left margin:
   Only to the few elements that need it 
   ================================================================== */

li, dd, blockquote {
	margin-left: 1em;
	}

/* ==================================================================
   Miscellaneous conveniences
   ================================================================== */

form label {
	cursor: pointer;
	}
fieldset {
	border: none;
	}

input, select, textarea {
	font-size: 100%;
	font-family: inherit;
	}
	
/* ==================================================================

 *  owner: Planeteria Web Design

 *  created: July 2007 Forward

 * ================================================================== */
 

/* ==================================================================
[ Primary Nav (Horizontal) ]
* ================================================================== */

#primenav_container {
	position:absolute;
	top:28px;
	left:0;
	font-size:0.98em;
	padding: 0 3px 0 3px;
	border-bottom:1px dotted #68989c;
	width:960px;
	font-weight:bold;
	height: 30px;
}

#primenav {
	float:left;
	width:100%;
	line-height:normal;
	}

#primenav_container ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

#primenav_container ul li {
	display:inline;
    margin:0;
    padding:0;
}

#primenav a:link, #primenav a:visited {
	float:left;
	margin:0;
	padding:7px 6px 7px 3px;
	text-decoration:none;
	color:#3b6f75;
}
#primenav a span {
	display:inline;
	padding:7px 6px 7px 3px;
	}
#primenav a:hover {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
	padding:7px 6px 7px 3px;
	}

#primenav a:hover span {
	color:#fff;
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
}

#primenav_container #primenav .primenav_selected {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
#primenav_container #primenav span.primenav_selected {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
#primenav_container #primenav .primenav_selected span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	

/* new added */
.home #primenav_container #primenav #primenav_home {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.home #primenav_container #primenav #primenav_home span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	
.about #primenav_container #primenav #primenav_aboutus {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.about #primenav_container #primenav #primenav_aboutus span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	
.training #primenav_container #primenav #primenav_nidcaptraining {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.training #primenav_container #primenav #primenav_nidcaptraining span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	
.nursery #primenav_container #primenav #primenav_nidcapnursery {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.nursery #primenav_container #primenav #primenav_nidcapnursery span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	
.membership #primenav_container #primenav #primenav_membership {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.membership #primenav_container #primenav #primenav_membership span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	
.friend #primenav_container #primenav #primenav_howyoucanhelp {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.friend #primenav_container #primenav #primenav_howyoucanhelp span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
	
.news #primenav_container #primenav #primenav_news {
	color:#fff;
	background:url("../images/tab_bg_left.jpg") no-repeat left top;
    padding:7px 6px 7px 3px;
}
.news #primenav_container #primenav #primenav_news span {
	background:url("../images/tab_bg_right.jpg") no-repeat right top;
	padding:7px 6px 7px 3px;
	}
/* new added - end */
/* ==================================================================
[ Secondary Nav (Horizontal - Basic) ]
* ================================================================== */

#secnav
{
	position: absolute;
	list-style-type: none;
	right: 20px;
	top: -10px;
	padding: 0;
	font-size: .9em;
	text-transform:none;
}

#secnav li
{	
	float: left;
	background-image:none;
	margin: 0;
	padding: 0;
	border-left: 1px dotted #000;
}

#secnav li.firstchild {
	border-left: none;
}

#secnav a:link, #secnav a:visited {
	color: #000;
	float: left;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
	display:inline;
}

#secnav a:hover {
	text-decoration: none;
	
}

#secnav #secnav_selected {
	text-decoration: none; 
}

/* ==================================================================
[ Sub Nav (Vertical) ]
* ================================================================== */

#subnav_container {
	position:absolute;
	top:58px;
	background-color:#edf3f3;
	border-bottom:1px solid #a4c1c4;
	left: 0px;
	width: 966px;
	height:28px;
}


#subnav_container ul
{
	margin: 0;
	padding: 0;
}
.sub #subnav_container ul {
	margin-left:45px;
	}

#subnav_container ul li
{
	float:left;
	display:inline;
	list-style-type: none;
	padding: 0;
	margin: 6px 0;
	background:none;
	border-left: 1px solid #000;
}

#subnav a:link, #subnav a:visited
{
	text-decoration: none;
	padding: 0 15px;
	display:inline;
	float:left;
	color: #000;
}

#subnav li.firstchild {
	border-left:none;
	}

#subnav a:hover
{
	color: #db671d;
	text-decoration: none;
}

#subnav_container #subnav a.subnav_selected
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}

.select_secnav1 #subnav_container #subnav a.secnav1
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}
.select_secnav2 #subnav_container #subnav a.secnav2
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}
.select_secnav3 #subnav_container #subnav a.secnav3
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}

.select_secnav4 #subnav_container #subnav a.secnav4
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}
.select_secnav5 #subnav_container #subnav a.secnav5
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}
.select_secnav6 #subnav_container #subnav a.secnav6
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}
.select_secnav7 #subnav_container #subnav a.secnav7
{
	color: #db671d !important;
	text-decoration: none;
	font-weight: bold;
}

/* ==================================================================

 *  owner: Planeteria Web Design

 *  created: July 2007 Forward

 * ================================================================== */
 

html { 
	font-size:100.01%; 
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:76%;
	margin: 0 0 20px 0;
	color: #000;
	background: #fff;
	text-align:center;
	}
body.home {
	background:url(../images/bg_body_home.jpg) repeat-x left top;
	}

p {
	margin: 0 0 1em 0;
	line-height: 1.6em;
	}

strong {
	color:#000; 
	font-weight:bold;
	}


/* ==================================================================
 * Headings
 * ================================================================== */

h1 {
	color: #3b6f75;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	margin:0 0 .5em 0;
	font-weight: normal;
	}
.italic {
	font-weight:normal;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

.sub h1 {
	color:#db671d;
	}

h2 {
	color: #3b6f75;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	margin:.5em 0;
	font-weight:bold;
	line-height: 21px;
	}

h3 {
	color: #3b6f75;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height:18px;
	margin:0 0 .5em 0;
	}
.services h3, faq h3 {
	margin: 2em 0 .5em 0;
	}

h4 {
	color: #3b6f75;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height:16px;
	margin:15px 0 5px 0;
	}

h5 { 
	color: #000; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;  
	margin:0 ;
	}

h6 { 
	color: #000; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 100%;  
	margin:0;
	}

/* ==================================================================
 * Lists
 * ================================================================== */


ul {
	padding:0;
	}

ul li {
	background:url('../images/bullet_list.gif') no-repeat 0 5px;
	margin:0;
	padding:0 0 1em 1.3em;
	list-style-type: none;
	}


/* ==================================================================
 * Links
 * ================================================================== */

a:link {
	color: #000;
	text-decoration:underline;
	}

a:visited {
	color: #000;
	text-decoration:underline;
	}

a:hover {
	color: #000;
	text-decoration: none;
	}

a:active {
	color: #000;
	text-decoration: underline;
	}

/* ==================================================================
 * Misc
 * ================================================================== */

img.right {
	float: right;
	margin: 0 0 20px 15px;
	border:2px solid #c1d5d5;
}

img.left {
	float: left;
	margin: 0 15px 20px 0;
	border:2px solid #c1d5d5;
	padding: 2px;
}
img.border {
	margin: 0;
	border:2px solid #c1d5d5;
	padding: 2px;
}
div.center {
	text-align:center;
	margin-top: 20px;
}
img.home {
	float: right;
	margin: 0 0 20px 15px;
	border:0;
	}

img.inline {
	display:inline;
	margin-bottom:-4px;
	margin-left:5px;
	}

.clear {
	clear: both;
	}
	
.rule {
	border-bottom:1px dotted #000;
	margin:0 0 15px 0;
	clear: both;
	}
	
/* ==================================================================
 * Pullquote
 * ================================================================== */	

.pullquote {
	background:url(../images/quote_close.gif) no-repeat bottom right;
	margin-top:15px;
	}
.pullquote p {
	color:#000;
	font-size:12px;
	background:url(../images/quote_open.gif) no-repeat left top;
	padding:20px 0 20px 30px;
	line-height:1.6em;
	font-style: italic;
	}
#col2 p.credit, #col3 p.credit {
	text-align:right;
	font-size:11px;
	color:#000;
	padding-top:10px;
	line-height: 1.6em;
	}

/* ==================================================================
 * Forms
 * ================================================================== */
 
input {
	border: 1 px solid #badae2;
	float: left;
	}
form label {
	float: left;
	}
table.donation {
	margin-top:10px;
	}
table.donation td {
	padding:5px 0;
	}
select, textarea {
	margin-top:5px;
	border:1px solid #badae2;
	width: 150px;
	}
textarea {
	width:195px;
	}
option {
	padding-left:5px;
	}

.nicebutton {
	border:1px solid #badae2;
	color:#fff;
	background-color:#3b6f75;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 6px;
	}


/* ==================================================================
 * Timy MCE
 * ================================================================== */
 
 
body.mceContentBody {
	background: #fff;
	text-align:left;
	}


/* ==================================================================

 *  owner: Planeteria Web Design

 *  created: July 2007 Forward

 * ================================================================== */

/* ==================================================================
 * Layout
 * ================================================================== */

#container_outer {
	width:966px;
	margin:0 auto;
	position:relative;
	}


#container {
	width:966px;
	text-align:left;
	position:relative;
	font-size: 1em;
	float:left;
	}
	
/* English / Default backgrounds */
.home #container {
	background:url(../images/bg_container_home.jpg) no-repeat left top;
	}
.sub #container {
	padding-top:210px;
	}
	
.about #container {
	background:url(../images/bg_container_about.jpg) no-repeat left top;
	}

.training #container {
	background:url(../images/bg_container_training.jpg) no-repeat left top;
	}
.membership #container {
	background:url(../images/bg_container_membership.jpg) no-repeat left top;
	}
.nursery #container {
	background:url(../images/bg_container_nursery.jpg) no-repeat left top;
	}
.plain #container {
	background:url(../images/bg_container_sub.jpg) no-repeat left top;
	}
.contact #container {
	background:url(../images/bg_container_contact.jpg) no-repeat left top;
	}
.news #container {
	background:url(../images/bg_container_news.jpg) no-repeat left top;
	}
.friend #container {
	background:url(../images/bg_container_friend.jpg) no-repeat left top;
	}
.resources #container {
	background:url(../images/bg_container_resources.jpg) no-repeat left top;
	}
.faq #container {
	background:url(../images/bg_container_faq.jpg) no-repeat left top;
	}

#masthead {
	background:url(../images/bg_masthead_home.jpg) no-repeat left top;
	height:76px;
	width:966px;
	}
	

	
#logo {
	position:absolute;
	top:90px;
	left:10px;
	z-index:1000;
	}

#animation {
	width:966px;
	height:306px;
	position:relative;
	}


/* ==================================================================
 * Content - Custom per site
 * ================================================================== */
 #content {
	float:left;
	display:inline;
	width:916px;
	border-bottom:1px dotted #68989c;
	padding:88px 20px 30px 30px;
	position:relative;
	}

	#col1 {
		float: left;
		display: inline;
	}
	
	#col2 { float: left;display:inline;}
	
	#col3 {
		float:left;
		display:inline;
		}
		
 /* home */
 
 	.home #col1 {
		width:570px;
	}
	.home #col2 {
	width:240px;
	padding-left: 50px;
	border-left: 1px dotted #68989c;
	margin-left: 50px;
		}

 /* sub */
 	
.sub #content {
	padding-top:118px;
		}
		
 /* layout2 */

.layout2 #col1 {
	width:550px;
	padding: 0 20px 0 0;
	border-right: 1px dotted #68989c;
		}
.layout2 #col3 {
	width:260px;
	padding-left: 30px;
		}

 /* contact */

.contact #col1 {
	width:570px;
	padding: 0 20px 0 30px;
	border-right: 1px dotted #68989c;
		}
.contact #col3 {
	width:210px;
	margin-left: 30px;
		}
		
.layout3 #col1 {
	width:600px;
	padding: 0 20px 0 0;
	border-right: 1px dotted #68989c;
		}
.layout3 #col3 {
	width:210px;
	padding-left: 30px;
	}

 /* misc */	
 
.friend #content, .faq #content, .resources #content, .contact #content, .news #content {
	padding-top:100px;
		}

.board_member {
	height:167px;
	clear: left;
	margin-top: 10px;
}
		
#search {
	text-align: right;
	padding:20px 20px 0 0;
	}

select.search {
	width:175px;
	color: #3b6f75;
	margin-top:0;
	}
	
table.donate {
	border:1px solid #3b6f75;
	border-collapse:collapse;
	margin-bottom:15px;
	}
tr.blue {
	background-color:#E8F0F2;
	}
tr.teal {
	background-color:#B5D5D7;
	}
table.donate td {
	padding:5px 0 2px 10px;
	margin:0;
	}

/* lists */
	
#col2 ul li, #col1 ul li {
	line-height:18px;
	}
#col1 ol {
	margin-bottom: 20px;
	padding-right: 15px;
	list-style-position: outside;
	margin-left: 25px;

	}
#col1 ol li {
	margin:10px 0 10px 0;
	line-height:18px;
	}
div.membership #col1 ol {
	list-style-position:outside;
	margin-left: 30px;
	}
#col1 ol.level1 {
	margin-left:38px;
	list-style-position: outside;
	}
#col1 ol.level2 {
	margin-left:20px;
	margin-bottom: 0px;
	list-style-position: outside;
	}
/* ==================================================================
 * Footer
 * ================================================================== */

#footer {
	width: 946px;
	margin: 0 auto 5px 0;
	padding:10px;
	font-size: 0.9em;
	clear: both;
	background:url(../images/bg_footer.gif) no-repeat left top;
	height: 80px;
	float: left;
	display: inline;
	}

	#footer a {
	color:#145159;
		}
	#footer p.bottom_nav a {
	padding: 0 10px;
	}
	#footer a.selected {
	font-weight:bold;
		}
		
	#footer p {
		color:#145159;
		margin:0;
		padding:0;
		float:left;
		}
	#footer p.right {
		float:right;
		}
		
	.faq #footer a.bottom_faq {
	font-weight:bold;
		}
	.resources #footer a.bottom_resources {
	font-weight:bold;
		}
	.contact #footer a.bottom_contact {
	font-weight:bold;
		}
		
/* Languages */

.languages {
	/*width: 946px;
	margin: 0 auto 5px 0;
	padding:10px;*/
	font-size: 0.9em;
	clear: both;
	/*background:url(../images/bg_footer.gif) no-repeat left top;
	height: 80px;
	float: left;
	display: inline;*/
	margin-right: 15px;
	}

	.languages a {
	color:#145159;
		}
	.languages p.bottom_nav a {
	padding: 0 10px;
	}
	#footer a.selected {
	font-weight:bold;
		}
		
	.languages p {
		color:#145159;
		margin:0;
		padding:0;
		float:left;
		}

	.languages .selected {
	font-weight:bold;
	}

/* Login Error Message */

.FailureText 
{
	color: Red;
	font-weight: bold;
}