html {
height: 100%;	
}

body {
margin: 0px 0px 0px 0px;
font-size: 62.5%;
font-family: Verdana, sans-serif;
background: #000000 url(../images/bg.gif) center repeat-y;
}

h2 {
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding-top: 0;
padding-bottom: 0;
text-align: center;
}

#container {
width: 900px;
height: 365px;
margin: auto;
background: #f5f5f5 url(../images/header.gif) repeat-x;
position: relative;
color: #39275b;
font-size: 1.4em;
}

#container ul {
padding: 10px;
margin: 0;
}

#container li {
padding-top: 8px;
margin-left: 14px;
font-style: oblique;
}

#bottomcontainer {
width: 900px;
margin: auto;
background: #39275b url(../images/bottomband.gif) repeat-y;
position: relative;
}

#uwlogo {
position: absolute;
right: 50px;
bottom: 30px;
}

#patch {
position: absolute;
top: 120px;
left: 0;
z-index: 10;
}


.directorycontent {
color: #E3BF42;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

.directorycontent p {
margin-top: 8px;
margin-bottom: 0;
padding-top: 0;
font-size: 1.1em;
padding-top: 8px;
padding-right: 8px;
padding-left: 5px;
border-top: 1px solid #614e83;

}

.directorycontent a {
color: #ffffff;
text-decoration: none;
}

.directorycontent a:hover {
background: #39275b;
}


.instructions {
padding-top: 6px;
margin-top: 0px;
font-size: 1.5em;
line-height: 22px;
color: #ffffff;
}

.answer {
margin-left: 20px;
font-size: 1.1em;
position: relative;
top: -1px;
line-height: 16px;
}

.inneranswer {
padding-top: 0px;
padding-left: 11px;
padding-right: 11px;
padding-bottom: 0px;
}

.inneranswer p {
margin: 0px;
padding-top: 10px;
padding-bottom: 0px;
}

.inneranswer a {
color: #39275b;
}

.inneranswer a:hover {
background: #E3BF42;
}


/** begin drop down styles **/


.black {
background: #39275b;
}

.white {
background: #e9e9e9;
}


div#box {
width: 30em;
}


.diroff {
font-size: 1.4em;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
color: #ffffff;
cursor: hand;
cursor: pointer;
}

.diron {
font-size: 1.4em;
background: #1c132c;
padding-left: 8px;
padding-top: 4px;
padding-bottom: 4px;
color: #ffffff;
cursor: hand;
cursor: pointer;
}


.off {
width: 20px;
height: 20px;
background: url(../images/answerarrow.gif) no-repeat;
}

.on {
width: 20px;
height: 20px;
background: url(../images/answerarrowdown.gif) no-repeat;
}