body 
{
    margin: 0;
	padding: 0;
	width:100%;
	height: auto;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:1em;
	color: #fff;
	background-color:#98A5D4;
}

#grid 
{
    width:60em;
    margin:0 auto;
    background: url('../../../www.smhfa/images/smhfa-hp-circles.png');
	background-repeat:no-repeat;
	background-color: #98A5D4;
}	
		
/** {
		padding: 0;
		margin: 0;
		font-size:100%;
		}
		
html,body {
		position:relative;
		z-index:0;
		font-family: Arial, Verdana, Sans-Serif;
		font-size:1em;
		color: #fff;
		background-color:#98A5D4;
		
		}

#grid {
		width:60em;
	    margin-left: auto;
	    margin-right: auto;
		background: url('../../../www.smhfa/images/smhfa-hp-circles.png');
		background-repeat:no-repeat;
		background-color: #98A5D4;
		display:table;
		}	*/

#wrapper {
		position:relative;
		width:60em;
		display:table-row;
		}

#mainContent {
		display:table-cell;
		float:left;
		width:21.88em;/*350px;*/
		height:23.13em;/*370px;*/
		}

#mainImage {
		display:table-cell;
		float:right;
		width:38.12em;/*610px;*/
		height:23.13em;/*370px;*/
	}






/* JM: Format the bottom section of the homepage */
#bottomPanel {
	display:table-row;
	width:60em;/*960px;*/
	float:left;
	}

.panel {
	display:table-cell;
	float:left;
	width:11.13em;/*178px;*/
	margin-top:9px;
	margin-left:12px;
	font-family:Arial, Verdana, Sans-Serif;
	color:#000;
	}
.panel h6 {
	text-align:center;
	font-weight: bold;
	padding:3px;
	color:#fff;
	font-size:90%;
	position:relative;
	z-index:15;
	}
	
.panel p {
	padding: 7px;
	}

.panel a:hover {
	/*color:Red;*/
	}

img.tabfloat {
    width: 100%;
    height:100%;
	position:absolute;
	z-index:10;
    }



/* JM: The Taking the course panel */
#panel1 {
	display:table;
	background-color:#FDB813;
	width:11.13em;/*178px;*/
	}

#panel1toptab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	}

#panel1bottomtab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	float:left;
	}
	
#panel1center {
	width:15.88em;/*11.13em;*178px;*/
	height:120px;
	background-color:#fff;
	font-size:70%;
	}

#panel1left {
	display:table-cell;
	margin:0;
	padding:0;
	float:left;
	}

#panel1right {
	display:table-cell;
	float:left;
	width:9.95em;/*112px;*/
	background-color:#fff;
	color:#000;
	}

#panel1left img {
	width:100%;
	height:100%;
	}
		
		
		

/* JM: The About SMHFA panel */
#panel2 {
	display:table;
	background-color:#8CC63F;
	width:11.13em;/*178px;*/
	}

#panel2toptab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	}

#panel2bottomtab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	float:left;
	}
	
#panel2center {
	width:15.88em;/*11.13em;*178px;*/
	height:120px;
	background-color:#fff;
	font-size:70%;
	}
	
#panel2left {
	display:table-cell;
	float:left;
	width:9.95em;/*112px;*/
	background-color:#fff;
	}

#panel2right {
	display:table-cell;
	margin:0;
	padding:0;
	float:right;
	}
	
#panel2right img {
	width:100%;
	height:100%;
	}




/* JM: The become an instructor panel */
#panel3 {
	display:table;
	background-color:#00B0DF;
	width:11.13em;/*178px;*/
	}

#panel3toptab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	}

#panel3bottomtab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	float:left;
	}
	
#panel3center {
	width:15.88em;/*11.13em;*178px;*/
	height:120px;
	background-color:#fff;
	font-size:70%;
	}
	
#panel3left {
	display:table-cell;
	float:left;
	width:9.95em;/*112px;*/
	background-color:#fff;
	}

#panel3right {
	display:table-cell;
	margin:0;
	padding:0;
	float:right;
	width:66px;
	}
	
#panel3right img {
	width:100%;
	height:100%;
	}



/* JM: The crisis panel */
#panel4 {
	display:table;
	background-color:#F04E4D;
	width:11.13em;/*178px;*/
	}

#panel4toptab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	}

#panel4bottomtab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	float:left;
	}
	
#panel4center {
	width:15.88em;/*11.13em;*178px;*/
	height:120px;
	background-color:#fff;
	font-size:70%;
	}
	
#panel4left {
	display:table-cell;
	margin:0;
	padding:0;
	float:left;
	width:66px;
	}

#panel4right {
	display:table-cell;
	margin:0;
	padding:0;
	float:right;
	width:9.95em;/*112px;*/
	background-color:#fff;
	}
	
#panel4left img {
	width:100%;
	height:100%;
	}




/* JM: The Instructor login panel */
#panel5 {
	display:table;
	background-color:#636B8B;
	width:11.13em;/*178px;*/
	}

.paneltoptab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	}

.panelbottomtab {
	width:11.13em;
	height:1.31em;
	position:relative;
	z-index:5;
	float:left;
	}
	
#panel5center {
	width:15.88em;/*11.13em;*178px;*/
	height:120px;
	background-color:#fff;
	font-size:70%;
	}
	
#panel5left {
	display:table-cell;
	float:left;
	width:178px;
	background-color:#fff;
	}









  
h1,h2,h3,h4,h5,h6,strong {font-weight: bold;}
.table {display:table;}
.row {display:table-row;}
.cell {display:table-cell;}
.left {float:left;}
.right {float:right;}


.yellow {background-color:#FDB813;}
.green {background-color:#8CC63F;}
.blue {background-color:#00B1E0;}
.salmon {background-color:#F04E4D;}
.purple {background-color:#636B8B;}
.lilac {background-color:#98A5D4;}
.aqua {background-color:#00AFAD;}

.test {

     background-image: url(/www.smhfa/images/transp.png);
}



.white {background-color:#ffffff;}

.hometable {display:table;margin-left:21em;margin-right:21em;}		


.spacer1 {width:60em;height:1em;}
.spacer2 {width:26.56em;height:0.5em;}
.spacer3 {width:0.92em;height:12.50em;}

#hometoppeople {width:33.4em;height:25em;}
#hometoppeople img {height:100%;width:100%;}
#hometopright {width:26.56em;height:25em;}

#hometopright-panel {width:26.56em;height:11em;font-family:arial;font-weight:bold;}
#hometopright-panel h1 {color:#fff;padding:0.5em;padding-left:0.7em;padding-top:0em;padding-bottom:1em; font-size:1.05em;}
#hometopright-panel p {color:#fff;padding:0.4em;padding-left:1em;padding-top:0;font-size:0.7em;}
#hometopright-panel strong {font-size:1.4em;padding-top:0.5em;}
#hometopright-jump {width:26.56em;height:10em;}

.tabtopcenter {width:24.55em;height:1.56em;}

.tabqsearchcorner-topleft {width:16px;height:1.56em;}
.tabqsearchcorner-topright {width:16px;height:1.56em;}
.tabqsearchcorner-bottomleft {width:16px;height:1.56em;}
.tabqsearchcorner-bottomright {width:16px;height:1.56em;}
.tabqsearchcenter {width:24.56em;height:1.56em;background-color:#00AFAD;}

#qsearchpanel {color:#000;width:26.56em;height:7.5em;background-color:#fff;}
#qsearchpanelleft {width:9em;height:7.5em;border-right: solid 1px #00AFAD;}
#qsearchpanelleft h2 {font-size:0.9em;padding:0.5em;padding-bottom:0.5em;text-align:center;}
#qsearchpanelleft p {font-size:0.8em;padding:0.5em;padding-top:0;padding-bottom:0;}
#qsearchpanelright {width:20em;height:7.5em;font-size:0.8em;}

#qsearchpanelright a {font-size:0.85em;}
#qsearchpanelright a:hover {/*color:red;*/}


.tabbottomcorner-topleft {width:16px;height:1.56em;}
.tabbottomcorner-topright {width:16px;height:1.56em;}
.tabbottomcorner-bottomleft {width:16px;height:1.56em;}
.tabbottomcorner-bottomright {width:16px;height:1.56em;}
.tabbottomcenter {width:9.25em;height:1.56em;}
.tabbottompanel {width:11.25em;min-height:10em;background-color:#fff;}
.tabbottompanel h6 {color:#000;font-size:0.9em;padding-left:0.5em;padding-bottom:0.3em;padding-top:0.2em;}
.tabbottompanel p {padding:0.2em;padding-left:0.5em;padding-bottom:0.5em;color:#000;text-align:left;font-size:0.8em;}
.tabbottompanel ul {font-size:0.8em;list-style: none;margin-left:0.5em;margin-bottom:0.5em;text-indent:0;}
.tabbottompanel li {list-style-position: inside;margin-bottom:0.2em;}
.tabbottompanel a:hover {/*color:red;*/}

.ytl {background-image: url('/www.smhfa/images/smhfa-taking-corner-tl.png');background-repeat: no-repeat;background-position:top;}
.ytr {background-image: url('/www.smhfa/images/smhfa-taking-corner-tr.png');background-repeat: no-repeat;background-position:top;}
.ybl {background-image: url('/www.smhfa/images/smhfa-taking-corner-bl.png');background-repeat: no-repeat;background-position:bottom;}
.ybr {background-image: url('/www.smhfa/images/smhfa-taking-corner-br.png');background-repeat: no-repeat;background-position:bottom;}

.gtl {background-image: url('/www.smhfa/images/smhfa-about-corner-tl.png');background-repeat: no-repeat;background-position:top;}
.gtr {background-image: url('/www.smhfa/images/smhfa-about-corner-tr.png');background-repeat: no-repeat;background-position:top;}
.gbl {background-image: url('/www.smhfa/images/smhfa-about-corner-bl.png');background-repeat: no-repeat;background-position:bottom;}
.gbr {background-image: url('/www.smhfa/images/smhfa-about-corner-br.png');background-repeat: no-repeat;background-position:bottom;}

.btl {background-image: url('/www.smhfa/images/smhfa-become-corner-tl.png');background-repeat: no-repeat;background-position:top;}
.btr {background-image: url('/www.smhfa/images/smhfa-become-corner-tr.png');background-repeat: no-repeat;background-position:top;}
.bbl {background-image: url('/www.smhfa/images/smhfa-become-corner-bl.png');background-repeat: no-repeat;background-position:bottom;}
.bbr {background-image: url('/www.smhfa/images/smhfa-become-corner-br.png');background-repeat: no-repeat;background-position:bottom;}

.stl {background-image: url('/www.smhfa/images/smhfa-crisis-corner-tl.png');background-repeat: no-repeat;background-position:top;}
.str {background-image: url('/www.smhfa/images/smhfa-crisis-corner-tr.png');background-repeat: no-repeat;background-position:top;}
.sbl {background-image: url('/www.smhfa/images/smhfa-crisis-corner-bl.png');background-repeat: no-repeat;background-position:bottom;}
.sbr {background-image: url('/www.smhfa/images/smhfa-crisis-corner-br.png');background-repeat: no-repeat;background-position:bottom;}

.ptl {background-image: url('/www.smhfa/images/smhfa-instructor-corner-tl.png');background-repeat: no-repeat;background-position:top;}
.ptr {background-image: url('/www.smhfa/images/smhfa-instructor-corner-tr.png');background-repeat: no-repeat;background-position:top;}
.pbl {background-image: url('/www.smhfa/images/smhfa-instructor-corner-bl.png');background-repeat: no-repeat;background-position:bottom;}
.pbr {background-image: url('/www.smhfa/images/smhfa-instructor-corner-br.png');background-repeat: no-repeat;background-position:bottom;}

.atl {background-image: url('/www.smhfa/images/smhfa-qsearch-corner-tl.png');background-repeat: no-repeat;background-position:top;}
.atr {background-image: url('/www.smhfa/images/smhfa-qsearch-corner-tr.png');background-repeat: no-repeat;background-position:top;}
.abl {background-image: url('/www.smhfa/images/smhfa-qsearch-corner-bl.png');background-repeat: no-repeat;background-position:bottom;}
.abr {background-image: url('/www.smhfa/images/smhfa-qsearch-corner-br.png');background-repeat: no-repeat;background-position:bottom;}


#footer {margin-top:0;}

/* Quick search panel */
#homequicksearchpanel {width:21.7em;height:8.4em;font-size:0.9em;}
#homequicksearchpanel h5 {text-align:center;}
#homequicksearchpanel input#ctl00_searchTerm {width:13.3em;border: solid 1px #999;}
#homequicksearchpanel select#ctl00_searchOptions {width:13.4em;border: solid 1px #999;}
#homequicksearchpanel input#ctl00_search {color:#fff;background-color:#636B8B;font-weight:bold;border: solid 1px #000;width:11em;}
#homequicksearchpanel p {font-size:1.2em;display:block;width:19em;text-align:center;padding-left:0.5em;padding-top:0;padding-bottom:0;}


/* UserLogin panel (homepage) */
#HomeUserLogin div#UserLoginHolder {display:block;margin-bottom:0.3em;}
#HomeUserLogin div#UserLogin {width:10.7em;padding: 0.5em;padding-top:0em;margin-left:0.3em;background-color:#fff;font-size:0.8em;}
#HomeUserLogin div#UserLoginError {font-weight:bold;text-align:center;color:Red;padding-bottom:1em;}
#HomeUserLogin div#UserLoginRow1 {}
#HomeUserLogin div#UserLoginRow2 {}
#HomeUserLogin div#UserLoginRow3 {}
#HomeUserLogin div#UserLoginRow4 {}
#HomeUserLogin div#UserLoginCell1 {color:#3F3F3F; width:11em;text-align:left;margin-top:0.7em; font-size:0.85em; font-weight:bold;}
#HomeUserLogin div#UserLoginCell2 {border: solid 1px #999;margin-top:0em;}
#HomeUserLogin input#ctl01_txbUserName {width:12.3em;}
#HomeUserLogin input#ctl01_txbPassword {width:12.3em;}
#HomeUserLogin div#UserLoginCell3 {color:#3F3F3F; width:12em; text-align:left; margin-top:0.5em; font-size:0.85em; font-weight:bold;}
#HomeUserLogin div#UserLoginCell4 {border: solid 1px #999;margin-top:0em;}
#HomeUserLogin div#UserLoginCell5 {width:11em;text-align:center;padding:0.3em;margin-top:0.5em; margin-left:0.3em;}
#HomeUserLogin div#UserLoginCell6 {width:11em;text-align:center;padding:0.3em;margin-top:0em;}
#HomeUserLogin p#login-forgot {display:block; width:11em; font-size:0.9em; margin:0; padding:0; margin-left:1.5em; margin-top:0.5em;}
#HomeUserLogin input#ctl01_btn {color:#fff;background-color:#636B8B;font-weight:bold;border: solid 1px #000;width:9em;}


#homesearch {
	width:19em;
	text-align:right;
	padding-bottom:0.3em;
	padding-left:0em;
	}	
	
.botpannelFIX {background-color:#FFF; width:11.25em; float:left; height:11em;}
.botpannelFIX h6 {color:#000; font-size:0.9em; padding-left:0.5em; padding-bottom:0.3em; padding-top:0.5em;}
.botpannelFIX p {padding:0.2em 0.2em 0.5em 0.5em; color:#000; text-align:left; font-size:0.8em;}
.botpannelFIX ul {font-size:0.8em; list-style:none; margin-left:0.5em; text-indent:0;}
.botpannelFIX li {padding-left:0.2em; padding-bottom:0.2em;}

/*.tabbottompanel h6 {color:#000;font-size:0.9em;padding-left:0.5em;padding-bottom:0.3em;padding-top:0.2em;}
.tabbottompanel p {padding:0.2em;padding-left:0.5em;padding-bottom:0.5em;color:#000;text-align:left;font-size:0.8em;}
.tabbottompanel ul {font-size:0.8em;list-style: none;margin-left:0.5em;margin-bottom:0.5em;text-indent:0;}
.tabbottompanel li {list-style-position: inside;margin-bottom:0.2em;}
.tabbottompanel a:hover {color:red;}*/

/*LINKS*/

#hometopright-panel A:link { color:#FFF; text-decoration:underline;} /*or #00A99D*/
#hometopright-panel A:visited {color:#FFF; text-decoration:underline}
#hometopright-panel A:active {color:#FFF; text-decoration:underline}
#hometopright-panel A:hover {color:#FFF; text-decoration:none;}

.aqua A:link { color:#009186; text-decoration:underline;} /*or #00A99D*/
.aqua A:visited {color:#009186; text-decoration:underline}
.aqua A:active {color:#009186; text-decoration:underline}
.aqua A:hover {color:#009186; text-decoration:none;}

.yellow A:link { color:#C48902; text-decoration:underline;} /*or #E6A202*/
.yellow A:visited {color:#C48902; text-decoration:underline}
.yellow A:active {color:#C48902; text-decoration:underline}
.yellow A:hover {color:#C48902; text-decoration:none;}

.green A:link { color:#68952D; text-decoration:underline;} /*or #74A532*/
.green A:visited {color:#68952D; text-decoration:underline}
.green A:active {color:#68952D; text-decoration:underline}
.green A:hover {color:#68952D; text-decoration:none;}

.blue A:link { color:#0099BF; text-decoration:underline;} /*or #00B1E0*/
.blue A:visited {color:#0099BF; text-decoration:underline}
.blue A:active {color:#0099BF; text-decoration:underline}
.blue A:hover {color:#0099BF; text-decoration:none;}

.salmon A:link { color:#D81212; text-decoration:underline;}  /*or #F04E4D*/
.salmon A:visited {color:#D81212; text-decoration:underline}
.salmon A:active {color:#D81212; text-decoration:underline}
.salmon A:hover {color:#D81212; text-decoration:none;}

.purple A:link { color:#636B8B; text-decoration:underline;}
.purple A:visited {color:#636B8B; text-decoration:underline}
.purple A:active {color:#636B8B; text-decoration:underline}
.purple A:hover {color:#636B8B; text-decoration:none;}

/*.aqua A:link { color:#000; text-decoration:underline;}
.aqua A:visited {color:#000; text-decoration:underline}
.aqua A:active {color:#000; text-decoration:underline}
.aqua A:hover {color:#000; text-decoration:none;}

.yellow A:link { color:#000; text-decoration:underline;}
.yellow A:visited {color:#000; text-decoration:underline}
.yellow A:active {color:#000; text-decoration:underline}
.yellow A:hover {color:#000; text-decoration:none;}

.green A:link { color:#000; text-decoration:underline;}
.green A:visited {color:#000; text-decoration:underline}
.green A:active {color:#000; text-decoration:underline}
.green A:hover {color:#000; text-decoration:none;}

.blue A:link { color:#000; text-decoration:underline;}
.blue A:visited {color:#000; text-decoration:underline}
.blue A:active {color:#000; text-decoration:underline}
.blue A:hover {color:#000; text-decoration:none;}

.salmon A:link { color:#000; text-decoration:underline;}
.salmon A:visited {color:#000; text-decoration:underline}
.salmon A:active {color:#000; text-decoration:underline}
.salmon A:hover {color:#000; text-decoration:none;}

.purple A:link { color:#000; text-decoration:underline;}
.purple A:visited {color:#000; text-decoration:underline}
.purple A:active {color:#000; text-decoration:underline}
.purple A:hover {color:#000; text-decoration:none;}*/


div#UserLoginHolder div#rounded {display:none;}
div#UserLoginHolder div#rounded_bot {display:none;}
div#login_bottom_line {display:none;}

.yellow ul
{
list-style-type:none;
padding:0px;
margin:0px;
padding-left:0.6em;
width:13em;
}

.yellow li
{
background-image:url(/www.smhfa/images/arrow_yellow.png);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
}

.green ul
{
list-style-type:none;
padding:0px;
margin:0px;
padding-left:0.6em;
width:13em;
}

.green li
{
background-image:url(/www.smhfa/images/arrow_lightgreen.png);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
}

.blue ul
{
list-style-type:none;
padding:0px;
margin:0px;
padding-left:0.6em;
width:13em;
}

.blue li
{
background-image:url(/www.smhfa/images/arrow_blue.png);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
}

.salmon ul
{
list-style-type:none;
padding:0px;
margin:0px;
padding-left:0.6em;
}

.salmon li
{
background-image:url(/www.smhfa/images/arrow_salmon.png);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
}

.cursor 
{
	cursor:pointer;
}