/* Stylesheet "Child Watabaran Center, Nepal" :: v1 (26-04-2007) */
/* Coded by "WeCode.nl"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2007 "Child Watabaran Center, Nepal" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Layout Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Sidebar Lists
		
	$4 - Image Styles
		$4.1 - General Image Styles
		$4.2 - Image Buttons

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body {
				background: #A6B187;
				color:#2c2c2c;
				font-family:Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 18px;
				margin:18px 0 18px 0;
			}
			
			#container {
				background:#fff;
				margin: 0 auto;
				position:relative;
				width: 750px;
			}
			
			#header {
				height:115px;
			}
			
			#content {
				display:table;
			}
			
			#body_cms #content {
				padding:20px;
			}
			
			#main {
				background:#F4F4EF;
				float:left;
				padding:10px 40px 10px 40px;
			}
			
			#mainhome {
				background:#F4F4EF;
				float:left;
				padding:10px 0 10px 0;
			}
			
			#sidebar {
				background:#EFF1F1;
				float:right;
				margin:0 10px 0 0;
				padding:10px 10px 10px 10px;
				width:200px;
			}
			
			#newsletter {
				background:#E7E9DE;
				clear:right;
				display:table;
				padding:10px 10px 10px 10px;
				margin:0 0 0 10px;
				width:200px;
			}
			
			#body_home #newsletter {
				width:170px;
			}
			
			.sidebar {
				float:left;
				width:147px;
			}
			
			.column1 {
				margin:0 25px 0 0;
			}
			
			.column2 {
				margin:0 15px 0 20px;
			}
			
			.column3 {
				margin:0 0 0 9px;
			}
									
			#main {
				width:430px;
				float:left;
			}
			
			#print_contact {
				position:absolute;
				right:10px;
				top:70px;
			}
			
			#footer {
				clear:both;
				margin:18px 0 0 0;
				padding:0 0 5px 0;
				text-align:center;
			}

			
		/************************/
	
		/* 1.3 - Shared Styles */
	
			#container .left {
				float:left;
			}
	
			#container .right {
				float:right;
			}
	
			#container .nopadding {
				padding: 0 0 0 0;
			}

			#container .nomargin {
				margin: 0 0 0 0;
			}

			#container .noborder {
				border: 0;
			}
			
			#container .block {
				display:block;
			}
			
			#container .clear {
				clear:both;
				height:0;
			}
			
			#container .center {
				text-align:center;
			}

			
		/************************/
	
		/* 1.4 - Extra Layout Styles */
		
			.row {
				background:#F4F4EF;
				border:1px solid #fff;
				border-width:0 0 1px 0;
				clear:both;
				display:table;
			}
			
			.column {
				border:1px solid #fff;
				border-width:0 1px 0 0;
				padding:10px 10px 10px 10px;
				width:250px;
			}
			
			.newsletter {	
				background:url(../images/bg_newsletter.gif) #F4F4EF;
				padding:45px 10px 105px 10px;
				width:186px;
			}
			
			.news_list {
				background:#F4F4EF;
				padding:0 0 0 20px;
				margin:0 15px 0 0;
				width:300px; 
			}
			
			.gallery {
				margin:18px auto 0 auto;
				text-align:center;
				width:99%;
			}

			
		/************************/
	
		/* 1.5 - Shared Layout Styles */
		
			#container .left {
				float:left;
			}
	
			#container .right {
				float:right;
			}
	
			#container .nopadding {
				padding: 0 0 0 0;
			}

			#container .nomargin {
				margin: 0 0 0 0;
			}

			#container .noborder {
				border: 0;
			}
			
			#container .block {
				display:block;
			}
			
			#container .clear {
				clear:both;
				height:0;
			}
			
			#container .center {
				text-align:center;
			}
		
	







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color: #AD3912;
				text-decoration:underline;
			}
			
			a:hover, a:active{
				text-decoration:underline;
			}
			
			hr {
				border:none;
				background-color:#A6B187;
				color:#A6B187;
				height:1px;
				margin:15px 0;
			}	
			
					
		/************************/
	
		/* 2.2 - Heading Styles */

			h1 {
				font-size:24px;
				line-height:36px;
				margin:0 0 12px 0;
				padding:209px 0 0 0;
				text-align:center;
				width:750px;
			}
			
				#body_home h1 { background:url(../images/bg_reports.jpg) no-repeat;}

			h2 {
				color: #6B8358;
				font-size:16px;
				line-height:20px;
			}
			
			#main h2 {
				margin:0 0 18px 0;
			}
			
			.gallery h2 {
				text-align:left;
				margin:0 0 18px 20px;
			}
			
			h3 {
				color:#B17B71;
				font-size:12px;
				font-weight: normal;
			}
				
			#sidebar h3, #main h3 {
				color: #6B8358;
				font-size:16px;
				font-weight:bold;
				line-height:20px;
				margin:0 0 18px 0;
			}

			
		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 18px 0;
			}
			
			.column p {
				margin:0 0 0 0;
			}
			
			.breadcrumb {
				color:#888989;
				font-size:11px;
				margin:0 0 15px 20px;
			}
			
			.date {
				color:#B17B71;
			}
			
			.temperature {
				font-size:18px;
				font-weight:normal;
				line-height:1em;
				margin:10px 0 0 0;
			}
		
			p.message_ok {
				background:#EBFBE9;
				border:2px solid #72DC65;
				color:#356B2E;
				padding:10px;
				margin:15px 0;
			}
					
		/************************/
	
		/* 2.4 - Link Styles */
		
			.breadcrumb a {
				color:#888989;
				text-decoration:underline;
			}
							
			#container .sidebar a {	
				color:#001a48;
			}
			
			.sidebar .submenu li a {
				color:#fff;
				display:block;
				margin:0 3px 0 10px;
				line-height:21px;
			}
			
			.news_list a {
				color: #660000;
			}
			
			.news_list a:hover, .news_list .current a {
				background:#E8E8E8;
			}
				
			.cursor {
				cursor:default;
			}








/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
		
#nav {
	background-color: #EDD2CB;
}
			
#header #nav a {
	color: #030002;
}

#header #nav a {
	text-decoration: none;
}

#header #nav .current a {
	font-weight:bold;
}
#header #nav .current li a {
	font-weight:normal;
}

#header #nav li li a {
	display: block;
	font-weight: normal;
	color: #030002;
	padding: 0.2em 10px;
	left:0;
	*margin: 0 0 0 -20px;
	*width:126px;
	width:130px;
	border-bottom:1px solid #fff;
	text-align:left;
}

#header #nav li li a:hover {
	background:#F1E0DC;
}

#header li {
	float: left;
	position: relative;
	width: 105px;
	text-align: center;
	border:1px solid #fff;
	border-width: 0 1px 0 1px;
	cursor: default;
	background-color: #EDD2CB;

}


#header li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: #F5EBEA;
	padding: 0 0 0 0;
	width:150px;
	margin:0 0 0 0;
}

#header li>ul {
	top: auto;
	left: 0;
}

#header li li {
	
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	left:0;
}

#header li:hover ul, li.over ul {
	display: block;
}

			#header ul#main_nav {
				background:#EDD2CB;
			}
			
			#header ul#main_nav li {
				display:inline;
				margin:0 0 0 16px;
			}

			#header ul#main_nav li ul {
				visibility:hidden;
			}
						
			#header ul#main_nav a {
				color:#001a48;
				padding:0 10px 0 10px;
			}
			
			#header ul#main_nav li.current a {
				background:#fff;
			}						


			#header li {
				float: left;
				position: relative;
				cursor: default;
			}
			
			#header li ul {
				border-bottom:2px solid #fff;
				display: none;
				position: absolute;
				top: 100%;
				left: -2px;
			}
			
			#header li>ul {
				top: auto;
				left: -2px;
			}
			
			#header li li {
				display: block;
				float: none;
				background-color: transparent;
				border: 0;
				padding:0 0 0 0;
				_padding:0 0 0 15px;
				*padding: 0 0 0 15px;
				left:0;
				*left:-10px;
				_left:0;
			}
			
			#header li:hover ul, #header li.over ul {
				display: block;
			}
		/************************/
	
		/* 3.3 - Extra List */
		
			.column li {
				margin:0 0 18px 0;
			}
			
			.blocklist li {
				margin:18px 0 0 0;
			}
			
			.news_list li {
				color:#AD3912;
				margin:0 0 10px 0;
			}

			#sidebar li {
				margin:0 0 18px 0;
			}
			
			#main li {
				list-style:square;
				margin:0 0 0 15px;
			}
				
		/************************/







/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
		/************************/
	
		/* 4.2 - Image Buttons */
			
			.gallery img {
				margin:5px 10px 10px 0;
			}

		/************************/







/*** $5 - Form Styles ***/

		/* 5.1 - General Form Styles */
		
			form {
				margin:18px 0 0 0;
			}
			
			form br {
				clear:both;
			}
			
			fieldset {
				border:0;
			}
			
			#body_cms fieldset {
				background:#F4F4EF;
			}
			
			legend {
				display:none;
			}
			
			.required {
				color:#FF3300;
				font-weight:bold;
				font-size:14px;
			}
			
			label {
				clear:both;
				display:block;
				float:left;
				margin:10px 5px 0 0;
				text-align:right;
				width:150px;
			}
			
			label.checkbox_label {
				float:none;
				display:inline;
			}
			
			input {
				margin:10px 0 0 0;
			}
			
			#body_cms input {
				width:250px;
			}
			
			label.checkbox_label input {
				padding:0;
				width:auto;
			}
			
			input:focus, textarea:focus, select:focus{
			}				
						
			select {
				margin:10px 0 0 0;
			}
			
			textarea {
				margin:10px 0 0 0;
				width:250px;
			}
			
			#body_cms textarea {
				height:100px;
				width:350px;
			}
			
			.submit, #body_cms .submit {
				margin:20px 0 0 155px;
				width:auto;
			}

			#body_cms fieldset div {
				margin:10px 0 0 0;
			}


			#form_newsletter label {
				margin:0 0 0 0;
				width:150px;
				text-align:left;
				float:none;
			}
			
			#form_newsletter input {
				display:block;
				margin:0 0 10px 0;
			}



/*** $6 - Table Styles ***/

		/* 6.1 - General Table Styles */
		
			td {
				text-align:left;
				vertical-align:top;
				padding:0 0 18px 0;
			}
		
			table.contact {
				border-collapse:collapse;
				border-spacing:0;
				width:95%;
			}
			
			table.contact th {
				text-align:left;
				background:#eee;
				border:1px solid #e4e4df;
				line-height:18px;
				font-weight:normal;
				padding:5px;
				width:100px;
			}
			
			table.contact td {
				text-align:left;
				background:#fff;
				border:1px solid #e4e4df;
				line-height:18px;
				padding:5px;
			}