body {background: #d3d9d4 url(images/bg_main.gif) top repeat-x; margin: 0px; padding: 0px; font-family: Arial, Verdana, System; font-size: 16px}

img {border: 0px}
h1 {font-size: 1.3em; color: #606162; background-color: #f1f3f5; width: 98%; height: 35px; margin: 0px; padding: 13px 0px 0px 2%;}
h4 {color: #fff; padding: 4px; margin: 0px}
.clear {clear:both; font-size: 0px}
th {font-size: 14px; text-align: right; font-weight: normal;}
td {padding: 10px;}
.quote {font-style: italic}


#container {max-width: 1100px; min-width: 930px; height: auto; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; background-color: #fff}
#header {width: 97%; height: 147px; background: #51677d url(images/bg_header.gif) top right; margin: 0px auto 0px auto; padding: 30px 0px 0px 3%}


#main_menu {width: 209px; height: 315px; float: left; background-color: #878674; padding: 0px 3px 0px 3px;}
#main_menu ul {margin: 0px 0px 10px 0px; padding: 0px;}
#main_menu li {width: 209px; height: 44px; list-style: none; padding-top: 1px;}

#main_image {width: auto ; height: 315px; background-color: #777; padding: 0px; margin: 0px; clear: none; float: none;}

#rightcol {width: 310px; height: auto; float: right;}
.leftarrow {float: left; padding: 15px 15px 0px 10px}
#rightcol h6 {color: #fff; padding: 10px 10px 10px 10px; margin: 0px; font-size: 12px;}
#rightcol a {color: #ccc}

#content {width: 72%; height: 100%; padding: 0px 0px 20px 0px; float: left; font-size: 0.9em; background: #fff url()}
#content p {padding: 0% 3%}

#completed_box {width: 95%; height: 280px; margin: 30px 400px 20px 20px; background: #fff url(images/completedbar.gif) no-repeat top left}
.completed_box_section {float: left; width: 240px; height: 270px; background-color: #eee; margin: 3px 0px 3px 8px; }
.completed_box_section img {float:left; padding: 10px 20px 0px 10px;}
.completed_box_section p {clear: both; font-size: 12px; margin-top: 10px; text-align: center}
.completed_box_section a {color: #000}

#content_right {width: 28%; height: auto; float: left; padding: 45px 0px 0px 0px;; margin: 0px;}
.right_window img {float: right; clear: right; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; clear: right}
.right_window p {padding: 34px 7px 0px 10px; margin: 0px; text-align: middle; font-size: 14px; text-align: right}
.right_window {padding: 0px; margin: 0px; height: 118px;}

#content_right_arrow {width: 90%; height: 90px; background: #878674 url(images/bg_content_right_arrow.gif) bottom right no-repeat; color: #fff; font-size: 12px; padding: 3% 5% 0% 5%; clear: both}
#content_right_arrow p {padding-bottom: 10px; margin-bottom: 0px; clear: both}
#content_right_arrow a {color: #eee; float: right; padding: 3px 60px 5px 0px; text-align: right; text-decoration: none; clear:both}

.box {width: 100%; height: 105px; margin: 0px 0px 0px 0px; padding: 0px;}
.box p {padding: 2% 5% 0% 5%; margin: 0px; font-size: 11px; color: #fff; float: left}

#footer {width: 98%; height: 40px; padding: 0px 2% 0px 0px; clear: both;  background: #878674 url(); color: #fff; text-align: right; font-size: 32px; font-weight: bold}
#subfooter_left {padding-top: 10px; background-color: #d3d9d4}
#subfooter_left img {float: left;}
#subfooter_left p {padding: 4px 0px 0px 10px; float: left; font-size: 0.8em;}



.completed_section {width:85%; margin: 0px 0px 10px 130px; background-color: #e9eef8; height: 250px; clear: both}
.completed_section_right {width:85%; height: 250px; margin: 0px 0px 10px 30px; background-color: #e9eef8; clear: both}
.completed_section img {float: left}
.completed_section_right img {float: right;}
.completed_section p {float: left; margin: 40px 20px 20px 20px; width: 500px;}
.completed_section_right p {float: right; margin: 40px 20px 20px 0px ; text-align: right; width: 500px;}


#footer_menu {background-color: #d3d9d4; padding: 10px; text-align: center}
#footer_menu a {color: #000; padding: 10px}

