@charset "utf-8";

/* Main CSS Document compilied for Himalayan Health Care, Inc. */

/*
CSS/XHTML Developed by:
Developed for Himalayan Health Care, Inc. [http://www.himalayan-healthcare.org]
http://www.13colours.com [rabinyata@yahoo.com]
Created on: Tuesday, May 27, 2008	
*/

html body{
	font: 12px normal Tahoma, Arial, Verdana, sans-serif;
	background: #565b06;
	padding: 0;
	margin: 0;
	color: #333;
}


/* standard */
h1{color:#663300;}
h2{font-size:16px; color:#663300;}
h3{font-size:13px; color:#333;}
h4{font-size:12px; color:#cc6600; border-bottom:1px dotted #cc6600; padding:5px; background:#FFFFCC; margin-bottom:0px;}

p{margin:3px 0; padding:3px 0;}

a:link, a:visited{color:#CC3300; text-decoration:none;}
a:hover, a:active{color:#333; text-decoration:underline;}

/* Layout Selectors */

div#container{
	width: 710px;
	margin: 0 auto;
	background: #FFF;
	border-left: 10px solid #808129;
	border-right: 10px solid #808129;
}


div#admincontainer{
	width: 98%;
	margin: 0 auto;
	background: #FFF;
	border-left: 10px solid #808129;
	border-right: 10px solid #808129;
}

div#header, div#content, div#footer, div#breadcrumb, div#laststop{
	display: block;
}

div#header{
	background: url(../img/header_bg.jpg) top repeat-x;
	height: 126px;
}

div#content{
	padding: 15px;
	border-bottom: 1px dotted #e59517;
	/*background:#edea85;*/
	background:#FFCC33;
}

div#laststop{
	padding: 0 10px;
	border-bottom: 1px dotted #C2C2C2;
	background:#FFFFCC;
}

div#catalogue{
	height:210px;
	padding: 0 10px;
	border-bottom: 1px dotted #C2C2C2;
	background:#FFFFCC;
}

div#leftcontent{
	width: 415px;
	min-height: 470px;
	height: auto !important;
	height: 470px;
	padding: 0 15px 0 0;
	float: left;
	border-right: 1px dotted #e59517;
}

div.aboutus{
	border-bottom: 1px dotted #e59517;
	margin: 0 0 10px 0;
	padding: 0;
}

div#rightcontent{
	width: 235px;
	float: left;
	padding: 0 0 0 10px;
}

div.info{
	width: 307px;
	float: left;
	padding: 10px 10px 10px 0;
}

div.products{
	width: 370px;
	float: left;
	padding: 30px 0px 10px 0;
}

div.donate{
	width: 259px;
	float: left;
	padding: 10px 15px 10px 0;
}

div.partners{
	width: 125px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
	padding: 10px 10px;
	float: left;
	border-left: 1px dotted #C2C2C2;
	border-right: 1px dotted #C2C2C2;
}

div.contact{
	width: 215px;
	float: left;
	padding: 10px 0 10px 15px;
}

div#footer{
	background: #e59517;
	padding: 10px 15px;
}

div.footernav{
	border-bottom: 1px dotted #134a8e;
	padding: 0 0 5px 0;
}

/* End Layout Selectors */


/* Typo Selectors */

div#header h1{
	width: 500px;
	float: left;
	line-height: 1em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #333;
	font-size: 20px;
	font-weight: lighter;
}

div#header h1 span{
	padding: 0 10px 0 10px;
}

div#header h1 em{
	display: block;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
}

div#header p.url{
	width: 200px;
	float: right;
	text-align:center;
	padding: 60px 0 0 0;
	margin: 0;
	color:#fff;
}

div.banner{
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 5px solid #e59517;
	z-index: 1;
}

div#breadcrumb p{
	padding: 10px;
	margin: 0;
	border-bottom: 1px dotted #C2C2C2;
}

div#leftcontent h1, div#rightcontent h1, div#rightcontent h2, div#laststop h2, div#catalogue h2{
	display: block;
	margin: 0;
	padding: 0;
	color: #663300;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

div#leftcontent h2{display:block; margin:0; padding:0; font-size:13px;}

div#catalogue p{
	margin: 3px 0;
	padding: 3px 0;
}

div#leftcontent blockquote{
	color: #333;
	padding: 10px 0;
	margin: 0;
	display: block;
	font-size: 15px;
}

div#leftcontent p span{
	display: block;
	padding: 3px 0 0 0;
}

div.aboutus p{
	padding: 0 0 10px 0;
	margin: 0;
}

div.aboutus p.aboutvisual{
	width: auto;
	height: 158px;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
}

div#rightcontent h2{
	font-size: 13px;
	padding: 10px 0 5px 0;
	text-transform: capitalize;	
	border-top: 1px dotted #e59517;
	color: #663300;
}

div#rightcontent h2 span{
	display: block;
	padding: 3px 0;
	margin: 0;
}

div#rightcontent p{
	margin:3px 0;
	padding:3px 0;
}

div#laststop h2{
	font-size: 12px;
	display: block;
	padding: 3px;
	color:#e59517;
	border-bottom: 1px dotted #e59517;
}

div#catalogue div.info h2{
	font-size: 12px;
	display: block;
	padding: 3px;
	color:#e59517;
	border-bottom: 1px dotted #e59517;
}

div#laststop div.donate h2{
	padding: 0;
}

div#laststop div.donate h2 span{
	margin: 5px 0 0 10px;
	padding: 0;
}

div.donate p.paypal{
	background: url(../img/paypal.gif) top right no-repeat;
	maring: 0;
	height: 42px;
	text-align: center;
	padding: 5px 60px 5px 0;
}

div.donate p{
	margin: 0;
	padding: 10px 0;
}

div.partners p{
	padding: 20px 0 0 0;
}

div#footer div.footernav p{
	background: url(../img/footer_bullet.gif) top left no-repeat;
	background-position: 0 5px;
	color: #fff;
	padding: 0 0 5px 12px;
	margin: 0;
}

div#footer p.legal{
	color: #fff;
	width: 410px;
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 10px;
}

div#footer p.developer{
	color: #fff;
	width: 250px;
	float: right;
	text-align: right;
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 10px;
}

/* End Typo Selectors */


/* List Selectors */

div#header ul#navigation{
	width: 100%;
	overflow: hidden;
	padding: 16px 2px 0 3px;
	margin: 0;
}

div#header li{
	width: auto;
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
}

div#leftcontent ul{
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
}

div#leftcontent li, div#leftcontent li.right{
	width: auto;
	float: left;
	list-style-type: none;
	margin: 0 6px 0 0;
	padding: 0;
}

div#leftcontent li.right{
	margin: 0;
}

div#leftcontent li span{
	display: block;
}

div#rightcontent ul{
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
	margin: 0;
}

div#rightcontent li{
	display: block;
	background: url(../img/arrow_bullet.gif) top left no-repeat;
	background-position: 0 4px;
	padding: 0 0 10px 12px;
	margin: 0;
}

div#rightcontent li span.date, div.secContent li span.date{
	display: block;
	color: #666;
	padding: 0;
	font-size:10px;
}

div#rightcontent h1 span.viewall{
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
}

div#rightcontent li span.newstitle, div.secContent li span.newstitle{
	display: block;
	color: #663300;
	font-weight:bold;
	padding: 0;
	margin:0;
}

div.products ul{
	list-style:none;
	padding:0px;
	margin:0px;
}

div.products li{
	width:120px;
	padding-right: 1px;
	float: left;
}

/* End List Selectors */


/* Pseudo Selectors */

a img{
	outline: none;
	border: 0;
}

div.donate a{
	color: #CC3300;
	text-decoration: none;
}

div.donate a:hover{
	color: #333;
}

div#footer a{
	color: #fff;
	outline: none;
	text-decoration: none;
}

div#footer a:hover{
	color: #333;
}

div#rightcontent a{
	color: #676767;
	text-decoration: none;
}

div#rightcontent a:hover{
	color: #052d5e;
}

/* Pseudo Selectors */


/* Hacks */
.clear{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

/* End Hacks */

div.bodyContent{
	width:66%;
	margin-right:2%;
	padding-right:2%;
	border-right:1px dotted #cc6600;
	float:left;
}

div.bodyContent span.smalltext{font-size:11px; color:#999; display:block; padding:2px; width:145px;}

div.secContent{
	width:29%;
	float:left;
	color:#333;
	margin-top:25px;
}

div.secContent2{
	width:24%;
	float:left;
	//float:none;
	color:#333;
}

/*
div.secContent p{background: #FFFFCC; margin:0px; padding:5px;}

div.secContent ul{list-style:none; margin:0px; padding:0px;}
div.secContent li{display:block; padding:3px 2px 3px 5px; border-bottom:1px dotted #ccc;}
div.secContent li.header{background:#edea85; color:#333; font-weight:bold;}

div.secContent li.header a:link, div.secContent li.header a:visited{color:#edea85; text-decoration:none;}
div.secContent li.header a:hover, div.secContent li.header a:active{color:#000;}

div.secContent a:link, div.secContent a:visited{color:#333; text-decoration:none;}
div.secContent a:hover, div.secContent a:active{color:#000;}
*/
.moreLink{font-size:10px;}

/** admin **/
/* Tables */
table {
	background-color: #fff;
	border-top: 1px solid #e59517;
	border-left: 1px solid #e59517;
	/*border-bottom: 1px solid #ccc;*/
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
	font-size:12px;
}
th {
	background-color:#e59517;
	border-right: 1px solid #e59517;
	border-bottom: 1px solid #e59517;
	text-align: center;
	font-weight: normal;
	padding:1px;
}

th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}

th a:hover {
	background-color: #f7cc89;
	color: #333;
	text-decoration: none;
}

table tr td {
	background: #fff;
	border-right: 1px solid #e59517;
	border-bottom: 1px solid #e59517;
	padding: 4px;
	text-align: left;
	vertical-align: top;
	color:#444;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	display: inline;
	margin: 0px 6px;
}
.cakeSqlLog table {
	background: #f4f4f4;
}
.cakeSqlLog td {
	padding: 4px 8px;
	text-align: left;
}

/* Paging */
div.paging {
	color: #333;
	margin: 1em 0;
	padding-top: 5px;
	border-top:1px dotted #e59517;
	clear: both;
}
div.paging div.disabled {
	color: #333;
	display: inline;
}

/* Scaffold View */
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: auto;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	padding-left: 4px;
	vertical-align: top;
	margin-bottom: 2px;
	border-bottom:1px solid #eee;
}
dd {
	margin-left: 20em;
	margin-top: -2em;
	padding-left: 5px;
	vertical-align: top;
	display: block;
	margin-bottom: 2px;
	
}

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 60%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-weight: bold;
}
fieldset fieldset legend {
		font-weight: normal;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
		vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
		padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Forms 
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset legend {
		font-weight: normal;
}
form div {
	clear: both;
	padding: .3em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 52%;
}
label {
	display: block;
	width: 20%;
	font-size: 100%;
	padding-right: 20px;
	float: left;
}
input, textarea {
	clear: both;
	font-size: 90%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1px;
}
select {
	clear: both;
	font-size: 90%;
	vertical-align: text-bottom;	
}
select[multiple=multiple] {
	width: 90%;
}
option {
	font-size: 90%;
	padding:1px 0px;
	margin-right: 20px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {

	margin: 0px 50px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 90%;
	padding: 2px 0px;
	width: auto;
	vertical-align: bottom;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
	padding-left: 53%;
}
div.error em {
	font-size: 140%;
	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 140%;
	padding: 0.5em;
	margin: 1em 0;
}

/* admin */

div#header ul#adminnav{
	width: 98%;
	overflow: hidden;
	padding: 0 1%;
	margin: 10px 0 0 0;
	background:#e59517;
}

div#header ul#adminnav li{display:block; padding:6px 3px; float:left; border-right:1px dotted #fff;}
div#header ul#adminnav a:link, div#header ul#adminnav a:visited{color:#fff; text-decoration:none;}
div#header ul#adminnav a:hover, div#header ul#adminnav a:active{text-decoration:underline;}

.selectedmenu{background:#f7cc89; color:#e59517;}

div#header ul#adminsubnav{
	width: 98%;
	height: 22px;
	float:left;
	padding: 2px 1%;
	margin: 0;
	background:#f7cc89;
	color:#e59517;
}

div#header ul#adminsubnav li{display:block; padding:3px 10px; float:left; border-right:1px dotted #e59517;}
div#header ul#adminsubnav a:link, div#header ul#adminsubnav a:visited{color:#e59517; text-decoration:none;}
div#header ul#adminsubnav a:hover, div#header ul#adminsubnav a:active{text-decoration:underline;}

.categorybox{width:20%; float:left; padding-right:1%;}
.gallerybox{width:79%; float:left;}

div.categorybox ul{list-style:none; margin-top:15px; padding:0px;}
div.categorybox li{display:box; padding:3px 5px; margin-bottom:1px; background:#e59517;}

div.gallerybox ul{list-style:none; margin:0; padding:0;}
div.gallerybox li{display:inline; margin-right:5px; width:100px; height:100px; float:left;}

div.secContent ul, div.volunteers ul, div.galleries ul, div.publications ul, div#leftcontent ul, div#rightcontent ul, div.partnerslist ul, div.news ul{list-style:none; margin:0; padding:0;}
div.secContent li, div.volunteers li, div.galleries li, div.publications li, div#leftcontent li, div#rightcontent li, div.partnerslist li, div.news li{display:block; padding:3px 5px; margin-bottom:3px; background:#FFFFCC; border-bottom:1px solid #FFCC33; border-right:1px solid #FFCC33;}
div.secContent li:hover, div.volunteers li:hover, div.galleries li:hover, div.publications li:hover, div.partnerslist li:hover, div.news li:hover{background:#e59517;}
span.publicationcategory{font-size:11px; color:#666;}

div.news p.created{margin:0; padding:0;}
.title{margin:3px; padding:4px 0; font-size:16px;}
.body{margin:5px 0; padding:10px 3px;}
.bodyview{margin:5px 0; padding:10px 3px; background:#ffffcc;}

.subsectionbread{border-bottom:1px dotted #e59517; padding-bottom:3px; margin-bottom:5px;}

div.secContent h4 a:link, div.secContent h4 a:visited{color:#e59517;}
td.directors{background:#ffffcc; border:0; border-bottom:1px solid #e59517;}

div.contacts{width:80%; background:#ffffcc;}

#bannerinfo{position:absolute; text-align:right; top:335px; z-index:99; background:#FFFF66; padding:3px 10px; width:690px; height:60px; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65; color:#000; overflow:hidden;}
#bannerinfo h2, #bannerinfo p{margin:0; padding:0; }
#bannerinfo h2{color:#3C3C00; font-size:16px; }

li.volunteers{ width:48%; display:inline; text-align:left; float:left; padding:5px 0;}
li.volunteers img{margin:0 5px 3px 0;}

div.adminContent{width:64%; margin-right:1%; float:left;}
div.adminContentImage{padding-top:10px; width:35%; float:left;}
div.adminContentImage form{width:98%; padding:1%; background:#ffffcc;}
div.adminContentImage input[type=hidden]{background:none;}
div.adminContentImage ul{list-style:none; padding:0; margin:0;}
div.adminContentImage li{display:block; padding-top:10px; background:#ffffcc; text-align:center;}

div.contentimagevieweruser{float:right;}
div.contentimagevieweruser ul{list-style:none; padding:0; margin:5px;}

form.donate{width:122px; padding:0; margin:0; background:none; float:right; clear:right;}

form.donate input, form.donate2 input {
	padding: 0px;
}

form.donate2{width:102px; height:35px; clear:both; padding-left:25px; margin:0; background:none;}
p.sortby{padding:5px; background:#ffffcc;}