html, body {margin: 0; padding:0; color: #000; background: #FFF; font-size:100%; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; min-width: 500px; text-align:center;}
html>body {text-align: left;width: 740px; margin-left: auto; margin-right: auto;}
img {border: none;}
#wrapper {margin: 0 auto; padding: 0; width: 740px; text-align: left;}
/* ******************************************************* */
/* TOP BANNER AREA AND NAVIGATION TABS */
#banner {background: #DDE298; width: 740px; margin:0; padding:0; text-align: left; position:relative;}
#banner h1 {color: #213665; background: #DDE298; margin: 0; padding-left: 40px; padding-bottom: 10px; font-weight: bold; font-size: 125%; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; letter-spacing: 4px;}
#banner h1 a { text-decoration: none; }
#banner h1 a:hover { text-decoration: underline; }
#banner img#graphic {position: absolute; right:27.25%; margin-top: 0; }
#banner img#graphic2 {position: absolute; right:13.75%; margin-top: 0; }
#banner img#graphic3 {position: absolute; right:0.25%; margin-top: 0; }
#banner a#skiplink {position: absolute; font-size:50%; text-decoration: none; margin: 0; right:45%; top: 10px; color:#CCCC66; text-transform: uppercase;}
#banner a#skiplink:hover {text-decoration: underline;}
#banner a#home {position: absolute; font-size: .6em; text-decoration: none; margin: 0; padding-left: 180px; top: 88px; color:#213665; text-transform: uppercase;}
#banner a#home:hover {text-decoration: underline;}
#nav {margin: 0 1px 0 1px; padding: 0; }
#nav li {list-style: none; float: left; margin-left: 1px; padding-left: 16px; font-size: .6em; line-height: 20px; white-space: nowrap; background: url(../img/common/tabs2-big2.gif) 0 100% no-repeat;}
#nav a {display: block; float: left; padding: 0 16px 0 0; text-decoration: none; font-weight: bold; background: #FFF url(../img/common/tabs2-big2.gif) 100% 100% no-repeat; color:#FFF; width: .1em;}
html>body #nav a {width: auto;} /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;} /*End IE5-Mac hack */
#nav a:hover {color: #000; }
#nav #current, #nav #current a {color:#FDB; background-image:url(../img/common/tabs2-big-ct.gif) ;}
/* ******************************************************* */
/* MAIN CONTENT AREA */
#content {width: 740px; margin: 0 auto 0 auto; position: relative; color: #333; padding: 0; clear: both; text-align: left;}
#content #home-sections {position:absolute; top: 4px; width: 740px; margin: 0; padding: 0; background-color: #CCCC99; }
/* HOME PAGE */
#content #home-sections div.homepage-block { margin: 0 0 2px 0; height: 35px; width: 740px; }
#content #home-sections div.homepage-block * {margin:0; padding: 0;}
#content #home-sections div.homepage-block h1 {float: left; height: 35px; width: 35%; font-size: .9em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; background-color:#FFFFCC;}
#content #home-sections div.homepage-block h1 a {display: block; color:#213665; text-decoration: none;}
#content #home-sections div.homepage-block h1 a:hover, #content #home-sections div.section-block p a:hover { color:#EE0000; background: none; text-decoration: none;}
#content #home-sections div.homepage-block h1 a:visited, #content #home-sections div.section-block p a:visited { color:#800080; background: none; text-decoration: none;}
#content #home-sections div.homepage-block p {float: right; height: 35px; width: 65%; vertical-align: top; color: #000; font-size: .8em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; background-color:#BBCC99; }
#content #home-sections div.homepage-block p a {display: block; height: 35px; padding-right: 6px; text-decoration: none;color:white;}
/* LEVEL 1 PAGES */
#content #home-sections div.level1-block { margin: 0 0 4px 0; height: 85px; width: 740px; }
#content #home-sections div.level1-block * {margin:0; padding: 0;}
#content #home-sections div.level1-block h1 {float: left; height: 85px; width: 25%; font-size: .9em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; background-color:#FFFFCC;}
#content #home-sections div.level1-block h1 a, #content #home-sections div.section-bloc h1 a {display: block; color:#213665; text-decoration: none;}
#content #home-sections div.level1-block h1 a:hover, #content #home-sections div.section-block p a:hover { color:#EE0000; background: none; text-decoration: none;}
#content #home-sections div.level1-block h1 a:active, #content #home-sections div.section-bloc p a:active {color:#EE0000; background: none; text-decoration: none;}
#content #home-sections div.level1-block h1 a:visited, #content #home-sections div.section-bloc p a:visited {color:#800080; background: none; text-decoration: none;}
#content #home-sections div.level1-block p {float: right; height: 85px; width: 75%; vertical-align: top; color: #000; font-size: .8em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; background-color:#BBCC99; }
#content #home-sections div.level1-block p a {display: inline; text-decoration: underline;}
/* ******************************************************* */
h1 { color: #000000; padding-top: 10px; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head1 { color: #000000; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head2 { color:#000000; font-weight: bold; font-size: .9em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head3 { color: #000000; font-weight: bold; font-size: .8em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none; }
.head4 { color: #000000; font-weight: normal; font-size: .75em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-transform: none}
.normtext { color: #000; font-size: .85em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
.programcode { color: #000000; background-color: #BBCC99; font-size: .85em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; text-align: left }
.tutorial { color: #000000; font-weight: normal; font-size: .75em; font-family: Arial, Helvetica, Geneva, Swiss, Sans-Serif; }
.leftnavhead{ color: #000000; font-weight: bold; font-size: .75em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
.leftnavitem{ margin-left: 3px; color: #000000; font-weight: normal; font-size: .75em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
p {color: #000; font-size: .85em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}
#left_themes {position: absolute;width: 125px; top: 145px;left: 15px;padding-right: 10px;margin: 0px;background-image: url(../img/common/dotted.gif);background-repeat: repeat-y; background-position: top right;}
div.main {position: absolute;width: 325px;top: 145px;left: 160px;padding-left: 15px;padding-right: 5px;padding-top: 0px;padding-bottom: 5px;margin: 0px;}
div.copyright {background-color: #fff; text-align: center; width: 740px; padding-top: 5px; padding-bottom: 2px; color: #000; font-size: .75em; font-family: Arial, Helvetica, Geneva, Swiss, sans-serif; }