/* HTML, BODY ---------------------------------------- */
html {background: #E7EFF5 url(images/html.gif) repeat-x; height: 100%; margin-bottom: 1px}
body {background: url(images/body.jpg) no-repeat center top; margin: 0; text-align: center}

/* TEXT ---------------------------------------------- */
body, table, input, select, textarea {color: #666; font: 12px/1.5em arial, sans-serif}
table {margin: 0 0 1em 0}
p {margin: 0; padding-bottom: 1em}
hr {background: #E4ECF3; border: 0; clear: both; color: #E4ECF3; height: 1px; margin-bottom: 1em}
#flash-home p {background: #FFFF99; margin: 10px; padding: 5px}
.clear {clear: both}

/* HEADERS ------------------------------------------- */
h1 {color: #60C4B8; font: normal 2.50em palatino linotype, georgia, serif; margin: 0 0 .5em 0}
h2 {color: #0C89CD; font-size: 1.17em; margin: 0}
h3 {font-size: 1em; margin: 0}

h1#big-heading {color: #60C4B8; font: normal 2.50em palatino linotype, georgia, serif; margin: 0;}
.sub-heading {color: #0C89CD; font-size: 1.17em; margin: 0 0 .5em 0;}

/* FORMS --------------------------------------------- */
form {margin: 0 0 1em 0}
#striped td {padding: 5px}
.striped {background: #E4ECF3}
optgroup {color: #0C89CD}
option {color: #666}

/* LISTS --------------------------------------------- */
ol, ul {margin-bottom: 1em; margin-top: 0}
ol.roman {list-style: upper-roman}
ol ol {list-style: upper-alpha}
ol ol ol {list-style: decimal}
ul.none, ol ul {list-style: none; margin: 0 0 1em 0; padding: 0}
#instructors {list-style: none; margin: 0; padding: 0}
#instructors li {float: left; height: 270px; width: 50%}
#instructors ul {list-style: none; margin: 0; padding: 0}
#instructors ul li {float: none; height: auto; text-align: center; width: 100%}
#footer ul {border-top: 1px solid #E4ECF3; display: inline; float: right; list-style: none; font-size: .83em; margin: 0 10px 0 0; padding: 10px 0 0 0; width: 520px}
#footer ul li {display: inline}

/* LINKS -------------------------------------------- */
a {color: #0C89CD; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: url(images/logo.gif); display: block; height: 70px; left: 20px; overflow: hidden; position: absolute; text-indent: -999em; top: 60px; width: 200px}
a#sesame-design {background: url(images/sesame-design.gif); display: block; height: 40px; margin: 10px; overflow: hidden; text-indent: -999em; width: 180px}

/* NAVIGATION ---------------------------------------- */
#masthead {list-style: none; margin: 0; padding: 0; position: absolute; right: 30px; top: 110px}
#masthead li {display: inline}
#masthead li a {font-weight: bold; text-decoration: none}
#masthead a:hover, #masthead a.active {text-decoration: underline}

#navigation {background: #65C5BB url(images/navigation.gif) no-repeat; list-style: none; margin: 0 0 10px 0; padding: 0; width: 200px}
#navigation li {display: inline}
#navigation a {color: #FFF; display: block; font-weight: bold; height: 30px; line-height: 30px; padding: 0 10px; text-decoration: none}
#navigation a:hover, #navigation a.active {text-decoration: underline}

#navigation ul {background: #60C4B8; border: 1px solid #FFF; left: -999em; list-style: none; margin: -30px 0 0 160px; padding: 0; position: absolute}
#navigation ul li {display: inline; float: none}
#navigation li:hover ul, #navigation li.sfhover ul {display: block; left: auto}
#navigation ul a {border-bottom: 1px solid #98D9D6; color: #FFF; display: block; font-weight: normal; height: 2em; line-height: 2em; padding-left: 10px; width: 160px}

/* IMAGES -------------------------------------------- */
img, table {border: none}
.border {border: 1px dotted #098ACE; padding: 4px}
.centered {display: block; margin: 0 auto}
.left {float: left; margin: 0 1em 1em 0}
.right {float: right; margin: 0 0 1em 1em}
.map {height: 150px}

/* LAYOUT -------------------------------------------- */
#wrap {margin: 0 auto 10px auto; padding: 140px 0 10px 0; position: relative; text-align: left; width: 760px}
#container {background: url(images/container.gif); width: 760px}
#container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}
.column-left {display: inline; float: left; margin: 0 10px; width: 200px}
.column-right {display: inline; float: right; margin-right: 10px; overflow: visible; width: 530px}
#content {padding: 0 10px}
.sidebar {background: #E4ECF3; list-style: none; margin: 0 0 10px 0; padding: 10px}
.caption {color: #0C89CD; display: block; font-size:.83em; font-style: italic; text-align: center; width: 160px}
#footer {background: url(images/footer.gif) no-repeat 0 100%; clear: both; padding-bottom: 10px; width: 760px}
#footer:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}