@charset "UTF-8";

/* --- DDC CSS STYLESHEET 	*/
/* --- by:  Christopher J Fynn 	*/
/* --- Version: 		*/
/* --- Date:  07/04/2011  	*/ 

body {
	margin: 0px;
	color: #000000;
	font-size: 12pt;
	font-family: Arial, Verdana, Univers;
	background-color: #cfcfcf;
	}

body :lang(dz) 	{
	font-family: 'DDC Uchen', Jomolhari, Kailash;
 	font-size: 14pt;
 	}

body :lang(en) 	{
	font-family: Arial, Verdana, Univers;
 	/* font-size: 12pt; */
 	}

/* For Dzongkha within English content and English within Dzongkha */
/* Change font and font size */ 

span :lang(dz) {	
	font-family:  'DDC Uchen', Jomolhari, Kailash;
	font-size: larger;
	}
	
span :lang(en) {	
	font-family: Arial, Verdana, Univers;
 	font-size: smaller;	
	}

/* CONTAINER */

.container {
	width: 981px;
	margin-left: auto;
	margin-right: auto;
    	}

#pageBody {
	background-color: White;
	background-image: url(../ui/watermark.gif);
	background-repeat: no-repeat;
	background-position:center;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	}

#pageBodyCell {
	border-bottom: 15px solid #EEE9E8;
	}

#bodyContent {
	margin: 30px 30px 2em;
}


/* BASIC STYLES */

p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	}

p {	font-size: 12pt;
	font-family: Arial, Verdana, Univers;
	}

p :lang(dz){	
	font-family: 'DDC Uchen', Jomolhari, Kailash;
 	font-size: 14pt;
	}

p :lang(en) {
	font-family: Arial, Verdana, Univers;
 	font-size: 12pt;
	}
p.news {
	margin-left:12pt; margin-right:12pt;
	}

h1 {	text-align:center;
	color: #454545;
	font-size: 18pt;
	font-weight: bold;
	margin: 3px 0px 25px 0px;
	padding-bottom: 0.4em;
	border-bottom: 2px dashed Gray;
	}

h1:lang(dz){	
	font-family: Jomolhari, 'DDC Uchen', Kailash;
	font-size: 22pt;
	font-weight: normal;
	}

h2 {
	color: #214265;
	font-size: 18pt;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	}

h2:lang(dz){	
	font-family: Jomolhari, 'DDC Uchen', Kailash;
	font-size: 20pt;
	}

h3 {
	color: #244669;
	font-weight: normal;
	font-size: 14pt;
	margin: 0px 0px 15px 0px
	}
h3:lang(dz){	
	font-family: Jomolhari, 'DDC Uchen', Kailash;
	font-size: 18pt;
	}

h4 {
	color: #244669;
	font-weight: normal;
	font-size: 13pt;
	margin: 0px 0px 15px 0px
	}

h4:lang(dz){	
	font-family: Jomolhari, 'DDC Uchen', Kailash;
	font-size: 16pt;
	}

h5 {
	color: #244669;
	font-weight: normal;
	font-style:italic;
	font-size: 13pt;
	margin: 0px 0px 15px 0px
	}

h5:lang(dz){	
	font-family:  'DDC Uchen', Jomolhari, Kailash;
	font-size: 14pt;
	}
h6 {
	color: #244669;
	font-weight: normal;
	font-style:italic;
	font-size: 12pt;
	margin: 0px 0px 15px 0px
	}

h6:lang(dz){	
	font-family:  'DDC Uchen', Jomolhari, Kailash;
	font-size: 13pt;
	}



/* LISTS */



/* LINKS */
 
a, a:visited, a:hover {
	text-decoration: none;
	}

a, a:visited {
	color: #6C8500;}

a:hover { 
	color: #B9D443; 
	}

.linkText {
	color: #ABAE39
	}	



/* BANNER AREA */

.bannerArea {
	width: 100%;height: 112px;
	background-color: #4b4b4b;
	background-image: url(../ui/banner_background.png);
	background-repeat: repeat;
	
}

.bannerArea .container {
	height:112px;
	background-image: url(../banner_background.png);
	background-repeat: repeat;
    }

.bannernav {
	padding-top: 20px;
	float: right;
	color: #ffffff;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.bannernav :lang(dz) { 
	font-family: 'DDC UChen', Jomolhari, Kailash;
	font-size: 11pt;
	}

.bannernav :lang(en) { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	}

.bannernav a { 
	color: #ffffff; text-decoration: none; 
	}

.bannernav a:visited { 
	color: #ffffff;  text-decoration: none;
	}

.bannernav a:hover { 
	color: #b9d443; text-decoration: none; 
	}

.toplogo {
	padding-left: 30px;
	padding-top: 5px;
	}

/* TOP NAVIGATION AREA */

.topnavigationArea {
	width: 100%;
	height: 64px;
	background-image: url(../ui/TopNavBar.png);
	background-repeat:repeat-x;
	background-color: #B9D443;
	}

.topnavigationgroup {
	margin: 0px;
	float: right;
	font-size: 8pt; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	p/adding-right: 1 px;
	}

.topnavigationgroup ul {
	margin: 0px;
	list-style:none;
	}

.topnavigationgroup li {
	
	height:64px; 
	width: 98px;
	max-width: 140px;
	padding:0px 0px 0px ; 
	margin:0px 0px 0px 0px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	font-size:inherit;
	color: white;
	float: left;
	text-align:center;
	}

.topnavigationgroup li.current{
	}

#TMenu img{
	display:block;
	border:none;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}

#TMenu a {display: block;
	float: left;
	width:98px;
	color:#FFF;
	text-decoration: none;
	font-size: 11pt;
	text-align:center;
	background-color: none;
	}

#TMenu a:lang(en){
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}

#TMenu a:lang(dz){
	font-family: 'DDC Uchen', Kailash, Jomolhari;
    	font-size: 14pt;}

#TMenu a:link{
    	display: block;
	float: left;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	background-color: none;
	height: 64px;
	}

#TMenu a:visited{
 	color:#FFF;
	background-color: none;
	text-decoration: none;
	text-align:center;
	background-image: url(../ui/TopNavBar.png);
	background-position: center top;
	background-repeat: repeat-x;
	height: 64px;
    	} 

#TMenu a:hover {
	background-image:url(../ui/button_hover.png);
	background-position: center top;
	background-repeat: repeat-x;
	height: 64px;
	}

#TMenu a:active {
	background-image:url(../ui/button_active.png);
	background-position: center top;
	background-repeat: repeat-x;
	}	

#TMenu a:#slctd {background-image:url(../lui/button_slctd.png);
	background-position: center top;
	background-repeat: repeat-x;
	}


/*BREADCRUMBS */

.breadcrumbs {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: right;
	}

.breadcrumbs :lang(en) {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	}

.breadcrumbs :lang(dz){
	font-family: 'DDC Uchen', Jomolhari, Kailash;
	font-size: 9pt;
	}

/*SIDE MENU */
#sMenu{
	border:2px solid #b3d581;
	left:12px;
	top:237px;
	bottom:12px;
	width:150px;
	background-color:white;
	opacity:0.85;
	overflow:auto;
}

#sMenu a{
	display:block;
	margin:0px;
	padding:2px;
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
	color:#b3d581;
	}

#sMenu a:hover{
	color:#fff;
	background-color:#b3d581;
	}

#SMenu img{
	display:block;
	border:none;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}

/*  Added for pages with a flank */

#bodyCol {
	width: 78%;
	padding-right: 1.5em;
	}
#flankFixed {
	width: 22%;
	padding-left: 1em;
	border-left: 1px dotted #EEE9E8;
	}

#flankFloated {
	width: 22%;
	float: right;
	margin: 0px 0px 2em 1.5em;
	padding: 0.5em;
	background-color: #F4F7E8;
	border-top: 10px solid #6C8500;
	}

#flankFixed ul, #flankFloated ul {
	font-size: 9 pt;
	}

#flankFloated ul:lang(dz) {
 	font-size: 11 pt;
	}



/* CONTENT AREA */
.
.contentArea {
	width: 100%;
	background-color: #f0eff0;
	background-image: url(../ui/content_bkgd_tile.jpg);
	background-repeat: repeat-x;
	}

.contentArea .container {
	padding-top: 0px;
	padding-bottom: 30px;
	background-image: url(../ui/content_bkgd.jpg);
	background-repeat: no-repeat;
	}

.contentright {
	width: 650px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-left-style: solid;
	border-left-width: 1px;
	}

.contentleft {
	padding-top: 20px;
	float: left;
	padding-left: 30px;
	width: 210px;
	}

/* MISCELLANEOUS FORMATING */

.code 	{	
	font-family:"Courier New", Courier, monospace;
     	font-size:larger;
	}

.cmnd 	{	
	font-family:"Courier New", Courier, monospace; 
	}

.dashBottom {
	border-bottom: 1px dashed Gray;
	}

.next {	
	float:right;	
	}

.noindent {
	left-margin: 0; padding-left:0;
	}

.tel 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	text-decoration:none;
	}

.textBox {
	padding: 12px;  
	margin: 10px 20px; 
	font-style: italic; 
	background-color: #F0F7D5;
 	}

.whiteText {
	color: White
	}

.zeroTopMargin {
	margin-top: 0px;
	}

span.SC {
	font-variant: small-caps;
	}



/* IMAGES */ 

.imageright {
	margin-left: 5px;
	float: right;
	}

.imageBreathingSpace {
	margin: 1.5em;
	}

.picCaption {
	font-size: 12px;
margin-left:12px;
margin-right:12px;	}

.picFloatLeft1, .picFloatRight1 {
	margin: 0.25em 0px 0.5em;
	padding: 2px;
	background-color: none;
	}


.picFloatLeft, .picFloatRight {
	margin: 0.25em 0px 0.5em;
	padding: 2px;
	border: 1px solid Silver;
	background-color: White;
	}

.picFloatLeft, .picFloatLeft1 {
	margin-right: 1.5em;
	float: left;
	}

.picFloatRight, .picFloatRight1  {
	margin-left: 1.5em;
	float: right;
	}


/* EVENT TABLE */

.eventTable {
	margin: 0.75em 0px 1em;
	}

.eventTable th, .eventTable td {
	padding: 1px 0.5em;
	text-align: left;
	}
.eventTable th {
	border-bottom: 1px solid Gray;
	background-color: #EEE9E8;
	}
.eventTable td {
	border-bottom: 1px dotted Silver;
	}

/* BACKGROUND COLORS */ 

.lightback1, .eventTableRow1{
	background-color: #F0F7D5;
	}

.lightback2,  eventTableRow2 {
	background-color: #F4F7E8;
	}


/* FLOAT BOX */
 
#floatBox {
	width:75%;
	float:none;
	border: 1px dotted #D6D6D6;
	margin: 1em 3em 1em 3em;
	padding: 1em 1em 1em 1em;
	background-color: #F9F9F9;
	border-top: 5px solid #6C8500;
	}

#floatBox2 {

	border: 1px dotted #D6D6D6;
	margin:  2em 6em 2em 2em;
	padding: 1em 1em 1em 1em;
	background-color: #F9F9F9;
	border-top: 5px solid #6C8500;
	}


/* FOOTER AREA */
.footerArea {
	width: 100%;
	background-color: #cfcfcf;

	border-top-style: solid;
	border-top-color: #3f6997;
	border-top-width: 4px;
	}

.footerArea .container {
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	height: 77px;
	background-image: url(../ui/footer_bkgd.jpg);
	}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	padding-left: 40px;
	padding-top: 12px;
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica,  sans-serif;
	}

#footerLinks {
	margin: 2.5em 30px 1.5em;
	border-top: 1px dashed Gray;
	padding-top: 0.5em;
	text-align: center;
	}

#footer {
	clear: both;
	}

#copyright {
	margin: 1.5em 0px;
	font-size: small;
	color: White;
	}


/* UNUSED? */

td.subNav {
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #FFFFFF;
	border-left-color: #000000;	
}

.navItem {
	padding: 5px 1em;
	margin: 1px;
	background-color: #6A6500;
	border: 3px solid #6C8500;
	border-color:#6C8500 #6C8500 #261818 #241616;
	text-align: center;
	font-weight: bold;
	line-height: normal;
	}

.navItem a, .navItem a:visited {
	text-decoration: none;
	}

.navItem a:hover {
	color: White;
	}