@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #e7e7e7;
	background-image: url(/em360/images/background.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
}
a:link {
	color: #B72467;
	text-decoration: none;
	font-family: Comic Sans, Arial, Helvetica, sans-serif
}
a:visited {
	text-decoration: none;
	font-family: 
	color: #FF6600;
}
a:hover {
	text-decoration: underline;
	color: #B72467;
}
a:active {
	text-decoration: none;
	color: #B72467;
}
a.footer:link {
	color: #333333;
	text-decoration: none;
}
a.footer:visited {
	text-decoration: none;
	color: #333333;
}
a.footer:hover {
	text-decoration: underline;
	color: #333333;
}
a.footer:active {
	color: #333333;
	text-decoration: none;
}

a.login:link {
	text-decoration: none;
	color: #c1282d;
	font-size: 12px;
}
a.login:visited {
	text-decoration: none;
	color: #c1282d;
	font-size: 12px;
}
a.login:hover {
	text-decoration: underline;
	color: #c1282d;
	font-size: 12px;
}
a.login:active {
	text-decoration: none;
	color: #c1282d;
	font-size: 12px;
}

a.webinar:link {
	text-decoration: underline;
	color: #0070C0;
}
a.webinar:visited {
	text-decoration: underline;
	color: #0070C0;
}
a.webinar:hover {
	text-decoration: underline;
	color: #0070C0;
}
a.webinar:active {
	text-decoration: underline;
	color: #0070C0;
}

/* Headers */
h4 {
	font-size: 12px;
	padding-bottom:0px;
}
/* Fonts */
.leftmenuheader {font-size: 18px}
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.pagetitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
}
/* Form Element formatting */
#loginbox
{
	width:125px;
	height:20px;
	padding:4px;
	background-color:transparent;
	border:0px;
}
#loginbox-background
{
	width:133px;
	height:28px;
	background: url(images/login-box.gif) #ffffff repeat-x left center;
	margin-top:5px;
	margin-bottom:10px;
}
#register-textbox
{
	width:188px;
	height:20px;
	padding:4px;
	background-image:url(/em360/images/textbox-registration-background.gif);
	border:0px;
	margin-top:5px;
	margin-bottom:10px;
}
#register-monthbox
{
	width:111px;
	height:28px;
	padding:4px;
	background-image:url(/em360/images/dropdown-month.gif);
	border:0px;
	margin-top:5px;
	margin-bottom:10px;
	margin-right:10px;
}
#register-daybox
{
	width:56px;
	height:28px;
	padding:4px;
	background-image:url(/em360/images/dropdown-day.gif);
	border:0px;
	margin-top:5px;
	margin-bottom:10px;
}
#register-typebox
{
	width:196px;
	height:28px;
	padding:4px;
	background-image:url(/em360/images/textbox-registration-background.gif);
	border:0px;
	margin-top:5px;
	margin-bottom:10px;
}
#register-commentbox {
	background-image:url(/em360/images/textbox-commentbox-background.gif);
	width:390px;
	height:225px;
	padding-left:10px;
	border:hidden;
}
/* Layout elements */
#mainbox
{
	width:792px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
	border: 1px solid #aaaaaa;
	min-height:500px;
	
}
#header
{
	width:100%;
	height:105px; 
	background-image: url(/em360/images/header.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
}
#headerlogo
{
	float:left;
	width:315px;
	text-align:center;
	height:105px;
	position:relative; 
}

#headermenu{
position: relative;
width: 400px;
height: 36px;
float: right;
display: block;
background: transparent;

}

#headermenu ul{
margin-top: 61px;
margin-right: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#headermenu li{
display: inline;
padding: 0;
}

#headermenu a{
float: right;
width: 91px;
height: 36px;
font: bold 12px Arial;
color: white;
text-align: center;
text-decoration: none;
margin-right: 0px; /*Margin between each menu item*/
padding: 5px 3px;
background-image:url(/em360/images/tabinactive.gif);
background-repeat: no-repeat;
background-position: bottom;
}

#headermenu a:hover{
background-image: url(/em360/images/tabover.gif);
color: #ffffff;
}

#headermenu #current a{ /*currently selected tab*/
	background-image:url(/em360/images/tabcurrent.gif); 
	color: #333333;
}


#submenu
{
	height:5px;
	padding-left:15px;
	background-color:#B3D335;
	text-align:left;
	color: #333333;
	position:relative;
	border: 1px #333333;
	border-top-style: solid;
	border-bottom-style: dotted;
	
}
#submenu a
{
	color:#0000FF;
	font-weight: bold;
}
#submenu-header-left
{
	width:5px;
	height:20px;
	background-image:url(/em360/images/subheader-border-left.gif);
	float:left;
}
#submenu-header-right
{
	width:5px;
	height:20px;
	background-image:url(/em360/images/subheader-border-right.gif);
	float:right;
}
#submenu-header-body
{
	height:20px;
	position:relative;
}
#submain
{
	width:100%;
	height:inherit;
	position:relative; 
	background-image: url(/em360/images/submainback.gif);
	background-repeat: no-repeat;
	background-position: top;
	border-top: #333333 2px solid;
}
#leftmenu
{
	width:177px;
	float:left;
	position:relative; 

}
#leftmenuheader
{
	background-image: url(/em360/images/sidetitle.gif);
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	width:177px;
	padding-top:7px;
	height:30px;
	border-bottom: dotted;
	border-bottom-color: 333333;
	border-bottom-width: 1px;
}
#leftmenuheader2
{
	background-image:url(/em360/images/sidetitle.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width:177px;
	padding-top:7px;
	height:30px;
	border-bottom: dotted;
	border-bottom-color: 333333;
	border-bottom-width: 1px;
	border-top: dotted;
	border-top-color: 333333;
	border-top-width: 1px;
}
#leftmenubody
{
	width:174px;
	padding-top:10px;
	padding-bottom:10px;
}
#mainbody
{
	width:594px;
	min-height:500px;
	height:auto !important;
  	height:500px;
	float:right;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	border-left: 
/*	padding-bottom:10px; */
	position:relative; 
	border-left: dotted;
	border-left-color: 333333;
	border-left-width: 1px;
}
#mainbody p
{
	text-align: left;
}
#mainbody_content
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	width:574px;
	min-height:550px;
	height:auto !important;
  	height:550px;
	float:right;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	position:relative; 
	border-left: dotted;
	border-left-color: 333333;
	border-left-width: 1px;
	text-align: left;
}

#welcomebar
{
	width:615px;
	height: 35px;
	color: #B3D335;
	background-image: url(/em360/images/welcomebarback.gif);
	background-repeat:repeat-x;
	background-position: top;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	background-color: #333333;
	font-weight: bold;
	padding-top: 3px;
	text-align: center;
	position:relative; 
}

#introtext
{
	float: center;
	width: 555px;
	text-align: left;
	padding: 10px;
	font-size: 16px;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
#introtext b
{
	font-size: 22px;
}

#mainbuttons
{
	width: 240px;
	font-family: "Comic Sans MS";
	font-weight: bold;
	text-align: left;
	float: left;
	position: relative;
	margin-top: 60px;
	margin-left: 10px;
	
}
#mainbuttons a
{
font-family: "Comic Sans MS";
	font-weight: bold;
	text-align: left;
	float: left;
	color: #333333;
}
#mainbuttons a:hover
{
font-family: "Comic Sans MS";
	font-weight: bold;
	text-align: left;
	color: #B72467;
	text-decoration: underline;
}
#button1
{
	width: 150px;
	height: 57px;
	padding-left: 90px;
	padding-top: 23px;
	background-image: url(/em360/images/homebuttonone.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	line-height:100%;
	font-size: 16px;
}
#button2
{
	width: 150px;
	height: 55px;
	padding-left: 90px;
	padding-top: 25px;
	background-image: url(/em360/images/homebutton2.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 20px;
}
#button3
{
	width: 150px;
	height: 55px;
	padding-left: 90px;
	padding-top: 25px;
	background-image: url(/em360/images/homebutton3.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	font-size: 20px;
}
#jumpingkids
{
	float: right;
	position: relative;
}
#logos
{
	position: relative;
	float: left;
	width: 400px;
	text-align: left;
	

}
#footer
{
	background-image: url(/em360/images/footer.gif);
	height:20px;
	margin-top: 0px;
	padding-top:42px;
	text-align: center;
	font-size: 10px;
	clear:both;
 }
 #bluebox-top
 {
 	width:578px;
	height:10px;
	background-image:url(/em360/images/bluebox-top.gif);
 }
 #bluebox-bottom
 {
 	width:578px;
	height:10px;
	background-image:url(/em360/images/bluebox-bottom.gif);
	margin-bottom:20px;
 }
 #bluebox
 {
 	width:578px;
	text-align:center;
	background-color:#c2e8f1;

	background-image:url(/em360/images/bluebox-background.gif);
 }
 
 #subpage-body
 {
 	width:527px;
	margin-left:25px;
	text-align:left;
 }
 #subpage-header
 {
 	width:527px;
	height:47px;
	background-image:url(/em360/images/subpage-header-background.gif);
	text-align:left;
	margin-bottom:10px;
	margin-top:10px;
 }
 #subpage-uptopnav
 {
 	width:527px;
	text-align:right;
	margin-top:10px;
	margin-bottom:10px;
 }
 #programs-college
 {
 	width:520px;
	height:24px;
	padding-top:35px;
	padding-right:7px;
	background-image:url(/em360/images/subpage-programheader-college-bg.gif);
	text-align:right;
 }
 #programs-home
 {
 	width:520px;
	height:24px;
	padding-top:35px;
	padding-right:7px;
	background-image:url(/em360/images/subpage-programheader-home-bg.gif);
	text-align:right;
 }
 #programs-360
 {
 	width:520px;
	height:24px;
	padding-top:35px;
	padding-right:7px;
	background-image:url(/em360/images/subpage-programheader-360-bg.gif);
	text-align:right;
 }
 
 #navcontainer { width: 175px;  margin-left:0px; margin-top: 10px; font: "Comic Sans MS" 12px bold; height:100%; }

#navcontainer ul
{
margin-right: 0;
padding-left: 0;
list-style-type: none;
font: Arial, Helvetica, sans-serif 12px bold;
}


#navcontainer li
{
font-family: "Comic Sans MS";
display: block;
float: right;
padding: 0;
width: 175px;
height:30px;

}

#navcontainer a:link, #navlist a:visited
{
	color: #B72467;
	text-decoration: none;
	text-align: left;
	font-family: "Comic Sans MS";
	font-size: 14px;
	display: block;
	padding-left: 10px;
	width: 165px;
	height:30px;
}

#navcontainer #active #current
{

	background-image: url(/em360/images/current.gif);
	background-repeat:no-repeat;
	font-weight: bold;
	background-position: 0% 93%;
	display: block;
	margin-right: 0px;
	width: 165px;
	padding-left: 10px;
	height:30px;
}

#navcontainer a:hover
{
	color: #F7931E;
	display: block;
	padding-left: 10px;
	width: 165px;
	height:30px;
	background-image: url(/em360/images/hoverbar.gif);
	background-repeat:no-repeat;
	background-position: 0% 80%;
}


#apDiv1 {
	position:absolute;
	left:-20px;
	top:0px;
	width:0px;
	height:0px;
	z-index:1;
}


/*"""""""" CSS FOR MENU BEGINS""""""""*/

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:177px;
		padding:0px;
		margin:0px;
		background-color:#FFFFFF;
		border-width:0px;
		border-style:solid;
		border-color:#FFFFFF;
		text-align: left;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 20px 3px 20px;
		background-color:transparent;
		color:#B72467;
		font-family:Comic Sans MS;
		font-size:13px;
		text-decoration:none;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#29ABE2;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#29ABE2;
		border-color:#29ABE2;
	}
	
	#qm0 a:active
	{	
	background-color: #00CC00;
	}

	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#29ABE2;
		padding:3px 20px 3px 20px;
		color:#FFFFFF;
		font-size: 12px;
		font-weight:bold;
		border-color:#29ABE2;
	}

/*"""""""" CSS FOR MENU ENDS""""""""*/