/* ---------- LAYOUT -----------*/
/*body, #container, #content { overflow: hidden;}*/
#audiocontrols { position: absolute; top: 685px; left: 546px;}

.caption { text-align: left;}
td.caption { padding-left: 10px;}
#container { width: 775px; height: 550px; position: relative;}
#content { position: absolute; top: 140px; left: 45px; padding: 0; width: 690px; z-index: 50;}
#content img { margin: 5px 10px 0 10px; padding: 3px;}

h1 { position: absolute; top: 8px; left: 22px; padding: 10px 0; width: 500px; text-align: left;}
h2 {  position: absolute; top: 43px; left: 22px; width: 450px; text-align: left;}
h3 { position: absolute; left: 35px; top: 110px; padding-bottom: 10px;}
h4 { padding-bottom: 12px;}

#kc-feedback { margin-left: 22px;}

.menupage #content img { margin: 0; padding: 0;}
.menupage h2 { position: absolute; top: -100px; left: -100px;}

#nav { position: absolute; top: 480px; left: 347px; z-index: 100;}

#pagecount { position: absolute; top: 505px; left: 570px; width: 95px; text-align: center;}

.popup h2 { position: absolute; top: 5px; left: 15px; width: auto; text-align: left; color: #000;}
.popup #content { position: absolute; top: 60px; left: 15px; width: 90%;}
.popup#library #content p a { padding-left: 30px;}
.popup#library #content p#closeprompt a { padding-left: 0;}
.popup #close { position: absolute; top: 3px; right: 10px;}
.popup #closeprompt { padding-top: 15px; padding-bottom: 400px;}

.simbox h4 { margin-bottom: 0; padding-bottom: 0;}
.simbox h4 p { margin-bottom: 0; padding-bottom: 0;}

#subnav { position: absolute; top: 492px; left: 104px; z-index: 100;}

#text { height: 335px; overflow: auto;}
.popup #text { height: auto; }

.definition { margin-bottom: 15px;}

/* ---------- SKIN -----------*/

body.popup { background: url(skin/popup_background.gif) repeat-x left top;}

#container { background: url(skin/body_bg.gif) no-repeat left top;}
#content a { color: #274383; text-decoration:underline; cursor:pointer;}
#content img { background: #FFFFFF; border: 1px solid #CCCCCC;}
#content #kcform img { border: none;}
#content #kc-buttons a { text-decoration: none;}

.congrats { font-size: 1.4em;}

h1 { color: #072540;}
h2 { color: #072540;}

#pagecount { color: #FFFFFF;}

.popup #close a { color: #000; text-decoration: none;}

.menupage #content img { background: none; border: none;}

table.datatable { border-top: 1px solid #666666; border-left: 1px solid #666666;}
table.datatable th,
table.datatable td { border-bottom: 1px solid #666666; border-right: 1px solid #666666;}
table.datatable th { background: #CCCCCC;}

/* ---------- TYPO -----------*/
.bigger { font-size: 1.2em;}

h1 { font: bold 1.4em Geneva, Arial, Helvetica, sans-serif;}
h2 { font: normal 1.1em Geneva, Arial, Helvetica, sans-serif;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.4em;}

#kc-feedback { font-weight: normal; color:#0033CC;}

#pagecount { font-size: .9em; font-weight: bold;}
.popup h2 { font-size: 1.5em;}