body {
	padding:0;
	margin:0;
	font-size: 0.9em;
	background:#fff;
	position: relative;
	font-family: Verdana, Arial, "MS Sans Serif";
	/* border: orange 2px solid; */
	background-image: url('images/side_bar.gif');
	background-repeat:repeat-y;
	background-position: 0px 290px;
}

/* -- -- From w3schools -- --
body {font-size:100%}
h1 {font-size:2.5em}
h2 {font-size:1.875em}
p {font-size:0.875em}
*/

.large_list {
	font-size: 1.3em;
	font-weight: bold;
}

.background_bar {
	position:absolute; top:0px; left:0px;
	background:#fff;
	z-index:-1;
	width: 60px;
	height: 243px;
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-image: url(images/side_bar_top.gif);
}

.logo {
	margin-top: 12px;
	margin-left: 17px;
	border-width: 0px;
	z-index:-2;
}

.top_right {
	position:absolute; top:10px; left:605px;
	width: 160px;
	background: #FFF78E;
	text-align: center;
}

#navcontainer {
	position:absolute; top:250px; left:0px;
	background: #69C;
	width: 160px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0;
	text-align: center;
}

ul#navlist {
	margin: 0;
	padding: 0;
	width: 160px;
	float: left;
}

ul#navlist li {
	float: left;
	width: 160px;
	margin: 0;
	padding: 0;
}

ul#navlist li a, ul#navlist li#active {
	width: 160px;
	float: left;
	border-width: 1px;
	border-color: #1F3D5B;
	border-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
}

ul#navlist li a {
	color: #fff;
	background: #336699;
	background-image: url('images/blue_button.jpg');
	background-repeat:repeat-x;
}

/* What does this line do? (used in the width: auto) */
#navcontainer>ul#navlist li a { width: 160px; }

ul#navlist li#active {
	background: #69C;
	color: #000;
	background-image: url('images/light_blue_button.jpg');
	background-repeat:repeat-x;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	width: 160px;
	color: #000;
	background: #69C;
	border-color: #1F3D5B;
	text-decoration: underline;
	background-image: url('images/light_blue_button.jpg');
	background-repeat:repeat-x;
}

.full_width_1,.full_width_2 {
	width: 700px;
}

.full_width_1 {
	position: relative;
}

.full_width_2 {
	position: relative;
}

.table_border {
	border-collapse: collapse;
}

.table_border td {
	border-width: 1px;
	border-color: #29527A;
	border-style: solid;
	font-family: Verdana, Arial, "MS Sans Serif";
	vertical-align: bottom;
}

.column_2 {
	width: 590px;
	position: absolute; top: 120px; left: 180px;
	z-index:1;
}

.outer {
	font-family: Verdana, Arial, "MS Sans Serif";
	background: #f4f8f9;
	width: 100%;
	position: relative;
}

.inner {
	padding: 15px;
	position: relative;

}

.standard_image {
	float: right;
	margin-left:20px;
	margin-bottom: 20px;
}

.problem_image {
	float: right;
}

.center_large,.center_medium {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.center_large {
	font-size: 1.7em;
}
.center_medium {
	font-size: 1.3em;
}

.center_large_sub {
	font-size: 0.75em;
}

.service {
	width: 100%;
	position: relative;
}

.price {
	width: 77%;
	text-align: right;
	padding-top: 25px;
}

.price, .price td {
	color: #993266;
	font-weight: bold;
}

.price td {
	font-size: 0.9em;
}

.price form {
	padding: 0;
	margin: 0;
	position: relative; top: -23px; left: 130px;
}

.answer_box {
	border-width: 1px;
	border-color: #000;
	border-style: solid;
	padding: 5px;
}

.equation img {
	margin-bottom: 7px;
	vertical-align: middle;
}

.equation_indent {
	margin-left: 16px;
}

.tl {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url(images/gray_tl.gif);
}
.tr {
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-image: url(images/gray_tr.gif);
}
.bl {
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-image: url(images/gray_bl.gif);
}
.br {
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-image: url(images/gray_br.gif);
}
.t {
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-image: url(images/gray_t.gif);
}
.b {
	background-repeat: repeat-x;
	background-position: 50% 100%;
	background-image: url(images/gray_b.gif);
}
.r {
		background-position: 100% 0%;
	background-image: url(images/gray_r.gif);
	background-repeat: repeat-y
}
.l {
	background-position: 0% 100%;
	background-image: url(images/gray_l.gif);
	background-repeat: repeat-y;
}

.ytl {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-image: url(images/yellow_tl.gif);
}
.ytr {
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-image: url(images/yellow_tr.gif);
}
.ybl {
	background-repeat: no-repeat;
	background-position: 0% 100%;
	background-image: url(images/yellow_bl.gif);
}
.ybr {
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-image: url(images/yellow_br.gif);
}
.yt {
	background-repeat: repeat-x;
	background-position: 0% 0%;
	background-image: url(images/yellow_t.gif);
}
.yb {
	background-repeat: repeat-x;
	background-position: 50% 100%;
	background-image: url(images/yellow_b.gif);
}
.yr {
		background-position: 100% 0%;
	background-image: url(images/yellow_r.gif);
	background-repeat: repeat-y
}
.yl {
	background-position: 0% 100%;
	background-image: url(images/yellow_l.gif);
	background-repeat: repeat-y;
}