/* ------ GLOBAL STYLES ----- */
html {overflow:scroll;}
div {margin: 0;}
img {border: 0;}
div.clear {margin:0; height:0px; clear:both; font-size:0px; line-height:0px;}
.center {text-align: center;}
p {margin: 0 0 12px 0;}
p.reg_link {margin: 0 0 12px 20px;}
p.reg_link a {padding: 0 10px 0 0;}
h1 {margin: 0 0 16px 0; font-size: 22px; font-weight: normal; color: #777;}
h1 sup {font-size: 12px;}
.note {font-size: 10px;}
.testimonial {padding: 15px 25px 3px 25px; border-top: 1px solid #494949;}
.noborder {border: none;}
h2.taxes {font-size: 16px; margin: 24px 0 12px 0; border-top: 1px solid #333; padding: 6px 0 0 0; color: #555;}
h3 {margin: 0 0 2px 0; font-size: 14px; font-weight: bold; padding-top: 5px;}
h4 {margin: 0 0 0 0; font-size: 12px; font-weight: bold; padding-top: 5px;}
ol li {margin: 0 0 12px 0;}
#right_col ul li {margin: 0 0 12px 0;}
#right_col ul.singleline li, #right_col ol.singleline li {margin: 0;}
#right_col ul.sitemap li, #right_col ul.sitemap li li {margin: 0; line-height: 24px;}
#right_col ul.nps li {margin:0; line-height:18px;}
#right_col ul.nps li a {color: #333; text-decoration:none;}
#right_col ul.nps li a:hover {text-decoration:underline;}
img.help {margin: 4px 0 0 0;}
em.required {color: #c00; padding-right: 3px;}
label.error {display:inline; color:#c00; font-size:10px; padding-left:2px;}
.red {color:#c00;}
table tr td {padding:4px;}
address {margin:0; font-style:normal;}
strong {font-weight:normal;}
strong.callto {font-weight:bold; font-size:16px;}
.flRight {float:right;}
.hotlink {text-decoration:underline; color:blue; cursor:pointer;}
.sasLogo {position:absolute; right:30px; padding-top:10px;}
.atPrint {display:none;}


body {margin: 0; text-align:center; background:#dae1e2; font: 12px arial, sans-serif; color:#333;}
#container {margin: 8px auto; text-align:left; width:767px; background:#fff; padding:3px; position:relative;}


/* ------ HEADER STYLES ------ */
#head_contain {height: 65px; width: 767px; background: url('../images/bg_header.jpg') repeat-x; position: relative;}
#head_contain img.logo {float: left;}
#head_nav {font-size: 11px; position: absolute; bottom: 10px; right: -3px;}
#head_nav a {color:#494949; text-decoration:none; display:block; float:left; margin:0; padding: 0 7px; border-left: 1px solid #494949;}
#head_nav a:hover {color: #292929; text-decoration: underline;}
#head_nav a.firstlink {border: 0;}


/* ----- ROOT NAVIGATION ---- */
#root_nav {height:81px; padding: 0px 0px 2px 2px; background: #521c78 url('../images/bg_root_nav.gif') no-repeat; width:765px; border-bottom: 3px solid #fff;}
#nav_label {height:24px; padding-top: 10px; font: bold 12px arial, sans-serif; color: #efefef;}
#bus_label {float: left; width: 400px; padding-left: 11px;}
#res_label {float: right; width: 144px;}
#root_nav a {
	background: #734c8f;
	width: 130px;
	height: 36px;
	display: block;
	margin: 0;
	border-right: 2px solid #521c78;
	float: left;
	padding: 5px 10px;
	text-decoration: none;
	font: bold 14px arial, sans-serif;
	color: #fafafa;
}
#root_nav a:hover {background: #936fad; color: #fff;}
#root_nav a.active {background: #936fad; color: #fff;}
#root_nav a.resi {float: right; width: 131px;}
#root_nav .msg_txt {
	float: left;
	width: 128px;
	height: 25px;
	display: block;
	padding: 4px 4px 0px 4px;
	border-right: 2px solid #521c78;
	color: #bdbad8;
	font-size: 11px;
	line-height: 12px;
	overflow: hidden;
}
#root_nav .gt {float:left; height:16px; width:12px; padding: 3px 0px 0px 3px; color:#bdbad8; font-size:11px;}

#cust_cat {position:absolute; top:3px; right:18px; font: bold 12px arial, sans-serif;	padding: 2px 7px 3px 7px;}
.bus_cat {color: #efefef; background: #521c78;}
.res_cat {color: #efefef; background: #521c78;}


/* ---- ROOT CONTENT ---- */
#root_contain {width:767px; height:341px; margin:0; position:relative; background: url('../images/main_home.jpg') no-repeat; border-bottom: 3px solid #fff;}
#highlight_area {
	position:absolute;
	top:60px;
	right:71px;
	border: 1px solid #e9e48b;
	padding: 15px 20px;
	width:260px;
	background: url('/inc/images/blk75.png') repeat;
	margin:0;
}
#highlight_area h1 {font: normal 26px arial, sans-serif; line-height: 24px; color: #fff; margin: 0 0 16px 0;}
#highlight_area ul {list-style-type:none; color:#e9e48b; font-size:12px; line-height:18px; margin:0; padding:0;}
#highlight_area ul li {margin:0; padding: 0 0 0 3px;}
#highlight_area ul a {color: #e9e48b; text-decoration: none;}
#highlight_area ul a:hover {color: #f4f2c6; text-decoration: underline;}
#nrl_news {position:absolute; bottom:18px; left:24px;}


/* ----- MAIN NAVIGATION ---- */
#main_nav {height:46px; padding: 2px 0px 2px 2px; background:#521c78; width:765px; overflow:hidden;}
#main_nav a {
	background: #734c8f;
	width:131px;
	height:36px;
	display:block;
	margin:0;
	border-right: 2px solid #521c78;
	float:left;
	padding: 5px 10px;
	text-decoration: none;
	font: bold 14px arial, sans-serif;
	color:#fafafa;
}
#main_nav.widthof4 a {width: 169px;}
#main_nav.widthof4 a.last {width: 170px;}
#main_nav a:hover {background: #936fad; color: #fff;}
#main_nav a.active {background: #936fad; color: #fff;}

#bus_nav {height:46px; padding: 2px 0px 2px 2px; background:#521c78; width:765px; overflow:hidden;}
#bus_nav a {
	background: #734c8f;
	width:169px;
	height:36px;
	display:block;
	margin:0;
	border-right: 2px solid #521c78;
	float:left;
	padding: 5px 10px;
	text-decoration: none;
	font: bold 14px arial, sans-serif;
	color:#f0f0f0;
}
#bus_nav a:hover {background: #936fad; color: #fff;}
#bus_nav a.active {background: #936fad; color: #fff;}
#bus_nav a.last {width: 170px;}
#bus_nav a.last:hover {background: #936fad; color: #fff;}


/* ---- MAIN CONTENT ---- */
#main_contain {width:767px; margin: 16px 0; background: url('../images/bg_left_col.gif') repeat-y; position:relative;}
#resi_contain {width:767px; height:341px; margin:0; background: url('../images/main_resi.jpg') no-repeat; position:relative; border-top:3px solid #fff; border-bottom:3px solid #fff;}
#resi_contain #highlight_area {position: absolute; top: 135px; left: 22px;}
#busi_contain {width:767px; height:341px; margin:0; background: url('../images/main_busi.jpg') no-repeat; position:relative; border-top:3px solid #fff; border-bottom:3px solid #fff;}
#busi_contain #highlight_area {position: absolute; top: 45px; right: 18px;}
#left_col {float: left; width: 265px; padding: 0px 15px;}
#left_col img {display:block; margin:0; padding:0; border-top: 3px solid #fff; border-bottom: 5px solid #fff; width: 263px;}
#left_col img.cin {border: none; display: inline; padding: 30px 0 10px 0; width: 172px; height: 50px;}
#left_col img.iss {height:197px;}
#left_col img.Facebook {width:144px; border:0; margin: 10px auto;}
#left_col h2 {font: normal 26px arial, sans-serif; line-height: 24px; color: #fff; margin: 0 0 16px 0;}
#left_col #left_sub {width: 247px; background: #888; padding: 12px 8px;}
#left_sub p {color: #e9e48b;}
#left_sub ul {list-style-image: url('../images/left_sub_bullet.jpg'); color:#e9e48b; font-size:11px; line-height:18px; margin: 0 0 0 24px; padding:0;}
#left_sub ul li {margin: 0; padding: 0 0 0 3px;}
#left_sub ul li.nobullet {list-style:none;}
#left_sub ul a {color: #e9e48b; text-decoration: none;}
#left_sub ul a.active {color: #f4f4cf;}
#left_sub ul a:hover {color: #f4f2c6; text-decoration: underline;}

li.meetingcentermore, li.videosmore {display:none;}

#left_sub a {color: #efefef; font-size: 11px; text-decoration: none;}
#left_sub a:hover {color: #f4f2c6; text-decoration: underline;}
#right_col {float: right; width: 455px; padding-right: 15px;}
#right_col img.prod {float:right; padding-left:10px;}
.form_row {height: 33px; width: 450px; text-align: center;}
.radio_row {height: 50px; text-align: left;}
.dbradio_row {height: 84px; text-align: left;}
.ck_row {height: 154px; text-align: left;}
.rep_row {height: 58px; text-align: left;}
.textarea_row {height: 100px; text-align: left;}
p.seclabel {margin: 0; padding: 0 0 3px 45px;}
.form_left_col {float: left; text-align: right; padding: 2px 0 0 0; width: 160px;}
.short_col {width:116px;}
.form_right_col {float:right; width:285px; text-align:left; position:relative;}
.form_right_col input, .form_right_col textarea, .form_right_col select {border:1px solid #888; font: 12px arial, sans-serif; color:#333;}
.form_right_col input.txt {width: 180px;}
.form_right_col input.required {width: 180px;}
.form_right_col input.state {width: 30px;}
.form_right_col input.city {width: 105px;}
.form_right_col input.error {border:1px solid #000;}
.form_right_col input.rb {border:none;}
input.sz50 {width: 50px;}
input.sz80 {width: 80px;}
textarea.txt {width: 280px; height: 70px;}
fieldset {margin: 0;}
fieldset legend {color: #333; font-style: italic;}

/* RSVP FORM STYLE */
form#RSVPseminar .form_left_col {width:100px;}
form#RSVPseminar .form_right_col {width:345px;}
form#RSVPseminar .form_right_col input {width:275px;}
form#RSVPseminar.topline {border-top:1px solid #aaa; padding-top:10px; margin-top:5px;}
a#printerB {float:right; text-decoration:none; background: url('../images/icon_print.gif') no-repeat; padding:2px 0 0 20px; width:40px; height:18px; display:block;}
a#printerB:hover {text-decoration:underline;}

.GRADDsocial {line-height:24px; margin-top:-4px; padding:0 0 12px 12px;}
.GRADDsocial img {position:relative; top:3px;}


/* ------- FORM BUTTONS ------ */
.request_info, .contact_form {height:26px;}
.request_info a {float:right; display:block; margin:0; height:26px; width:170px; background: url('../images/btn_request_info.gif') top left no-repeat;}
.contact_form a {float:right; display:block; margin:0; height:26px; width:117px; background: url('../images/btn_contact_us.gif') top left no-repeat;}
.request_info a:hover, .contact_form a:hover {background-position: bottom left;}
.request_info a span, .contact_form a span {display:none;}


/* ------ GO GREEN ----- */
.faq-Q {cursor:pointer; padding-top:15px; padding-left:20px; background: url('../images/bg_expand.jpg') no-repeat top left;}
.faq-expand {background: url('../images/bg_expanded.jpg') no-repeat top left;}
.faq-A {display:none; padding:5px 20px;}


/* ----- FOOTER ---- */
#footer_contain {font-size:11px; height:22px; padding: 6px 8px 0 0; background:#521c78; color:#fff; text-align:right;}
#footer_contain a {text-decoration: none; color: #fff; padding: 0 3px;}
#footer_contain a:hover {text-decoration: underline; color: #e5e5e5;}
#footer_contain #copyright {float: left; padding-left: 8px; width: 300px; text-align: left;}
#subFoot {margin: 0 auto; text-align:left; width:767px; padding:3px; position:relative;}
#formerly {float:left; font-size: 11px; color: #555; padding:0; width:300px;}
#formerly a {color: #555; text-decoration: none;}
#formerly a:hover {color: #555; text-decoration: underline;}
#oamEnroll {float:right; padding:0; font-size:11px; color:#555; width:300px; text-align:right;}
#oamEnroll a {font-weight:bold;}


/* ----------------- CAREERS STYLING -------------------- */
h3.career {
	margin: 30px 0px 10px;
	padding: 5px 0px 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #001051;
	border: 0;
	text-align: center;
	background: #efefef;
}
div.career_txt {margin: 10px 0;}
div.career_txt_details {font-size:13px; font-style:normal; line-height:20px; font-weight:normal; margin: 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #efefef;}
#right_col div.career_txt div.career_details_sec ul {margin-top: 0; margin-bottom: 12px;}
#right_col div.career_txt div.career_details_sec li {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
div.inp_label {float: left; width: 100px; text-align: right; margin: 0;	padding: 2px 5px 0 0;}
div.inp_label_right {float:left; width:84px; text-align:right; margin:0; padding: 2px 5px 0 0;}
form.career_apply input {width: 200px; margin: 0 0 10px 0; float: left;}
form.career_apply input.short {width: 50px;}
form.career_apply input.shorter {width: 25px;}
form.career_apply input.submit {float: none; width: 80px;}
div.career_state {border-bottom: 1px solid #ccc; font-size: 13px; font-weight: bold; margin-top: 5px;}
div.job_name {width: 300px; float: left; margin: 4px 0 0 0;}
div.job_loc {width: 150px; float: right; margin: 4px 0 0 0;}
div.career_details_sec {margin: 0 0 12px 0; padding: 0;}


/* VIDEO PAGE STYLING */
div#main_contain.video_contain {background:none; width:737px; padding:0 15px;}
div#main_contain.video_contain h2 {border-bottom: 1px solid #ccc; padding-bottom:3px;}
.videoThumb {float:left; width:244px; text-align:center; padding:10px 0 20px 0;}
.videoThumb h3 {padding: 0 0 4px 0;} 
.videoThumb img {display:block; margin: 0 auto; border: 1px solid #999; cursor:pointer;}


/* ----------------- SUPPORT FORMS STYLING -------------------- */
.dns {padding-left:20px;}
.dns .record {float:left; width:160px; display:block; margin:0; padding-bottom:8px;}
.dns div.wType {width:78px;}
.dns input, .dns select {border:1px solid #888; font: 12px arial, sans-serif; color:#333;}
.dns input.txt {width:150px;}

/* ---- DEV ANNOUNCEMENT ---- */
.notice {background: #ff9; border-top: 1px solid #2a8ab7; border-bottom: 1px solid #2a8ab7; text-align:center; padding: 8px 0 0 0;}
.notice div p {background: url('../images/alert.png') no-repeat; padding:0 0 0 36px; font-size:15px; font-weight:bold; line-height:28px; color:#000;}
.notice span {font-size: 15px; background: #2a8ab7; color: white; padding: .3em; font-family: verdana, arial, sans-serif;}