@import url(reset.css);
@import url(search.css);
@import url(browse.css);


BODY {
  
  background-image: url(/images/page-bg-black.jpg);
  background-repeat: repeat;
  
  padding: 0;
  margin: 0;
}
  
BODY * {
  font-family: Arial, sans-serif;
}
	
UL.fb-links { margin: 1em 0; padding: 0; }
UL.fb-links LI { margin: 0 1em 1em 2em; }
DIV.full_widget { background: none !important; }

/* the large print giveth... */
.smallprint p { font-size: 80% !important; margin: 1em 0 !important; line-height: 120% !important; }
.smallprint SPAN, .smallprint A { font-size: 90% !important; }

/* This seems unnecessary... probably happened in the reset */
EM { font-style: italic !important; margin: 0 !important; } 

/* logo, defaults to english */
H1 A {
  display: block;
  width: 275px;
  height: 100px;
  
  text-indent: -999em;
  
  background-image: url(/images/en/logo.png);
  background-repeat: no-repeat;
  
  margin: 2em 0px 1em 15px !important;
}

	H1 A.ab {
	  background-image: url(/images/ab/logo.png);
	}
		
	DIV.right H1 {
		font-size: 2.2em;
		font-weight: normal;
		font-family: "Times New Roman", Times, serif;
		
		background-image: url(/images/nine-point-woven.png);
		background-repeat: no-repeat;
		background-position: -4px 0;
		
		padding: .20em 0 .5em 55px;
	}

H2, H3 {
  color: #333;
	font-weight: bold;
	}

P {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	
  margin: 1em 0;
	}	
		
A {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
  text-decoration: none;
  color: #36C;	

}

A:hover {
	color: #00F !important;
  text-decoration: underline;
	}

A:visited {
  color: #369;
	}
	
P IMG, DIV IMG, SPAN IMG, LI IMG { vertical-align: middle; margin: 1px 3px 3px 0; }
A IMG { border: 0; }

STRONG { font-weight: bold; }

DIV.hr {
	color: #FFF;
	border-top: 1px dotted #CCC;	
  margin: 1.5em 0; 
	}
DIV.hr HR { display: none; }

DIV.page-template {
  margin: 2em 4em 2em 2em;
	
	background-color: #FFF !important;
	padding: 1em 2em;
	border: 1px dotted #CCC;
	}
	
	DIV.page-template H1 {
		border-bottom: 1px dotted #CCC;	
	}
	
	DIV.page-template P {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 150%;
		
		margin: 2em 0;
		}
		
	DIV.page-template LABEL {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt;
		line-height: 150%;		
		}
		
	DIV.page-template A {
	  font-size: 10pt !important;
		}
		
	DIV.page-template IMG.thumbnail {
	  border: 1px solid #CCC;
		margin: .25em 2em .25em 0;
		padding: .25em;
		}
		

DIV.TwoColumnContainer {
  width: 100%;
  clear: left;
}

DIV.column {
  width: 49%;
  float: left;

  margin: 0;
}

DIV#divPageLayout {
  position: absolute;
  
  top: 0;
  left: 50%;
  
  width: 60em;  
  background-color: #FFF;
  
  background-image: url(/images/page-bg.jpg);
  background-repeat: repeat-y;
  background-position: top center;  
  
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  
  margin-left: -30em;
}

DIV#divPageLayout DIV.left {
  width: 19em;		
}

DIV.left DIV#divWhatis {
  font-size: 9pt !important;
  margin: 2em 0 0 0;
	}
	
DIV.left H2 {
  font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	font-weight: normal;
	
	margin: 0 1.25em;
	}
	
DIV.left P, DIV.left EM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt !important;

	line-height: 140%;
	
	color: #333;	
	margin: 2em;
	}
	
		
DIV.left P A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
	text-decoration: underline;
	}
	
	DIV.left P A:hover { text-decoration: none !important; }
	
	
DIV.left DIV#divAdWords {
  margin: 2em 0;
	}
	
	DIV#divAdWords TABLE {
  margin: 1em 0 !important;
	}
	
DIV#divPageLayout DIV.right {
  width: 40em;	
	min-height: 60em;
}

DIV#divFlashPlayer {
  width: 250px;
  margin: 0 0 0 25px;
}

DIV#divHeaderLinks {
  display: none;
}

DIV.footer {
  clear: both;
  text-indent: -999em;
}

.clear { clear: both; }  
.inline { display: inline !important; }
.spacer { height: 1em; }

.dash { text-decoration: underline; }

.dot {
  background-image: url(/images/dot.png);
  background-repeat: no-repeat;
  background-position: bottom center;
}

.notice {
  
  font-size: 14pt;
  width: 80%;
  
  margin: 1em auto;
  
  background-color: #FFFFAA;
  border: 1px solid #777;
}

DIV.message {
	font-size: 9pt; 
	text-align: left;
		
  margin: 2em 5em 0 2.75em !important;
	padding: 1.25em 50px 1.25em 1em;
	
	}

DIV.validation { 
	display: none; 
	
	}
	
DIV.info {

  background-color: #FFF;

	text-align: center;
	border: 1px dotted #00F;
  
	margin: 1em 5em 0 2.75em !important;
	padding: .5em 0 .5em 0;
	
}

DIV.warning {
  background-color: #ffffde;
	background-image: url("/images/warning-icon.png");
	background-repeat: no-repeat;
	background-position: 98% 5px;
	
	border: 1px dotted #FC6;

	}
	DIV.warning STRONG,
	DIV.message STRONG { font-size: 10pt; margin-right: .5em; }

DIV#msg-announcement {
  border: 1px dotted #00F;
	background-color: #f4f9fe;
	
	}
	
#divHeader UL {
  display: block;
	height: 1em;

	width: 90%;
	margin: 0 auto;
	padding: 0;
	}
	
	#divHeader UL LI {
	  display: block;
		float: right;
		
		margin: 0 0 0 1em;
		}
		
		#divHeader UL LI A {
		  font-family: Verdana, Arial, Helvetica, sans-serif;
			}

/************ Word Information ***********/

DIV.page-template {
  float: left;
	width: 32em;
	
	margin: 1em 0 !important;
	}
	
	DIV.page-template A:link,
	DIV.page-template A:visited { color: #369 !important; text-decoration: underline !important; }
	DIV.page-template A:hover, DIV.page-template A:focus { color: #CCC; text-decoration: none !important; }
	DIV.page-template A:visited:hover, DIV.page-template A:visited:focus { color: #009 !important; text-decoration: none !important; }	

DIV.page-template SPAN.play {
	}

DIV.page-template H2 IMG {
  vertical-align: middle;
	}
	
DIV.page-template SPAN.play A:link {	
	font-size: 1.1em !important;
  color: #555;
	text-decoration: none !important;
	}

	DIV.page-template .noborder { border: 0 !important; margin-bottom: 0 !important; }
	
	DIV.page-template DIV.two-column-container {
	  width: 100%;
		height: 100%;
		float: left;
		clear: both;
		
		border-bottom: 1px dotted #CCC;
		
		padding: 0 0 1em 0;
		margin: .5em 0 .5em 0em;
		
		}
		
		DIV.page-template DIV.two-column-container DIV.column {
		  min-height: 0 !important;
			}

			DIV.page-template DIV.two-column-container DIV.column P {
			  margin: 0 !important;
				}
		
		DIV.page-template DIV.two-column-container DIV.left {
		  float: left;
			width: 65%;
			}

			DIV.page-template DIV.two-column-container DIV.left H2 {
				margin: 0 !important;
				padding: 0 !important;
				}	

		DIV.page-template DIV.two-column-container DIV.right {
			width: 30% !important;
			
			text-align: right;
			border: 0 !important;
			} 
		
		DIV.word-desc SMALL {
			font-size: 8pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		SPAN.word-image {
			display: block;
			float: right;
			width: 180px;
			
			border: 1px dotted #CCC !important;
			_border: 1px solid #DDD;
			padding: 10px;
			margin: 0 0 .5em 1em;
		}
		SPAN.word-image IMG { border: 1px dotted #999; _border: 1px solid #CCC; margin-bottom: .5em; }
		SPAN.word-image SPAN.caption {
			display: block;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 8pt;
			margin: 0;
		}
					
	DIV.original-text {
	  font-size: 1.2em;
		}
		

/* Hide so screenreaders can see it but browsers cannot */
.acc-hide {
  display: block !important;
  height: 1px !important;
	text-indent: -999em !important;
	}
	
/* Hide for newer browsers, only show for older versions of IE */
.browser-warning { display: none; }