/* Structural */

#spacer {min-height: 500px;}

html {background-color: #e2e2cc;}
body * {margin: 0; padding: 0;}
#container {background-color: #e2e2cc; margin-left: auto; margin-right: auto; width: 950px;}
#main {float: left; width: 700px;}
#content {height: auto; min-height: 500px; width: 700px;}
#head {height: 190px; width: 950px;}
#sidebar {background: #eeeee7 url(images/side_curve_bottom.gif) right bottom no-repeat; float: left; margin-top: 210px; padding-left: 10px; width: 230px;}
#foot {background: #eeeee7 url(images/curve_bottom.gif) bottom no-repeat; clear: both; height: 100px; margin: 0 50px; padding-top: 20px; width: 600px;}

p {font-family: helvetica, arial, sans-serif; font-size: 0.8em; line-height: 1.2em;}
.bold {font-weight: bold; margin-top: 0;}
.italic {font-style: italic;}
/* Menu / Head */

#head img {border: 0px; margin: 10px 0 0 0; width: 700px;}
#menu {position: relative; width: 700px;}
#menu ul {bottom: 0px; list-style:none; margin-bottom: 0; position: absolute;}
#menu li {display: block; float:left; font-family: times, serif; letter-spacing: 1px; margin-left: 2px; padding:0;}
#menu a {display:block; float:left; font-weight:bold; text-decoration:none;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a {float:none;}
    /* End IE5-Mac hack */
#menu #contact {}
      
#menu a:link, 
#menu a:visited, 
#menu a:active {background: #a0a896 url(images/round_left_g.gif) left top no-repeat; color: #000; display: block; font-family: helvetica, arial, sans-serif; font-size: 0.8em; font-weight: normal; padding-left: 10px; padding-top: 5px; text-decoration: none; width: auto;}
#menu a:hover {background-color: #a0a896; color:#000; text-decoration: underline;}

#menu li a span {background: #a0a896 url(images/round_right_g.gif) right top no-repeat; padding-right: 10px; padding-top: 5px;}

#menu li.active a:link,
#menu li.active a:visited,
#menu li.active a:active,
#menu li.active a:hover {background: #005c46 url(images/round_left.gif) left top no-repeat; color: #fff; padding-left: 10px; padding-top: 5px;}

#menu li.active a span,
#menu li.active a span,
#menu li.active a span,
#menu li.active a span {background: #005c46 url(images/round_right.gif) right top no-repeat; color: #fff; padding-right: 10px; padding-top: 5px;}


/* Main Section */

/* images */

.right {border: medium double #e1e1e1; float: right; margin: 0 0 10px 10px; padding: 5px;}
.left {border: medium double #e1e1e1; float: left; margin: 0 10px 10px 0; padding: 5px;}

.centre {background-color: #fff; padding: 10px; width: 660px;}
#reg_content {background-color: #fff; border: 2px #016757 solid; border-right-width: 1px; min-height: 550px;}
#home_right {background-color: #fff; border: 1px dashed #016757; clear: left; float: right; margin: 15px 15px 15px 10px; padding: 0; width: 200px;}
#toc {border: #e1e1e1 1px solid; padding: 5px;}

.home_left p {margin-left: 10px; margin-right: 10px;}
.home_right img {margin-left: 20px; margin-right: 20px;}

#reg_content p {line-height: 1.4em; margin: 20px; margin-top: 0;}

.centre ul {font-family: helvetica, arial, sans-serif; font-size: 0.8em; margin: 20px 50px;}
.centre ul li {line-height: 1.4em;}

.centre form {margin-left: 20px;}
.centre object {margin: 0 0 0 30px;}
.dude {background-image: url(images/dude.jpg); background-repeat: no-repeat; background-position: top; height: 40px;}
.mask {background-image: url(images/mask.jpg); background-repeat: no-repeat; background-position: top; height: 40px;}
.demo {border: dashed 1px #00703c; margin: 10px 20px; padding: 10px;}

#home_right img {margin: 5px 0 5px 20px;}
#home_right p {margin: 10px;}
/* Footer */
#foot p {line-height: 1.6em; margin-bottom: 0.8em; text-align: center;}

ul.reviews {font-size: 0.8em; margin: 20px 30px 0px 30px;}
ul.reviews li {margin-bottom: 1px; padding: 0px; list-style-position: inside;}

/* Sidebar */

#sidebar form {border-bottom: 3px #e2e2cc solid; padding: 10px;}
#sidebar .audio_sidebar {margin-top: 15px; padding: 0 10px 10px 0;}
#sidebar form input#search_terms {font-family: helvetica, arial, sans-serif; font-size: 0.8em; margin: 15px 0 10px 0;}
#sidebar p {line-height: 1.4em; margin: 10px;}

#search {background: #eeeee7 url(images/side_curve.gif) right top no-repeat; padding-top: 0;}
#sidebar object {margin-left: 10px;}

/* Links */

a:link {color: #006ed0; text-decoration: underline; font-weight: 1.3em;}
a:visited {color: #006ed0; font-weight: 1.3em; text-decoration: none;}
a:hover {color: #006ed0; font-weight: 1.3em; text-decoration: none;}
a:active {color: #006ed0; font-weight: 1.3em; text-decoration: none;}	

/* Forms */

form.general ul {}
form.general li {line-height: 2em; list-style: none;}
form.general label {display: block; float: left; font-family: helvetica, arial, sans-serif; font-size: 90%; margin: 5px 20px 5px 0; text-align: right; width: 6em;}

input, textarea {font-family: inherit; font-size: 90%; line-height: 1.2em; margin: 5px 0; padding: 4px 0 8px 2px;}


/* Headers */

h1 {font-family: Georgia, Times, Serif; font-size: 1.2em;}
h2 {color: #016757; margin: 15px 5px 15px 10px; font-family: Georgia, Times, Serif; font-size: 1.2em; letter-spacing: 1px; text-decoration: underline;}
h3 {border-bottom: #e1e1e1 1px solid; color: #016757; font-family: Helvetica, Arial, sans-serif; font-size: 1em; margin-bottom: 10px; padding:0;}
h4 {font-family: helvetica, arial, sans-serif; font-size: 0.9em; margin: 10px 10px 0 10px; padding: 2px;}
h5 {font-family: Georgia, Times, Serif; font-size: 0.9em; margin: 0 0 10px 10px;}

.date {font-family: Georgia, Times, Serif; font-size: 0.9em;}

.home_left h4 {margin-left: 20px;}
.home_left h5 {margin-left: 20px;}
.home_left p {margin-left: 20px;}

#reg_content h3 {margin: 20px 10px 10px 10px;}

#home_right h3 {margin-top: 0;}
#sidebar h2 {font-family: helvetica, arial, sans-serif; margin-left: 0;}
#sidebar h2 a {color: #016757;}
#sidebar h3 {font-family: helvetica, arial, sans-serif;}
#sidebar h4 {font-family: helvetica, arial, sans-serif; font-size: 0.8em;}
#sidebar h5 {font-family: helvetica, arial, sans-serif; margin: 0 0 10px 0;}

.centre p,h2,h3,h4,h5 {padding: 5px 10px 0 10px;}
.centre h2 {padding-top: 10px;}

#home_right h3, #home_right h4 {padding: 0; margin: 10px;}

#search h2 {margin: 0 0 0 -10px;}

/* DOMtabs */

div.domtab, div.nondomtab {margin: 20px 0; padding: 0; position: relative; text-align: width: 696px;}

ul.domtabs, ul.nondomtabs {background-color: #eeeee7; margin: 0 20px; padding: 5px 0 30px 0; position: relative;}

ul.domtabs li, ul.nondomtabs li {border-right: 1px solid #ccc; float: left; list-style: none; padding: 0;}

ul.nondomtabs a:link, 
ul.nondomtabs a:visited, 
ul.nondomtabs a:active,
ul.nondomtabs a:hover,
ul.domtabs a:link, 
ul.domtabs a:visited, 
ul.domtabs a:active,
ul.domtabs a:hover {display: block;	font-family: helvetica, arial, sans-serif; font-size: 0.8em; padding-bottom: 10px; font-weight: normal; text-decoration: none; width: auto;}

html>body ul.nondomtabs a:link,
html>body ul.nondomtabs a:visited,
html>body ul.nondomtabs a:active,
html>body ul.nondomtabs a:hover,
html>body ul.domtabs a:link,
html>body ul.domtabs a:visited,
html>body ul.domtabs a:active,
html>body ul.domtabs a:hover {color: #000; height: auto; padding: 0.5em 1em;}

ul.domtabs a:hover,ul.nondomtabs a:hover {text-decoration: underline;}

div.domtab div,div.nondomtab div {background: #fff; clear: both; color: #000; padding: 0; width: auto;}

ul.nondomtabs li.active a:link,
ul.nondomtabs li.active a:visited,
ul.nondomtabs li.active a:active,
ul.nondomtabs li.active a:hover,
ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover {color: #ac2324; text-decoration: underline;}

#left-border {border-left: 1px solid #ccc;}
#right_li {border-right: none;}

/* Audio Menu */
/* Menu */

.audio_list {margin-left: -25px;}
.amenu, .amenu ul {font-family: helvetica, arial, sans-serif; font-size: 0.9em; list-style: none; margin: 0; padding: 0;}
.amenu {width: 625px;}
.amenu li {margin: 0 5px 1px 5px; padding:0;}
.amenu a {background: #005c46; color: #fff; display: block; padding: 5px 8px; text-decoration: none;}
.amenu ul li a:hover {background: #a0a896;}
.amenu ul li {padding-left: 0;}
.amenu ul a {background: #eeeee7; color: #000;}
.hidden {display: none;}

/* Tables */

table {font-family: helvetica, arial, sans-serif; font-size: 0.8em; line-height: 1.2em; margin-left: 30px; width: 80%;}
tr {text-align: left;}
td {border-bottom: #e1e1e1 solid 1px; padding: 2px 0;}

/* images */

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

/* extra */

.back_issues { margin: 0; padding: 0;padding-top: 20px;}
.covers {margin:0 20px;}


#cart {position: relative; top: -8px; width: 210px; background-color: #eeeee7; float: right; margin:0 10px 0 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; height: 100px; padding: 10px; margin-bottom: -120px;}
#cart h4 {margin: 0; padding: 0;}
#cart p {margin: 10px 0;}