html {
	overflow:auto;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
}

.center {text-align:center;}

table,tr,td {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:13px;color:#7d7d7d; padding:8px;}
.chart {}
.chart .head {background-color:#0072b6; color:#ffffff; font-weight:bold;}
.chart .alt {background-color:#b5dafc;}

body {
	margin: 0;
	padding: 0;
	border: 0;
	background:#fff;
	min-width:1000px;
	height:100%;
	width:100%;
	background:url(../images/main_bg.jpg) no-repeat top center;
}

.clearboth {
	clear:both;
	margin:20px;
}

p {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; color:#3f3c3e; font-size:14px; line-height:22px; padding-bottom:10px;}

.threequarter {
	width:500px;
}

/* ONCassist name in text styles */

.onc {color:#f8981d;font-weight:bold; text-transform:uppercase;}
.assist {color:#6d1f7e;}

.value {
	float:right;margin-right:500px;color:#6d1f7e; font-weight:bold;
}

.bignumber {
	color:#6d1f7e; font-weight:bold; font-size:18px;
}

.bracket {
	background:url(../images/bracket.png) no-repeat bottom right;
	width:292px;
}


.colleft {float:left; width: 150px; margin-right:10px; }
.colmiddle {float:left; width: 150px; margin-right:10px;}
.colright {float:left; width: 400px; margin-right:10px;}

.checkmark {background:url(../images/checkmark.png) no-repeat top center; }

.paddingp {padding:15px 15px 0 15px;}

p a {color:#6d1f7e;text-decoration:none;}
p a:hover {color:#6d1f7e;text-decoration:underline;}

.callout {color:#0076bf;font-weight:bold;}

/* for use with inline bulleted lists */
.bulletpoints {margin:10px 0 20px 20px;}
.bulletpoints ul {color:#0076bf; line-height:24px;}
.bulletpoints li {color:#0076bf; margin-left:20px; line-height:24px; list-style-image:url(../images/btn_sub-arrow.png)}
.bulletpoints ol {color:#0076bf; margin-left:15px; line-height:24px; list-style-image:url(../images/btn_sub-arrow.png)}
.bulletpoints li a {color:#0076bf; text-decoration:none; line-height:24px; list-style-image:url(../images/btn_sub-arrow.png)}
.bulletpoints li a:hover {color:#0076bf; text-decoration:underline;}


/* for use with inline plain bulleted lists */
.plainbullets {margin:10px 0 20px 20px;}
.plainbullets ul {color:#7b7b7b; line-height:24px;}
.plainbullets li {color:#7b7b7b; margin-left:20px; line-height:24px; list-style-image:url(../images/btn_sub-arrow.png)}
.plainbullets ol {color:#7b7b7b; margin-left:15px; line-height:24px; list-style-image:url(../images/btn_sub-arrow.png)}
.plainbullets li a {color:#7b7b7b; text-decoration:none; line-height:24px; list-style-image:url(../images/btn_sub-arrow.png)}


/* large plus sign */

.plussign {
	background:url(../images/plussign.PNG) no-repeat top center;
	width:300px;
	height:40px;
}


h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;font-style:normal; letter-spacing:-1px; color:#6d1f7e; margin-bottom:10px;}

h1 {font-size:30px;}

h2 {font-size:26px; color:#f8981d;}

h3 {font-size:24px;}

h4 {font-size:22px;}

h5 {font-size:18px;}

a.btn{
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	float:left;
	outline:none;
	border:0;
	font-size: 0px;
	line-height: 0px;
}

a.btn:hover{
	background-position:bottom left;
}

/* general spacers */
.bottomspacer {padding-bottom:15px; padding-top:5px;}
.topspacer {padding-top:15px;}
.leftspacer {padding-left:10px;}

/* general color classes */
.purple {color:#6d1f7e;}
.orange {color:#f8981d;}
.white {color:#ffffff;}
.darkgrey {color:#3f3c3e;}
.lightgrey {color:#d7d7d7; font-size:44px; padding:20px 0 10px 0;}


/* image treatments */
.rightimg {float:right; padding-left:20px; clear:both;}
.imgleft {float:left; padding:15px; margin-right:20px;}
.imgbasetitle {clear:both;float:right;background:url(../images/play-video-title.PNG) no-repeat top right; width:220px; height:75px;}

.title {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; color:#fff; font-size:14px; padding:10px 0 10px 0; text-align:center;}
.title a {color:#fff;text-decoration:none;}
.title a:hover {color:#0076bf; text-decoration:underline;}

.learnmore {float:left;margin:0 0 0 5px; width:112px; height:9px; clear:both; background-image:url(../images/learn-more.PNG) no-repeat top left;}
.learnmoreleft {float:left;margin:0 0 0 0px; width:112px; height:9px; clear:both; background-image:url(../images/learn-more.PNG) no-repeat top left;}


#imageslider {position:absolute;top:41px;height:280px;z-index:1000;}
#imageslider h2 {color:#fff; margin-left:80px; margin-top:120px; width:400px;}
a.btn.learnmorelanding {display:block;margin:10px 0 0 80px; width:112px; height:9px; background-image:url(../images/learn-more-landing.PNG)}

/* scroll arrows for the landing image section */
#scrollarrowslanding {position:absolute;top:300;left:0;margin-left:0px; margin-top:125px; height:30px;width:975px;z-index:990;}

/*  landing page message 1 */
.landingimageone {background:url(../images/landing-image-1.png) no-repeat top center; width:961px; height:252px;}


/* wrapper is for all pages */
#wrapper {
	width:100%;
	background:url(../images/bg-header.PNG) repeat-x top right;
}

#container {
	width:1000px;
	padding: 0;
	margin:auto;
	
}

#centercontent {
	position:relative;
	width:100%;
	height:1050px;
	height:auto;
}

.interiorpages {
	margin:auto;
	width:90%;
	padding:20px;
	height:auto;
	min-height:200px;
}


.whybg {
	background:url(../images/why_bg.png) no-repeat top right;
}
.aboutbg {
	background:url(../images/about_bg.png) no-repeat top right;
}
.contactbg {
	background:url(../images/contact_bg.png) no-repeat top right;
}

.fullwidth {width:100%;}


.homecontent {overflow:hidden;width:1000px;}

a.btn{
	background-position:top left;
	background-repeat:no-repeat;
	cursor:pointer;
	display:block;
	overflow:hidden;
	text-indent:-1000px;
	float:left;
	outline:none;
	border:0;
	font-size: 0px;
	line-height: 0px;
}

a.btn:hover{
	background-position:bottom left;
}



.header {
	height:102px;
	position:relative;
	width:100%;
}

.header .logo a{
	position:absolute;
	background:url(../images/logo.PNG) no-repeat;
	top:12px;
	width:209px;
	height:59px;
	top:20px;
	border:none;
	text-indent:-1000px;
}

.right{
	position:absolute;
	top:35px;
	right:0px;
	float:right;
}

.header #tagline{
	width:460px;
	height:42px;
	margin:10px 30px 0 0;
	float:right;
}

.header #tagline h1 {font-size:24px;}

#contactform {
	position:absolute;
	z-index:1990;
	top:-51px;
	background:url(../images/secure_login_base.png) no-repeat top left;
	width:311px;
	height:293px;
	margin-left:640px;
	left: 36px;
}

#contactform .mainform {
	margin:30px 0 0 15px;
	width:280px;	
}
#contactform .mainform p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;	
	line-height:12px;
	margin-bottom:0px;
	margin-top:0px;
}

#contactform .mainform .textfield {padding:5px; margin:0 0 0 15px; height:12px;font-family:Arial, Helvetica, sans-serif; color:#d7d7d7;font-size:14px;}
#contactform .mainform .submitbtn {margin:0; padding:0; margin-top:10px;}


/*--footer--*/
.greylinefooter {padding:30px 0 10px 0; border-bottom:1px solid #d7d7d7; }
.sciologo {
	position:absolute;
	background:url(../images/scio_logo.png) no-repeat top left;
	width:127px;
	height:95px;
	left: 767px;
	top: 222px;
	color:#939393;
	text-align:center;
	font-size:10px;
	font-style:italic;
}
#interiorfooter {
	margin:auto;
	width:100%;
	height:100px;
	margin-top:20px;
}

#interiorfooter .sciomark {
	float:right;
	background:url(../images/scio_logo.png) no-repeat top left;
	width:127px;
	height:95px;
	color:#939393;
	text-align:center;
	font-size:10px;
	font-style:italic;
	margin-top:60px;
}