/* Base CSS class, intended for early CSS1 browsers 
 * (Primarily Early Netscape Versions).
 *
 * Browsers actually implementing CSS according to the
 * standard, and IE, gets the layout heavily 
 * corrected in another CSS file.
 *
 * Margins and padding are used sparingly, given that
 * Netscape 4.x has many problems with those.
 *
 */

/********************************
       GENERIC FORMATTING 
**********************************/

body {
color: #000000;
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
border-width: 0px;
}

a:link {
color: #0000cc;  
}

a:visited {
color: #0000cc; 
}

a:hover {
color: #0000cc; 
}

a:active {
color: #0000cc; 
}

img {
margin: 0px;
padding: 0px;
border-width: 0px;
border-style: none;
vertical-align: top;
} 

img.inline {
vertical-align: bottom;
} 

img.middle {
vertical-align: middle;
} 

p.spacer {
border-width: 0px;
padding: 0px;
margin: 0px;
}

p.instruction {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
}

div.info_center {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
}

table.input {
color: #000000;
background-color: #E0E0C0;
border-color: #E0E0C0;
border-width: 2px;
border-style: solid;
padding: 0px;
margin: 0px;
}

td.input {
color: #000000;
background-color: #E0E0C0;
border-width: 0px;
border-style: none;
padding: 0px;
margin: 0px;
text-align: center;
}

a.input:link {
color: #354B0F; 
background-color: #E0E0C0; 
}

a.input:visited {
color: #354B0F; 
background-color: #E0E0C0;
}

a.input:hover {
color: #354B0F; 
background-color: #E0E0C0;
}

a.input:active {
color: #354B0F; 
background-color: #E0E0C0;
}

div.text {
/* Hard-coding width is bad, but standards-conforming browsers 
gets this replaced with max-width in the advanced stylesheet */
width: 550px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
/* Bug workaround for NN4 */
border-width: 1px;
border-style: none;
border-color: #FFFFFF;
}

div.form_instructions {
/* Hard-coding width is bad, but standards-conforming browsers 
gets this replaced with max-width in the advanced stylesheet */
width: 550px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
/* Bug workaround for NN4 */
border-width: 1px;
border-style: none;
border-color: #FFFFFF;
}

div.help {
width: 90%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 140%;
text-align: left;
margin-left: auto;
margin-right: auto;	
}

div.logo {
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 0px;
}

table.menubar {
color: #FFFFFF;
background-color: #5d6f20; 
width: 100%;
padding: 0px;
margin: 0px;
text-align:center;
border: 2px;
border-style: solid;
border-color: #5d6f20;
border-collapse: separate;
border-spacing: 0px;
}

th.menubar {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
width: 15%;
text-align: center;
white-space: nowrap;
}

th.current {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
color: #FFFFFF;
background-color: #5d6f20; 
width: 15%;
text-align: center;
border-style: solid; 
border-width: 1px;
border-color: #FFFFFF; 
white-space: nowrap;
}

a.menubar:link {
color: #FFFFFF; 
background-color: #5d6f20; 
text-decoration: none;
}

a.menubar:visited {
color: #FFFFFF;
background-color: #5d6f20; 
text-decoration: none;
}

a.menubar:hover {
color: #FFFFFF;
background-color: #5d6f20; 
text-decoration: none;
}

a.menubar:active {
color: #FFFFFF;
background-color: #5d6f20; 
text-decoration: none;
}

div.location {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin: 0px; 
text-align: left;
font-weight: bold;
}

div.info {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin: 0px;
text-align: left;
}

/* Tabular listings */

div.list {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border-width: 2px;
border-color: #5d6f20;
border-style: solid;
}
	
table.list {
width: 100%;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: auto; 
margin-right: auto;
padding: 0px; 
border-width: 0px;
border-style: none;
table-layout: auto;
color: #000000;
background-color: #FFFFFF;
border-color: #5d6f20;
}

table.list_wide {
width: 95%;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: auto; 
margin-right: auto;
padding: 0px; 
border-width: 0px;
border-style: none;
table-layout: auto;
color: #000000;
background-color: #FFFFFF;
border-color: #5d6f20;
}

th.list {
color: #FFFFFF;
background-color: #5d6f20;
padding: 0px;
margin: 0px;
text-align: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}

td.list {
padding: 0px;
margin: 0px;
text-align: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}

tr.list1 {
color: #000000;
background-color: #FCFCF0;
}

tr.list2 {
color: #000000;
background-color: #E0E0C0;
}

a.list:link {
color: #354B0F; 
}

a.list:visited {
color: #354B0F; 
}

a.list:hover {
color: #354B0F; 
}

a.list:active {
color: #354B0F; 
}

a.download:link {
color: #752B0F; 
}

a.download:visited {
color: #752B0F; 
}

a.download:hover {
color: #752B0F; 
}

a.download:active {
color: #752B0F; 
}

a.listen:link {
color: #752B0F; 
}

a.listen:visited {
color: #752B0F; 
}

a.listen:hover {
color: #752B0F; 
}

a.listen:active {
color: #752B0F; 
}

a.buy:link {
color: #752B0F; 
}

a.buy:visited {
color: #752B0F; 
}

a.buy:hover {
color: #752B0F; 
}

a.buy:active {
color: #752B0F; 
}

div.item {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
border-width: 2px;
border-color: #5d6f20;
border-style: solid;
}

table.item {
width: 100%;
margin-top: 0px; 
margin-bottom: 0px;
margin-left: auto; 
margin-right: auto;
padding: 0px; 
border-width: 0px;
border-style: solid;
border-collapse: collapse;
table-layout: auto;
color: #000000;
background-color: #FFFFFF;
border-color: #5d6f20;
/* white-space: nowrap; */
}

div.head_note {
color: #FF0000; 
background-color: #FFFFFF; 
font-weight: bold;
padding: 0px;
margin: 0px;
}

div.headline {
color: #000000; 
background-color: #FFFFFF; 
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin-left: 0px; 
text-align: left;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}

div.center_headline {
color: #000000; 
background-color: #FFFFFF; 
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin: 0px; 
text-align: center;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}

div.back_link {
color: #000000; 
background-color: #FFFFFF; 
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin: 0px; 
text-align: left;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}

div.action_navigation {
color: #000000; 
background-color: #E0E0C0; 
width: auto;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0%; 
margin-right: 0%;
text-align: left;
font-weight: bold;
}

table.error {
color: #FFFFFF;
background-color: #FF0000;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin-left: auto; 
margin-right: auto;
margin-top: 0px; 
margin-bottom: 0px;
text-align: center;
}

td.error {
color: #FFFFFF;
background-color: #FF0000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
font-weight: bold;
}

table.success {
color: #FFFFFF;
background-color: #009900;
width: 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin-left: auto; 
margin-right: auto;
margin-top: 0px; 
margin-bottom: 0px;
text-align: center;
}

td.success {
color: #FFFFFF;
background-color: #009900;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
font-weight: bold;
}

/*****************************************************
   NETSCAPE 4.x COMPATIBLE LAYOUT CLASS DEFINITIONS 
******************************************************/

table.layout {
border-collapse: collapse;
border-spacing: 0px;
table-layout: auto;
border-width: 0px;
border-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

table.layout_right {
border-collapse: collapse;
table-layout: auto;
border-width: 0px;
border-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: auto;
}

table.layout_left {
border-collapse: collapse;
table-layout: auto;
border-width: 0px;
border-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: 0px;
}

td.layout {
text-align: left;
vertical-align: middle;
}

td.layout_top {
text-align: left;
vertical-align: top;
}

td.layout_right {
text-align: right;
vertical-align: middle;
}

td.layout_center {
text-align: center;
vertical-align: middle;
}

td.layout_text {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: left;
vertical-align: middle;
}

td.layout_text_top {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: left;
vertical-align: top;
}

td.layout_text_right {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: right;
vertical-align: middle;
}

td.layout_text_center {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
vertical-align: middle;
}

p.notice {
width: 90%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 60%;
text-align: left;
margin-left: auto;
margin-right: auto;
}

div.notice {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 60%;
text-align: left;
}

div.section_divider {
width: 80%;
border-top-width: 0px;
border-bottom-width: 3px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #5d6f20;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

div.section_divider_down {
width: 80%;
border-top-width: 3px;
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #5d6f20;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

/********************************
  FORMATTING FOR SPECIFIC PAGES
**********************************/

/* Main page */

div.blurb {
/* Hard-coding width are bad, but standards-conforming browsers 
gets this replaced with max-width in the advanced stylesheet */
/*width: 550px;*/
width: 700px;
/*border-top-width: 3px;
border-bottom-width: 3px;
border-left-width: 0px;
border-right-width: 0px;
border-style: solid;
border-color: #5d6f20;
*/
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

p.blurb {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 10%;
margin-left: 10%;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: left;
}

div.main_logo {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
}

p.tagline {
margin: 5px;
padding: 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
}

tr.blank_line {
color: #000000;
background-color: #FFFFFF;
}

tr.input_line {
}

td.input_line {
border-width: 3px;
border-style: solid;
border-color: #E0E0C0;
text-align: left;
}

td.input_line_text {
border-width: 3px;
border-style: solid;
border-color: #E0E0C0;
text-align: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: left;
vertical-align: middle;
}

table.fake_input {
width: 100%;
border-collapse: collapse;
table-layout: auto;
border-width: 0px;
border-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}

table.fake_input_inner {
border-collapse: collapse;
border-spacing: 2px;
table-layout: auto;
border-width: 0px;
border-style: none;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

p.friends {
text-align: right;
}

/* Buy code page */

div.code {
color: #FF0000;
background-color: #FFFFFF;
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin-left: auto; 
margin-right: auto;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 200%;
text-align: center;
}

div.code_details {
color: #FF0000;
background-color: #FFFFFF;
width: auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 2.5%;
padding-right: 2.5%;
margin-left: auto; 
margin-right: auto;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
text-align: center;
}

/* community forums */

tr.tbCel1 {
color: #000000;
background-color: #FCFCF0;
}

tr.tbCel2 {
color: #000000;
background-color: #E0E0C0;
}

td.forums_icon {
width: 64px;
text-align:center;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}

td.forums {
width:95%;
text-align:left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 80%;
}