/* Styles for Mindrolling Monastery 2005-2009  */

html { background: #ccdadb; margin-bottom: 50px; }

body { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #333;
	margin: 0; 
	padding: 0;  
	background-color: #F0eee4; }

a:link, a:visited  { color: #900; text-decoration: underline;  }
a:hover { color: #C60; text-decoration: underline;  }

.continue { }
.previous { }
.next { }

p, p.default { 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

p.smaller { font-size: 10px; line-height: 13px; }

ul,ol,li {
	font-family: verdana, arial, helvetica, sans-serif;	
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin: 0;
	text-align: left; 
	list-style: square;
}
li { margin: 10px 30px 0 0; }

blockquote {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	margin: 10px 20px;
	text-align: left;
}

hr { margin: 0 0 10px 0; color: #ccc; } 

img { margin: 0 10px 0 0; padding: 0; }
imgRight { float: right; margin: 0 10px 5px 0; border: 1px solid #666; }
imgLeft { float: left; margin: 0 0 5px 10px; border: 1px solid #666; }

h1,h2,h3,h4 { 
 	font-family: Georgia, "Times New Roman", serif;
	text-align: left;
	font-weight: normal;
}
h1 { font-size: 30px; line-height: 32px; color: #666; margin: 30px 0 15px 0; }
h1.parinirvana { font-size: 26px; line-height: 28px; color: #666; margin: 30px 0 15px 0; }
h2 { font-size: 20px; line-height: 22px; color: #480316; margin: 0 0 20px 0; }
h2.parinirvana { font-size: 20px; font-style: italic; line-height: 22px; color: #660000; margin: 0 0 10px 0; }
h3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; color: #333; font-weight: bold; background-color: #ccc; padding: 1px 5px 2px 5px; margin: 0 20px 10px 0;  border-bottom: 1px solid gray;}
h3.newsdate { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; background-color: none !important; border-bottom: none; margin: -10px 0 10px 0; }
h4 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #480316; margin: 20px 0 0 0; }

.short { font-family: verdana, arial, helvetica, sans-serif; font-size: 15px; color: #666; font-weight: bold; /*background-color: #cecece;*/ padding: 1px 5px 3px 5px; margin: 0 20px 10px 0; width: 200px;}

table,tr { margin: 0; padding: 0; }
td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	text-align: left;
	color: #333;
	vertical-align: top;
}

#bodytag { 
	margin: 0;
	padding: 0;
}

#pageWrapper {
	width: 100%;
	min-width: 850px;
	margin: 0 auto;
	background-color: #F0eee4;
}

#headWrapper, #homeHeadWrapper { 
	width: 100%;
	margin: 0 auto !important;
	padding: 0;
}
#headWrapper { height: 112px; top-margin: 0 !important}
#homeHeadWrapper { height: 278px; }

#bannerWrapper {
	width: 100%;
	height: 85px;
	margin: 0 auto;
	background-color: #480316;
}

#topNavWrapper {
	width: 100%;
	height: 27px;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #ccdadb;
	/*background-color: #303030;*/
	border-top: 1px solid #350000;
	text-align: center !important;
}

#topnav {
	width: 750px;
	height: 100%;
	margin: 0 auto !important;
	color: #480316;
	padding: 7px 0 0 0;	
	text-align: center !important;
}
.topmenu span.pipe { font-weight: normal; }

.topmenu, .topmenu a, .topmenu a:hover {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #333 !important;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	border-bottom: 1px solid #ccdadb !important;
}

.topmenu a { 
	color: #333 !important; 
	text-decoration: none !important; 
	border-bottom: 1px solid #ccdadb !important; 
	margin: 0;
	padding: 0;
	text-align: center;
}

.topmenu a:hover { 
	color: #0066FF  !important; 
	text-decoration: none !important; 
	border-bottom: 1px solid #ccdadb !important; 
	margin: 0;
	padding: 0;
	text-align: center;
}

#photos {
	width: 750px;
	height: 166px;
	text-align: center;
	margin: 0 auto;
	padding: 0;	
}

#grayBorder { 
	width: 100%; 
	height: 13px; 
	margin: 1px 0 0 0 !important; 
	padding: 0 !important; 
	background: #ccdadb; 
}

#caption { 
	font-family: verdana, arial, sans-serif;
	font-size: .79em;
	line-height: 1.2em;	
	color: #666;
	font-weight: normal;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#homeContentWrapper {
	width: 750px;
	margin: 10px auto;
	height: 100%;
	padding-top: 20px;
}

#HH { width: 550px; margin: 0; padding-top: -20px; }
#HH p { text-align: center; font-weight: bold; font-size: 1.1em;  }
#HH p span { font-weight: normal; font-size: .82em; }



#leftCol { 
	float: left;
	width: 360px;
	margin: 0;
	padding: 0 0 0 0;
	text-align: left;
}

#description { 
	float: left;
	width: 360px;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	text-align: left;
	border-bottom: 1px dotted #999;
}

#description p { font-size: 1em; line-height: 1.3em; }
#description p.callout { height: 62px; color: #999; font-weight: bold; font-size: 1em; line-height: 1.4em; border-bottom: 1px solid #ccc; }

#leftCol #newslinks { margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc; }
#leftCol #newlinks h3 { font-size: .90em; margin: 0 0 5px 0; padding: 0;}
#leftCol #newslinks ul { margin: 0; padding: 0; }
#leftCol #newslinks ul li { font-size: .90em; line-height: 1.1em; list-style-type: none; margin: 0 0 5px 0; }

.address {
	/*font-family: verdana, arial, sans-serif;*/
	font-size: 10px;
	line-height: 13px;
	/*font-weight: normal;
	color: #333;
	text-align: left;*/
	margin-top: 30px;
}

#leftCol #address {
	font-size: .90em;
	line-height: 1.3em;
	margin: 30px 0;
}

#rightCol { 
	float: right;
	width: 380px; 
	margin: 0 0 20px 0;
	padding: 0;
}

.newsitem { 
	float: right;
	width: 360px; 
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.newsitem h2 { font-size: 1.1em; line-height: 1.3em !important; font-weight: bold; margin-bottom: 5px; text-decoration: underline; }
.newsitem h2.feature { font-size: 1.5em; font-weight: normal; }


.newsitem p { font-size: 1em;  line-height: 1.3em; }
.newsitem p span { font-size: .82em; }
.newsitem p .imgRight { float: right; border: 3px solid #ccc; margin: 7px 0 0 10px; }
.newsitem p .imgLeft { float: left; border: 3px solid #ccc; margin: 7px 10px 0 0; }

#highlights { 
	clear: right;
	float: right;
	width: 360px; 
	margin: 0 0 20px 0;
	padding: 0;
}

#news,#firstnews {
	text-align: left;
	width: 600px; 
	margin: 0;
	padding: 10px 2px 10px 2px;
	border-bottom: 1px solid #ccc;
}
#firstnews  { border-top: 1px solid #ccc; }

.highlights {
	font-family:  verdana, arial, sans-serif;
	color: #333;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 15px;
}

.highlights .imgfirst { margin-bottom: 50px; }

#subContentWrapper {
	width: 750px;
	min-height: 450px;
	margin: 0 auto;
	padding: 0;
	/*background: url("/new/images/subNavBG.gif") repeat-y top left;*/
	/*background-color: #D7D6D1;*/
}

#subContentWide {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f0eee4;
	/*background-color: #f0eee4;*/
}
.newsauthordate { font-size: .90em; font-family: Verdana, Geneva, sans-serif; margin: 0 0 20px 0; }
.newscallout { color: #999; font-size: 1.3em; font-weight: bold; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 10px 0; }

#subContentWide .photoboxright { float: right !important; width: 300px; margin: 0 0 20px 15px; }
#subContentWide .photoboxright img { margin: 0; padding: 0; border: 5px solid #ccc;  }
#subContentWide .photoboxright p.caption { font-family: Verdana, Geneva, sans-serif; width: 300px; margin: 0; font-size: .79em; color: #666; line-height: 1.1em; padding: 0; }


#subContentWide p imgRight { float: right; margin: 0 5px 0 10px; border: 1px solid #666; }
#subContentWide p imgLeft { float: left; margin: 0 10px 5px 0; border: 1px solid #666; }


#subContent .photobox, #subContentWide .photobox { width: 500px; margin: 10px auto 20px 0 !important; padding: 0; }
#subContent .caption, #subContentWide .caption  { width: 500px; font-size: 10px; color: #333; line-height: 12px; margin: 2px 0 0 0; padding: 0; text-align: left;}
#subContent .caption span, #subContentWide .caption span { font-weight: bold; }
#subContent .photobox img, #subContentWide .photobox img { margin: 0 auto 0 0 !important; padding: 0; border: 5px solid #ccc; }

#subContent .photoboxright { float: right !important; width: 500px; margin: 0 0 20px 15px; }
#subContent .photoboxright img { margin: 0; padding: 0; border: 5px solid #ccc;  }
#subContent .photoboxright p.caption { width: 500px; margin: 0; font-size: 10px; color: #333; line-height: 12px; padding: 0; }

#subContent {
	float: left;
	width: 510px;
	height: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #f0eee4;
}

#prevnext { clear: both; width: 500px; margin: 20px 0 50px 0; padding: 0; /*border-top: 1px solid #ccc;*/ }
#prevnext p { font-size: 11px; font-weight: normal; text-align: center; }
#prevnext a { border-bottom: none; }
#prevnext a:hover { border-bottom: none; }

div.tulku { margin: 0 0 20px 0; padding: 0 0 10px 0; min-height: 250px; border-bottom: 1px dotted #999; }
div.tulku h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #990000; font-size: 1.3em; background: none; margin: 0; border-bottom: none; }
div.tulku img { float: left; margin: 6px 20px 10px 0; border: 2px solid #666; }

#calendar { float: left; width: 100%; margin: 0 0 20px 0; padding: 0; }
#calendar table { float: left; width: 80%; border: 5px solid #ccc; font-size: .82em; text-align: left; }
#calendar table tr {  border-bottom: 1px solid #ccc; }
.odd { background: #fff; }
.even { background: #F0F4f4; }
#calendar table tr th { width: 20%; padding: 3px 6px; border-right: 3px solid #ccc; }
#calendar table tr td { width: 80%; padding: 3px 6px; border-right: 3px solid #ccc; }

#contactleft { 
	float: left;
	width: 300px;
	height: 1800px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contactright { 
	float: right; 
	width: 270px;
	margin: 120px 0 0 0; 
	padding: 15px 5px;
	text-align: left;
	background-image: url(images/graphics/contactbox_bg.gif);	
	background-repeat: no-repeat;
}

#contactright h4 { font-size: .82em; margin: 5px 8px 0 8px !important; }
#contactright p { font-size: .82em; line-height: 1.2em; margin: 0 8px 10px 8px !important; }
#contactright img { border: 1px solid #666; margin-left: 8px; }
#contactright #caption { margin: 20px 8px 10px 8px; }

.dottedline { height: 1px; width: 250px; margin: 10px 0; border-bottom: 1px dotted #999; }

#contactleft .contact { margin: 0 0 10px 0; padding: 0; }
#contactleft .contact h3 { font-size: 1em; background-color: #F0eee4;  !important; border-bottom: none !important; margin: 0 0 0 0; padding: 0; }
#contactleft .contact p { font-size: 1em; line-height: 1.4em; }

#subnav {
	float: right;
	width: 190px;
	margin: 0;
	padding: 20px 0 0 0;
	text-align: left;
	border-bottom: 1px dotted #f0eee4;
	/*background: #eee;*/	
}

#subnav_news { 
    float: right;
	width: 190px;
	height: 100%;
	margin: 5px 0;
	padding: 30px 7px;
	text-align: left;
	background: #ECEEF4; 
}
#subnav_news h3 { font-size: .90em; margin: 0 0 0 0; background: none; }
#subnav_news ul { 	width: 100%; margin: 0; padding: 0;}
#subnav_news ul li { width: 100%; font-size: .79em; line-height: 1.3em; list-style-type: none; }
	
.subnav, .subnav a, .subnav a:hover {
	font-family:  verdana, arial, sans-serif;
	color: #480316;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	margin: 0 0 5px 0;
}
.subnav a { color: #880000; text-decoration: none;	border-bottom: 1px solid #ccc;}
.subnav a:hover { color: #cc6600; text-decoration: none; border-bottom: 1px solid #ccc;}

/* Page Length Matcher DO NOT DELETE THIS STYLE!!!! */
/* This style makes sure that the child container for content does not extend outside and below than the containing parent */
#pagelength { clear: both; margin: 0 0 50px 0; }

#lastupdate {
	clear: both;
	font-family:  verdana, arial, sans-serif;
	color: #666;
	font-size: .79em;
	font-weight: normal;
	text-align: left;
	margin: 20px 0;
}

#footerWrapper {
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	background-color: #cecece;
	border-bottom: 1px solid #c9c9c9;
}

#footer {
	width: 750px;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
}

.footernav,.footernav a, .footernav a:hover {
	font-family:  verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #333;
}

.footernav a { color: #600; text-decoration: underline;  }
.footernav a:hover { color: #c60; text-decoration: underline; }


form { margin: 0; padding: 0; text-align: left;}

.searchresults { margin: 0;  padding: 0; }
.searchtext { margin: 0; padding: 0; font-family: verdana; }