/* IE6 PNG Support */
img, div, input { behavior: url("/css/iepngfix.htc") }

body, html {
	margin: 0 0 30px;
	font-family:Trebuchet MS;
	font-size: 12px;
	background: #f7f4ed;
	text-align: center;
}
img { border: none; }
.clear { clear: both; }
hr { 
	border: none;
	border-top: 1px solid #cdcdcd;
}
a, a:visited {
	color: #047ca2;
}
a:hover {
	text-decoration: underline;
}
.abs { position: absolute; width: 100%; left: 0;}

#edulence {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;
}
#edulence .copyright {
	float: left;
	color: #666666;	
	font-size: 10px;
}
#disclosure {
	color: #666666;
	width: 950px;
	margin: 10px auto;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	font-size: 10px;
}
#edulence .logo {
	float: right;
}
#notification {
	margin-bottom: 5px;
}

/* BANNER */
#banner { height: 288px; width: 100%; padding-top: 1px; margin-top: -1px;} 
#banner_img {
	width: 1008px;
	height: 288px;
	margin-left: -504px;
	left: 50%;
	position: absolute;
	overflow: hidden;
}
#banner_l, #banner_r { height: 288px;}
#banner_r { background: #e5e5e4; width: 51%; float: right; }
#banner_l { background: url("/images/banner_l.jpg") repeat-x; width: 48%; float: left; }

#banner_logo_cont {
	position: absolute;
	top: 9px;
	left: 0;
	width: 100%;
}
#banner_logo img {
	
}


#banner_contents {
	width:1008px;
	margin: 0 auto;
	padding-left: 60px;
}
#banner_contents img {
	float: left;
	margin-top: 27px;
}

#banner .sub, #banner.sub {
	height: 142px;
	overflow: hidden;
}
#banner .flash {
	width: 516px;
	float: right;
}
#ff_container {
	width: 1008px;
	margin: 0 auto;
	padding-right: 47px;
}
.extended #ff_container {	padding-top: 357px;	}
.collapse #ff_container {	padding-top: 206px;	}
#ff_box {
	background:transparent url(/images/forward_bg.gif) no-repeat scroll 0 0;
	float:right;
	height:224px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	width:211px;
	color:#958F86;
}
#ff_box input {
	width: 206px;
	margin-bottom: 5px;
}
#ff_box textarea {
	width: 206px;
	height: 55px;
	margin-bottom: 10px;
}
#ff_box p {
	text-align: left;
	margin: 5px 0 0 0;
}
#ff_box a {
	text-decoration: none;
	float: right;
	color:#958F86;
}
#ff_box img {
	float: left;
	cursor: pointer;
}

/* NAVIGATION */

#nav {
	height: 18px;
	border-top: 1px solid #c2bfba; 
	border-bottom: 1px solid #c2bfba; 
	padding: 6px 25px;
	background: white;
	
}
#nav_container {
	width: 1008px;
	margin: 0 auto;
}
#nav li {
	list-style-type: none;
	float: left;
	margin: 0 11px;
}
#nav ul {
	list-style-type: none;
	float: right;
	margin: 0 20px 0;
}
#nav a {
	text-decoration: none;
	color: #047ca2;
}
#nav a.slct {
	color: black;
}
#forward_friend {
	text-align: right;
	margin: 0 auto;
	width: 1008px;
	padding-right: 60px;
	padding-top: 10px;
}
#forward_friend a {
	text-decoration: none;
	color: #958f86;
}

#content {
	padding: 10px 0;
}


#info {
	width: 950px;
	border-top: 1px solid #cdcdcd;
	margin: 0 auto;
}


.info_box {
	width: 230px;
	float: left;
	margin-right: 10px;
}
.info_box h2 {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #666666;
}
.info_box_t { height: 5px; background: url("/images/info-box-top.jpg") no-repeat; overflow: hidden;	}
.info_box_b { height: 5px; background: url("/images/info-box-bottom.jpg") no-repeat; 	}
.info_box_content { 
	height: 105px; 
	height: 120px;
	border-right: 1px solid #cdcdcd; 
	border-left: 1px solid #cdcdcd;
	text-align: center;
	padding: 10px 5px 0;
}
.info_box_content img {
	margin: 25px 0;
}
.info_box_content hr {
	margin: 2px 0 ;
}
.portion {
	height: 50px;
}
.portion img {
	margin: 10px 10px;
	float: left;
	clear: both;
}
.portion h3, .portion p, .portion a {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
}
.portion p { color: #146481; }
.last { margin: 0;	}

#content.sub {
	min-height: 250px;
}

#content .submit-button {
	background: url("/images/submit-button.jpg") no-repeat;
	margin-right: 22px;
	width: 109px;
	height: 26px;
	text-indent: -9999px;
	border: none;
	float: right;
	line-height: 1px;
	cursor: pointer;
}

/* Inputs, and forms */

#body .contact p.callout {
	margin: 0 0 10px;
}
.contact {
	text-align: left;
	color: #047CA2;
}

.contact .col {
	float: left;
	width: 455px;
}
.contact .col label {
	width: 80px;
	float: left;
	text-align: right;
}
.contact .col label.full {
	width: 210px;
	text-align: left;
}
.contact .col input {
	width: 355px;
	float: right;
}
.contact .col input.radio {
	width: 20px;
	float: left;
}
.contact  form {
	width: 950px;
	margin: 0 auto;
}
.contact .row {
	height: 28px;
}
.contact .req {
	color: red;
}
.contact .req_fields {
	text-align: left;
	margin-left: 95px;
}
.callout .highlight{
	color: #047CA2;
	font-weight: bold;	
}
.callout a{
	text-decoration: none;
}
.callout {
	color:#333;
	font-size:14px;
	text-align:center;	
	font-family:Arial;
}
.partners .callout {
	width: 800px;
	margin: 0 auto;
}

.change-address {
	text-align: left;
	color: #256992;
}
.change-address label {
	width: 110px;
	text-align: right;
	float: left;
}

.change-address input {
	width: 300px;
	margin-left: 10px;
}
.change-address form {
	width: 950px;
	margin: 0 auto;
}
.change-address .row {
	margin: 10px 0;
}
.change-address h2 {
	margin-left: 10px;
	font-weight: bold;
}

.client-center .leftpane {
	float: left;
	width: 290px;
	margin-right: 5px;
	text-align: left;
	padding: 0 5px;
}
.client-center .leftpane img {
	margin: 0 10px -5px;
}

.client-center .rightpane {
	float: left;
	width: 565px;
	padding-left: 30px;
	margin-right: 5px;
	border-left: 1px solid #d2d0ca;
	text-align: left;
}
.client-center a {
	text-decoration: none;
}
.client-center hr {
	border: none;
	border-top: 1px solid #d2d0ca;
}

.emra {
	text-align: left;
}
.emra .divider {
	background: url("/images/emra/divider.jpg") no-repeat;
}

#emra {
	width: 950px;
	background: url("/images/emra/emra-back.gif") repeat-y 0 240px;
	height: 712px;
}

#emra .emra-content {
	width: 681px;
	padding: 0 10px;
	float: left;
	line-height: 14pt;
}
#emra .emra-content ul {
	color: #C01F0C;
}
#emra .emra-content li span {
	color: #656b4F;
}
#emra .emra-content h2 {
	color: #C01F0C;
}

#emra .emra-sidebar {
	width: 245px;
	float: left;
	height: 458px;
	overflow: hidden;
}

#emra .leftpane {
	float: left;
	width: 305px;
	padding: 0 10pt;
	color: #656b4F;
}

#emra .rightpane {
	float: left;
	width: 315px;
	color: #656b4F;
}
#emra .divider {
	background: url("/images/emra/divider.jpg") no-repeat;
	float:left;
	height:300px;
	margin:20px 10px;
	width:10px;
}

#emra .emra-footer {
	text-align: center;
}

.events .events-container {
	background:transparent url(/images/events.jpg) no-repeat scroll 0 0;
	height:184px;
	margin:0 auto;
	padding:26px 24px;
	text-align:left;
	width:831px;
}
.events .events-container p {
	margin: 2px 0;
}
.events .events-container .title {
	font-size: 110%;
	color: #047CA2;
}
.events .events-container h3 {
	color: #047CA2;
}

.education  {
	padding: 0 !important;
}
.hrefBox { 
	margin: 0 0 10px;
	background: url("/images/hrefBox_content.jpg") no-repeat;
}
.hrefBox_t {		background: url("/images/hrefBox_t.jpg") no-repeat;	}
.hrefBox_b {		background: url("/images/hrefBox_b.jpg") no-repeat;	}
.hrefBox_t, .hrefBox_b {
	width: 289px;
	height: 4px;
}
.hrefBox_content {
	padding: 20px 0 20px 20px;
	background: url("/images/arrow.jpg") no-repeat 253px 33px; 
	cursor: pointer;
}
.hrefBox p {
	margin: 0;
}
.hrefBox_t, .hrefBox_b, .hrefBox_content {
	overflow: hidden;
}
.hrefBox_sub {
	font-size: 11px;
	margin-left: 43px;
	padding-right: 40px;
	width: 176px;
	cursor: pointer;	
}

.download-forms {
	color:black;
	font-size: 14px;
	padding:75px 145px;
	text-align:center;
}

/* ShadeBox */

.shadeBox_top {
	height: 15px;
	overflow: hidden;
}
.shadeBox_t, .shadeBox_b {
	height: 15px;
	float: left;
}
.shadeBox_tr, .shadeBox_tl, .shadeBox_br, .shadeBox_bl {
	height: 15px;
	width: 15px;
}
.shadeBox_l, .shadeBox_r {
	width: 15px;
	float: left;
}
.shadeBox_content {
	float: left;
}

.shadeBox_t { background: url("/images/shadeBox_t.jpg") repeat-x; }
.shadeBox_b { background: url("/images/shadeBox_b.jpg") repeat-x; }

.shadeBox_l { background: url("/images/shadeBox_l.jpg") repeat-y; }
.shadeBox_r { background: url("/images/shadeBox_r.jpg") repeat-y; }

.shadeBox_tl { background: url("/images/shadeBox_tl.jpg") no-repeat; float: left; }
.shadeBox_tr { background: url("/images/shadeBox_tr.jpg") no-repeat; float: right; }
.shadeBox_bl { background: url("/images/shadeBox_bl.jpg") no-repeat; float: left; }
.shadeBox_br { background: url("/images/shadeBox_br.jpg") no-repeat; float: right; }

/* SPECIFIC SHADEBOXES */
.contact .shadeBox_top, .contact .shadeBox_bot, .contact .shadeBox   { width: 950px; }
.contact .shadeBox_t, .contact .shadeBox_b, .contact .shadeBox_content { width: 920px; }
.contact .shadeBox_l, .contact .shadeBox_r { height: 300px; }

.thankyou .shadeBox_top, .thankyou .shadeBox_bot, .thankyou .shadeBox   { width: 950px; }
.thankyou .shadeBox_t, .thankyou .shadeBox_b, .thankyou .shadeBox_content { width: 920px; }
.thankyou .shadeBox_l, .thankyou .shadeBox_r { height: 250px; }
.thankyou .shadeBox_content { margin-top: 65px; }
.thankyou .shadeBox_content p { margin: 0; font-size: 16px; }

.client-center .shadeBox_top, .client-center .shadeBox_bot, .client-center .shadeBox   { width: 950px; }
.client-center .shadeBox_t, .client-center .shadeBox_b, .client-center .shadeBox_content { width: 920px; }
.client-center .shadeBox_l, .client-center .shadeBox_r { height: 430px; }

.change-address .shadeBox_top, .change-address .shadeBox_bot, .change-address .shadeBox   { width: 475px; }
.change-address .shadeBox_t, .change-address .shadeBox_b, .change-address .shadeBox_content { width: 445px; }
.change-address .shadeBox_l, .change-address .shadeBox_r { height: 300px; }
.change-address .shadeBox { float: left; }

.events .shadeBox_top, .events .shadeBox_bot, .events .shadeBox   { width: 950px; }
.events .shadeBox_t, .events .shadeBox_b, .events .shadeBox_content { width: 920px; }
.events .shadeBox_l, .events .shadeBox_r { height: 330px; }

/* Accordion */

.Accordion {
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #256992;
}
#Accordion1 .AccordionPanel AccordionPanelClosed .AccordionPanelContent {
}

.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background-color: #FFFFFF;
	border: 1px solid #d2d0ca;
	margin: 0px;
	padding: 2px 2px 2px 7px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 230px;
}
.acc_content_container {
	padding: 10px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelClosed .AccordionPanelTab {
	background: #FFFFFF url("/images/tab-closed.jpg") no-repeat 550px 2px;
}
.AccordionPanelOpen .AccordionPanelTab {
	background: #FFFFFF url("/images/tab-open.jpg") no-repeat 550px 5px;
}


/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #333333;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #333333;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color: #FFFFFF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
}
