body {
background-color:#8d8f93;
padding:0;
margin:0;
text-align:center;
background-image:url(../images/body_tile.gif);
}
img {
border:none;
}
#content {
text-align:center;
margin:0 auto;
}
#main {
padding:0;
margin:0 auto;
text-align:center;
}
#bottom_fade {
/*width:1024px;*/
width:980px;
height:12px;
margin:0 auto;
clear:both;
background-image:url(../images/site_bottom_shadow_b.gif);
background-repeat:no-repeat;
}

/* HEADER ************************************/
#header {
width:980px;
height:133px;
text-align:left;
background-color:#fff;
}
#nav {
width:980px;
height: 133px;
/*float:left;*/
}
.little_red
{
font: 9px Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 2px;
color: #cc0717;
padding: 0px;
margin: 0;
position: relative;
top: 47px;
left: 16px;
}
#account_links
{
font:10px Verdana, sans-serif;
color:#999;
width:715px;
margin:0px;
text-align:right;
float:left;
}
#account_links a {

	font:bold 10px Verdana, Geneva, sans-serif;

	color:#31506b;

	text-decoration:none;

}



/* DROP DOWN MENUS ****************************/

#nav_list, #nav_list ul {
float: left;
list-style: none;
line-height: 16px;
padding:0px 0px 0px 6px;
margin:6px 0 0 30px;
}
#nav_list li a
{
display:block;
font:11px Verdana, sans-serif;
color:#666;
text-decoration:none;
padding:.25em 15px .25em 15px;
}
#nav_list li a.nav1, #nav_list li a.nav2, #nav_list li a.nav3, #nav_list li a.nav4, #nav_list li a.nav5, #nav_list li a.nav6 {
border-right:1px solid #ccc;
}
#nav_list li a:hover {
color:#cc0717;
}
#nav_list li ul a {
font:11px Arial, Helvetica, sans-serif;
display: block;
width:130px;
w\idth:130px;
color:#666;
text-decoration: none;
border-right:none;
padding: 0.25em 16px;
}
#nav_list li {
float: left;
padding: 0;
}
#nav_list li ul {
position: absolute;
left: -999em;
width:150px;
w\idth: 150px;
font-weight: normal;
margin: 0;
z-index:200;
}
#nav_list li li {
background-color:#fff;
width:150px;
border-bottom:1px solid #ccc;
padding:3px 0;
}
#nav_list li:hover ul, #nav_list li.sfhover ul {
left: auto;
}
#nav_list li:hover, #nav_list li.sfhover {
background: #fff;
}
/*systems-nav update*/
#nav_list li#nav_sys a {
border-right:1px solid #ccc;
}
#nav_list li#nav_sys ul {
width:210px;
padding-top:5px;
}
#nav_list li#nav_sys ul li {
width:210px;
}
#nav_list li#nav_sys ul li p {
font:10px Verdana, sans-serif;
background-color:#e7e7e7;
color:#555;
font-weight:bold;
padding:3px 0 3px 16px;
margin:0;
}
#nav_list li#nav_sys ul li a {
width:176px;
border:none;
}



/* GENERAL **************************/
.gray_txt {
color:#777;
}

.error {

color:#cc0717;

font-weight:bold;

}

.success {

color:#009933;

font-weight:bold;

}



.clearBoth {

  clear: both;

}



/* invite to course */



div#invitation
{
  padding: 20px;
}

div#invitation,
div#invitation td
{
  text-align: left;
  vertical-align: top;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
}

div#invitation td.narrow
{
  width: 100px;
  text-align: right;
}

span.smallText
{
  font-size: 9px;
}

.redText 
{
  color: #f00;
}

.boldText
{
  font-weight: 900;
}



/*******************************			NEW LOGIN BOX			************************************/

#login-box{
	float:right;
	width:280px;
	font:normal 10px Verdana, Geneva, sans-serif;
	color:#333333;
}

#login-box p{
	font:normal 10px Verdana, Geneva, sans-serif;
	color:#333333;
}

#login-box input{
	background:url(../images/newhome/input_Bg.jpg) no-repeat;
	width:94px;
	height:19px;
	border:none;
	padding:2px 0 0 2px;
}

#login-box input:focus{
	border:none;
}

div#login-box a{
	font:bold 10px Verdana, Geneva, sans-serif;
	color:#31506b;
}

#login-box input#loginBtn{
	background:none;
	width:50px;
	font:bold 12px Verdana, Geneva, sans-serif;
	color:#31506b;
	cursor:pointer;
}