/* 

STYLE SHEET FOR DZOGCHEN MONASTERY WEB SITE
Created by Webmaster@dzogchen.org.in
www.dzogchen.org.in

ToC

	 1. defaults
	 2. structure
	 3. links
	 4. navigation
	 5. fonts
	 6. tables
	 7. forms
	 8. images
	 9. background images
	10. colours
	
Notes

*/


.right { float:right; }
.left { float:left; }


/* dividers */

div.divider { height:2px; background-image:url(../../images/global/structure/divider.gif); line-height:2px; font-size:2px; clear:both; background-color:#f6f3d9; }
div.padded-divider { height:2px; background-image:url(../../images/global/structure/divider.gif); line-height:2px; font-size:2px; clear:both; margin:0 14px 0 14px; background-color:#d5d5aa; }
div.page-divider { height:2px; background-image:url(../../images/global/structure/divider-page.gif); line-height:2px; font-size:2px; clear:both; }




/* --------- 1. defaults  --------- */

* { margin:0; padding:0; border:0;}

body { text-align:center; }
#wrapper { text-align:left; }
		
/*  --------- 2. structure  --------- */

#wrapper { width:770px; margin:0 auto;  }

#index-header { width:100%; height:140px; }

#header { width:770px; height:62px; clear:both; }




#index-content { width:100%; height:450px; }


/* CONTENT */

.content { float:left; vertical-align:top; width:770px; }
.content h1 { margin:28px 14px 21px 14px; }
.content h2 { margin:18px 14px 18px 14px; }
.content h3 { margin:0 14px 18px 14px; }
.content p { margin:0 14px 14px 14px; }
div.soundbite { margin-top:28px; margin-bottom:-7px; }

#content-footer { margin-top: 28px; }

.hd h2 { padding:0 0 0 8px ; margin:0; }


#page { clear:both; }

#footer { width:770px; clear:both; }

#footer .footer-left {float:left; padding:20px 8px 20px 8px;}

#footer .footer-right { float:right; padding:20px 8px 20px 8px; }

#index-footer { width:770px; clear:both; }

#index-footer .footer-left { float:left; padding:11px; }

#index-footer .footer-right { float:right; padding:11px; }


.separator { clear: both; }
.separator-invisible  { clear: both; height: 1px; line-height:1px; font-size:1px; }


.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}
		




.hlight { display:inline; margin:0 3px 0 3px; }


/* ---------- 3. links ---------- */

a { text-decoration: none; color: #336666; }
a { text-decoration: none; color: #336b6c; }
a:hover { text-decoration: none; color:#ffffff; }

.content a { text-decoration: none; color: #336666; }
.content a:hover { text-decoration: none; color:#8c8c56; }


/* ---------- 4. navigation ---------- */


/* ---------- 5. fonts ---------- */

html { font-size: 100%; } 

body { font-size: 1em; font-family:Tahoma, Arial, sans-serif; }




.content { color:#333; }
.content h1, .content h2, .content h3, #footer, #index-footer, .hlight { color: #336666; }
.instruction { color:#666; }



.content { font-size:0.750em; /*12px;*/ line-height:21px; text-align:justify; }
.content h1 { font-size:1.50em; /*18px*/  font-weight:normal; }
.content h2 { font-size:1.25em; /*16px*/ font-weight:normal; }
.content h3 { font-size:1em; /*14px*/ font-weight:normal; }
.content p { line-height:24px; text-align:justify; }



#dsscs-reg { font-size:10px;/*0.9em;*/ text-align:left; }

#footer { font-size:0.750em; /*12px*/ font-weight:normal; }

#index-footer { font-size:0.750em; /*12px*/ font-weight:normal; }

#dsscs h3 { font-size:1em; font-weight:normal; }

		
/* ---------- 6. tables ---------- */

/* ---------- 7. forms ---------- */	

/* ---------- 8. images ---------- */


img { border:0; display:block; }

img { font-size:0.8em; color:#999; }
.content img { font-size:1em; color:#999; }

#header { behavior: url(scripts/global/iepngfix.htc); }
#index-header { behavior: url(scripts/global/iepngfix.htc); }
.phone { behavior: url(scripts/global/iepngfix.htc); }
.fax { behavior: url(scripts/global/iepngfix.htc); }

/* ---------- 9. background images ---------- */

body { background-image:url(../../images/global/structure/pattern01.gif); }

#index-header { background-image:url(../../images/index/header.png); }
#index-footer { background-image:url(../../images/global/structure/spot01.gif); }

#header { background-image:url(../../images/global/header.png); }
/*#footer { background-image:url(../../images/global/structure/spot03.gif); }*/

#programme-content { background:url(../../images/global/logos/wheel.jpg) no-repeat 80px 240px; }
#shenpen-wrap { background:url(../../images/shenpen/shenpen/shenpen.jpg) no-repeat -120px -200px; }

/* ---------- 10. background colours ---------- */


body { background-color: #d5d5aa; }
.content  { background-color: #f6f3d9; }
#header, #index-header, #index-footer { background-color:#8c8c56; }
#main-nav  { background-color: #336b6c; }
#sub-nav  { background-color: #999966; }
/*#footer  { background-color: #999966; }*/

/* ------------------------------------------------------------------------------------------------- */

/* main nav */

#main-nav { background-image:url(../../images/global/structure/spot02.gif); clear:both; }
#main-nav { padding: 7px 14px 7px 14px; }
#main-nav h2 { padding:0; margin:0; font-weight:normal; font-size:1em; }
#main-nav ul { position:relative; text-align: left; width: 100%; line-height: 20px; color: #444; }

#main-nav ul li { color:#999966; margin-right: 7px; }
#main-nav ul li { display: inline; font-size: 0.75em; font-family:Arial, Helvetica, sans-serif; font-style:normal; }
#main-nav ul li.label { padding-left:0px; margin-right: 7px; color:#cc9933; }
#main-nav ul li a { padding-left: 0px; color: #999966; text-decoration: none; }
#main-nav ul li a:hover, #subnav .active { color:#FFFFFF; }

/* ------------------------------------------------------------------------------------------------- */

/* sub nav */

#sub-nav { background-image:url(../../images/global/structure/spot03.gif); clear:both; }
#sub-nav { padding: 7px 14px 7px 14px; }
#sub-nav h2 { padding:0; margin:0; font-weight:normal; font-size:1em; }
#sub-nav ul { text-align: left; width: 100%; line-height: 16px; color: #444; }
#sub-nav ul li { color:#666633; margin-right: 14px; }
#sub-nav ul li { display: inline; font-size: 0.750em; font-family: Arial, sans-serif; }
#sub-nav ul li.label { margin-right: 14px; color:#333333; }
#sub-nav ul li a { padding-left: 0px; padding-bottom: 0px; padding-top: 0px; color:#666633; text-decoration: none; }
#sub-nav ul li a:hover, #subnav .active { color:#FFFFFF; }

/* ------------------------------------------------------------------------------------------------- */

/* project */

.project { margin:0 14px 14px 14px; background-image:url(../../images/global/structure/spot05.gif);  display:inline-block; width:742px;}
.project img { margin:12px; display:inline; }
.project div.details-right { float:left; width:540px; margin:12px 12px 12px 0; }
.project div.details-left { float:left; width:540px; margin:12px 0 12px 12px; }
.project h2 { margin: 0 0 8px 0; }
.project h2 { font-size:1em; font-weight:normal;  }
.project ul { margin: 0 0 8px 18px;  list-style-position:outside; list-style-type:square; }
.project p { margin: 0 0 8px 0; }

/* ------------------------------------------------------------------------------------------------- */

/* news item */

.news-item { margin:0px; width:770px; clear:both; }
.news-item div.hd { margin:12px 12px 0px 6px; }
.news-item div.bd { margin:18px 12px 12px 12px; }
.news-item div.ft { height:2px; background-image:url(../../images/global/structure/divider.gif); line-height:2px; font-size:2px; clear:both; margin:0 12px 0 12px; }
.news-item img.left { margin:0 12px 0 0; display:inline; }
.news-item img.right { margin:0 0 0 12px; display:inline; }
.news-item h2 { float:left; }
.news-item div.date { float:right; color:#999999;}
.news-item div.info { margin-top:14px; }

/* ------------------------------------------------------------------------------------------------- */

/* photo display */

.photo { margin:7px 14px 0 14px; display:inline; clear:both; }
.photo-display { margin:0 14px 14px 14px; /* width:742px */ }

.photo-col { float:left; display:inline; margin:0 14px 0 0; }

.multi-img { font-size:0; }
.multi-img img.top { margin-bottom:7px; }

p.caption { font-size:0.9em; text-align:center; border:0; margin:7px 0 0 0; color:#666; line-height:1.2em; }

#biography001 { margin:0 68px 14px 82px; }
#biography002 { margin:0 15px 14px 29px; }
#biography003 { margin:0 38px 14px 48px; }
#biography004 { margin:0 74px 14px 88px; }
#events001 { margin:0 27px 14px 41px; }
#events002 { margin:0 27px 14px 41px; }
#family001 { margin:0 119px 14px 133px; }
#family002 { margin:0 125px 14px 139px; }
#lineage001 { margin:0 31px 14px 46px; }
#monastery001 { margin:0 73px 14px 87px; }
#monastery002 { margin:0 65px 14px 77px; }
#monastery003 { margin:0 33px 14px 47px; }
#prayers001 { margin:0 7px 14px 21px; }
#temple-restoration001 { margin:0 27px 7px 34px; }
#temple-restoration001 .photo-col { margin:0 7px 0 0; }
#temple-restoration002 { margin:0 27px 7px 34px; }
#temple-restoration002 .photo-col { margin:0 7px 0 0; }
#visiting001 { margin:0 7px 7px 14px; }
#visiting002 { margin:0 7px 7px 14px; }
#visiting003 { margin:0 7px 14px 14px; }
#visiting001 .photo-col, #visiting002 .photo-col, #visiting003 .photo-col { margin:0 7px 0 0; }
#noryang001 { margin:0 67px 14px 81px; }

#news-photo-2 { margin:0 115px 14px 129px; }
#news-photo-3 { margin:0 115px 14px 129px; }
#news-photo-4 { margin:0 218px 14px 136px; }
#news-photo-5 { margin:0 96px 14px 110px; }
#news-photo-6 { margin:0 109px 14px 123px; }
#news-photo-7 { margin:0 68px 14px 82px; }

/* ------------------------------------------------------------------------------------------------- */

/* cBoxx - teaching schedule, dsscs contacts, monastery contacts, shenpen contacts*/

.cBoxx { margin:0 14px 14px 14px; clear:both; }
.cBoxx { width:742px; }
.cBoxx { background-image:url(../../images/global/structure/spot05.gif); } 

.cBoxx .hd { padding:8px 12px 9px 12px; vertical-align:top; }
.cBoxx .hd { background:url(../../images/global/structure/divider.gif) repeat-x bottom; }
.cBoxx .hd .country { float:left; width:14em; margin:0; display:inline;  }
.cBoxx .hd .country h2 { margin:0 0 0 18px; }
.cBoxx .hd .country h2 { font-size:1.25em; font-weight:normal; }
.cBoxx .hd .link { float:right; }
.cBoxx .hd .link div { float:left; margin-left:10px; font-size: 0.9em; }

/*
.cBoxx .bd { background-image:url(../../images/global/structure/divider.gif); }
.cBoxx .hd { background-image:url(../../images/global/structure/divider.gif); }
*/

.cBoxx .bd { margin:0 12px 0 12px; padding:12px 0 12px 0; text-align:left; }

.cBoxx .bd div.city { float:left; width:105px; clear:left; }
.cBoxx .bd div.title { float:left; width:227px; }
.cBoxx .bd div.event { float:left; width:240px; }
.cBoxx .bd div.dates { float:left; width:142px; }

.cBoxx .bd div.role { float:left; width:11em; color:#336666; }
.cBoxx .bd div.name { float:left; width:15em; }
.cBoxx .bd div.email { float:left; width:20.5em; }
.cBoxx .bd div.phone { float:left; width:13em; }
.cBoxx .bd div.mobile { float:left; width:13em; }

/*
.cBoxx .bd div.city { float:left; width:8.25em;  clear:left; max-width:100px;}
.cBoxx .bd div.title { float:left; width:19em; max-width:234px;}
.cBoxx .bd div.event { float:left; width:19.5em; max-width:230px;}
.cBoxx .bd div.dates { float:left; width:12em; max-width:150px;}
*/

#monastery-contacts .email { float:none; }
#monastery-contacts .fax { float:none; }
#monastery-contacts .phone { float:none; }

#dsscs-contacts .email { float:none; }
#dsscs-contacts .fax { float:none; }
#dsscs-contacts .phone { float:none; }

#dsscs-roles { margin-top:14px; }
#dsscs-roles .role { float:left; width:16em; }
#dsscs-roles .name { float:left; width:19em; }
#dsscs-roles .email { float:left; width:19em; }

/* ------------------------------------------------------------------------------------------------- */

/* sBoxx - Study Group */

.sBoxx { margin:0 14px 14px 14px; padding:14px; }
.sBoxx { clear:both; background-image:url(../../images/global/structure/spot05.gif); }
.sBoxx .bd { } 
.sBoxx .country { float:left; width:14em; margin:0; display:inline;  }
.sBoxx .country h2 { margin:0 0 0 26px; }
.sBoxx .name { float:left; width:13em; margin:0; }
.sBoxx .email { float:left; width:18em; margin:0; }
.sBoxx .phone { float:left; width:13em;; margin:0;}

/* ------------------------------------------------------------------------------------------------- */

/* dBoxx - Donations and offerings */

select { font-size:11px; background-color:#ffffff; }
select { margin:0 3px 0 3px;}

.dBoxx { clear:both; background-image:url(../../images/global/structure/spot06.gif); margin:0 14px 14px 14px; padding:14px 0 0 0; }
.dBoxx h2 { margin:0 14px 14px 14px; }
.dBoxx h2 { font-size:1.25em; font-weight:normal; }
.dBoxx .bd { margin:0 14px 14px 14px; }
.dBoxx .section { margin:0 0 14px 0; }
.dBoxx .ft { height:2px; background-image:url(../../images/global/structure/divider.gif); line-height:2px; font-size:2px; clear:both; background-color:#f6f3d9; }

#donation-wrapper { float:right; width:413px; }
#donation-wrapper .dBoxx { float:right; width:383px; }

div.temple { background-image:url(../../images/global/structure/spot10.gif); }


/* ------------------------------------------------------------------------------------------------- */

/* shenpen invite */

#shenpen-invite { margin:0 14px 14px 14px; clear:both;}
#shenpen-invite { background-image:url(../../images/global/structure/spot05.gif); }
#shenpen-invite { font-size:1px; line-height:1px; } 

/* ------------------------------------------------------------------------------------------------- */

/* Country Flags */


div.america { background:url(../../images/global/icons/flags/us.gif) left 5px no-repeat; min-height:17px; }
div.australia { background:url(../../images/global/icons/flags/au.gif) left 5px no-repeat; min-height:17px; }
div.deutschland { background:url(../../images/global/icons/flags/de.gif) left 5px no-repeat; min-height:17px; }
div.france { background:url(../../images/global/icons/flags/fr.gif) left 5px no-repeat; min-height:17px; }
div.hongkong { background:url(../../images/global/icons/flags/hk.gif) left 5px no-repeat; min-height:17px; }
div.india { background:url(../../images/global/icons/flags/in.gif) left 5px no-repeat; min-height:17px; }
div.nederland { background:url(../../images/global/icons/flags/nl.gif) left 5px no-repeat; min-height:17px; }
div.singapore { background:url(../../images/global/icons/flags/sg.gif) left 5px no-repeat; min-height:17px; }
div.suisse { background:url(../../images/global/icons/flags/ch.gif) 2px 5px no-repeat; min-height:17px; }
div.uk { background:url(../../images/global/icons/flags/uk.gif) left 5px no-repeat; min-height:17px; }


/*
#america { background:url(../../images/global/icons/flags/us.gif) left 5px no-repeat; min-height:17px; }
#australia { background:url(../../images/global/icons/flags/au.gif) left 5px no-repeat; min-height:17px; }
#deutschland { background:url(../../images/global/icons/flags/de.gif) left 5px no-repeat; min-height:17px; }
#france { background:url(../../images/global/icons/flags/fr.gif) left 5px no-repeat; min-height:17px; }
#hongkong { background:url(../../images/global/icons/flags/hk.gif) left 5px no-repeat; min-height:17px; }
#india { background:url(../../images/global/icons/flags/in.gif) left 5px no-repeat; min-height:17px; }
#nederland { background:url(../../images/global/icons/flags/nl.gif) left 5px no-repeat; min-height:17px; }
#singapore { background:url(../../images/global/icons/flags/sg.gif) left 5px no-repeat; min-height:17px; }
#suisse { background:url(../../images/global/icons/flags/ch.gif) 2px 5px no-repeat; min-height:17px; }
#uk { background:url(../../images/global/icons/flags/uk.gif) left 5px no-repeat; min-height:17px; }
*/


/*
#france-flag { background:url(../../images/global/icons/flags/fr.gif) center no-repeat; width:17px; height:12px; }
#nederland-flag { background:url(../../images/global/icons/flags/nl.gif) center no-repeat; width:17px; height:12px; }
#deutschland-flag { background:url(../../images/global/icons/flags/de.gif) center no-repeat; width:17px; height:12px; }
#suisse-flag { background:url(../../images/global/icons/flags/ch.gif) center no-repeat; width:12px; height:12px; }
#uk-flag { background:url(../../images/global/icons/flags/uk.gif) center no-repeat; width:17px; height:12px; }
#hongkong-flag { background:url(../../images/global/icons/flags/hk.gif) center no-repeat; width:17px; height:12px; }
#america-flag { background:url(../../images/global/icons/flags/us.gif) center no-repeat; width:17px; height:12px; }
#australia-flag { background:url(../../images/global/icons/flags/au.gif) center no-repeat; width:17px; height:12px; }
#india-flag { background:url(../../images/global/icons/flags/in.gif) center no-repeat; width:17px; height:12px; }
#singapore-flag { background:url(../../images/global/icons/flags/sg.gif) center no-repeat; width:17px; height:12px; }
*/

/* ------------------------------------------------------------------------------------------------- */

/* Contact Icons */

.email {  background:url(../../images/global/icons/contacts/email.gif) left 5px no-repeat; min-height:17px; }
.email a {margin-left: 22px; }
.phone { background:url(../../images/global/icons/contacts/phone.png) left 5px no-repeat; min-height:17px;  }
.phone span { margin-left: 22px; }
.mobile { background:url(../../images/global/icons/contacts/mobile.gif) left 5px no-repeat; min-height:17px; }
.mobile span { margin-left: 22px; }
.fax { background:url(../../images/global/icons/contacts/fax.png) left 5px no-repeat; min-height:17px; }
.fax span { margin-left: 22px; }

/*
.email-icon {  background:url(../../images/global/icons/contacts/email.gif) center no-repeat; width:13px; height:12px; }
.email-icon {  float:left; margin-top:5px; margin-right:0.7em; }
.phone-icon {  background:url(../../images/global/icons/contacts/phone.png) center no-repeat; width:13px; height:13px; }
.phone-icon {  float:left; margin-top:5px; margin-right:0.7em; }
.mobile-icon {  background:url(../../images/global/icons/contacts/mobile.gif) center no-repeat; width:13px; height:13px; }
.mobile-icon {  float:left; margin-top:5px; margin-right:0.7em; }
.fax-icon {  background:url(../../images/global/icons/contacts/fax.png) center  no-repeat; width:13px; height:13px; }
.fax-icon {  float:left; margin-top:5px; margin-right:0.7em; }
*/

/* ------------------------------------------------------------------------------------------------- */

/* lists */

ul.info { margin:14px; list-style:inside; }
ul.bibliography { margin:14px 14px 14px 28px; list-style:circle; }
ul.pap { list-style-type:decimal; list-style-position:outside; margin:0 0 14px 35px; }

ul.temple { margin:14px 14px 14px 28px; list-style:outside; }
ul.temple li { margin:14px 14px 14px 14px; }

/* ------------------------------------------------------------------------------------------------- */

/* sitemap */

div.section { margin:0 14px 14px 14px; }
div.section h2 { padding:0px; margin:0px; margin-bottom:7px;}
div.section ul { list-style:none; }

/* ------------------------------------------------------------------------------------------------- */

/* fonts */

ul.bibliography em { font-weight: normal; font-style:italic; }

em.strongest { font-weight: bold; font-style:italic; }
em.strong { font-weight: bold; font-style: normal; }
em.mild { font-weight:normal; font-style:italic; }
em.tibetan { font-weight:normal; font-style:italic; }

em.event-title, em.practice { font-weight:normal; font-style:italic; }


#go-home { float:left; margin-left:22px; margin-top:4px; width:46px; height:49px; }

div.address { margin:0 14px 14px 14px; line-height:14px; }



/*  */



#dsscs-support { float:right; width:19em; max-width:380px; display:inline; }
#dsscs-support h2 { margin:35px 35px 14px 35px; }
#dsscs-support p { padding:0; margin:0 35px 35px 35px; }

#tsok-boom-support { float:right; width:22em;  display:inline; }
#tsok-boom-support h2 { margin:35px 35px 14px 35px; }
#tsok-boom-support p { padding:0; margin:0 35px 35px 35px; }

#restricted-area3 { clear:both; background-image:url(../../images/global/structure/spot06.gif); margin:0 14px 14px 14px; }
#restricted-area3 { float:right; width:286px; display:inline;}
#restricted-area3 h2 { margin:0 35px 14px 35px; padding-top:35px; }
#restricted-area3 div.bd {  margin: 0 35px 35px 35px; }
#restricted-area3 p { padding:0; margin:0 0px 14px 0px; }

#shenpen-sites3 { clear:both; background-image:url(../../images/global/structure/spot06.gif); margin:0 14px 14px 14px; }
#shenpen-sites3 { float:right; width:17em; max-width:742px; display:inline;}
#shenpen-sites3 h2 { margin:0 28px 14px 28px; padding-top:35px; }
#shenpen-sites3 ul { padding:0; margin:0 28px 35px 28px; }
#shenpen-sites3 ul { list-style:none; line-height:16px; }



#worldpay { margin:0 0 14px 0; }

#error { color:#990000; }
#error { padding:0 0 14px 0; }

/* BOXX */

.boxx { background-image:url(../../images/global/structure/spot06.gif); }
.boxx { background-color: #d5d5aa; }
.boxx { margin:0 14px 14px 14px;  }
.boxx h2 { font-size:1.25em; font-weight:normal; }

#restricted-area { float:right; width:286px; display:inline;}
#restricted-area h2 { margin:35px 35px 14px 35px; }
#restricted-area div.bd {  margin: 0 0 35px 0; }
#restricted-area p { margin:0 35px 14px 35px; padding:0; }

#shenpen-sites { float:right; width:17em; max-width:742px; display:inline;}
#shenpen-sites h2 { margin:0 28px 14px 28px; padding-top:35px;}
#shenpen-sites ul { padding:0; margin:0 28px 35px 28px; }
#shenpen-sites ul { list-style:none; line-height:16px; }

/* Event */

h1.event, h2.event { color:#cc9933 }

/* Temple Restoration */

h1.temple, h2.temple, h3.temple { color:#996600; }
div.objective { margin:28px 14px 21px 14px; color:#996600; font-size:1.50em; font-weight:normal; }

/* Teaching Schedule */

div.year { margin:0 14px 14px 14px; clear:both; width:742px; background-image:url(../../images/global/structure/spot09.gif); } 
div.year h2 { padding: 8px 0 8px 12px; margin:0; }

/* Retreat Advert */

#retreat-advert { background-image:url(../../images/global/adverts/advert01.jpg); width:750px; height:120px; margin-left:10px; margin-bottom:20px; margin-top:20px; }

/* Retreat Page */

.retreat-title { background-image:url(../../images/global/structure/title01.jpg); width:750px; margin-left:10px; }

.retreat-title h2 { padding-top:10px; padding-bottom:10px; }