@charset "UTF-8";
/* CSS Document */


body {
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.3;
}
h1 {
	color: #03C;
}
h2 {
	color: #0066FF;
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.backgroundyellow {
	background-color:#FFFF99;
	margin-right: 5px;
	margin-left: 5px;
}
.backgroundtan {
	background-color:#FFCC99;
	margin-right: 5px;
	margin-left: 5px;
}
.backgroundgreen {
	background-color:#CCFF99;
	margin-right: 5px;
	margin-left: 5px;
}
.backgroundgray {
	background-color:#CCCCCC;
	margin-right: 5px;
	margin-left: 5px;
}
.backgroundlightgray {
	background-color:#EEEEEE;
	margin-right: 5px;
	margin-left: 5px;
}
.backgroundthinyellow {
	background-color:#FFFFCC;
}
/* ~~ This fixed width container surrounds all other blocks ~~ */
.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.content {
	padding: 10px 0;
	width: 540px;
	float: left;
}
.footer {
	padding: 10px 0;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	background-color: #e2e2e2;
	font-size: 80%;
}
.foursmllcolumn {
	width: 130px;
	float: left;
}
.graybackground {
	background-color:#CCCCCC;
}
.gen_blueinput {
	font-family:Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: larger;
	color: #0000FF
}
.greeninput {
	font-family:Verdana, Geneva, sans-serif;
	font-size:large;
	color: #009900
}
.legend {
	font-size:90%;
	color:#0000CC;
}
.mapline {
	color: #660000;
	font-size: 90%;
	font-weight: bold;
	text-indent: 115px;
}
.midashi {
	color: #CC3300;
	font-weight: bold;
}
.previousnext {
	color: #660000;
	font-size: 90%;
	font-weight: bold;
	text-align:right;
}
.redemphasis {
	font-weight: bold;
	color: #ff0033;
}
.readingstitle {
	font-weight: bold;
	color:#993333;
}
.sidebar1 {
	float: left;
	width: 118px;
	padding-bottom: 10px;
	background-color: #FFF;
}
.sidebar2 {
	float: left;
	width: 170px;
	padding-bottom: 10px;
	background-color: #EEEEEE;
}
.testable {
	color: #070;
	font-weight: bolder;
}
.threesmllcolumn {
	width: 200px;
	float: left;
}
.topics {	
    color: #993300;
	font-weight: bold;
}
.twosmllcolumn {
	width: 120px;
	float: left;
}


/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color:#0000EE; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #DD0000;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}