@CHARSET "ISO-8859-1";
/* ---------------------------------------- */
/*	STANDARD HTML TAG RESET				    */								
/* ---------------------------------------- */

 body,
 h1,h2,h3,
 p,ul,li,
 form{
 	border:0px;
	margin:0px;
	padding:0px;
 }
ul.none {list-style-type:none} 
 /* -----------------------------------------
STANDARD HTML TAG DEFINITION
*/
 legend{
 	color: gray;
	font-size:14px;
	font-weight:bolder;
 }
 
 body {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	margin: 0px 75px;
	text-align:left;
	background-attachment: fixed;
	border:1px solid white;
	overflow-y:auto;
 }
fieldset {
	border: 1px solid black;
	padding: 15px 15px 15px 15px;
	color: black;
	background-color:white;
	height:500px;
	align:center;
} 
 form, input {
 	color:#000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-size:12px;
 }
 
 h1{font-size:22px;}
 h2{font-size:16px;}
 h3{font-size:14px;}
 
 a:link{color:#000000; text-decoration:none; border:0px;}
 a:visited{color:#000000; text-decoration:none;}
 a:hover {color:black; text-decoration: underline;}
 
 
 #leftmenu{
 	width:150px;
 	position:absolute;
 	background:blue;
 }
 
 .smallfont{
				font-size:14px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
 .tableheading{
			text-align:center;
 			background:gray;
 			color:white;
 			font-weight:bolder;
 			line-height:30px;
 }
 
 .matchinglayer{
 position:absolute;
 align:center;
 left:370px;
 top:200px;
 width:500px;
 height:300px;
 font-size:120px;
 text-valign:top;
 visibility:visible;
 color:#550000;
 border: #000;
 border-style:groove;
 line-height: 150px;
 }
 /* --------------------------------------*/
 /* PAGE ELEMENTS                         */
 /* --------------------------------------*/
#banner{
	top-margin:0px;
  	background-image:url("http://www.languagereef.com/images/headerbackground.gif");
  	height:110px;
  }
  .welcome{
	font-size:26px;
	background-color:white;
  }
  .container {
  	margin: auto;
	height: auto;
	border: double;
	border-color: #FFFFFF;
	border-width: 2px;
	background-color: #FFFFFF;
	
  }
  .topmenu {
  background-color:white;
  }
  .clicky{
				font-size: 18px;
				cursor:pointer;
				line-height: 30px;
  }
 .master{
 width:150px;
 height:30px;
 border:1px solid black;
 font-weight:thick;
 }
 .middletd{
 border:1px solid black;
 width:200px;
 height:35px;
 text-align:center;
 text-valign:middle;
 background:lightblue;
 cursor:hand;
 font-size:22px;
 }		
  		/*-------------------------------------------------*/
		/* LOGO 										   */
			#masthead{
					color:red;
					font-size:larger;
					margin: 15px 15px 15px 15px;
			}
		/*-------------------------------------------------*/
		/* NAVIGATION									   */
			
			#navbar{
			argin: 15px 15px 15px 15px;
			}
		/*-------------------------------------------------*/
		/* NAVIGATION									   */
			
			#navbar{
				background:#000000;
				color: #ffffff;
				vertical-align:middle;
			}
			#navbar a{
				margin: 15px 15px 15px 15px;
				font-size: 18px;
				color: #ffffff;
				text-decoration:none;
			}
			#navbar a:hover{
				margin: 15px 15px 15px 15px;
				font-size: larger;
				text-decoration:underline;
				color:red;
	
			}
		/*-------------------------------------------------*/
		/* CONTENT      								   */
			#content{
				/* top right */
				margin:0px 0px 15px 0px;
					
			}
			#content p{
				line-height: 25px;
			}
			#content ul{
				list-style-type:none;
				list-style-position: outside;
				line-height: 25px; 
			}
			#content ul li.heading{
				font-weight:bolder;
				
			}
			#content ul li ul li{
				list-style-type:none;
				list-style-position: inside;
				line-height: 25px;
				font-weight:normal;
				font-size:11px; 
			}
			#content table{
				border: 3px;
				border-spacing: 10px;
				border-collapse: collapse;
				padding-bottom:15px;
				width:100%;				
			}
			
			#content .tableheading{
			text-align:center;
 			background:gray;
 			color:white;
 			font-weight:bolder;
			}
			
			#content table td{
				height:30px;
				text-align: left;
    			padding: 0.1em 0.5em;	
	    		border: 1px solid #666666;
				border-bottom: 1px solid black;
    			background: #FFFFFF;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
				font-size: 12px;
			}
			#content table td .clicky{
				font-size: 18px;
				cursor:pointer;
				line-height: 30px;

			}
			.floatinglayer {
			visibility:hidden;
			position:absolute;
			height: 260px;
			width:380px;
			left: 450px;
			top: 330px;
			background-color: #ffffff;
			font-size:12px;
			color:#550000;
			border: #000;
			border-style:groove;
			line-height: 150px;
}

			.floatinglayerword{
			visibility:hidden;
			position:absolute;
			height: 50px;
			width: 140px;
			left: 600px;
			top: 470px;
			background-color: #ffffff;
			font-size:12px;
			color:#550000;
			text-align: center;
			line-height: 30px;
			border: #000;
			}
			#content .smallfont{
				font-size: 12px;
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
		
		/*-------------------------------------------------*/
		/* WELCOME SECTION								   */
			#welcome-section{
				background:url(/*---------image_url----*/);
			}		
		
		/*-------------------------------------------------*/
		/* COLUMN LEFT								   */
			#column-left{
				float:left;
				margin-right:30px;
				width:42px;
			}		
  		/*-------------------------------------------------*/
		/* COLUMN RIGHT								   */
			#sidebar{
				float:left;
				width:353px;
			}
		/*-------------------------------------------------*/
		/* FOOTER								   */
			#copyright .line{
				clear:both;
				color:#666666;
				margin: 15px 15px 15px 15px;
				font-size:10px;
				
			}	
		/*-------------------------------------------------*/
		/* FOOTER								   */
			#column-left{
				clear:both;
				color:#666666;
				font-size:11px;
			}