BODY {margin:0 0 0 30px; color:#7A4E4E; font-family:Georgia;}

BODY A {color:#149EBE;}
BODY A:hover {color:#8AD7F3;}
/* Module title, headers, and other elements on the page */
H3 A {border:4px double #336699; color:#336699; text-decoration:none; padding:5px;}
H3 A:hover {border:4px double #000; color:#000;}
H1, H2, H3 {color:#330000;}
H2 {font-variant:small-caps;}
H1 #pgname {font-size:20px;}
LABEL {font-weight:normal;}
#header {background:url(../media/header.gif) left top no-repeat; width:100%; height:126px; padding-left:0; margin-left:0;}
#sendbutton {margin:20px 0 0 0;}
.bullets LI {padding-top:5px; padding-bottom:5px;}

/* Nav elements */

#nav {position:absolute; top:150px; width:175px; font-size:12px; color:#000;}
#nav A {color:#336699;}
#nav A:hover {color:#000;}
#nav A {text-decoration:none;}
#nav UL {margin-left:0; padding-left:10px;}
#nav UL LI UL {margin-left:0; padding-left:0;}
#nav UL LI {list-style:none; margin-left:0; padding-left:10px; margin-bottom:8px; margin-top:8px;}
#nav UL LI UL LI{ margin:0; padding:0; padding-left:0;}
#nav UL LI UL LI A {color:#6699CC;}
#nav UL LI UL LI A:hover {color:#000;}
#nav UL LI #selected {margin-top:10px;  font-style:italic;}
#nav UL LI #selected LI {padding-left:10px; padding-bottom:2px;}
#nav UL LI #selected A {color:#6699CC;}
#nav UL LI #selected A:hover {color:#000; font-style:italic;}
#onpage {background:url(../media/swoosh_nav.gif) 0 3px no-repeat;}

#fontsize {margin-bottom:0px; font-weight:normal; font-style:italic;}
#increase, #decrease {display:block;}

/*Next, Check Answers, Retake Quiz, etc. buttons--bottom right corner as of 052704 design. */
#arrows {position:relative; float:right; width:240px; height:45px; text-align:center; vertical-align:top; font-size:20px; z-index:1;}
#next {background:url(../media/swoosh_next.gif) right center no-repeat; width:120px; height:45px; position:absolute; top:0; right:0; z-index:1;}
#back {background:url(../media/swoosh_back.gif) left center no-repeat; width:120px; height:45px; position:absolute; top:0; left:0; z-index:1;}

#arrows A {text-decoration:none; color:#000;}
#arrows A:hover {color:#6699CC;}
#next A:hover {color:#6699CC;}
#back A:hover {color:#6699CC;}

.button {color:#330000;}

#qarrows {position:relative; float:right; width:240px; height:45px; text-align:center; vertical-align:top; font-size:20px; z-index:2;}
#qnext {background:url(../media/swoosh_next.gif) right center no-repeat; width:120px; height:45px; position:absolute; top:0; right:0; z-index:2;}
#qback {background:url(../media/swoosh_back.gif) left center no-repeat; width:120px; height:45px; position:absolute; top:0; left:0; z-index:2;}

#qarrows A:hover {color:#6699CC;}
#qnext A:hover {color:#6699CC;}
#qback A:hover {color:#6699CC;}

#tryagain {background:url(../media/swoosh_back.gif) left center no-repeat; width:120px; height:45px; position:absolute; bottom:0; right:200px; text-align:center; vertical-align:top; font-size:18px;}
#tryagain A:hover{color:#6699CC;}

/*CONTENT*/
#contentblock {position:absolute; top:150px; left:220px; font-size:14px; width:auto; padding-bottom:50px; padding-top:5px; margin-right:15px;}
#contentblock #questionset LI {padding-top:5px; padding-bottom:5px;}
#contentblock #questionset LI OL LI {padding:0;}
#contentblock #questionset LI UL LI {padding:0;}
.checkbox {background:url(../media/checkbox.gif) right top no-repeat; width:15px; height:15px; display:inline; padding-left:15px; margin-right:10px;}
#container #subcontainer #contentblock .inlineimage {position:relative; top:0; width:300px;}
#container #subcontainer #contentblock #monalisa {background:url('../media/monalisa.jpg') top left no-repeat; height:243px; width:300; float:right;}
#container #subcontainer #contentblock #scale {background:url('../media/scale.jpg') top left no-repeat; height:240px; width:300; float:right; display:block;}
#container #subcontainer #contentblock #labman {background:url('../media/labman.jpg') top left no-repeat; height:270px; float:right;}
#container #subcontainer { font-size:14px;}

/*MASTERY QUIZ STYLES*/
#container #subcontainer #contentblock #quiz DIV {display:none;}
#container #subcontainer #contentblock #quiz #question1 {display:block;}
#container #subcontainer #contentblock #quiz UL LI {display:inline; padding-left:25px; font-size:20px;}
#container #subcontainer #contentblock #quiz A {text-decoration:none; color:#000;}
#container #subcontainer #contentblock #quiz A:hover {color:#6699CC;}
#container #subcontainer #contentblock #quiz .err A {text-decoration:underline; color:#149EBE;}
#container #subcontainer #contentblock #quiz .err A:hover {color:#8AD7F3;}
#container #subcontainer #contentblock #quiz #correct{color:#59AE5D; font-size:20px; text-align:center; width:400px;}
#container #subcontainer #contentblock #quiz #question6 #checkarrow #check {display:block; background:url(../media/swoosh_next.gif) right center no-repeat; width:120px; height:45px; position:absolute; top:0; right:0;}
#container #subcontainer #contentblock #quiz #question6 #checkarrow #check A:hover{color:#6699CC;}
#container #subcontainer #contentblock #quiz #question6 #checkarrow {display:block; left:300px; position:absolute; bottom:0; width:240px; height:45px; text-align:center; vertical-align:top; font-size:20px; }
#container #subcontainer #contentblock #quiz #question6 SELECT {width:120px;}
#container #subcontainer #contentblock #quiz #question6 FORM LI {margin-top:15px;}


/*SCENARIOS*/
.inviz {visibility:hidden; color:#69D270; display:none;}

/*MEDIA*/
#container #subcontainer #contentblock #videooptions {display:block; position:relative; top:0; left:120px; width:600px; height:350px;}
#container #subcontainer #contentblock #videooptions A {display:block;}
#container #subcontainer #contentblock #videooptions #vid1thumb {background:url('../media/vid1.jpg') top left no-repeat; width:320px; height:238px; margin-left:30px;}
#container #subcontainer #contentblock #videooptions #vid2thumb {background:url('../media/vid2.jpg') top left no-repeat; width:320px; height:238px; margin-left:30px;}
#container #subcontainer #contentblock #videooptions #vid3thumb {background:url('../media/vid3.jpg') top left no-repeat; width:320px; height:238px; margin-left:30px;}
#container #subcontainer #contentblock #videooptions #broadband {/*display:inline; position:absolute; bottom:0; left:0;*/}
#container #subcontainer #contentblock #videooptions #modem {/*display:inline; position:absolute; bottom:0; left:250px;*/}