body  {	
	font-family: Arial, Helvetica, san-serif;
	margin: 0;
	background: #F0E9CE url(../images/PageBg.gif) repeat-x;
	}
	
a  {
	font-weight: bold;	
	text-decoration: none;
	}
		
a:link {
    color: #660000
	}

a:visited {
	color: #330000
	}

a:active {
	color: #400000
	}	
	
a:hover  {
	color: #0066FF
	}
	
#layoutMain {
	display: block;
	width: 760px;		
	height: 100%;
	position: relative;
	background: url(../images/ContentBg.gif) top repeat-y;
	font-size: 12px;
    text-align: left;
	margin: 0 auto
	}
	
#header {
	display: block;
	background: url(../images/Header.jpg) center top no-repeat;
	height: 280px;
	}	
	
#hdrContent {
	position: absolute;
	top: 29px;
	left: 403px;
	width: 212px;
	height: 53px;
	display: block;
	margin: 0px;
	padding: 0px	
	}		

#hdrContent p{
	margin-top: 8px
	}		

#formSearch {
	margin: 0px;
	}
	
#menu {
	position: absolute;
	top: 227px;
	left: 245px;
	width:485px;
	background: url(../images/tab_bg.gif) repeat-x bottom;
	font-size: 12px;
    }
  
#menu ul {
	margin: 0;
	padding: 5px 0px 0;
	list-style: none;
	}
  
#menu li {
	float:left;
	background:url(../images/tab_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	}
  
#menu a {
	float:left;
	display:block;
	background:url(../images/tab_right.gif) no-repeat right top;
	padding:7px 10px 4px 7px;
	text-decoration:none;
	font-weight:bold;
	color:#29392C;
	}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

#menu a:hover {
	color:#0066FF;
	}
  
#menu #current li {
	background-image:url(../images/tab_left_on.gif);
	}
  
#menu #current a {
	background-image:url(../images/tab_right_on.gif);
	color:#333;
	padding-bottom:5px;
	}
		
#mainText {
    margin-left: 245px;
	width: 485px;
	}			

#mainText h2, h4 {
	font-variant: small-caps;
	display: block;
	border: dotted #8C9777;
	border-width: 1px 0px 1px 0;
	color: #006699;
	line-height: 40px;
	margin-top: 10px;
	font-size: 22px;	
	font-weight: bold
	}
	
#mainText h4 {
	color: #336666;
	line-height: 30px;
	font-size: 18px;	
	}	

#sectionLinks {
	position: absolute;
	top: 290px;
	left: 23px;
	width: 196px;
	font-size: 11px;
}	

#sectionLinks h3 span {
    display: none;
}

#sectionLinks h3 {
    width: 196px;	
    height: 40px;
	border-top: 2px solid #8C9777;
	margin: 0;
}

h2.grammar1 {
	background: url(../images/ST_Grammar1.gif) no-repeat;
}

h2.grammar2 {
	background: url(../images/ST_Grammar2.gif) no-repeat;
}

h3.grammar {
	background: url(../images/h3_grammar.gif) no-repeat
	}

h3.sentences {
	background: url(../images/h3_sentences.gif) no-repeat
	}
	
h3.reviews {
	background: url(../images/h3_reviews.gif) no-repeat
	}	
	
h3.images {
	background: url(../images/ReviewImages.gif) no-repeat
	}				
	
h2.reviews1 {
	background: url(../images/ST_Reviews1.gif) no-repeat;
}	

h2.reviews2 {
	background: url(../images/ST_Reviews2.gif) no-repeat;
}	

h2.reviews3 {
	background: url(../images/ST_Reviews3.gif) no-repeat;
}	

h2.reviews4 {
	background: url(../images/ST_Reviews4.gif) no-repeat;
}	

h2.reviews5 {
	background: url(../images/ST_Reviews5.gif) no-repeat;
}	

h3.resources {
	background: url(../images/h3_resources.gif) no-repeat
	}

h3.other {
	background: url(../images/h3_other.gif) no-repeat
	}
	
h3.help {
	background: url(../images/h3_help.gif) no-repeat
	}	

ul, li {
 	list-style: none;
	margin: 0px;
	padding: 0px
	}

#download {
	display: block;		
	width: 150px;
	margin: 0px 0px 5px 5px;
	text-align: center;	
	background-color: #e6e9cd;
	border: solid #8C9777;
	border-width: 0px 1px 1px 1px;
	padding-bottom: 5px;
	float: right
	}
	
#download li {
	display: block;
	margin-top: 5px;
	}		
	
#download li a {		
	color:#29392C
	}	

#download li a:hover {
	color:#FF6600;
 	text-decoration: underline
	}  
	
#download h4{	
	display: block;
	font-size: 14px;
	margin: 0;
	background: url(../images/MnuBack.gif);
	color: #5D4635;
	border: solid #8C9777;
	border-width: 1px 0px 1px 0;
	}
	
#listNormal ul{
	margin-left: 15px
	}
	
#listNormal li{
	padding-left: 15px;
	margin: 10px 0px 10px 0px;
	background: url(../images/bullet.gif) left top no-repeat;
	list-style-position: outside
	}	


#sectionSubmenu {
	display: block;
	padding: 0px 0px 5px;
	margin: 0px;
	background: #F0E9CE url(../images/SubmenuBack.jpg) repeat-y
	}

#sectionSubmenu h2 span {
    display: none;
}	

#sectionSubmenu h2 {
    width: 196px;	
    height: 35px;
	margin: 0;
}

#sectionSubmenu li {
  	display: block;
	margin-left: 9px;
	padding: 4px;
	background: transparent url(../images/node.gif) no-repeat
	}	

#sectionSubmenu .submenuCurrent {
	background: transparent url(../images/nodeSelected.gif) no-repeat
	}

#sectionSubmenu li a {
	display: block;
	padding: 0px 0px 0px 19px;
	font-size: 13px;
	color: #29392C;
}	

#sectionSubmenu li a:hover {
	color: #FF6600;
 	text-decoration: underline;
	background: transparent url(../images/nodeOver.gif) right no-repeat
	}  

#sectionList ul {
	border-top: 1px solid #8C9777
	}
 
#sectionList li {
  	display: block;
	border-bottom: 1px solid #8C9777;
	background-color: #e6e9cd
	}
 
#sectionList li a {
  	display: block;
 	padding: 10px 0px 10px 25px;
	background: transparent url(../images/Wheel.gif) no-repeat
	}	

/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html
   Hides from IE-mac \*/
* html #sectionList li a {height: 1%;}
/* End hide from IE-mac */
  
#sectionList li a:hover {
	background: transparent url(../images/WheelOver.gif) no-repeat;
	color: #0066FF
	} 		
	
#sectionList li a.current {
	background: transparent url(../images/WheelOver.gif) no-repeat;
	color: #006699
	} 			

#footer {
	background: url(../images/footer.jpg) left top no-repeat;
	height: 180px;
	width: 726px;	
	margin: 10px 0px 0px 17px
	}	

#footerText {	
	text-align: center;
	font-size: 90%;
	padding-top: 160px
	}
		
.tableTop {	
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;	
	color: #5D4635;
	border: solid #8C9777;
	border-width: 1px 0px 1px 0px;
	}	
	
.tableList {
	margin-bottom: 20px;
	border-bottom: 1px solid #8C9777
	}	
	
.tableMargin {
	margin-bottom: 20px;
	}	
	
.tableNote {
	border-top: 1px solid #8C9777;
	margin-bottom: 20px;
	font-size: 11px
	}		
				
.tib0 {
	font-family: TibetanMachineWeb;
	font-size: 24pt;
	font-weight: normal;
}	

.tib1 {
	font-family: TibetanMachineWeb1;
	font-size: 24pt;	
	font-weight: normal;
}

.tib2 {
	font-family: TibetanMachineWeb2;
	font-size: 24pt;
	font-weight: normal;
}

.tib4 {
	display: inline;
	font-family: TibetanMachineWeb4;
	font-size: 24pt;
	font-weight: normal;	
}		

.tib5 {
	font-family: TibetanMachineWeb5;
	font-size: 24pt;
	font-weight: normal;	
}		

.tib6 {
	font-family: TibetanMachineWeb6;
	font-size: 24pt;
	font-weight: normal;	
}		

.tib7 {
	font-family: TibetanMachineWeb7;
	font-size: 24pt;
	font-weight: normal;	
}		

.tib8 {
	font-family: TibetanMachineWeb8;
	font-size: 24pt;
	font-weight: normal;	
}		

.tib9 {
	font-family: TibetanMachineWeb9;
	font-size: 24pt;
	font-weight: normal;	
}		

@font-face {
    font-family: TibetanMachineWeb;
	src: url(/fonts/TIBETAN8.eot);
}
@font-face {
    font-family: TibetanMachineWeb1;
	src: url(/fonts/TIBETAN6.eot);	
}	
@font-face {
    font-family: TibetanMachineWeb2;
	src: url(/fonts/TIBETAN5.eot);
}
@font-face {
    font-family: TibetanMachineWeb4;
	src: url(/fonts/TIBETAN0.eot);
}	
@font-face {
    font-family: TibetanMachineWeb5;
	src: url(/fonts/TIBETAN2.eot);
}
@font-face {
    font-family: TibetanMachineWeb6;
	src: url(/fonts/TIBETAN1.eot);
}
@font-face {
    font-family: TibetanMachineWeb7;
	src: url(/fonts/TIBETAN3.eot);
}	
@font-face {
    font-family: TibetanMachineWeb8;
	src: url(/fonts/TIBETAN4.eot);
}
@font-face {
    font-family: TibetanMachineWeb9;
	src: url(/fonts/TIBETAN9.eot);
}	

.IEfix {
	font: TibetanMachineWeb;
	font-weight: bold;
	display: none
	}