/* CSS Document */



html,body
	{
		
		margin:0px;
		padding:0px;
		text-align: center;
		min-width: 950px;
		
		background-color:#7e6a51;
		background-image:url(../images/background.gif);
		background-repeat: repeat;
		
		height: 100%;
	}





	
	
	
p	
	{
	color: #48342B;
	background-color: transparent;
	letter-spacing:0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	padding: 3px;
	}
	
	
a {
	color:#CC6633;
	text-decoration:underline;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}
a:link {color:#CC6633;}
a:visited {color:#CC6633;}
a:hover {color:#999966;}


h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #48342B;
	
}


h1 {
	text-align: left;
	letter-spacing: 0px;
	font-size: 24px;
	padding: 3px;
}

h2 {
	text-align: left;
	font-size: 14px;
	line-height: 2px;
	padding: 3px;
	
}

h3 {
	text-align: left;
	font-size: 15px;
	padding: 3px;
}

h4 {
	text-align: right;
	font-size: 13px;
	padding: 3px;
}

ul {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	color: #48342B;
	}
	
ol {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #48342B;
	}
	
.medtext {
	color: #666633;
}


.lighttext {
	color: #999966;
	font-weight: bold;
}

.lighttextform {
	color: #999966;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.darktext {
	color: #660000;
	font-size: 12px;
	font-weight: bold;
	
}
.announcement {
	color: #ff0099;
	font-size: 12px;
	font-weight: bold;
}


.darktextsubhead {
	color: #48342B;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.textwhitehead {
	color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.textwhite {
	color: #ffffff;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
}



/* TEXT STYLES CSS */

.tiny { font:10px/13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.tiny A:link { font:10px/13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.tiny A:active { font:10px/13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.tiny A:visited { font:10px/13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.tiny A:hover { font:10px/13px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}


.schedule { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #999966;}
.schedule A:link { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #999966;}
.schedule A:active { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #999999;}
.schedule A:visited { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #999966;}
.schedule A:hover { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}

.scheduledark1 { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.scheduledark { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; color: #48342b;}
.scheduledark  A:link { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.scheduledark A:active { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.scheduledark A:visited { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}
.scheduledark A:hover { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #48342b;}

.filterby { font:11px/15px  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 0px; color: #48342b; padding:0px 0px 0px 460px}




img, div, a, input { behavior: url(iepngfix.htc) }



	
/* DIVS */

#contenthome
{
  margin:0 auto;
  width:950px;
  text-align: left;
  background-image:url(../images/wood.gif);
  background-repeat: repeat-y; 
  height: 100%; 
  min-height: 100%; 
  height: auto; 
  
}


#content
{
  margin:0 auto;
  width:950px;
  text-align: left;
  background-image:url(../images/wood_bg.gif);
  background-repeat: repeat-y; 
  height: 100%; 
  min-height: 100%; 
  height: auto;
  
   
  
}


#contentvert /* This is USED FOR PAGES THAT RUN VERT WHITE TO THE TOP*/
{
  margin:0 auto;
  width:950px;
  text-align: left;
  background-image:url(../images/wood_bg_no_white.gif); 
  background-repeat: repeat-y; 
  height: 100%; 
  min-height: 100%; 
  height: auto; 
  
}



#contentsched
{
  margin:0 auto;
  width:950px;
  text-align: left;
  background-image:url(../images/wood_no_henna.gif);
  background-repeat: repeat-y; 
  height: 100%; 
  min-height: 100%; 
  height: auto;
   
  
}




#navigation
{
width: 930px;
height: 28px;
margin:0px 0px 0px 20px;
}



/* This is for everything above*/


#uppercontent	/* This is KEY FOR THE BACKGROUND TO WORK BELOW THE PICTURE IN IE AND MAC, DON'T EDIT*/
{
position: relative;
width: 889px;
height: 321px;
margin:0px 0px 0px 20px;
}


#uppercontentvert	/* This is KEY FOR THE BACKGROUND TO WORK BELOW THE PICTURE IN FIREFOX AND SAFARI, DON'T EDIT*/
{

width: 889px;
height: 100%; 
min-height: 100%; 
height: auto;
margin:0px 0px 0px 20px;

}


#logodiv
{
width: 220px;
height: 250px;
float: left;
}




#flowincontentupper
{
width: 658px;
height: 250px;
margin:0px 0px 5px 5px;
float: left;

}



#flowincontentuppervert
{
position: relative;  
width: 600px;
height: 250px;
padding-top: 50px;
margin:0px 0px 5px 225px;
height: 100%; 
min-height: 100%; 
height: auto;
text-align: left;
}




/* This is for everything below*/

#lowercontent
{

 width: 889px;
 margin: 0px 0px 0px 20px;
 background-repeat: no-repeat;

}








#dharmalogo	/* This is KEY FOR THE BACKGROUND TO WORK BELOW THE PICTURE IN FIREFOX AND SAFARI, DON'T EDIT*/
{
position: relative;
width: 220px;
height: 250px;
float: left;
}


#flowincontentlower      /* This is KEY FOR THE BACKGROUND TO WORK BELOW THE PICTURE IN FIREFOX AND SAFARI, DON'T EDIT*/
{
position: relative;  
width: 500px;
height: 250px;
padding-top: 50px;
margin:0px 0px 5px 225px;
height: 100%; 
min-height: 100%; 
height: auto;
text-align: left;

 

}




#flowincontentlower2      /* This is KEY FOR THE BACKGROUND TO WORK BELOW THE PICTURE IN FIREFOX AND SAFARI, DON'T EDIT, THIS IS ALSO KEY FOR HIDE APPEAR ON PAGES WITH THAT FUNCTION*/
{
position: relative;  
width: 500px;
height: 250px;
padding-top: 50px;
margin:0px 0px 5px 225px;
height: 100%; 
min-height: 100%; 
height: auto;
text-align: left;

 

}




#schedule_content	/* This is KEY FOR THE BACKGROUND TO WORK BELOW THE PICTURE IN FIREFOX AND SAFARI, DON'T EDIT*/
{
position: relative;
width: 800px;
padding: 30px 10px 10px 20px;

float: left;
}






#contenthide
{

 width: 700px;
position: absolute;
 margin: 0px 0px 0px 20px;

}

.contenthide
{

 width: 750px;
/*position: absolute;*/
 margin: 0px 0px 0px 20px;

}


.contenthide2
{

 width: 500px;
/*position: absolute;*/
 margin: 0px 0px 0px 20px;

}



/* This is for FOOTER BELOW*/


#footer {
	width: 889px;
	padding-top: 50px;
	margin:0px 0px 0px 20px;
	background-color:#FFF;
	
	}
	
	
/* This is for FOOTER FOR VERTICAL PAGE*/


#footervert {
	width: 600px;
	padding-top: 50px;
	margin:0px 0px 0px 20px;
	
	
	}
	




/* This is for LIGHTBOX ACTIONS*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }










/* TOP NAVIGATION CSS */


#background {width:750px; height:440px; background:url(../images/model3.jpg); padding-top:10px;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop12.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu2 {padding:0; width:890px; margin:0; list-style:none; height:28px; position:relative; z-index:500; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background:#48342b; border-bottom:1px solid #48342b;}
#menu2 li.top {display:block; float:left;}

#menu2 li a.top_link {display:block; height:25px; float:left; line-height:22px; font-size:12px; font-weight:normal; padding:0 19px 0 19px; color:#edb; text-decoration:none; border-top:3px solid #000;}

#menu2 li a.top_link:hover {color:#f97; border-color:#999966;}

#menu2 li:hover > a.top_link {color:#f97; border-color:#999966;}

#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu2 ul, 
#menu2 :hover ul ul, 
#menu2 :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}

#menu2 :hover ul.sub {left:0; top:25px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(../images/trans.gif);}
#menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;}

#menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:25px; width:120px; margin-right:-30px; line-height:25px; text-indent:5px; color:#edb; text-decoration:none; background:url(images/trans.gif);}

#menu2 :hover ul.sub li span a:hover {color:#f97;}

#menu2 :hover ul.sub li:hover > span a {color:#f97;}

#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:202px; top:0; white-space:nowrap; width:120px; z-index:400; height:auto;}

#menu2 :hover ul.wide {width:220px;}
#menu2 :hover ul.wide li span {width:180px;}
#menu2 :hover ul.wide li a {width:220px;}

#menu2 :hover ul.medium {width:150px;}
#menu2 :hover ul.medium li span {width:120px;}
#menu2 :hover ul.medium li a {width:150px;}

#menu2 :hover ul.narrow {width:90px;}
#menu2 :hover ul.narrow li span {width:60px;}
#menu2 :hover ul.narrow li a {width:90px;}

#menu2 :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul
{left:90px;}

#menu2 li > span {
background: url(../images/tab-midleft_DARK.png);
}
#menu2 li > b {
background: url(../images/tab-midright_DARK.png)
}
#menu2 li.fly > b {
background: url(../images/tab-midright-sub_DARK.png)
}

#menu2 li.subtop > span,
#menu2 li.flytop > span { 
background:url(../images/tab-topleft_DARK.png);
}
#menu2 li.subtop > b {
background:url(../images/tab-topright_DARK.png);
}

#menu2 li.flytop > b {
background:url(../images/tab-topright-sub_DARK.png);
}

#menu2 li.subbot > span,
#menu2 li.flybot > span {
height:35px !important; background:url(../images/tab-botleft_DARK.png);
}

#menu2 li.subbot > b {
height:35px !important; background:url(../images/tab-botright_DARK.png);
}
#menu2 li.flybot > b {
height:35px !important; background:url(../images/tab-botright-sub_DARK.png);
}




/* STYLE TYHE TABLE */

table a,
table a:link,
table a:visited {
	border:none;
	}							
	

table {
	width:90%;
	border-top:0px solid #FFFFFF;
	border-right:1px solid #FFFFFF;	
	}

tr.odd td	{
	background:#e6d3b3;
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;}

td {
	color:#678197;
	text-align:left;
	border: 1px solid #ffffff;
	border-bottom:0px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	}	
	
/* tan border is #b6a274 */
	
	
	
	
	
	
	/* STYLE KEYTABLE TABLE */


#keyTable{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	}




		/********************************************/
        /* SCHEDULE TABS				*/
        /********************************************/

#navigationsched a
{
list-style-type:none;
color: #666;
background: #FFF url(../images/tableft.gif) left top no-repeat;
text-decoration: none;
padding:0px 0px 3px 0px;

padding-left: 20px
}

#navigationsched a span
{
list-style-type:none;
background: url(../images/tabright.gif) right top no-repeat;
padding:0px 0px 3px 0px;

padding-right: 20px
}

#navigationsched a, #navigation a span
{
list-style-type:none;
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigationsched a, #navigation a span
{
list-style-type:none;
float: none
}
/* End hide */

#navigationsched a:hover
{
list-style-type:none;
color: #000;
background: #FFF url(../images/tableft.gif) left top no-repeat;
padding:0px 0px 3px 0px;

padding-left: 20px

}

#navigationsched a:hover span
{
background: url(../images/tabright.gif) right top no-repeat;
padding:0px 0px 3px 0px;

padding-right: 20px
}

#navigationsched ul
{
list-style-type:none;

}

#navigationsched li
{
list-style-type:none;
float: left;
line-height: 15px;
margin:0px 0px 0px 5px;
font:  13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}




        /********************************************/
        /* BEGIN CSS DROP DOWN STYLES FOR SCEDULE				*/
        /********************************************/
        #nav, #nav ul { /* all lists */
	        padding: 0;
	        margin: 0;
	        list-style: none;
	        line-height: 1;
			float: left;
			font-size: 12px;
	
        }

        #nav a {
	        display: block;
	        width: auto;
	        cursor: pointer;
        }

        #nav li { /* all list items */
	        float: left;
	        width: 7em; /* width needed or else Opera goes nuts */
        }

        #nav li ul { /* second-level lists */
	        position: absolute;
	        background: #FFFFFF;
	        width: 7em;
	        padding: 3px 0;
	        border: solid 1px #404040;
	        display: none;
	        /*
	        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        }

        #nav li.sfhover ul { /* lists nested under hovered list items */
	        /*left: auto; */
	        display: block;
        }
        

		#a_menu a, #b_menu a, #c_menu a, #d_menu a {
            color: #999966;
            margin: 1px 3px;
            padding: 1px 3px;
            text-decoration: none;
            font-size: 100%;
        }
        #a_menu a:hover,#b_menu a:hover, #c_menu a:hover, #d_menu a:hover {
            background-color: #CCCCCC;
        }
        
        #a_trigger, #b_trigger, #c_trigger, #d_trigger {
			font-weight: bold;
			color: #999966;
			text-decoration: none;
			padding-bottom: 3px;
        }
        #a_trigger span, #b_trigger span, #c_trigger span, #d_trigger span {
			padding-right: 15px;
			background: transparent url(../images/arrow_green.gif) no-repeat 50% 70%;
        }

        .sel {
            color: #000000;
            font-weight: bold;
        }
        .unsel {
			/*color: #555;*/
        }
        /********************************************/
        /* END CSS DROP DOWN STYLES					*/
        /********************************************/