/* CSS Document */
* { margin: 0 auto; padding: 0; }
#pagebody-home { background-color: #ffffff; float: left; width: 937px; text-align: left; padding: 0; }
#nav { border-bottom: none; }
#top-panel { display: block; clear: both; height: 268px; }	
#panel-left { display: block; float: left; width: 218px; height: 268px; border-left: solid 1px #d6dcdd; border-right: solid 1px #d6dcdd;}
#panel-right { display: block; float: right; width: 716px; height: 268px; border-right: solid 1px #d6dcdd; }

/*NEWS*/
#news { width: 210px; height: 185px; display: block; padding: 0 0 20px 0; margin-left: 4px; border-bottom: solid 1px #d6dcdd; }
#news #news-title { display: block; width: 196px; height: 26px; background: transparent url(../images/homepage/green-underline.gif) no-repeat -6px 34px; font-weight: normal; padding: 10px 0 0 14px;  font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 1.7em; margin-bottom: 10px; color: #3a4656;}
#social-media {margin-top: -3px;}
#social-media a {display: block; width: 15px; height: 16px; float: right; margin-right: 5px; margin-top: -15px;}
#social-media #twitter a {background: url(../images/twitter-logo.gif) no-repeat right top;}
#social-media #facebook a {background: url(../images/facebook-logo.gif) no-repeat right top;}
#social-media #rss a {background: url(../images/rss-logo.gif) no-repeat right top;}

#social-media #twitter span, #social-media #facebook span, #social-media #rss span {display: none;}

#news ul {list-style: none; margin: 0; margin-left: 5px;}
#news li { display: block; list-style: outside; clear: both; /*list-style-image: url(../images/structure/bullet.gif);*/ background: url(../images/structure/bullet.gif) no-repeat 0px 7px; padding: 0 0 0 10px; margin-left: 0; }
#news .view-more {margin-top: -5px;}

#blog-link, #twitter-link { display: block; width: 176px; height: 20px; padding-right: 20px; text-align: right; font-size:.9em;  }
	*html #blog-link, *html #twitter-link { }
	
#blog-link { margin-top: 7px; background: url(../images/homepage/blog-logo.gif) no-repeat right center; }
	*html #news { margin: 0; padding: 0px 0px 0px 0px;}
#twitter-link { background: url(../images/homepage/twitter-logo.gif) no-repeat right center; }
#blog-link a, #twitter-link a { color: orange; text-decoration: none;  }
#blog-link a:hover, #twitter-link a:hover { color: #666; text-decoration: none;  }

/*NEWSLETTER*/

#newsletter { display: block; width: 212px; height: 43px; float: left;}
/*#newsletter h3 { display: block; width: 450px; height: 16px; background: transparent url(../images/homepage/title-newsletter.gif) no-repeat; background-position: 10px 0; }
#newsletter h3 span { display: none; }*/
#panel-left #newsletter h3 { display: block; width: 170px; height: 20px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 1.3em;  background-image: none; margin: 0; }
#newsletter input { width: 150px;}
#newsletter input[type=submit] { width: 30px;}	

.left { display: block; width: 259px; float: left; margin: 0 0 0 10px;}
.right { display: block; float: right; margin: 5px 10px 0 0; }

/*BOTTOM PANEL*/

#bottom-panel { display: block; clear: both; min-height: 480px; background-color: #dcdfeb; padding: 5px 0 0 5px; border: solid 1px #c0c3cd;}	
	
#bottom-panel strong { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 1.2em;}

#panel1, #panel2, #panel3, #panel4 { display: block; width: 208px; height: 470px; float: left; background: transparent url(../images/homepage/bg-panel-top.gif) no-repeat 0 top; font-size: .9em; padding: 15px 12px 0 12px;}
	*html #panel1, *html #panel2, *html #panel3, *html #panel4 { width: 192px; padding: 15px 12px 0 12px;}

.panel-wrapper { display: block; width: 232px; float: left; background: transparent url(../images/homepage/bg-panel-bottom.gif) no-repeat 0 bottom; }

#bottom-panel h3 { display: block; font: 1.6em/1em "Myriad Pro", Arial, Helvetica, sans-serif normal; float: left; width: 203px; height: 26px; background: transparent url(../images/homepage/green-underline.gif) no-repeat -7px 22px; padding: 0 0 0 5px; margin-top: 3px}
	*html #bottom-panel h3 {height: 26px; margin: 0; }
	
#bottom-panel p { margin: 10px 30px 0 5px; }
	
#bottom-panel p.view-more { margin:10px -10px 0 0; }

/*#panel1 h3 { width: 190px; height: 36px; background: transparent url(../images/structure/title-course-details.gif) no-repeat 0 0; font-weight: normal;}

#panel2 h4 { display: block; width: 232px; height: 28px; margin-top: 10px;  }
#panel1 h3 span, #panel2 h3 span, #panel2 h4 span, #panel3 h3 span, #panel4 h3 span { display: none; }
#panel1 h3 { background: transparent url(../images/homepage/title-panel1.gif) no-repeat; background-position: 0 0; }
#panel2 h3 { background: transparent url(../images/homepage/title-panel2.gif) no-repeat; background-position: 0 0; }
#panel2 h4 { background: transparent url(../images/homepage/title-panel2-apple.gif) no-repeat; background-position: 0 0; }
#panel3 h3 { background: transparent url(../images/homepage/title-panel3.gif) no-repeat; background-position: 0 0; }
#panel4 h3 { background: transparent url(../images/homepage/title-panel4.gif) no-repeat; background-position: 0 0; }*/

#bottom-panel ul { list-style: none; margin: 0; width: 200px; margin-left: 6px; margin-bottom: 0;}
	
#bottom-panel li { display: block; list-style: outside; clear: both; /*list-style-image: url(../images/structure/bullet.gif);*/ background: url(../images/structure/bullet.gif) no-repeat 0px 7px; padding-left: 10px; padding-bottom: 3px; margin-left: 0; margin-bottom: 0; }

p.view-more { display: block; height: 15px; padding-top: 0px; margin-bottom: -5px; }
	*html p.view-more { margin: 0; padding: 0px 0px 0px 0px;}
p.view-more a{ display: block; float: right; width: 74px; height: 13px; background: transparent url(../images/structure/butt-view-more.gif) no-repeat 0 0;	}
	*html p.view-more a { margin: 0; padding: 0px 0px 0px 0px;}
.view-more a span { display: none; }