body {
	margin: 0px;
	padding: 0px;
	/*the background image consists of a 1px wide by 837px high graphic which is white for 62px, a blue gradient for 25px and the ermaiers is another blue gradient*/
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #023759;
	font: 12px Arial;
	color: #333333;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

img { 
	border: none;
	/*margin-bottom: 0px;*/
}

/*home page styles*/
#home {
	padding: 20px 50px 200px 50px;
}



#cengagecourse {
	vertical-align: top;
}

#clearmain {
	clear: both;
	
	margin:0;
	padding:0;
}

#masthead {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

/*wraps the content of the entire site including the header, main, and footer div*/
#wrapper {
	/*border: 1px solid green;*/
	width: 976px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*The main content area of the site*/
#main {
	
	width: 952px;
	/*padding-top: 10px;
	border: 12px solid #ffffff;
	background-image: url(images/main_background.gif);
	background-color: #f5f7f6;
	background-repeat: repeat-y;*/
	/*height: 623px;*/
	
	
}


table.cfdebug {
	float: left;
}


#leftside {
	background-image: url(/images/signin.gif);
	background-repeat: repeat-x;
	background-color: #DBF1FD;
	width: 365px;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	padding-left: 10px;
	padding-right: 10px;
}
.loginhr {
	width: 415px;
	/*padding-left: 25px;
	padding-right: 25px;*/
	color: #CCCCCC;
}

#leftside2 {
	width: 5130px;
	/*border-top: 1px solid #BABFC3;
	border-left: 1px solid #BABFC3;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;*/
	padding-left: 10px;
}
#rightside {
	float: right; 
	width: 430px;
	margin-top: 0px;
}
#rightside .students {
	width: 400px;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	padding-left: 10px;
	padding-right: 10px;
	/*padding-left: 10px;*/
	margin 0;
}

#rightside .faculty {
	width: 375px;
	border-top: 1px solid #BABFC3;
	border-left: 1px solid #BABFC3;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	/*padding-left: 10px;*/
	
}
#rightside .faculty p{
	margin: 0;
}
.copytitle {
	font-size: 12px;
	font-weight: bold;
	color: #023759;
}

.signin li {
	margin-bottom: 5px;
	list-style:disc;
	font-size:11px;
}

.title {
	font-size:12pt;
	font-weight: bold;
	color:#0c5b93;
}
.logtitle {
	font-size:12pt;
	font-weight: bold;
	color:#0c5b93;
}

.biglogtitle {
	font-size:14pt;
	font-weight: bold;
	color:#0c5b93;
}

/*Content area styles*/
#content {
	margin-top: 3px;
	margin-bottom: 0;
	padding: 0;
	float: left;
	width: 952px;
	background-image: url(images/gradient-strip.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#content2 {
	margin-top: 3px;
	float: left;
	padding: 0px;
	width: 970px;
	background-image: url(images/gradient-strip.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#innercontent {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 849px;
	background-color: #FFFFFF;
	border-top: 1px solid #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size:11px;
}
#widegraybox {
	position: relative;
	background-color: #fff;
	/*border: 1px solid #999;*/
	border-left: 1px solid #BABFC3;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	border-top: 1px solid #BABFC3;
	margin: 12px;
	width: 900px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
}
#widegrayboxtop {
	position: relative;
	/*border: 1px solid #999;*/
	border-top: 1px solid #BABFC3;
	border-left: 1px solid #BABFC3;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	width: 815px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-left: 20px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
}
#widegraybox .copy {
	font-size: 12px;
}
#widegraybox .copybold {
	font-size: 12px;
	font-weight: bold;
}

#widegrayboxtop .copy {
	font-size: 12px;
}
#widegrayboxtop .copybold {
	font-size: 12px;
	font-weight: bold;
}
#heading {
	position: relative;
	width: 815px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	/*border: groove darkred 1px;*/
}
#headinginsideright {
	width: auto;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	/*border: solid green 1px;*/
}
#logo {
	position: relative; 
	padding:0px 0px 0px 0px;
	margin:8px 0px 3px 0px; 
	width: 952px;
}
#logoimg {
	
	padding:0px 0px 0px 0px;
	margin:8px 0px 0px 0px; 
	width: 300px;
}
#logoimg img{
	border: 0; 
	vertical-align: middle; 
}
#navbar {
	position: relative; 
	width:976px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.errmsg {
	color: #FF0000; 
	font-size: 12px;
	font-weight: bold;
}
.biggrayhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	float:left
}
.grayhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:left;
	font-size: 14px;
	font-weight: bold;
}

.cathead {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	font-size: 15px;
	font-weight: bold;
}
#MyProductsHead {
	 padding-left:10px;
}

#MyProductsHead div.lefttext {
	width:300px;
	float:left;
}

#MyProductsHead div.logoright {
	float:right;
	margin-bottom:6px;
}

#MyProductsHead div.cleardiv {
	clear:both;
}

#MyProductsHead div.cleardiv > hr {
	border-color:#CCCCCC;
	border-top:none;
	border-left:none;
}

#MyProductsHead span.MyProducts {
	vertical-align:bottom;
	font-size:14pt;
	font-weight: bold;
	color:#0c5b93;
}
#addremove {
	float: right;
	border-left: 1px solid #BABFC3;
	border-bottom: 2px solid #BABFC3; 
	border-right: 2px solid #BABFC3;
	border-top: 1px solid #BABFC3;
	width : 300px;
	padding: 10px;
}
#authProducts {
	width : 552px;
}
.biggrayhead {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	float:left
}
#MainHeadLinks{
font-size:80%;
/*margin:2px 0px 0px 0px;*/
padding:0px 0px 0px 15px;
float:left;
width:50%;
margin-top:17px;
}

#MainHeadLinks a:link{
padding:0px 0px 0px 0px;
margin:2px 0px 0px 0px;
font-weight:bold;
text-decoration:none;
color:#FFF;

}
#MainHeadLinks a:visited{
	padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
text-decoration:none;
color:#FFF;

}

#MainHeadLinks a:hover{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
text-decoration:underline;
color:#FFF;
}

.EDUspacer{
padding:0px;
margin:0px 2px 0px 5px;
color: #FFFFFF;
}
/*footer styles*/

#footer{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:100%;
}

#FooterWrap{
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	color#FFFFFF;
	width:100%;
	text-align:left;
	font-size:80%;
}

.Footer_left{
	border:none;
	float:left;
	/*width:500px; adjusted for new footer on 07 01 08 scj */
	width:700px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
}

.Footer_right{
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	float:right;
	width:250px;
	text-align:right;
}
#FooterWrap a:link{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}
#FooterWrap a:visited{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
}
#FooterWrap a:hover{
	margin:0px 0px 0px 0px;
	color:#FFF;
	font-weight:normal;
	text-decoration:underline;
}

.OSU_AB{
font-size:115%;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

.Blue_Text{
color:#FFF;
padding:0px 0px 0px 0px;
margin:0px 3px 0px 3px;
}

/* Button code ------------------------------------------------------------------*/

.button_secondary{
  display:block;
  background:url(/images/newimages/button.png) no-repeat top left transparent;
  width:98px;
  height:24px;
  line-height:21px;
  text-align:center;
  color:#4eb3d7;
  margin:0 12px 0 0;
  border:0;
  text-decoration:none!important;
}
.button_secondary a{color:#4eb3d7; text-decoration:none;}
.button_secondary_wide{
  display:block;
  background:url(/images/newimages/button_wide.png) no-repeat top left transparent;
  width:130px;
  height:24px;
  line-height:21px;
  text-align:center;
  color:#4eb3d7;
  margin:0 12px 0 0;
  border:0;
  text-decoration:none!important;
}
.button_secondary_superwide{
  display:block;
  background:url(/images/newimages/button_superwide.png) no-repeat top left transparent;
  width:250px;
  height:24px;
  line-height:21px;
  text-align:center;
  color:#0389C6;
  margin:0 12px 0 0;
  border:0;
  text-decoration:none!important;
}
.button_primary{
  display:block;
  background:url(/images/newimages/button_main.png) no-repeat top left;
  width:100px;
  height:24px;
  line-height:21px;
  text-align:center;
  color:#fff!important;
  margin:0 12px 0 0;
  border:0;
  text-decoration:none!important;
}
.button_primary_wide{
  display:block;
  background:url(/images/newimages/button_main_wide.png) no-repeat top left;
  width:130px;
  height:24px;
  line-height:21px;
  text-align:center;
  color:#fff!important;
  margin:0 12px 0 0;
  border:0;
  text-decoration:none!important;
}
.button_primary_extrawide{
  display:block;
  background:url(/images/newimages/button_main_extrawide.png) no-repeat top left;
  width:150px;
  height:24px;
  line-height:21px;
  text-align:center;
  color:#fff!important;
  margin:0 12px 0 0;
  border:0;
  text-decoration:none!important;
}




/* ================= horizontal menus (used in footer only) ==================== */

ul.hmenu {
	margin: 0;
	padding: 0;
}
ul.hmenu li {
	display: inline;
	border-left: 1px solid; 
	padding: 0 6px 0 10px;
}
ul.hmenu li.first {
	border: none;
	padding: 0 6px 0 0;
}
ul.hmenu li.last {
	padding: 0 0 0 10px;
}

#header {
	padding-top: 4px;
	
	margin:0;
}

#headerzone {
	margin: 0;
	padding: 0;
}