/*----------- core HTML tags --------------*/

body, td, input, select, button
{ 
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #000;

}

body
{
	margin: 0; padding: 0;
	background: #043350;
	text-align: center;	
}
input { margin: 0;}
h1, h2
{ font-size: 13px;}

table, form, img
{ padding: 0; margin: 0; border: none; border-collapse: separate;}
td
{ padding: 3px 10px 3px 0; vertical-align: baseline;}

label, legend
{ 
	color: #333;
	font-weight: bold;
}

hr
{
	height: 1px;
	border: none;
	border-top: 1px solid #ccc;
}

a, a:visited
{ 
	color: #00d;
	text-decoration: none;
}

a:hover
{ 
	color: #00f;
	text-decoration: underline;
}
.warning
{ color: #f00; font-weight: bold}
/*----------- tables -----------------*/
table.formtable td
{
	padding: 3px 10px 3px 0;
	white-space: nowrap;
	vertical-align: baseline;
}

table.listtable td
{
	padding: 3px;
	vertical-align: baseline;
}

table.listtable thead, table.listtable tr.tableheader td
{
	color: #fff;
	padding: 3px;
	background: #333;
	white-space: nowrap;
}

table.listtable tr.altrow td
{
	background: #ddd;
}

/*----------- form  field sizes ------*/
.short
{ width: 50px;}
.mediuma
{ width: 75px;}
.mediumb
{ width: 150px;}
.mediumc
{ width: 225px;}
.wide
{ width: 375px;}
.warning
{ color: #f00; font-weight: bold}

/*----------- container --------------*/

div#container, div#container2, div#containercm
{
	position: relative;
	width: 977px;
	padding: 0 10px;
    background: url(../pics/public/background-pubhome.gif) repeat-y;
    margin: 0 auto;
	text-align: left;
}
div#container2
{

	background: url(../pics/background.gif) repeat-y;

}

div#containercm
{

	background: url(../pics/coursemanagement/background.gif) repeat-y;

}
/*----------- logo area --------------*/


/*----------- menu area --------------*/

#menu { 
font-weight: bold; z-index:900; color:#000; position: absolute; width: 977px; top: 60px; background: #E6E6E6 url(../pics/background-menu.gif); height: 21px; list-style: none; border-bottom:1px solid black;} 

#menu li span.subheader 
{color: #000; font-weight: bold; margin-top: 5px;}
	
	
	#menu a#contact 
{font: 10px verdana, arial, helvetica, sans-serif; display: block;float: right; font-weight: bold; z-index:1100; padding: 4px 15px 0 0; position:absolute; top:0px;right:0px;color:#000;} 
#menu a#contact:hover 
{text-decoration: underline;}

/*#menu { position: relative; background: #E6E6E6 url('../pics/background-menu.gif'); height: 21px; z-index: 900; list-style-type:none} 
	#menu li{ float: left; list-style: none; font-weight: bold; color: #333; position: relative; padding: 4px 10px 0; height: 17px; border-left: solid 1px #fff; border-right: solid 1px #999;}
	#menu li a {text-decoration: none; color: #333;} #menu li:hover {background: #ccc; border-left-color: #ababab;}
	#menu li div a, #menu li span, #menu a#contact { display: block; font-weight: normal; padding: 2px 3px 2px 7px; color: #333; text-decoration: none;}
	#menu li div a:hover {background: #999; color: #fff;} #menu li span:hover {background: #d6d6d6; cursor:default;}
	#menu li span {color: #999;} #menu li span.subheader {color: #000; background: #ddd; font-weight: bold; margin-top: 5px;}
	#menu li div { display: none; position: absolute; top: 21px; left: -2px; width: 12em; background: #eee url('../pics/background-menu-drop.gif'); border: 1px solid #333; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px}
	#menu li:hover div, #menu li.over div {display: block;}	
	#menu a#contact {float: right; font-weight: bold; font-size: 9px; padding: 4px 15px 0 0;} #menu a#contact:hover {text-decoration: underline;}
*/
	
#sidemenu {height: 100%; padding: 0; margin-top:0px; width: 150px; display: inline; float: left; clear: left; font-size:10px;} 
	div#sidemenu a, div#sidemenu a:visited, div#sidemenu span
	{ display: block; padding: 3px;	padding-left: 10px; color: #999; text-decoration: none;}
	div#sidemenu span
	{color: #999; font-weight: 600; background: url('../pics/public/bullet-menu.gif') no-repeat 2px 4px;}
	div#sidemenu span.subheader
	{background: #ededed;}	
		div#sidemenu a:hover, div#sidemenu b a:hover
	{color: #00f; background: #eee;}
div#sidemenu b a 
{
padding-top:5px;
background: #eee;
color:#999;
}
/*---------------- banner area --------------*/
#banner {background: #fff; position: relative; padding: 0; height: 59px; overflow: hidden; border-bottom: solid 1px #000;}
img#logo { position: absolute; left: 10px; top: 10px;}
img#loginpic {float: right;}
#userinfo { float: right; background: #FF0040; width: 313px; padding: 5px 6px 0; height: 100%; }
	#userinfo td { white-space: nowrap; color: #fff; font-weight: bold; font-size: 9px; padding: 3px 6px 2px 0; vertical-align: baseline; }
	#userinfo label{ color: #fff; font-weight: bold;}
	#userinfo input{margin: 0; padding: 0 1px; vertical-align: baseline; font-size: 9px; color: #666;}
	#userinfo td a, #userinfo td a:visited  { color: #fff; }

/*----------- marcom row --------------*/

div#marketingblock
{
	position: absolute; top: 81px; width: 977px;
	height: 92px;
	overflow: hidden;
	border: solid #000;
	border-width: 1px 0;
	background: #ddd url(../pics/public/background-pub-banner.jpg);	
	clear: both;
}
div#marketingblock img
{
	border: none;
}
div#marketingblock span
{
	display: none;
}

/*----------- main content area --------------*/

div#contentblock, div#contentblockw
{
	position: relative; margin-top: 114px;
	height: 300px;
}
html > body div#contentblock, html > body div#contentblockw
{
	 height: auto; min-height: 300px;
}


div#contentblockw
{
    
    }

/*----------- left column --------------*/

div#left
{

	width: 388px;
	padding: 17px;
	
}

/*----------- right column --------------*/

div#right
{
	display: inline;
	float: right;
	width: 551px;
	font-size: 10px;
}
div#right input{font-size: 9px;}
div#right div.header {background: url(../pics/public/registration.gif); height: 23px;}
div#right div.header span {visibility: hidden;}
div#right p {padding: 0 10px;}
div#register1 {padding: 10px; border-left: 1px solid #999; background: url(../pics/public/background-register.gif) repeat-x bottom; margin: 0;}
div#register2 {background: url(../pics/public/background-register-bottom.gif) repeat-x top; padding: 10px 0; border-left: 1px solid #999; border-bottom: 1px solid #666;}
div#register2 p {margin: 10px 10px 10px 120px;} div#register2 input {font-size: 11px;}



	
#filter {background: #B9A274; padding: 5px;}
#filter label {color: #fff;}
#filter td {white-space: nowrap;}
#filter select {width: 18em;}

/*----------- secondary page --------------*/

#sidemenu {height: 100%; padding: 0; width: 150px; border-right: 1px solid #ccc; display: inline; float: left; clear: left;} 
	div#sidemenu a, div#sidemenu a:visited, div#sidemenu span
	{ display: block; padding: 3px;	padding-left: 10px; color: #999; text-decoration: none;}
	div#sidemenu span
	{color: #999; font-weight: 600; background: url(../pics/public/bullet-menu.gif) no-repeat 2px;}
	div#sidemenu a:hover, div#sidemenu b a
	{color: #00f; background: #eee;}
#secondary {padding: 10px; margin-left: 150px; padding-top:12px;}
	#secondary h1.pagetitle {padding: 2px 10px; margin: 0 -10px 10px; background: #FF0040; color: #fff; text-transform: uppercase;}
	#secondary div.helpon {padding: 1px 10px; margin: -10px -10px 10px; background: #eee; color: #333; clear: none;}
	#secondary div.helpon p{clear: right; text-align: justify;}
	#secondary div.helpon h1{margin-top: 10px;}	
	#secondary div.helpon p.close{float: right; clear: none; margin-top: 10px;}
	#secondary div.helpoff {display: none;}
	#secondary li {list-style-image: url(../pics/public/arrowbullet.gif); padding-bottom: 5px;}

/*----------- footer area --------------*/

#footer
{	
	background: #FF0040;
	font-size: 10px;
	clear: both;
	padding: 3px 10px;
	text-align: right;
	
}
#footer, #footer a, #footer a:visited
{	
	color: #fff;
}
#footer span {float: left;}
/*----------- extras --------------*/

p.separator
{ 
	padding: 12px 0;
	border: dotted #000;
	border-width: 1px 0;
	
}
p.separator, p.separator a, p.separator a:visited	
{	color: #f00;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}