/* Styles for The Rinchen Terdzod empowerments, Nov 2008-Jan 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: none; border-bottom: 1px solid #999; }
a:hover { color:  #0066FF; text-decoration: none; border-bottom: 1px solid #C60; }

#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; }


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

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: 10px 0 10px 20px; 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: 28px; line-height: 30px; color: #666; margin: 30px 0 15px 0; }
.smaller { font-size: 24px; line-height: 26px; }
h2 { font-size: 20px; font-style: italic; line-height: 21px; color: #660000; margin: 0 0 20px 0; }
h3 { font-family: verdana, arial, helvetica, sans-serif; font-size: 16px; color: #666; font-weight: bold;  padding: 1px 0 0 0; margin: 0 0 10px 3px;  }
h4 { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #480316; margin: 15px 0 10px 0; }
h5 { font-family: verdana, arial, helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #480316; margin: 5px 0; line-height: 1em; }
.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;}

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

#pageWrapper {
	width: 100%;
	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: left;
}

#topnav {
	width: 750px;
	height: 100%;
	margin: 0 auto;
	color: #480316;
	padding: 7px 0 0 0;	
	text-align: left;
}

.topmenu, .topmenu a, .topmenu a:hover {
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #333 !important;
	font-weight: bold;
	text-align: left;
	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;
}

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


#subContentWrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	background-image: url(/rinchenterdzod/images/bg.gif) top left repeat-y !important;
	text-align: left;
}

#subContent {
	float: left;
	width: 550px;
	margin: 0;
	padding: 0 20px 0 0;
}


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

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


.teacher { float: left; margin: 10px 0 10px 0; padding: 0; width: 100%; border-bottom: 1px solid #ccc; }

#subnav {
	float: right;
	width: 160px;
	height: 100%;
	margin: 15px 0 20px 0;
	padding: 5px 0px 20px 3px;
	background: tranparent;
	/*background: #ececec;*/
	border-left: 1px dotted #480316;

}
#subnav ul { 
	text-align: left; 
	font-color: #333;  
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
#subnav ul li, #subnav ul li a, #subnav ul li a:hover {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 95%;
	line-height: 120%;
}
#subnav ul li ul { 
	text-align: left; 
	font-color: #333; 
	margin: 5px 0 5px 5px; 
	padding: 0; 
	list-style-type: none; 
}
	
#subnav ul li ul li, #subnav ul li ul li a, #subnav ul li ul li a:hover { 
	margin: 0 0 3px 0; 
	padding: 0 2px; 
	/*font-size: 110%;*/
	line-height: 120%;
}


#lastupdate {
	clear: both;
	font-family:  verdana, arial, sans-serif;
	color: #666;
	font-size: 9px;
	font-weight: normal;
	text-align: center;
	margin: 30px 0;
}


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

#footer {
	width: 800px;
	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: none; border-bottom: 1px solid #999; }
.footernav a:hover { color: #c60; text-decoration: none; border-bottom: 1px solid #C60; }