@import "navigation.css";
/*CSS Document*/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE, DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP, SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR, B, U, I, CENTER, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-family: Arial, Helvetica, sans-serif;
}
/*Page Layout Settings*/
#wrapper
{
  margin: 0 auto;
  width: 990px;
  min-width: 983px;
}
P
{
  padding: 7px 0;
}
H1, H2, H3, H4, H5, H6
{
  padding-bottom: 5px;
}
#main
{
  background: #EFEFDE;
  position: relative;
  font-size: 80%;
  clear: both;
  float: left;
  width: 100%;
  overflow: hidden;
}
#header
{
  background: #FF7400;
}
#footer
{
  
  background: #6B180A;
  clear: both;
  color: #FFF;
  font-size:11px;
width: 98%;
  padding:10px;
}
/*********************************************************
header styles*/
H1.logo
{
  float: left;
  margin: 5px 10px;
  text-indent: -9999px;
}
H1.logo A
{
  background: url(../images/logo.png) no-repeat;
  display: block;
  height: 80px;
  width: 445px;
}
#fl
{
  background: url(../images/fl-back.png) no-repeat top right;
  text-align: right;
  right: 1px;
  height: 23px;
  padding: 0 5px;
}
#fl .flt
{
  color: #FFF;
  font: normal 70% Arial, Helvetica, sans-serif;
}
#fl IMG
{
  vertical-align: text-bottom;
}

#banner
{
  clear: both;
  width: 100%;
  font-size: 100%;
}
#banner #image
{
  float: left;
}

#banner #enrollbutton {
  float:right;
  display:block;
  width:169px;
  height:38px;
}

#banner #enrollbutton h1 {
  background:url(../images/enroll.png) no-repeat;
  width:169px;
  height:38;
  font-size:18px;
  text-align:left;
  padding:0;
}

#banner #enrollbutton h1 a {
  display:block;
  color:#FFF;
  text-decoration:none;
  padding:8px 30px 8px 8px;
}


#banner #text
{
  background: #FF7400;
  color: #FFF;
  float: left;
  padding-right: 50px;
  text-align: right;
  font-style: italic;
  width: 940px;
}
#banner H1
{
  padding: 30px 0 0;
}
#banner P
{
  padding: 10px 0;
}



/*Main Home Section*/
.home
{
  background: #EFEFDE;
}
.home .wcontent, .home .wleft
{
  float: left;
  width: 100%;
/*width of page*/
  position: relative;
  padding-bottom:10px;
}
.home .wcontent
{
  padding-top: 10px;
  background: #FFF;
  right: 300px;
}
.home .wcontent H1, .wcontent H3
{
  color: #DE4002;
}
.home .wcontent H1
{
  font-size: 22px;
}

.home .wcontent a {
  color:#2B5E84;
  text-decoration:none;
}

.home .wcontent a:hover {
  color:#498AA3;
}
  
.home .wleft
{
  background: #FFF;
  right: 265px;
}
.welcome, .courses, .right
{
  float: left;
  position: relative;
  overflow: hidden;
}
.welcome
{
  text-align: justify;
  width: 408px;
  left: 575px;
}
.courses
{
  width: 250px;
  left: 590px;
}
.right
{
  width: 283px;
  left: 605px;
}

/*Sub pages layout*/
.container, .left
{
  float: left;
  position: relative;
  width: 100%;
}

.navigation, .content, .rightside
{
  float: left;
  position: relative;
  overflow: hidden;
  padding-bottom:10px;
}

.container
{
  right: 220px; 
  background: #FFF;  
}

.left
{
  margin-top:10px;
  right: 590px;
}
/* Main content section styles */
.content
{
  width: 580px;
  left: 81%;
  padding: 5px;
  margin-top:10px;
}    

.content h1 {
  color:#F06F11;
  font-size:18px;
  margin-bottom:5px;
}

.content h2 {
  background: url(../images/h2_bg.png);
  color:#FFF;
  font-size:15px;
  margin-bottom:5px;
  padding: 2px 5px;
}

.content h3 {
  font-size:13px;
}


.content .td-h2{
  background:#195494;
  color:#FFF;
  font-size:15px;
}


.content th{
  background:#305f9f url(../images/table-hdr-bg.png) repeat-x;
  color:#FFF;
  padding:4px 0;
}

.content td {
  background:#f3f3f3;
  padding:5px;
  border-bottom:1px solid #FFF;
}

.content ul {
  padding:15px;
  list-style:url(../images/list-bullet.gif);
}

.content a {
  color:orange;
  text-decoration: none;
}

.content a:hover {
  color:#800000;
}

/*----*/

.navigation
{
  width: 180px;
  margin-left: 9px;
  margin-top: 10px;
  left: 81%;
}
.rightside
{
  width: 200px;
  left: 82%;
  margin-top:10px;
  padding-right: 9px;
}

/*HomePage Styles - Courses*/
.home .course
{
  color: #FFF;
  position: relative;
  margin: 10px 0;
}
.img
{
  display: block;
  border: 0;
}
.home .legend
{
  position: absolute;
  top: 88px;
  padding: 5px;
  font-size: 11px;
}
.home .course H2
{
  font-size: 14px;
}

.home .course H2 a {
  color:#FFF;
  text-decoration:none;
}

.home .course H2 a:hover {
  color:#630;
  text-decoration:none;
}


/*RANDOM  a {}COMMENTS STYLES*/
#randomComment
{
  background:#FFF url(../images/quotes.png) no-repeat 100% 3px;
  display: block;
  border:1px solid #f5f5f5;
  padding: 5px;
}

#randomComment  .comment-details, #randomComment  p {
    font-family:'Georgia';
}
  
#randomComment IMG
{
  max-width: 70px;
  float:left;
  margin-right:10px;
}
#randomComment .comment-details
{
  float: left;
  padding: 0 5px;
  font:normal .9em 'Georgia';
}

#footer a{
  color:#fff;
  text-decoration:none;
}
.fix {margin:0; padding:0; clear:both; }

.floatL {
  float:left;
}
.floatR {
  float:right;
}







/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */