/* CSS Document - Ken Pryde kpryde@goodwillny.org */

body {
	padding:0px;
	margin:5px;
	font-size: 10pt;
	font-family: "Trebuchet MS", Trebuchet, Arial, Sans-serif;
	color: #3F3F3F;
	background-color: #e2e1c5;
}

p {
	padding: 15px 5px 5px 15px;
	margin:0px
}

p.howto {
	padding: 5px 5px 25px 35px;
}
.hi-blue {
	color: #8ca9ba;
}

a {
	color: #f53521;
	text-decoration: none;
	font-weight: bold;
	}
	a:visited {
	color: #f53521;
	text-decoration: none;
	font-weight: bold;
	}
	a:hover {
	color: #fefefe;
	text-decoration:underline;
	font-weight: bold;
	background-color: #ff3030;
	}
	a:active {
		color: #ff3030;
		text-decoration: underline;
	font-weight: bold;
	}


h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#EBEBEB;
	padding-left: 5px;
	color: #3C4044;
}

h2 {
	font-family:"Trebuchet MS", Trebuchet, "Arial Narrow", Arial, sans-serif;
	font-size:20px;
	text-transform:normal;
	font-weight:bold;
	border-bottom:1px solid #FCFCFC;
	color:#6a8800;
	padding-left: 10px;
	margin-bottom: 5px;
}

h3 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:15px;
	color:#6a8800;
	padding-left: 15px;
	margin: 5px 0px 0px 10px;
}

.showbox, .notice h3 {
	color: #590B0B;

}
.sidehint h3 {
	padding-left: 0px;
}
#Header {
	width: 850px;
	height: 50px;
	margin: 0px;
	border: 2px solid #FCFCFC;
	background-image:url(images/layout/HeaderBg.png);
	background-repeat: repeat-x;
}

#Content {
	margin-top: 5px;
	width: 850px;
	border: 2px solid #FCFCFC;
	background-image: url(images/layout/ContentBg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color: #f2f2f2;
}

#Footer {
	/* background-color: #e4e8ea;background-image:url(images/layout/FooterBg.png);
	background-repeat: repeat-x;
	border: 2px solid #FCFCFC;*/
	width: 850px;
	margin-top: 10px;
	
}

#Footer a {
	color: #7895a3;
}
#Footer p {
	font-size: 8pt;
	color: #596268;
	text-align:center;
}

.example p {
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	color: #232921;
}

.example img.instructional-image {
	margin:0px;
}

.showbox {
	width: 90%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #bab99b;
	border-top: 5px solid #bab99b;
	background-color: #F9F9F9;
	color: #3B3B3B;
}

.notice {
	width: 80%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #bab99b;
	border-color: #D3D3D3;
	background-color: #FBFBFB;
	color: #3B3B3B;

}

.notice p {
	padding: 5px;
	color: #590B0B;
}

.sidehint {
	width: 240px;
	float: right;
	border: 1px solid #bab99b;
	border-top: 5px solid #bab99b;
	background-color: #e5e5e5;
	margin: 5px;
		
}
#Content li {
	margin-top: 5px;
}

img.instructional-image {
	border: 5px solid #6a8800;
	border-color: #6a8800;
	margin: 5px 0px 10px 0px;
}
img {
	border: 0px;
}


/* Nav menu CSS */

#navcontainer
{
margin: 0px;
padding: 0;
height: 50px;
float: right;
width: 345px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background-image: url(images/layout/NavBg.png);
width: 115px;
height: 50px;
border: 0px;
padding: 0;
margin: 0px;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
font: normal 11pt/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #fff;
background-image: url(images/layout/NavBgActive.png)
}

#navcontainer a:active
{
background-image:url(images/layout/NavBgActive.png);
color: #fff;
}

#navcontainer li#active a
{
background-image:url(images/layout/NavBgActive.png);
border: 0px;
color: #fff;
}

.float-r {
	float: right;
}

.float-l {
	float: left;
}