* { padding: 0; margin: 0; border: none; line-height: normal; letter-spacing: normal;}
body {font-size: 62.5%; font-family: Arial, sans-serif; background: #859b8a url('http://www.echothestory.com/images/default_theme/background.gif') repeat-x;}
a {text-decoration: none; color: #000000;}
a:hover {color: #273b56;}
.active {font-weight: bold;}
#sub_nav .subactive {color: #d8eb7e;}
hr {color: #000; background-color: #000; height: 1px; width: 100%;}

#wrapper {position:absolute; left: 50%; margin-left: -510px; width: 1020px; padding-top: 3%;}
#logo {position: absolute; width: 183px; height: 118px; margin-top: -25px; margin-left: 40px; z-index: 10}
#header {width: 1005px; height: 44px;}
#shadow {background: url('http://www.echothestory.com/images/default_theme/shadow.png') top right repeat-y; height: auto; width: 1005px;}

#main_nav {background: url('http://www.echothestory.com/images/default_theme/nav_background.jpg') left no-repeat; width: 996px; height: 30px;}
#main_nav ul li {display: inline; padding: 0 0px 0 0px; }
#main_nav ul {list-style: none; padding: 0px 0 0 265px;}

#sub_nav {position: absolute; z-index: 5; background: url('http://www.echothestory.com/images/default_theme/sub_nav_background.png') left no-repeat; width: 996px; height: 25px; text-transform: uppercase; font-size: 1.1em;}
#sub_nav ul li {display: inline; padding: 0 15px 0 15px; }
#sub_nav ul {list-style: none; margin: 5px 0 0 250px; text-transform: uppercase; font-weight: bold}
#sub_nav a{color: #FFFFFF}
#sub_nav a:hover {color: #d8eb7e;}


#home_image {width: 996px; height: 377px;}
#main_content {background-color: #dde7b1; min-height: 200px; height: auto !important; height: 200px; width: 996px;}
#footer {background: url('http://www.echothestory.com/images/default_theme/footer.png') top left no-repeat; width: 1005px; height: 53px; margin-left: -1px;}
#footer_interior{clear: both; background: url('http://www.echothestory.com/images/default_theme/footer_interior.png') top right no-repeat; width: 1005px; height: 68px; margin-left: 0px;}
#footer_interior p a{font-weight: bold; color: #69816f;}


#main_left{padding: 30px 0 0 40px; width: 190px; height: 170px; float: left;}
#main_left input#submit,#light input#submit  {height: auto; background-color: #69816f; border: 1px solid #69816f; color: #FFF; font-size: 1.2em; padding: 3px 5px 3px 5px; cursor: pointer; cursor: hand;}
#main_left input#submit:hover, #light input#submit:hover {height: auto; background-color: #FFF; border: 1px solid #69816f; color: #000; font-size: 1.2em; padding: 3px 5px 3px 5px;}
#main_left a {color: #69816f;}
#main_left p.green a:hover {color: #273b56; text-decoration: none;}
#main_center {float: left; padding: 15px 10px 0 25px; width:425px; height: 185px}
#main_right {padding: 30px 0 0 35px; width: 200px; height: 170px; float: left;}
.divider {float: left; margin: 25px 0 0 0;}
.green {color: #69816f; font-size: 1.2em; font-weight: bold; padding-bottom: 5px;}
.new_user {float: left; margin-left: 5px; width: 110px;}
input#username {padding: 0 0 0 3px; height: 27px; width: 167px; font-size: 1.4em; margin-bottom: 3px; background: url('http://www.echothestory.com/images/default_theme/input_background.jpg') center no-repeat;}
input#password {padding: 0 0 0 3px; height: 27px; width: 167px; font-size: 1.4em; margin-bottom: 3px; background: url('http://www.echothestory.com/images/default_theme/input_background.jpg') center no-repeat;}
#main_left p a{color: #69816f; font-weight: bold; font-size: 1.1em;}
#flash_container1, #flash_container2 {width: 167px; height: 61px; float: left;}
#flash_container1 {margin-bottom: 10px;}

#scrollable_content{float: left; overflow: hidden; height: 563px;}

#interior_main {clear: both; width: 996px; height: 563px; background-color: #cfd1b9; font-family: Verdana; sans-serif}
#interior_left {float: left; width: auto; height: 563px;}
.quote {font-style: italic; font-size: 1.2em;}

#interior_center {float: left; width: 395px; min-height: 513px; height: auto !important; height: 513px; padding: 50px 10px 0px 5px; background-color: #FCEED1; font-size: 1.2em; font-family: Verdana; sans-serif}
#interior_center ul li {list-style: outside; margin-left: 20px;}
#interior_center table tr {height: 22px;}
#interior_center input {height: 18px; border: 1px solid #cfd1b9; font-size: 1.2em; padding-top: 2px;}
#interior_center select{height: 20px; font-size: 1.2em; border: 1px solid #cfd1b9; width: 197px;}
#interior_center textarea{height: 40px; font-size: 1.2em; border: 1px solid #cfd1b9; width: 375px;}
#interior_center input#submit, #interior_center_full input#submit  {height: 30px; background-color: #cfd1b9; border: 2px solid #cfd1b9; color: #000; font-size: 1.2em; padding: 5px; cursor: hand; cursor: pointer;}
#interior_center input#submit:hover, #interior_center_full input#submit:hover {background-color: #fff; cursor: hand; cursor: pointer;}
#interior_center_full {float: left; width: 660px; min-height: 513px; height: auto !important; height: 513px; padding: 50px 10px 0px 5px; background-color: #FCEED1; font-size: 1.2em; font-family: Verdana; sans-serif}
#interior_center_full ul li{list-style: outside; margin-left: 15px;}
#product {border-bottom: 2px solid #858d5e; padding-bottom: 20px;}

.resourceslist {height: 40px; padding: 10px 0 4px 0;}

.blog_subtitle {text-transform: uppercase; color: #77917c; font-size: 0.9em; font-weight: bold; padding: 3px 0 5px 0;}
.blog_footer {color: #77917c; font-size: 0.9em; font-weight: bold; padding: 3px 0 5px 0; padding: 10px 0 10px 0;}
.blog_footer a {color: #77917c; font-weight: bold;}
.blog_footer a:hover {text-decoration: underline;}
.entry {border-bottom: 2px solid #77917c; margin-bottom: 20px; padding-right: 15px;}
.comment_body {padding-bottom: 20px;}
.blog_feed {margin-bottom: 20px;}

#interior_center input.submit_button {padding: 5px; height: 30px; width: 75px; background-color: #FFF; margin: 10px 0 5px 0;}
#interior_center input.submit_button:hover {background-color: #CCC} 

#interior_right {float: left; background-color: #cfb1t9; width: 220px; height: 513px; padding: 50px 0px 0px 20px; font-family: Verdana; sans-serif}
#interior_right input#submit {height: 30px; background-color: #FFF; border: 1px solid #FCEED1; color: #000; font-size: 1.2em; padding: 5px;}
#interior_right input#submit:hover {background-color: #FCEED1; font-weight: bold;}
#interior_right ul li{padding: 3px 0 3px 0; list-style: none;}

#scroll_track {float: right; background: url('http://www.echothestory.com/images/default_theme/scroller_background.jpg') center no-repeat; width: 20px; height: 563px;}
#handle{background: url('http://www.echothestory.com/images/default_theme/handle.jpg') center no-repeat; width: 20px; height: 99px; cursor: move; cursor: hand;}
#interior_right_spacer {float: right; background: url('http://www.echothestory.com/images/default_theme/interior_right_background.jpg') center no-repeat; width: 21px; height: 563px;}


/*--------------Login CSS--------------------*/
img, a {border: none;}
.black_overlay{display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 2000px; background-color: black; z-index:1001; -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90);}
.white_content {display: none; text-align: left; position: absolute; top: 20%;  left: 50%; margin-left: -200px; padding: 50px; width: 250px; height: 160px;  background-color: #FCEED1;  -moz-opacity: 0.9; opacity:.9; filter: alpha(opacity=90); z-index:1002; overflow: hidden; }