body {
	margin: 0;
	background: #4682b4;
	
	}

/*sets layout, except home*/	
table.layout 
	{
	margin-top: 1%;
	margin-left: 0.5%;
	}

/*sets layout, home*/	
table.layouthome 
	{
	margin-top: 1%;

	}
	
/*sets all table cells to align top, and basic font & size */		
td {vertical-align: top;
	font: 0.8em StoneSan, Arial, sans-serif;
	border-width: 0;
	}

/*major headings*/		
h1 {
	/*color: #21449c;*/
	color: #336699;
	background-color: transparent;
	font-size: 20px;
	/*font-size: 1.6em;*/
	border-bottom: 2px dotted #97c7d3;
	}

h1.home {
	color: #21449c;
	background-color: transparent;
	/*font: 1.7em/2em StoneSan, Arial, sans-serif;*/
	font: 1.4em/2em StoneSan, Arial, sans-serif;
	border-bottom: none;
	margin-bottom: -0.9em;
	}


h2 {
	color: #4682b4;
	background-color: transparent;
	font-size: 1.1em;
	margin-top: 2em;
	margin-bottom: 0em;
	}	


h2.home {
	color: #4682b4;
	background-color: transparent;
	/*font: 1.2em/1.4 StoneSan, Arial, sans-serif;*/
	font: 1.0em/1.4 StoneSan, Arial, sans-serif;
	margin-bottom: 0em;
	}


/*course demo heading, online login pg*/
h2.demo {
	color: #4682b4;
	background-color: transparent;
	font-size: 0.9em;
	margin-top: 0.2em;
	}
	
	
/*news heading */	
#news h2 {
	color: #9B9A9A;
	font: bold 1.4em StoneSan, Arial, sans-serif;
	margin-top: 15px;
	margin-bottom: 8px;
	letter-spacing: 0.08em;
	}
	
	
/*news release date */
.newsreleasedate {
    font-size: 0.7em
	}


/*controls various table cells, check id names in code*/
/*controls top cell with banner and utility links */
td#top { 
	padding: 4px;
	background: #fff;
	height: 84px;
	}
	
/*controls blue stripe background where shop online sits */	
td#bluestripe {
	
	background-color: #21449c;
	}

/*controls center main text area, except homepage*/
td#center {
        color: #666666; 
	/*color: #697996;*/
	background: #fff;
	padding: 38px 10% 0 7%;
	}

/*controls side nav, except homepage*/
td#left {
	padding: 0;
	background: #e8e8e8;
	}
	
	
/*controls large logo, bottom right, homepage only*/
td#logo {
	background: #ffffff;
	text-align: center;
	}
	
/*controls text area, homepage only*/
td#hometext {
	background: #ffffff;
	padding: 10px;
	}


		

/*news section, homepage*/	
td#news {
	background: #e5e5e5;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 0;
	}
	
	
/*section with major links and pic, homepage*/
td#pics {
	background: #ffffff;
	overflow: hidden;
	}




/*copyright, footer* replaced with below 4jan05 */
/*td#footer {    */
/*	color: #fff;  */
/*	background: transparent;  */
/*	text-align: center;  */
/*	}*/


/*controls footer */	

td#foot {
/* background-color: #fff; 4jan05   */
/*color: #3572A5;  4jan05 */
color : #fff;
text-align: center;
font-family: StoneSan, Arial, sans-serif;
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
}

#footer a:link , #footer a:visited {
/*color : #3572A5; 4jan05*/
color : #fff;
text-decoration : underline; 
} 

#footer a:hover {
/*color : #3572A5; 4jan05 */
color  : #fff; 
text-decoration : underline; 
} 

#footer a:active {
/*color : #3572A5;  4jan05 */
color : #fff;
text-decoration : underline; 
}









/*formats shop online, except on homepage */		
div#shop 
	{
	position: relative;
	margin-left: 73%;
	width: 15%;
	margin-right: 4%;
	background-color: #4682b4;
	color: #fff;
	margin-top: -1px;
	margin-bottom: -1px;
	font-weight: bold;
	text-align: center;
	}

	
	
div#shop a:link
	{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}

div#shop a:visited
	{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}
	
div#shop a:hover
	{
	color: #21449c;
	background-color: #ffffcc;
	text-decoration: none;
	}
	
div#shop a:link
	{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}
	
	
	





/*formats shop online, only on homepage */	
div#shophome 
	{
	position: relative;
	margin-left: 72%;
	width: 16%;
	margin-right: 1%;
	background-color: #4682b4;
	color: #fff;
	margin-top: -1px;
	margin-bottom: -1px;
	font-weight: bold;
	text-align: center;
	}

	
	
div#shophome a:link
	{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}

div#shophome a:visited
	{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}
	
div#shophome a:hover
	{
	color: #21449c;
	background-color: #ffffcc;
	text-decoration: none;
	}
	
div#shophome a:link
	{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	}


	
	
	
	
	

/*sets links */
td#center a:link {
	text-decoration: underline;
	color: #0969DB;
	background: transparent;
}


td#center a:visited {
	text-decoration: underline;
	color: #0969DB;
	background: transparent;
}

td#center a:hover {
	text-decoration: none;
	color: #0969DB;
	background: transparent;
}

td#center a:active {
	text-decoration: underline;
	color: #0969DB;
	background: transparent;
}


a:link {
	text-decoration: underline;
	color: #0969DB;
	background: transparent;
}


a:visited {
	text-decoration: underline;
	color: #0969DB;
	background: transparent;
}

a:hover {
	text-decoration: none;
	color: #0969DB;
	background: transparent;
}

a:active {
	text-decoration: underline;
	color: #0969DB;
	background: transparent;
}




/*sets a links inside this div to block display*/
div#block a {display: block;}

/*pics, homepage*/
img#over {
	overflow: hidden;
	}



/*sets news styles,homepage*/
div#newsdashed
	{
	border-left: 2px dotted #778EAF;
	margin-top: -0.75em;
	}

div#newsdashed a:link {
	color: #21449c;
	font-size: 0.85em;
	text-decoration: none;
	padding-left: 1em;
	}
	
div#newsdashed a:visited {
	color: #21449c;
	font-size: 0.85em;
	text-decoration: none;
	padding-left: 1em;
	}
	
	
div#newsdashed a:hover {
	color: #21449c;
	font-size: 0.85em;
	text-decoration: underline;
	padding-left: 1em;
	}

div#newsdashed a:active {
	color: #21449c;
	font-size: 0.85em;
	text-decoration: none;
	padding-left: 1em;
	}
	






/* formats red box, etc. around registration info, osbc courses pg*/
div#box {
	display: block; 
	border: 1px #F40C0C solid; 
	padding: 5px;
	margin-bottom: 5px;
	}
/* formats dotted box, etc. around demo, online login pg*/
div#demo {
	clear: none; 
	float: right; 
	width: 25%; 
	padding: 8px; 
	border-right: 2px dotted #97c7d3; 
	border-left: 2px dotted #97c7d3; 
	border-bottom: 2px dotted #97c7d3; 
	border-top: none; 
	margin-top: -1em; 
	margin-right: -0.25em;
	}



/*controls side nav, 2nd level pages only*/

ul#mainnav {
	list-style: none;
	/* list-style: disc outside url(images/yellow_arrow.gif);   23nov04 */
	margin: 0 0 0 0.5em;
	/* margin: 0 0 0 1.3em;  23nov04  */
	padding: 24px 0 0 10px;
	background-color: transparent;
	}
		
ul#mainnav li {
	display: list-item;
	
	}

ul#mainnav li a {

	text-decoration: none;
	display: block;
	width: 92%;
	padding: 6px 6% 6px 2%;
	
	font: bold 1.2em /1.6 StoneSan, Arial, sans-serif;
	color: #003b9f;
	}

ul#mainnav li a:hover {
	text-decoration: underline;
	}
	
ul#mainnav ul.subnav {
	list-style: none;
	list-style-image: none;
	margin:  -0.4em 0 0;
	padding: 0;
	background: transparent;
	}
	
ul#mainnav ul.subnav li {
	display: list-item;
	border-top: 0 none;
	padding-left: 1.5em;
	background: transparent;
	}

ul#mainnav ul.subnav li a {
	padding: 1px;
	font: bold 1em /1.5 StoneSan, Arial, sans-serif;
	color: #003b9f;
	background: transparent;
	}

ul#mainnav ul.subnav li a:hover {
	color: #003b9f;
	background-color: transparent;
	text-decoration: underline;
	}

/*controls top right utilities, 2nd level pages only*/
div#topcontent {
	position: absolute;
	top: 67px;
	right: 0;
	width: 80%;
	margin-right: 4%;
	}


	
div#topcontent ul {
	position: absolute;
	right: 0;
	list-style: none;
	margin: 0 0 40px 0;
	
	}
div#topcontent ul li {
	display: inline;
	padding: 0 0.5em;
	
	}

div#topcontent ul li a {
	font: 0.8em /1 StoneSan, Arial, sans-serif;
	text-decoration: none;
	color: #363682;
	background: transparent;
	}

div#topcontent ul li a:hover {
	font: 0.8em /1 StoneSan, Arial, sans-serif;
	text-decoration: underline;
	color: #363682;
	background: transparent;
	}
	



/*controls top right utilities, home page only*/

div#topcontenthome 
	{
	float: right;
	display: inline;
	padding-right: 1em;
	padding-top: 52px;
	}


	
div#topcontenthome  ul
	{
	list-style: none;
	}
	
	
div#topcontenthome  ul li 
	{
	display: inline;
	padding: 0 0.5em;
	}

div#topcontenthome  ul li a 
	{
	font: 0.8em /1 StoneSan, Arial, sans-serif;
	text-decoration: none;
	color: #21449c;
	background: transparent;
	}

div#topcontenthome  ul li a:hover 
	{
	font: 0.8em /1 StoneSan, Arial, sans-serif;
	text-decoration: underline;
	color: #21449c;
	background: transparent;
	}
	









/*controls OSBC text logo, all pages*/

		
#banner {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;
	display: inline;
	}

/*controls go button on online_login pg*/
a.button:link 
	{ 
	border: 1px #cccccc outset; 
	color: #363682;
	font-weight: bold;
	background: #e5e5e5; 
	text-decoration: none; 
	padding: 2px;
	}
	
a.button:visited 
	{ 
	border: 1px #cccccc outset; 
	color: #363682;
	font-weight: bold;
	background: #e5e5e5; 
	text-decoration: none; 
	padding: 2px;
	}
	
a.button:hover 
	{ 
	border: 1px #cccccc outset; 
	color: #363682;
	font-weight: bold;
	background: #e5e5e5; 
	text-decoration: underline; 
	padding: 2px;
	}
	
a.button:active 
	{ 
	border: 1px #cccccc outset; 
	color: #363682;
	font-weight: bold;
	background: #e5e5e5; 
	text-decoration: none; 
	padding: 2px;
	}

/*sets an unordered list with no bullets*/
ul.plain {list-style: none; margin-left: 0;}

/*sets text red*/
span.red {color: #F40C0C;}


/*sets logo, bottom right, except homepage*/
img.logo {
	 float: right;
	 padding-bottom: 12px;
	 clear: left;
	}

/*sets padding for osbc text banner logo, all pgs*/	
img.logohome {
	 padding: 50px 30px 30px 30px;
	}

/*floats paragraphs right*/
p.right {
	float: right;
	/*clear: left;*/
	margin-bottom: 1.2em;
	}

/*floats paragraph left* sg added June 24,2004*/
p.left {
	float: left;
	/*clear: right:*/
	margin-bottom: 1.2em;
	}


/*sets audience level nav, homepage only*/
div#homenavmain 
	{
	background: transparent;
	display: block;
	width: 100%;
	text-align: left;
	/*text-align: right;  19apr06*/
	/*text-align: left;  23nov04 */
	margin-left: -1em;
	}
	
	
div#homenavmain ul {
	display: inline;
	list-style: none;
	margin-left: 0;
	background-color: transparent;
	}
		
div#homenavmain ul li {
	padding: 0 1em;
	/*padding: 0 1.5em;  23nov04 */
	display: inline;
	}

div#homenavmain ul li a {
	display: inline;
	list-style: none;
	text-decoration: none;
	font: bold 1.2em /1.4 StoneSan, Arial, sans-serif;
	color: #21449c;
	}

	
div#homenavmain ul li a:hover {
	display: inline;
	text-decoration: underline;
	font: bold 1.2em /1.4 StoneSan, Arial, sans-serif;
	color: #21449c;
	}	
	
/*sets functional level nav, homepage only*/
div#homenavsecond 
	{
	
	background: transparent;
	display: block;
	width: 100%;
	text-align: left;
	margin-left: -1em;
	
	}
	
	
div#homenavsecond  ul {
	
	display: inline;
	list-style: none;
	margin-left: 0;
	color: #21449c;
	/* color: #4682b4;  23nov04 */
	background-color: transparent;
	}
		
div#homenavsecond  ul li {
	padding: 0 1em;
	/* padding: 0 1.7em; 23nov04*/
	display: inline;
	}

div#homenavsecond  ul li a {
	display: inline;
	list-style: none;
	text-decoration: none;
	font: bold 1.2em /1.4 StoneSan, Arial, sans-serif;
	/* font: bold 0.9em /1 StoneSan, Arial, sans-serif;  23nov04 */
	color: #21449c;
	/* color: #4682b4;  23nov04 */
	background-color: transparent;
	}

	
div#homenavsecond  ul li a:hover {
	display: inline;
	text-decoration: underline;
	font: bold 1.2em /1.4 StoneSan, Arial, sans-serif;
	/*font: bold 0.9em /1 StoneSan, Arial, sans-serif;  23nov04*/
	color: #21449c;
	/* color: #4682b4;  23nov04 */
	background-color: transparent;
	}	
	
/*controls login button, homepage only*/
div#login {
	color: #21449c;
	float: right;
	display: inline;
	padding-right: 1em;
	padding-top: 65px;
	/*position: absolute; 23nov04 */
    /*    top: 25px;  23nov04 */
	/*left: 80%;  23nov04 */
	/*width: 10%;  23nov04 */
	
	/* background: transparent url(images/login_back.gif) no-repeat;  23nov04 */
	}

div#login a 
	{
	text-decoration: none;
	font: bold 0.9em StoneSan, Arial, sans-serif;
	color: #21449c;
	padding-left: 10px;
	}
	
div#login a:hover 
	{
	text-decoration: underline;
       font: bold 0.9em StoneSan, Arial, sans-serif; 
       /*font: bold 0.9em; 4jan05 */
	color: #21449c;
	padding-left: 10px;
	}	
	
/*sets bold*/		
strong 
	{ 
	display:inline; 
	font-weight:bold; 
	background-color:transparent
	}
/*sets italic*/	
em 
	{ 
	display:inline; 
	font-style:italic; 
	background-color:transparent
	}
	
		
/* ---------------------------------------------------------------------*/