body { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 0; }
img { border: 0; }
a { outline: none; }
hr { display: none; }
.hr { height: 10px; border-top: 1px solid #eaeaea; clear: both; margin: 10px 0; }
.clearer { height: 1px; clear: both; }

#container { width: 925px; margin: 0 auto; }

/* --- Header Bar --- */

#header { width: 925px; height: 80px; overflow: hidden; }

#logo { width: 265px; height: 50px; float: left; padding: 30px 0 0 5px; }
#logo img { display: block; }

#tel { width: 333px; height: 52px; float: right; padding: 28px 0 0; }
#tel img { display: block; }

/* --- Menu Bar --- */

#menu { width: 923px; height: 34px; background: #e6e6e6 url(../img/bgd-menu.jpg) no-repeat; margin-bottom: 15px; overflow: hidden; padding: 1px; }
#menu ul { margin: 0; padding: 0; }
#menu li { display: inline; list-style-type: none; }

a.menu-first,
a.menu-item,
a.menu-last { height: 26px; color: #666; display: block; float: left; padding: 8px 15px 0; text-decoration: none; }

a.menu-first { border-right: 1px solid #c5c5c5; }
a.menu-item { border-left: 1px solid #fff; border-right: 1px solid #c5c5c5; }
a.menu-last { border-left: 1px solid #fff; }

a:hover.menu-first,
a:hover.menu-item,
a:hover.menu-last { background: url(../img/bgd-menu-hover.jpg) repeat-x; color: #515151; }

a:active.menu-first,
a:active.menu-item,
a:active.menu-last { background: url(../img/bgd-menu-active.jpg) repeat-x; color: #515151; }

a.on { background: url(../img/bgd-menu-hover.jpg) repeat-x; color: #515151; }

/* --- Sidebar & Courses --- */

#sidebar { width: 230px; float: left; }
#sidebar .course-01,
#sidebar .course-02,
#sidebar .course-03,
#sidebar .course-04 { width: 210px; height: 220px; color: #fff; font-size: 12px; margin: 0 0 15px; padding: 10px 10px 0; }

#sidebar .course-01 h2,
#sidebar .course-02 h2,
#sidebar .course-03 h2,
#sidebar .course-04 h2 { border-bottom: 1px solid #fff; color: #fff; font-size: 15px; margin: 0 0 15px; padding: 0 0 3px; }

#sidebar .course-01 h3,
#sidebar .course-02 h3,
#sidebar .course-03 h3,
#sidebar .course-04 h3 { color: #fff; font-size: 15px; margin: 0 0 15px; padding: 0; }

#sidebar .course-01 p,
#sidebar .course-02 p,
#sidebar .course-03 p,
#sidebar .course-04 p { margin: 0 0 10px; padding: 0; }

#sidebar .course-01 span.price,
#sidebar .course-02 span.price,
#sidebar .course-03 span.price,
#sidebar .course-04 span.price { font-size: 22px; font-weight: bold; }

#sidebar .course-01 span.per,
#sidebar .course-02 span.per,
#sidebar .course-03 span.per,
#sidebar .course-04 span.per { font-size: 11px; }

#sidebar .course-01 { background: #6c91aa url(../img/bgd-course-01.jpg) no-repeat; }
#sidebar .course-02 { background: #998083 url(../img/bgd-course-02.jpg) no-repeat; }
#sidebar .course-03 { background: #ccb894 url(../img/bgd-course-03.jpg) no-repeat; }
#sidebar .course-04 { background: #ac7457 url(../img/bgd-course-04.jpg) no-repeat; }

#networking { width: 210px; height: 215px; background: #dfdfdf url(../img/bgd-networking.jpg) no-repeat; color: #626262; font-size: 12px; margin: 15px 0 0; padding: 15px 10px 0; }
#networking h2 { color: #626262; font-size: 20px; margin: 0; padding: 0; }

/* --- Content --- */

#content-wrapper { width: 925px; overflow: hidden; padding: 0 0 30px; }

#content { width: 680px; float: right; }
#content a { color: #333; text-decoration: underline; }
#content a:hover { text-decoration: none; }

#content h1 { border-bottom: 1px solid #d8d8f2; color: #323232; display: block; font-size: 24px; margin: 0 0 15px; padding: 0 0 5px; }
#content h2 { color: #626262; font-size: 20px; margin: 0; padding: 0; }
#content h3 { color: #626262; font-size: 18px; margin: 0; padding: 0; }

#content hr { height: 1px; border-top: 1px solid #dedede; border-right: 0px solid #dedede; border-bottom: 0px solid #dedede; border-left: 0px solid #dedede; margin: 20px 0; padding: 0; }

#content p.highlight { font-weight: normal; line-height: 20px; }
#content p.para-left { width: 330px; display: block; float: left; margin: 0 0 20px; padding: 0; }
#content p.para-right { width: 330px; display: block; float: right; margin: 0 0 20px; padding: 0; }

#content li { padding: 0 0 5px; }

#banner { width: 680px; height: 230px; margin: 0 0 15px; }
#banner img { display: block; }

.divider { width: 680px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin: 0 0 20px; overflow: hidden; zoom: 1; }
.divide-left { width: 324px; height: 310px; background: url(../img/bgd-awards.jpg) repeat; border-right: 1px solid #dedede; float: left; padding: 15px 15px 15px 0; }

.divide-left .awards { width: 280px; overflow: hidden; padding: 0 0 0 35px; }
.divide-left .awards img { display: block; float: left; margin: 0 40px 10px 0; }
.divide-right { width: 325px; float: right; padding: 15px 0 15px 15px; }

ul#downloads { margin: 0; padding: 0; }
#downloads li { background: url(../img/bgd-downloads.gif) no-repeat 0 8px; border-bottom: 1px dashed #dedede; list-style-type: none; padding: 10px 0 10px 25px; }
#downloads li.end { border-bottom: 0px dashed #dedede; }
#downloads li span { color: #6a89a0; }
#downloads li a { color: #315169; text-decoration: none; }
#downloads li a:hover { color: #333; text-decoration: none; }

#downloads li.vid { background: url(../img/bgd-downloads-vid.gif) no-repeat 0 8px; }

/* --- Footer Bar --- */

a.btn { width: 220px; height: 28px; background: url(../img/btn-more.jpg) no-repeat; color: #000f60; display: block; font-size: 15px; padding: 9px 0 0 10px; text-decoration: none; }
a:hover.btn { background-position: -230px 0; color: #272727; }

/* --- Footer Bar --- */

#footer { height: 65px; background: #a0a297; border-top: 1px solid #8e9085; color: #fff; padding: 25px 0 0; }
#footer p { width: 925px; display: block; margin: 0 auto; padding: 0; text-align: center; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }