/* ------------------------------------------------------- 
  top                                    
------------------------------------------------------- */

#hometop {position:relative; top:0px; left:0px; width:980px; height:325px;}
#homeintro {position:relative; top:0px; left:0px; width:541px; height:303px; padding: 22px 17px 0px 17px; background-color:#4e4e82; background-image:url(../images/intro_back.jpg); background-position:left top; background-repeat:no-repeat; color:#eaeaea; line-height:1.4em;}
#homeintro h1 {color:#d8d8dd;}
#promo1 {position:absolute; top:0px; left:500px;}
#vertstrip {position:absolute; top:0px; left:575px; width:5px; height:325px; background-color:#4c4c7e;}

/* ------------------------------------------------------- 
  mid	                                    
------------------------------------------------------- */

#homemid {position:relative; top:0px; left:0px; width:970px; margin-bottom:4px; background-color:#e5e5ef;}

#homevideobox {position:absolute; top:0px; left:580px; width:360px; padding:20px; height:285px; background-color:#8e8fc1; background-image:url(../images/midhomeback.jpg); background-position:left top; background-repeat:repeat-x; color:#ffffff;}
#video {position:relative; top:0px; left:0px;}

#homecopy2 {float:left; position:relative; top:0px; left:0px; width:630px; padding:20px; margin-right:20px; line-height:1.6em;}

/* ------------------------------------------------------- 
  bot	                                    
------------------------------------------------------- */

#homebot {position:relative; top:0px; left:0px; width:970px;}
#homebot h2 {line-height:1.2em;}

#learningbox {float:left; position:relative; top:0px; left:0px; width:270px; height:265px; margin-right:5px; padding:25px; background-image:url(../images/white_panel.jpg); background-position:left top; background-repeat:no-repeat; color:#454567;}
.learntable {width:260px;}

#coursebox {float:left; position:relative; top:0px; left:0px; width:270px; height:265px; margin-right:5px; padding:25px; background-image:url(../images/green_panel.jpg); background-position:left top; background-repeat:no-repeat; color:#ffffff;}
#coursebox h2 {color:#ffffff;}
#coursebox a {color:#ffffff;}

#lessonbox {float:left; position:relative; top:0px; left:0px; width:270px; height:265px; padding:25px; background-image:url(../images/purple_panel.jpg); background-position:left top; background-repeat:no-repeat; color:#ffffff;}
#lessonbox h2 {color:#ffffff;}
#lessonbox a {color:#ffffff;}