html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; }
img { border: 0; }
a { color: #464544; }
a:hover { color: #FFA405; }
.left { float: left; }
.right { float: right; }
.more { text-align: right; }
.clear { clear: both; }
body { background: #fff url(images/page_bg.gif) repeat-x; text-align: center; font:0.8em arial, sans-serif; color: #464544; }

/** layout **/
#wrapper { text-align: left; margin: auto; width: 728px; position: relative; }
/* h1 img { display: block; } */
#logo { position: absolute; top:44px; left:0; height:45px; width:414px; background: url(images/helpWithYourEnglish.jpg) no-repeat; }
/* h1 strong { font-weight: normal; color: #0E1520; } */
#top-nav { position: absolute; top: 15px; left: 414px; width: 266px; height: 269px; background: #6D7481 bottom left url(images/header.jpg) no-repeat; }
#top-nav ul { text-align: center; line-height: 32px; }
#top-nav li { display: inline; font-size:1.4em; color: #fff; }
#top-nav a { text-decoration: none; font-weight: normal; color: #fff; }
#top-nav a:hover { text-decoration: underline; }
#mmagic { background: url(images/mmagic.gif) no-repeat; position: absolute; top: 46px; left: 680px; width: 48px; height: 238px; padding: 6px 0 0 10px; }
#mmagic a { margin: 2px; }
#header { background: url(images/media_449x195.png) no-repeat; position: absolute; top: 89px; left: 0px; width: 414px; height: 195px; }

/** body **/
#spacer { height: 285px; }
#body { background: url(images/body_bg.gif) repeat-y; width: 100%; }
#left { float: left; width: 412px; }
#right { float: right; width: 312px; }
#nav { padding-left: 2px; }
#nav ul { }
#nav li { float: left; width: 101px; height: 34px; line-height: 34px; text-align: center; background: url(images/tab_lit.gif) repeat-x; border-left: 1px solid white; list-style: none; }
#nav a { font:1.2em "Times new roman", serif; color: #ffffff; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li.drk { background: url(images/tab_drk.gif) repeat-x; /*border-left: none;*/ padding-left: 1px; }
#main { background: #EEEEEE; padding: 42px 40px 14px 36px; min-height:450px; }
#main h1 { margin: 0px; padding: 5px 0px 5px 0px; font:bold 1.8em "Times new roman", serif; text-transform: uppercase; }
#main h2 { margin: 0px; padding: 5px 0px 5px 0px; font:bold italic small-caps 1.4em "Times new roman", serif; text-transform: uppercase; }
#main h3 { margin: 0px; padding: 5px 0px 5px 0px; font:bold italic small-caps 1.1em "Times new roman", serif; text-transform: uppercase; }
/* #main h2 { font:1.6em "Times new roman", serif; } */
#main a { text-decoration: none; }
#main a:hover { text-decoration: underline; }
#main p { margin: 0px; padding: 0 0 10px 0; font-size:1.2em; }
#subs-left { float: left; width: 160px; padding-left: 35px; padding-bottom: 10px; margin-top: 22px; }
#subs-right { float: right; width: 145px; padding-right: 30px; padding-bottom: 10px; margin-top: 22px; }
#subs-left a { color: #fff; }
#subs-left { color: #fff; }
#subs-left h3 { color: #000000; font:1.2em "Times new roman", serif; }
#subs-left p { text-align: justify; }
#subs-right { color: #fff; }
#subs-right h3 { color: #000000; padding-left: 20px; padding-bottom: 14px; font:1.1em "Times new roman", serif; }
#subs-right h4 { color: #000000; font:1em "Times new roman", serif; margin: 0.6em 0; }
#subs-right ul { margin-top: 1em; }
#subs-right li { list-style: none; padding-left: 20px; background: 5px 3px url(images/bullet.gif) no-repeat; }
#subs-right p { text-align: justify; margin: 0.6em 0; }
#right-i { padding: 16px 25px 0 20px; }
#right h1 { color: #323E51; font:bold 1.8em "Times new roman", serif; margin-bottom: 10px; text-transform: uppercase; }
#right h2 { color: #323E51; font:bold 1.6em "Times new roman", serif; margin-bottom: 10px; text-transform: uppercase; }
#right h3 { color: #000000; font:bold 1.4em "Times new roman", serif; margin-bottom: 5px;  text-transform: uppercase; }
#right p { margin-top: 0; color: #163348; }
#right .left { margin-right: 4px; }
#right a { color: #163348; font-weight: bold; text-decoration: none; }
#right a:hover { text-decoration: underline; }

/** footer **/
#copyright { background: #6D7481; color: #fff; text-align: center; font-size:0.9em; float: right; width: 315px; padding: 10px 0; margin-bottom: 20px; }
#copyright p { margin: 0; padding: 0; }
