/*------------------------------------------------------------------------------
Purpose:
    FFL Shell

History:
Ver     Inits  Date        Comments
1.00    MLD    11/06/06    Copied from Old FFL site
------------------------------------------------------------------------------*/


body, html {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
body, td {
	font-size:0.8em;
	}
/* ===== Utility rules ===== */
#sandbox .nopad, #sandbox .nopad td, #sandbox .nopad th {margin: 0; padding: 0;}
.debug {border: 1px dotted red !important; background-color: #FF0 !important;}
.tal {text-align: left;}
.tac {text-align: center; margin-left: auto; margin-right: auto;}
.tar {text-align: right;}
.vat {vertical-align: top;}
.borderless, .borderless td, .borderless th {border: 0;}
.clear {clear: both;}
hr.clear {
	height:0;
	overflow:hidden;
	margin:0;
	padding:0;
	border-width:0;
	visibility: hidden;
}
.off {display: none;}
.on {display: block;}
.fl {float: left;}
.fr {float: right;}
img {border-width:0;}
/* ===== End Utility rules ===== */

#wrapper {
	width: 750px;
	background-image: url(/images/bodyTile.png);
	background-repeat:repeat-y;
	}
#banner {
	background-image: url(/images/ban_tile.png);
	background-repeat:repeat-x;
	position:relative;
	}
#banner a {
	border-width: 0;
	color:#000000;
	}
#banimg {
    padding: 100px 0 0 0;
    overflow: hidden;
    background-image: url(/images/ban_logo.jpg);    
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:100px;
	margin:0;
	}
#homeLink {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100px;
	width:350px;
	z-index:10;
	}
.quickLinks {
	position:absolute;
	right:0;
	top:0;
	margin:0;
	padding:0;
	font-size:0.9em;
	line-height:1.2em;
	height:1.2em;
	width:5em;
	text-decoration:none;
	}
body a.quickLinks:hover {
	text-decoration:underline;

}

#navbar #HKPower, #navbar #HKPower a {
	margin:0;
	padding:0;
	width:126px;
	}
#navbar {
	background-image:url(/images/MenuTile.png);
	background-repeat:repeat-y;
	width:126px;
	margin:0;
	padding:0;
	float: left;
	}
#navbar2 {
	background-image:url(/images/MenuTile.png);
	background-repeat:repeat-y;
	width:126px;
	margin:0;
	padding:0;
	float: left;
	}
#sandbox {
	float: left;
	width: 415px;
	height: 420px;
	overflow: auto;
	padding: 10px;
	margin:0;
	font-size:1.1em;
/*	border: 1px dotted red !important; background-color: #FF0 !important;   */
	}
/* IE Mac hack \*/
#sandbox {
	font-size:1.0em;
	}
/* end mac hack */
html body #sidebar {
	float:right;
	width:185px;
	background-image:url(/images/right_tile.jpg);
	background-position:right;
	background-repeat:repeat-y;
	background-color:transparent;
	margin-right:1px;
	padding:0;
	}
#sidebar #sidebarInner {
	background-image:url(/images/right_top.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:transparent;
	height: 440px;
	overflow: auto;
	margin: 0;
	padding: 0 0 0 -1px;
	line-height: 1.2em;
	width:170px;
	float:right;
	}
#sidebar #sidepic {
	display: block;
	}
#sidebar h2 {
	margin:0;
	padding:1em 0 .5em .5em;
	color: #94001D;
	font-size:1.25em;
	}
#sidebar img {
	border-width: 0;
	padding:0;
	margin:0;
	display:block;
	}
#sidebar form {
	padding-left: 1.5em;
	}
#sidebar form select {
	width: 10em;
	margin-bottom:.75em;
	}
#sidebar .toc {
	margin:0;
	padding:0;
	}
#sandbox h1, #navbar ul {
	margin:0;
	padding:0;
	}
#navbar ul {
	padding: 37px 0 0;
	background-image:url(/images/MenuTop.png);
	background-repeat:no-repeat;
	background-color:#fff;
	width:126px;
	list-style-type:none;
	margin:0;
	margin-bottom:-3px;
	}
* html body #navbar li, * html body #navbar #HKPower {
	margin-left: -16px; /* IE 5.x */
	ma\rgin-left: 0px; /* IE 6 */
	margin-top: -0.25em; /* IE 5.0 */
	margin-top/* */: -0.05em; /* IE 5.5 */
	ma\rgin-top: 0em; /* IE 6.0 */
	}
body #navbar li {
	margin:0;
	padding:0;
	line-height:.8em;
	width: 126px;
	background-color: transparent;
	background-image: url(/images/clear.gif);
	}
#navbar li a {
	height: 30px;
	width: 100px;
	padding: 0 26px 0 0;
	margin:0;
	background-image:url(/images/MenuOff.png);
	background-repeat:no-repeat;
	display: block;
	text-decoration:none;
	font-size:10px;
	line-height:14px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#navbar li a:link,
#navbar li a:visited,
#navbar li a:active {
	color: #3C3526;
	}
* html #navbar li a {
	width: 126px;
	w\idth: 100px;
	}
body #navbar ul li .short {
	padding-top: 0.5em;
	margin-bottom:0;
	margin-bottom:/* */-0.5em;
	}
* html body li#firstLi {
	margin-top: 0;
	}

/* Old Values: Stu, Tea, Res, Con, Tou, Faq, Aut, Sam, Hom */
#bodySTUDENT #menuSTUDENT,
#bodyWELLNESS #menuWELLNESS,
#bodyFAMILY #menuFAMILY,
#bodyFG #menuFG,
#bodyTEACHER #menuTEACHER,
#bodySTORE #menuSTORE,
#bodyCONTACT #menuCONTACT,
#bodyPROGRAM #menuPROGRAM,
#bodyFAQ #menuFAQ,
#bodyAUTHOR #menuAUTHOR,
#bodyEDITBOARD #menuEDITBOARD,
#bodySAMPLES #menuSAMPLES,
#bodyQNA #menuQNA,
#bodyELEMENTARY #menuELEMENTARY,
#bodyMIDDLESCHOOL #menuMIDDLESCHOOL,
#bodyHIGHSCHOOL #menuHIGHSCHOOL,
#bodyHOME #menuHOME,
#navbar li a:hover {
	background-image:url(/images/MenuOn.png);
	background-repeat:no-repeat;
	color: #000;
	}
#bodySTORE #sandbox {
	width:400px;
	}
#footer {
	clear:both;
	border-top:1px solid #003F66;
	}
#footer p {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#fff;
	font-size: 0.8em;
	}
body #sandbox h1 {
	margin-top:0;
	font-size:1.08em;
	text-transform:uppercase;
	color:#153360;
	}
#sandbox h2 {
	font-size:1.08em;
	text-transform:uppercase;
	color:#874214;
	}
	
#sandbox h3 {
	font-size:1.04em;
	color:#874214;
}

#sandbox h4 {
	font-size:1.02em;
	color:#874214;
}

#bodySTUDENT #sandbox h1 {
	padding-left:40px;
	background-image: url(/images/icon_web.png);
	background-repeat: no-repeat;
	height:40px;
	color:#874214;
	text-transform:none;
	font-size:1.08em;
	}
#bodySTUDENT #sandbox h2 {
	color:#153360;
	text-transform:none;
		}
#sandbox .emphasis1, #sandbox strong {
	font-weight:bold;
	color:#7C0B02;
	font-style:normal;
	}
	
#sandbox table strong {
	padding-top: 1em;
	padding-left: 0.5em;
	}	

#sandbox .emphasis2, #sandbox em {
	font-weight:bold;
	font-style:normal;
	}
#sandbox .emphasis3 {
	color:#7C0B02;
	font-style: italic;
	font-style:normal;
	}
#sandbox .bookref {
	font-weight:bold;
	color:#874214;
	}
#sandbox a {
	color:#0078C1;
	}
#sandbox th {
	color:#FFF;
	font-size:.92em;
	background-color:#7B0A02;
	}
#sandbox td {
	font-size:.92em;
	border:1px solid #D0BCBB;
	}
#sandbox table {
	border:1px solid #D0BCBB;
	}
#sandbox td, #sandbox th, #sandbox table {
	border-collapse: collapse;
	margin:0;
	}

.overDot {
    background-image: url(/images/overDot.gif);
	background-repeat: no-repeat;
    background-position: center top;
	}

.caption {
	color: #666666;
	font-size: 10px;
	text-align: center;
	margin-top: 0px;
	}
	
.edboard {
	margin-bottom: 0px;
	}

.contactTable { 
	position: relative;
	left: 1em;  
	}	
	
.thlink { 
	font-size: 85%;  
	color: #ffffff;
	text-decoration:underline;
	}

img.keyline {
	border-width:1px;
	border-color:#000000;
	}
	
table#toc {
	border-width:0;
	line-height:1.0em;
	margin:0 auto;
	}
#toc th {
	padding-top:1em;
	color:#000;
	background-color:#fff;
	border-bottom:1px solid black;
	line-height:1.0em;
	}
#toc td {
	border-width:0;
	vertical-align:top;
	}
#toc td a {
	color:#000;
	text-decoration:none;
	}
#toc td a:focus, #toc td a:hover {
	text-decoration:underline;
	}
#toc .tar {
	padding-right: 1em;
	}
.term {
	border:1px solid #7B0A02;
	border-width:0 1px;
	padding:0 .25em;
	color: #7B0A02;
	font-weight: bold;
	}