body { text-align: center; margin: 0; height: 100%; background-color: #114d84; font-family:Arial, Helvetica, sans-serif; font-size: 11px;line-height: 14px;}

/* main body container */
#main-body { width: 100%;  background-image: url('/images/lms/bg.gif'); background-repeat:repeat-x; background-color: #FFFFFF;}
#header { width: 900px; margin-left: auto; margin-right: auto; text-align: left; }
#top-row { height: 93px; width: 900px; position: relative; overflow: hidden;}
#nav-row { height: 27px; width: 550px; line-height: 27px; background: none;}
#content { width: 900px; background-color: #FFFFFF;  margin-left: auto; margin-right: auto; text-align: left;}
#cbody { width: 860px; background: #ffffff; }
#cbody h1 { font-size: 18px; color: #cc0000; }
#bottom { width: 100%; height: 100%; background-image: url(/images/lms/ftr_bg.gif); background-repeat:repeat-x; background-color: #0c457b; }
#footer {width: 900px; min-height: 50px;padding-top: 3px; padding-left: 3px; margin-left: auto; margin-right: auto; text-align: left;}

/*admin*/
#admin { width:850px; }
#admin .avatars { float: left; width: 210px; margin-bottom: 15px;font-size: 11px;}
#admin .avatars_img { padding: 0px 5px 0px 5px;float: left; min-width: 48px; text-align: center;  }
#admin .body { float: left; width: 152px; overflow:hidden; }
#admin h3 { font-size: 12px; margin: 3px 0px 3px 0px; }
#admin .actions {font-size: 11px;color: #cc0000;}
#admin .actions a {font-size: 12px;color: #cc0000; margin-right: 5px;}
#admin .actions a:hover {font-size: 12px;color: #000000;}
/*This is where the magic happens!*/
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     position: absolute;
	 top: 0px;
	 left: 0px;
     width: 0;
	 height: 0;
	 visibility: hidden;
	 z-index: 98;
	 margin: 0px;
	 padding: 0px;
	text-align: center;	 
}
div.box li {
	margin-bottom: 10px;
}
div.box_contents {
     background-color:transparent;
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color: #ffffff;
     height: 100%;
     filter:alpha(opacity=85); /* IE's opacity*/
     left: 0px;
     opacity: 0.85;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}
.dash_button {background-color: #CC0000; color: #FFF; font-size: 11px; padding: 2px 5px 2px 5px; font-weight: bold; border: 0px; }
.press-release { width: 860px;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.press-left { float: left; width: 575px; padding-right: 35px;}
.press-right { float: left; width: 250px; margin-top: 40px;}
.press-release h5 { font-size: 16px; color: #333333; margin-bottom: 0px; }
.press-release h2 { font-size: 14px; color: #CC0000; font-weight: 600; }
.press-release h3 { font-size: 12px; color: #333333; font-style: italic; margin-top: 0;}
.press-release h4 { font-size: 13px; color: #333333; font-weight: 600; }
.press-item { width: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.press-item h3 { font-weight: 600; color: #CC0000; font-size: 14px; display: inline; margin: 0;}
.press-item a { font-weight: bold; color: #333333; font-size: 14px; display: inline; text-decoration: none; }
.press-item a:hover { font-weight: bold; text-decoration: underline; }
.press-item h5 { font-weight: normal; color: #333333; font-size: 12px; margin-top: 0; margin-bottom: 15px;}
.logo {position: absolute; top: 13px; left: 0;z-index:100;}
#terms {   font-size: 14px; font-family:Arial, Helvetica, sans-serif; float: right; height: 26px; padding-top: 10px;}
#terms a {color: white; text-decoration:none;}
#terms a:hover {text-decoration:underline;}