body {font-family: Verdana, Tahoma, Arial, sans-serif;text-align:center;margin:0;padding:0;font-size:100.1%;line-height:1.125em}
#wrap {position:relative;text-align:center;width:62.6em;height:84em;margin:0 auto;background-color:#ECECFF}
#greyhead {position:absolute;top:0;left:0;width:62.6em;height:6.5em;background:url('../../../images/gradientblue.jpg') repeat-x; }
#topnav {position:absolute;top:.2em;left:16.5em;width:46em;height:1em}
#topnav ul {margin:0;padding:0;float:left}
#topnav ul li {display:inline;font-size:.75em;padding-right:3.5em}
#topnav a:link, #topnav a:visited {color:#F4F4F4}
#topnav a:hover {color:#cccccc}

.botnav ul {margin:1.5em 0 0 0;padding:0 0 0 1em;float:left;list-style:none}
.botnav ul li {display:inline;font-size:.75em;padding-right:1.8em}
.botnav a {text-decoration:underline}
.botnav a:link, .botnav a:visited {color:#404040}
.botnav a:hover {color:#cccccc}

.coursenav {width:100%;overflow:hidden;background-color:#00036A}
.coursenav ul {margin:0;padding:0 0 0 0em;color:#f4f4f4;font-size:.875em;font-weight:bold}
.coursenav li {display:inline;margin:0}
.coursenav li a {float:left;display:block;margin:0;border-right:1px solid #f4f4f4;padding:.5em .5em}
.coursenav li a:link, .coursenav li a:visited {color:#f4f4f4}
.coursenav li a:hover {color:#000000;background-color:#CC6600}
.coursenav ul li.home a {background-color:#2A30A4}
.coursenav ul li.home a:hover {color:#CC6600}
.coursenav ul li.current a {color:#2B1601;background-color:#CC6600}
.coursenav ul li.next a {float:right;border:none}
.coursenav ul li.next a:hover{color:#CC6600;background-color:#00036A}

.topline {height:0.25em;width:100%;background-color:#CCCCCC;border-bottom:1px solid #f4f4f4;margin:.1em 0;padding:0}
.midgrey .topline p {line-height:1.25em;margin:0;padding:0}

#logo {position:absolute;top:1.5em;left:1em;width:14em;height:4em;text-align:left;color:#F4f4f4}
#logo h1 {font-size:1.5em}
#logo h2 {font-size:.875em;margin:.4em 0}
#logo a:link, #logo a:visited {color:#F4F4F4}
#logo a:hover {color:#cccccc}

#searchhead {position:absolute;top:2.5em;left:41.5em;width:20em;height:3em;text-align:left}

.boxtop {background:url('../../../images/neblue.gif') no-repeat top right; }
.boxtop div {font-size:0;height:15px;background:url('../../../images/nwblue.gif') no-repeat top left; }
.boxbottom {clear:both;background:url('../../../images/seblue.gif') no-repeat bottom right; }
.boxbottom div {font-size:0;height:15px;background:url('../../../images/swblue.gif') no-repeat bottom left; }

.rightgrey {position:absolute;top:7.5em;left:54.8em;width:7.5em;text-align:left}
.leftgrey {position:absolute;top:7.5em;left:.3em;width:7.5em;background-color:#f4f4f4;text-align:justify}
.midgrey {position:absolute;top:7.5em;left:8.1em;width:46.4em;background-color:#F4F4F4}
.midgrey h2 {font-size:1.1em;margin:1.5em 0 0 1em;text-align:left;padding:0}
.midgrey p {font-size:.875em;margin:.5em 2em 1em 1.5em;text-align:justify;padding:0}

img.pix {width:75px;height:75px;padding:0;margin:1em 1em 1em 1em;float:left}

.footer {position:absolute;top:82em;left:0;width:62.6em;border-top:2px solid #c0c0c0}
.footer p {font-size:.6em;text-align:center;color:#404040;line-height:1.125em}
.footer a:link{color:#404040}
.footer a:visited {color:#404040}
.footer a:hover{color:#00A5F4}

.shares {text-align:center;margin:1.5em 0 0 0}
.shares p{display:inline;font-weight:bold;font-size:.75em;color:#404040;margin:0}
.shares a img{border:none;padding:.1em}

.linkgrey {clear:both;text-align:center;margin:0;padding:0 0 .5em 0}
.searchlink {clear:both;text-align:center;margin:0;padding:1em 0 .5em 0}
.toplink {clear:both;text-align:center;padding:.7em 0 0 0}
.sideunitgrey {text-align:left}
.smallspacer {padding:1em 0;background-color:#ECECFF}

.sitemenu, .sitemenu ul {width:7.5em;margin:0 0 2em 0;padding:0}
.sitemenu ul li {padding:.1em 0}
.sitemenu li a {font-size:.75em;font-weight:bold}
.sitemenu li a:link, .sitemenu li a:visited {display:block;color:#404040;background-color:#f4f4f4;padding-left:.2em}
.sitemenu li a:hover {background-color:#cccccc;border-right:.25em solid #404040}
.rightgrey div.sitemenu ul li.home a {background-color:#cccccc}

p {font-size:.875em}
p, h1, h3 {margin:.4em 0}
ul, ol {list-style:none}
a {text-decoration:none}
img {vertical-align:middle}
a:hover {color:#15B4FF}

/* Spud-U-Like CSS */
.crossword {
font-family:Verdana;
background-color:#F4F4F4;
color:#494949;
margin :0;
max-width:650px;
max-height:700px;
font-size:90%;
}
table, span, td{font-size:100%;color:#000000}
button{font-family:Verdana;display:inline; font-size}
.ExerciseSubtitle{font-size:120%;color:#000000}
div.StdDiv{
border:0px solid #000000; background-color:#F4F4F4;;
text-align:center;
font-size:100%;
color:#000000;
padding:.5em;
margin-bottom:1px
}
.Guess{font-weight:bold}
span.Instructions{}
.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{color:#000000}
#ClueEntry input, #ClueEntry textarea{width:150px;font-family:Tahoma;font-size:130%}
select{font-size:100%}
div.Feedback {
background-color:#F4F4F4;
left:33%;
width:34%;
top:33%;
z-index:1;
border-style:solid;
border-width:1px;
padding:5px;
text-align:center;
color:#000000;
position:absolute;
display:none;
font-size:100%;
}
table.CrosswordGrid{margin:auto auto 1em auto;border-collapse:collapse;padding:0;background-color:#000000}
table.CrosswordGrid tbody tr td{
width:30px;
height:30px;
text-align:center;
vertical-align:middle;
font-size:120%;
padding:1px;
margin:1px;
border-style:solid;
border-width:1px;
border-color:#000000;
color:#000000;
}
table.CrosswordGrid span{color:#000000}
table.CrosswordGrid td.BlankCell{background-color:#C1864D;color:#C1864D}
table.CrosswordGrid td.LetterOnlyCell{text-align:center;vertical-align:middle;background-color:#F4F4F4;color:#000000;font-weight:bold}
table.CrosswordGrid td.NumLetterCell{text-align:left;vertical-align:top;background-color:#F4F4F4;color:#000000;padding:1px;font-weight:bold}
.NumLetterCellText{cursor:pointer;color:#000000}
.GridNum{
font-family:tahoma;
vertical-align:super;
font-size:50%;
font-weight:bold;
text-decoration:none;
color:#000000;
}
.GridNum:hover, .GridNum:visited{color:#000000}
table#Clues{margin:auto;vertical-align:top}
table#Clues td{vertical-align:top}
table.ClueList{ margin:auto}
td.ClueNum{text-align:right;font-weight:bold;vertical-align:top}
td.Clue{text-align:left}
div#ClueEntry{text-align:center;margin-bottom:1em}
.FuncButton {
text-align:center;
border-style:solid;
border-left-color:#F4F4F4;
border-top-color:#F4F4F4;
border-right-color:#7f7f7f;
border-bottom-color:#7f7f7f;
color:#000000;
background-color:#F4F4F4;
border-width:2px;
padding:3px 6px 3px 6px;
cursor:pointer;
}
.FuncButtonUp {
color:#F4F4F4;
text-align:center;
border-style:solid;
border-left-color:#F4F4F4;
border-top-color:#F4F4F4;
border-right-color:#7f7f7f;
border-bottom-color:#7f7f7f;
background-color:#000000;
color:#F4F4F4;
border-width:2px;
padding:3px 6px 3px 6px;
cursor:pointer;
}
.FuncButtonDown {
color:#F4F4F4;
text-align:center;
border-style:solid;
border-left-color:#7f7f7f;
border-top-color:#7f7f7f;
border-right-color:#F4F4F4;
border-bottom-color:#F4F4F4;
background-color:#000000;
color:#F4F4F4;
border-width:2px;
padding:3px 6px 3px 6px;
cursor:pointer;
}
.NavButton {
border-style:solid;
border-left-color:#7f7f7f;
border-top-color:#7f7f7f;
border-right-color:#000000;
border-bottom-color:#000000;
background-color:#000000;
color:#F4F4F4;
border-width:2px;
cursor:pointer;	
}
.NavButtonUp {
border-style:solid;
border-left-color:#7f7f7f;
border-top-color:#7f7f7f;
border-right-color:#000000;
border-bottom-color:#000000;
color:#000000;
background-color:#F4F4F4;
border-width:2px;
cursor:pointer;	
}
.NavButtonDown {
border-style:solid;
border-left-color:#000000;
border-top-color:#000000;
border-right-color:#7f7f7f;
border-bottom-color:#7f7f7f;
color:#000000;
background-color:#F4F4F4;
border-width:2px;
cursor:pointer;	
}