body
{
 background-color:#FFFFFF;
 background-image:url("images/background.png");
 font-family: arial, sans-serif;
 text-align: center;
 margin-top: 3em;
}

#wrap
{
 width: 758px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom:16px;
 border: solid 1px #000;
 background-color: #fff;
 text-align: left;
}

#banner
{
 border-bottom: solid 1px black;
 background-image:url("images/banner-background.png");
 background-position: right top;
}

#banner-inner
{
 background-image:url("images/banner-right-background.png");
 background-position: right top;
 background-repeat: repeat-y;
 padding: 20px 0px;
}

#site-title
{
 text-align: center;
 font-size: 2.5em;
 font-weight: bold;
}

#site-tagline
{
 text-align: center;
 font-size: 2em;
 font-weight: bold;
}

#page-title
{
 border-bottom: solid 1px #000;
 padding: 5px 5px;
 background-image:url("images/side-background.png");
 background-position: right;
 background-repeat: repeat-y;
}

h1
{
 font-size: 1em;
 font-weight: bold;
 margin: 0;
}

h2
{
 font-size: 1em;
 font-weight: bold;
 margin: 0 0 1em 0;
}

h3
{
 font-size: 1em;
 font-weight: normal;
 text-decoration: underline;
 margin: 0 0 1em 0;
}

hr
{
 margin: 0 0 1em 0;
}

#updates-note
{
 font-style: italic;
 font-size: 80%;
 margin: 0 0 1em 0;
}

p
{
 margin: 0 0 1em 0;
}

td
{
 vertical-align: top;
}

a:link
{
 color:#00f;
}
a:visited
{
 color:#00f;
}
a:active
{
 color:#090;
}
a:hover
{
 color:#090;
}

#content
{
 width: 758px;
 margin: 0px 0px;
 padding: 0px 0px;
 background-image:url("images/side-background-bordered.png");
 background-position: right top;
 background-repeat: repeat-y;
}

#main-content
{
 float: left;
 padding: 10px 10px;
 width: 530px;
}

#sidebar
{ 
 padding: 10px 10px;
 float: left;
 width: 188px;
 font-size:0.9em;
}

#navtbl
{
	margin:0 0 1em 0;
	border-spacing:0;
	/* border-left:solid 1px black;
	border-top:solid 1px black; */
}

#navtbl tr
{
	margin:0; padding:0; border-spacing:0;
}

#navtbl td
{
	padding-right:5px;
	padding-left:5px;
	/* border-right:solid 1px black;
	border-bottom:solid 1px black; */
}

#faux-clearer
{
 clear: both;
 height: 0px;
}

#footer
{
 clear: both;
 padding: 5px 5px;
 border-top: solid 1px black;
 text-align: center;
 background-image:url("images/side-background.png");
 background-position: right;
 background-repeat: repeat-y;
}

.example-output
{
 position: relative;
 left: 4%;
 width: 90%;
 border: dashed 1px rgb(64,64,64);
 background-image:url('images/example-background.png');
 background-repeat: repeat-x
}
.example-output-text
{
 height:24px;
 text-align: center;
 vertical-align: middle;
 color: rgb(64,64,64);
 font-weight: bold
}
.example-body
{
 padding: 5px
}

img
{
 border: none 0px;
}

.submit-button-area, #score-div
{
 margin-bottom: 1em;
}

#feedback
{
 float: right
}

/* Quiz */

.quiz_correct-answer-message
{
	color:rgb(0,64,0);font-weight:bold;display:none
}

.quiz_wrong-answer-message
{
	color:rgb(255,0,0);font-weight:bold;display:none
}