/* created by Andy at halfadot.com */

/* html element styles */
body {
	text-align:center;
    margin:5px;
	padding:5px;
	min-width:750px;
	background-color:#fff;
	color:#000;
	font-size:12px; font-family: arial, helvetica, sans-serif; 
}
input,textarea,select { 
	background-color:#eeeeee; 
	border: 1px solid #045564;
}
A {
   	text-decoration:underline;
}
A:link,visited,active { 
	color:#03c; 
}
A:hover { 
	color:#c30;
}
img { 
	border:0px; 
}
fieldset { 
	padding-bottom:10px; 
	padding-top:5px; 
	margin-top:0px;
}
legend {
	background: #eee;
	border: #26a solid 1px;
	padding: 1px 10px;
	font-weight:bold;
	color:#336;
	font-family:arial, helvetica, sans-serif;
}

/* div styles for CSS layout */
div#wrap {
	background:#fff;
	margin:0 auto;
	width:748px;
    border:1px solid #133F54;
}
div#header {
	margin:0 auto;
	width:746px;
	height:150px;
	background:url('../images/header4.jpg') top left no-repeat;
}
div#today {
	text-align:left;
	text-indent:10px;
	font-weight:bold;
	margin-top:3px;
	color:#c33;
}
#sidebar {
	text-align:left;
	width:160px;
	float:left;
	background:#fff;
	margin-left:5px;
	margin-top:10px;
}
#content {
	text-align:left;
	float:right;
	width:560px;
	background:#fff;
	margin:5px;
}
#footer {
	clear: both;
	padding: 6px;
	margin-top: 10px;
	height: 20px;
	border-top:1px dotted #666;
	background-color:#f7f7f7;
}
#leftbottom { 
	float:left; 
	font-family: arial, helvetica, sans-serif; 
	color:#666; 
	font-weight:bold; 
	font-size:11px;
}
#rightbottom { 
	text-align:right; 
	font-family: arial, helvetica, sans-serif; 
	color:#666; 
	font-weight:bold; 
	font-size:11px; 
	margin-left:0px; 
}

/* styles for elements within divs */
#chapter {
      margin:0; padding:0;
      position:relative;
      width:370px; height:50px;
      margin:0; padding:0;
      overflow:hidden;
 }
 #chapter span {
 display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:370px; height:50px;
      margin:0; padding:0;
      background:url("../images/math_made_simple.gif") top left no-repeat;
}
#content p {
	line-height:20px; margin-top:3px;
}
#content h1 {
	font-size:20px; 
	letter-spacing:-1px;
	font-weight:bold; 
	margin-bottom:3px;
	margin-top:3px; 
	font-family: arial, helvetica, sans-serif; 
	color:#045564; 
}
#content h2 {
	font-size:16px; 
	font-family: arial, helvetica, sans-serif;
	font-weight:bold; 
	margin-bottom:3px; 
	color:#045564; 
	letter-spacing:-1px;
}
#content h3 {
	font-size:14px; 
	font-family:arial, verdana, sans-serif; 
	margin-bottom:3px; 
	color:#045564;
}
#content ul {
	list-style-type:square;
	list-style-image:url('../images/bullet.gif');
}
#content li {
	line-height:18px;
}
#footer p {
	padding:5px;
    font-weight:bold;color:#999;
	font-family:arial, helvetica, sans-serif; font-size:12px;
	margin:0;
}
#footer a {
	text-decoration:none;
}

/* navigation list styling */
#navlist {
	width: 160px;
	/* this width value is also effected by
	the padding we will later set on the links. */
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}
#navlist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navlist li {
	margin: 2px 0 0;
}
#navlist a {
	display: block;
	width:138px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #000000;
	background: #eeeeee;
	text-decoration: none; /*lets remove the link underlines*/
}
#navlist a:link, #navlist a:active, #navlist a:visited {
	color: #000;
}
#navlist a:hover {
	border: 1px solid #000000;
	background-color:#A4ED7D; 
	color: #000000;
	font-weight:bold;
}

/* forms formatting */
div.form-row {
	clear: both;
	padding-top: 10px;
}
div.form-row span.labl {
	float: left;
	width: 120px;
	text-align: right;
}
div.form-row span.formw {
	float: right;
	width: 270px;
	text-align: left;
} 
div.spacer {
	clear: both;
}

/* miscellaneous styles */
.submit { 
	background-color:#045564; 
	color:#fff;
}
/* nice for images */
.floatright {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
}
.floatright1{
	float: right;
	margin: 0 0 10px 10px;
	padding: 2px;
}

/* miscellaneous extra text formatting used primarily on home page */
.boxblubord {padding:5px; background-color:#eee; border:1px solid #133F54;}
.blue {color:#33c; }
.red {color:#c33; }
.box {width:540px; border:5px double #c00; background-color:#f4f4f4; padding:5px; text-align:center; font-size:18px;}
#topbox1,#topbox2 {width:540px; margin-top:20px;}
.tabl_hdr {background-color:#f4f4f4; color:#333; font-size:18px;}
.check { background:url('../images/check.gif') bottom right no-repeat;}