/** aMember-specific styles here */

/* properties for entire page and text inside tables */

body, th, td {
    font-family: "Century Gothic", Arial, sans-serif;
    font-size: 110%; color: #596F85;
}

/* properties for all input elements */

input, textarea {
    font-family: "Century Gothic", Arial, sans-serif;
    font-size: 110%;
}
hr { 
    background-color: #4479BE;
    border: 0;
    width: 100%;
    height: 1px;
}
ul, li { list-style: disc; }
.small { font-size: 70%; font-weight: normal; }  /* small text on signup */
.powered, .powered a { font-size: 70%; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; } 

/* properties for headers */

h1,h2,h3 {
    color: #707070;
    font-weight: bold;
    text-align: center;
    margin: 0.5em 0.5em 0.5em 0.5em;
}
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }

/* other elements */

div.centered { text-align: center; }
div.centered table {
    margin: 0 auto; 
    text-align: left;
}
ul, ol { margin-left: 2em;}
.code { font-family: "Century Gothic", Arial, sans-serif; font-size: 120%; color: blue; } 

/* vedit - vertical table (signup, profile edit) */

.vedit {
    border: solid 1px #EBE2BA;
}
/* vedit - usual column (right) */

.vedit td {
    text-align: left;
    vertical-align: middle;
    padding: 15px 10px 10px 10px;

    background-color: #F8F5E7;  /*right column in signup */
    border: solid 1px #EBE2BA;
}
/* vedit - header column (left) */

.vedit th {
    padding: 10px 15px 10px 10px;
    text-align: right;
    vertical-align: middle;
    font-weight: normal;   /* text on left colums - Payment System, etc. */

    background-color: #EBE2BA;  /* left column in signup */
    border: solid 1px #F8F5E7;  /* line all around left column */
}
/* vedit - heading row */

.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */

.hedit {
    border: solid 1px #EBE2BA;
}
/* hedit - usual column  - Column in /amember/member.php - Payment History */

.hedit td {
    padding: 5px;
    background-color: #E0E0E0;
    font-size: 8pt;
    background-color: white;
    border: solid 1px #EBE2BA;
}
/* hedit - header column */

.hedit th {
    padding: 5px;
    font-weight: bold;
    text-align: center;

    background-color: #EBE2BA;
    border: solid 1px #EBE2BA;
}

table.errmsg
{
    font-family: "Century Gothic", Arial, sans-serif;
    font-size: 90%;
    background-color: red;
    border: #cc0000 1px solid;
    margin: 5px 0px 5px 0px;
}
table.errmsg td
{
    padding: 5px 50px 5px 5px;
    font-weight: bold;
}
table.errmsg td li
{
    list-style: square;
}

/* Receipt table from thanks.html */

.receipt td {
    background-color: #F0F0F0;
    border: solid 1px black;
    padding: 2px 4px 2px 4px;
}
.receipt th {
    background-color: #C0C0C0;
    border: solid 1px black;
    font-weight: bold;
    padding: 2px 4px 2px 4px;
}
.receipt td.total {
    background-color: #C0C0C0;
    border: solid 1px black;
}
.receipt {
    border-collapse: collapse;
}

/* Newsletters table on member.php */

.newsletters td {
    padding: 5px;
    margin: 5px;
}
.newsletters td.disabled {
    padding: 5px;
    margin: 5px;
    color: #505050;
}

/* Newsletters archive table on member.php */

.newsletters_archive td {
    padding: 2px;
    margin: 0px;
}
/* Error message label on signup page */

label.error {
    padding-left: 3px;
	color: red;
	font-style: italic;
	font-weight: normal;
}
input.error {
    border: 2px solid red;
}




/* Members Only style sheet */

/* Text */

body {text-align: left; font: 80% "Century Gothic", Arial, sans-serif; background: #FFF; color: #777;}


/* General rollover */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

/* Simple rollovers  */

a.moreMembersBrown {color: #396697; font-size: 100%; font-weight: normal; text-decoration: none; outline: none;} /* It's actually blue */
a.moreMembersBrown:hover {color: #D15A0C;}
a.moreMembersBrown:visited {color: #877A43;}
a.moreMembersBrown:visited:hover {color: #D15A0C;}

a.membersRed {color: #E32A15; font-size: 110%; font-weight: bold; text-decoration: none; outline: none;} /* It's red */
a.membersRed:hover {color: #AA1F10;}
a.membersRed:visited {color: #E32A15;}
a.membersRed:visited:hover {color: #AA1F10;}

a.moreMembersRed {color: #D15A0C; font-weight: bold; text-decoration: none; outline: none;}
a.moreMembersRed:hover {color: #999;}
a.moreMembersRed:visited {color: #D15A0C;}
a.moreMembersRed:visited:hover {color: #999;}

a.moreWeightNormal {color: #D15A0C;  font-weight: normal; text-decoration: none; outline: none;} 
a.moreWeightNormal:hover {color: #069;}
a.moreWeightNormal:visited {color: #D15A0C;}
a.moreWeightNormal:visited:hover {color: #069;}

a.more {color: #FFF; font-weight: bold; text-decoration: none; outline: none;}
a.more:hover {color: #FAAC88;}
a.more:visited {color: #CBB587;}
a.more:visited:hover {color: #FAAC88;}

a.moreMemberRelated {display: block; color: #069; font-size: 105%; line-height: 2em; text-decoration: none; outline: none;}
a.moreMemberRelated:hover {color: #D60;}
a.moreMemberRelated:visited {color: #AE9B73}
a.moreMemberRelated:hover {color: #D60}

a.moreMemberInline {display: inline; color: #069; font-size: 105%; line-height: 1.9em; text-decoration: none; outline: none;}
a.moreMemberInline:hover {color: #D60;}
a.moreMemberInline:visited {color: #AE9B73}
a.moreMemberInline:hover {color: #D60}

a.more2 {color: #069; font-size: 90%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */
a.more2:hover {color: #F90;}
a.more2:visited {color: #D15A0C;}
a.more2:visited:hover {color: #F90;}

a.more2signup {color: #069; font-size: 80%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - sign up page */
a.more2signup:hover {color: #F90;}
a.more2signup:visited {color: #D15A0C;}
a.more2signup:visited:hover {color: #F90;}

a.more2large {color: #069; font-size: 150%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */
a.more2large:hover {color: #F90;}
a.more2large:visited {color: #D15A0C;}
a.more2large:visited:hover {color: #F90;}

a.more2blue {display: block; color: #069;  font-size: 90%; line-height: 1em; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange */
a.more2blue:hover {color: #D60;}
a.more2blue:visited {color: #069;}
a.more2blue:visited:hover {color: #D60;}

a.more2amember {color: #069;  font-size: 85%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */
a.more2amember:hover {color: #F90;}
a.more2amember:visited {color: #D15A0C;}
a.more2amember:visited:hover {color: #F90;}

a.more2small {color: #069;  font-size: 96%; font-weight: bold; text-decoration: none; outline: none;} /* Blue to orange - book features */
a.more2small:hover {color: #EC6A00;}
a.more2small:visited {color: #A64A00;}
a.more2small:visited:hover {color: #EC6A00;}

a.more2b {color: #069; text-decoration: none; outline: none;} /* Blue to orange - book features */
a.more2b:hover {color: #EC6A00;}
a.more2b:visited {color: #A64A00;}
a.more2b:visited:hover {color: #EC6A00;}

a.more2c {color: #069; text-decoration: none; outline: none; font-size: 97%; line-height: 1em;} /* Brown to orange - book features */
a.more2c:hover {color: #EC6A00;}
a.more2c:visited {color: #A64A00;}
a.more2c:visited:hover {color: #EC6A00;}


a.more2d {color: #069; text-decoration: none; outline: none; font-size: 97%; line-height: 1.6em;} /* Brown to orange - banner text */
a.more2d:hover {color: #EC6A00;}
a.more2d:visited {color: #A64A00;}
a.more2d:visited:hover {color: #EC6A00;}

a.more3 {display: inline; color: #069; font-size: 110%; text-decoration: none; outline: none;} /* Blue to orange  */
a.more3:hover {color: #D60;}

a.more4 {display: inline; color: #069; font-size: 100%; text-decoration: none; outline: none;} /* Blue to orange  */
a.more4:hover {color: #D60;}

a.more5 {color: #069; font-weight: normal; line-height: 1.6em; text-decoration: none; outline: none;} /* Blue to orange - index */
a.more5:hover {color: #EC6A00;}
a.more5:visited {color: #A64A00;}
a.more5:visited:hover {color: #EC6A00;}

a.more6 {color: #CBB587; text-decoration: none; outline: none;} /* Light brown to orange (as in free lessons)*/
a.more6:hover {color: #D60;}

a.more7 {color: #069; line-height: 2.5em;  text-decoration: none; outline: none;} /* Blue to orange - index */
a.more7:hover {color: #D60;}

a.more8 {display: inline; color: #444; font-size: 100%; text-decoration: none; outline: none;} /* Grey to light grey  */
a.more8:hover {color: #999;} /* Header */

a.more9 {display: inline; color: #779373; font-size: 96%; text-decoration: none; outline: none;} /* Green to orange  */
a.more9:hover {color: #EC6A00;} /* Header only */

a.more10 {display: inline; color: #779373; font-size: 80%; text-decoration: none; outline: none;} /* Grey to light grey  */
a.more10:hover {color: #EC6A00;} /* Amazon header */

a.more11 {display: inline; color: #069; font-size: 1.2em; font-weight: bold; text-decoration: none; outline: none;} /* Grey to light grey  */
a.more11:hover {color: #F00;} /* listening comprehension exercise - Blue to red */

a.more12 {display: inline; color: #069; font-size: 1.2em; font-weight: bold; text-decoration: none; outline: none;} /* Grey to light grey  */
a.more12:hover {color: #6C0;} /* listening comprehension exercise - Blue to green */

a.more13 {display: inline; color: #F00; font-size: 96%; font-weight: bold; text-decoration: none; outline: none;}
a.more13:hover {color: #D60;} /* bookmark and tell a friend */

a.verylarge {display: inline; font-size: 160%; font-family: Georgia, Verdana, Arial, sans-serif; line-height: 1.3em; color: #C10000; text-decoration: none;} /* red to orange  */
a.verylarge:hover {color: #D60}

a.redMedium {display: inline; font-size: 100%; font-family: Georgia, Verdana, Arial, sans-serif; line-height: 1.3em; color: #C10000; text-decoration: none;} /* red to orange  */
a.redMedium:hover {color: #D60}

a.quote1 {display: inline; font-size: .98em; line-height: 2em; color: #666630;}
a.quote1:hover {color: #D60}

/* Colours  */

#beige {color: #F8F5E7;}
#blue {color: #069;}
#greenmenu {color: #779373;}
#greydeep {color: #383838;}
#greymedium {color: #808080;}
#reddeep {color: #C10000;}
#darkred {color: #900;}
#orange {color: #D60;}
#footerbrown {color: #EBE2BA;}



/* Lines or horizontal rules */ /* top, left, bottom, right */

hr.heading {height:1px; width:97%; background: #808080; margin: 15px 0px 10px 10px;} /* Below headings, between books */
hr.index {height:3px; width:100%; background: #CCC; margin: 5px 7px 5px 0px;} /* on index page */



/* Lists */

ul.list {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 5px;}
ul.list li {padding-bottom: 6px;}

ul.list2 {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: decimal; padding: 15px; margin: 20px;}
ul.list2 li {padding-bottom: 15px;}

ul.list3 {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: decimal; padding: 15px; margin: 20px; margin-top: 1mm;}
ul.list3 li {padding-bottom: 5px;}

ul.list3bis {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: lower-alpha; padding: 15px; margin: 20px;}
ul.list3bis li {padding-bottom: 5px;}

ul.list4 {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: circle; padding: 15px; margin: 5px;}
ul.list4 li {padding-bottom: 6px;}

ul.list5 {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: circle; padding: 8px; padding-bottom: 0px; margin: 5px;}
ul.list5 li {padding-bottom: 6px;} /* Shop only */

ul.list6 {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 5px; list-style-position: outside; list-style-type: square; padding: 8px; padding-left: 20px; margin: 5px;}
ul.list6 li {padding-bottom: 6px;} /* Shop only */

ul.indented {font-family: Verdana, Arial, sans-serif; line-height: 1.8em; color: #808080; text-decoration: none; text-indent: 50px; list-style-position: inside; list-style-type: square; padding: 5px; margin-left: 60px;}

ul.list7 {font-family: Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 5px; list-style-position: outside; list-style-type: circle; padding: 10px; padding-left: 20px; margin: 5px;}
ul.list7 li {padding-bottom: 6px;} /* Shop only */


/* Headers */

H1 {display: inline; font-size: 190%; font-family: "Century Gothic", Arial, sans-serif; line-height: 3em; color: #808080; font-weight: normal;}
H2 {display: block; font-size: 100%; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; font-family: Verdana, Arial, sans-serif; color: #C10000; font-weight: normal;} /* Index, sitemap, courses, */
H3 {display: inline; font-size: 97%; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; font-family: Verdana, Arial, sans-serif; color: #666630; font-weight: normal;} /* Sitemap,   */


/* Paragraphs */

p.membersLarge {display: inline; color: #E2C092; font-family: "Century Gothic", Arial, sans-serif; font-size: 250%; font-weight: normal;}  /* Website title */
p.membersLargeRed {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 250%; font-weight: normal;}   /* Website title */

p.membersLargeTiny {display: inline; color: #f90; font-family: "Century Gothic", Arial, sans-serif; font-size: 170%; font-weight: normal;}
p.membersLargeRedTiny {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 170%; font-weight: normal;}

p.membersTitle1 {display: inline; color: #808080; font-family: "Century Gothic", Arial, sans-serif; font-size: 200%; font-weight: normal;}
p.membersTitle2 {display: inline; color: #555; font-family: "Century Gothic", Arial, sans-serif; font-size: 200%; font-weight: normal;}
p.membersTitle3 {display: inline; color: #E32A15; font-family: "Century Gothic", Arial, sans-serif; font-size: 100%; line-height: 2em; font-weight: normal;}

p.membersGraySmall {display: inline; color: #808080; font-size: 90%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersGraySmallamember {display: inline; color: #808080; font-size: 80%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersGrayNormal {display: inline; color: #808080; font-size: 100%; line-height: 1.7em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersGrayLarge {display: inline; color: #808080; font-size: 110%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersGrayLargeBlock {display: block; color: #808080; font-size: 115%; line-height: 1.4em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersGreen {display: inline; color: #857E36; font-size: 90%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersBrownSmall {display: inline; color: #CBB587; font-size: 90%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersArticleTitle {display: block; color: #857E36; font-size: 100%; line-height: 1em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersArticleTitleamember {display: block; color: #857E36; font-size: 110%; line-height: 1em; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}
p.membersRedish {display: inline; color: #DD6600; font-size: 90%; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}


p.aStore {display: inline; color: #9D1717; font-family: Arial; font-size: 14px; font-weight: bold;}
p.black {display: inline; line-height: 1.7em; color: #000;}
p.blue {display: inline; color: #069;}
p.bottomgreen1 {color: #660; line-height: 1.2em; font-weight: bold;}
p.bottomgreen2 {color: #A3A376; line-height: 1.2em; font-weight: bold;}
p.center {display: inline; font-weight: bold;}
p.center1 {margin-top: 5px; margin-bottom: 15px; font-weight: bold;}
p.grayAOM {color: #808080; margin-top: 10px; margin-bottom: 0px;  font-size: 75%; font-style: normal; font-weight: bold;}
p.gray {display: inline; line-height: 1.3em; font-size: 90%; color: #808080;}
p.graysmall {display: inline; line-height: 1em; font-size: 82%; color: #808080;}
p.graymedium {display: inline; line-height: 1em; font-size: 100%; color: #596F85;}
p.graysmaller {display: inline; line-height: 1em; font-size: 70%; color: #596F85;}
p.grayb {display: inline; line-height: 4em; color: #808080;}
p.gray1 {display: inline; line-height: 1.2em; color: #808080;}
p.gray2 {display: inline; color: #808080; font-size: 95%; font-family: Verdana, Arial, sans-serif;}
p.gray3 {display: block; line-height: 1.7em; color: #808080;}
p.graybold {display: inline; color: #808080; font-weight: bold;}
p.graybold2 {display: block; color: #808080; font-weight: bold;}
p.graylarge {display: inline; color: #808080; font-size: 1.2em; font-weight: bold;}
p.graylarge2 {display: inline; color: #808080; font-size: 1.2em; font-weight: normal;}
p.graylarge3 {display: inline; line-height: 50px; font-family: "Century Gothic", Georgia, Verdana, Arial, sans-serif; font-size:170%; color:#808080; font-style: normal;} /* sign up page */
p.graylarge4 {display: inline; line-height: 50px; font-family: Verdana, Arial, sans-serif; font-size:170%; color:#808080;}
p.green {color: #663; margin-top: 0px; margin-bottom: 0px; font-weight: bold;}
p.subtitle {display: inline; line-height: 1.1em; color: #F96;}
p.darkred {color: #C10000; margin-top: 10px; margin-bottom: 0px;  font-style: italic; font-weight: bold;}
p.darkredlarger {color: #C10000; font-size: 160%; margin-top: 8px; margin-bottom: 0px;  font-style: italic; font-family: Georgia, Verdana, Arial, sans-serif; font-weight: normal;}
p.darkredlarger2 {color: #C10000; font-size: 150%; margin-top: 0px; margin-bottom: 0px;  font-style: normal; font-family: Verdana, Arial, sans-serif; font-weight: normal;}
p.darkred1 {color: #C10000; margin-top: 0px; margin-bottom: 10px; font-style: italic; font-weight: bold;}
p.darkred2 {color: #C10000; margin-top: 0px; margin-bottom: 15px; font-style: italic; font-weight: bold;}
p.darkred3 {color: #C10000; margin-top: 10px; margin-bottom: 15px; font-style: italic; font-weight: bold;}
p.darkred3a {color: #C10000; margin-top: 10px; margin-bottom: 15px; font-style: italic; font-weight: bold;}
p.darkred3izq {color: #C10000; text-align: left; margin-top: 10px; margin-bottom: 15px; font-style: italic; font-weight: bold;}
p.darkred4 {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-weight: bold;}
p.darkred4a {display: inline; color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-weight: bold;}
p.darkred4b {display: inline; color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: normal; font-weight: normal;}
p.darkred5 {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-style: italic; font-weight: normal;}
p.darkred6 {color: #C10000; margin-top: 10px; margin-bottom: 0px; line-height: 1.8em; font-style: italic; font-weight: bold;}
p.redlarge3 {display: inline; line-height: 50px; font-family: Georgia, Verdana, Arial, sans-serif; font-size:170%; color:#C10000; font-style: italic;}
p.darkred3inline {display: inline; color: #C10000; font-style: italic; font-weight: bold;}
p.darkred3normal {display: inline; color: #C10000; font-style: italic; font-weight: normal;}
p.darkredlarge {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-family: Georgia, Verdana, Arial, sans-serif; font-size: 1.5em; font-style: italic; font-weight: normal;}
p.darkredtoday {color: #C10000; margin-top: 0px; margin-bottom: 0px; font-size: 1.1em; font-style: normal; font-weight: normal;} /* today's words */
p.verydarkred {display: block; color: #A64A00; font-size: 1em; font-weight: bold;} /* text on title bars within content */
p.hyperlink {display: inline; color: #069} /* Text highlighted and linked within a grey paragraph  */
p.inline {display: inline; font-size: 110%; color: #069;} /* Small blue text lines on Index  */
p.inline2 {display: inline; color: #069;}
p.italic {display:inline; color:#808080; font-style:italic;}
p.large {display: inline; line-height: 70px; font-family: Georgia, Verdana, Arial, sans-serif; font-size:180%; color:#C10000;}
p.large2 {display: inline; line-height: 40px; font-family: Georgia, Verdana, Arial, sans-serif; font-size:180%; color:#C10000;}
p.largeblue {display: inline; line-height: 15px; font-family: Georgia, Verdana, Arial, sans-serif; font-size:180%; color:#069;}
p.largeorange {display: inline; line-height: 15px; font-family: Georgia, Verdana, Arial, sans-serif; font-size:150%; color:#D60;}
p.orange {color: #D60; margin-top: 0px; margin-bottom: 0px; font-weight: bold;}
p.proverb1 {display: inline; line-height: 1.7em; color: #990;}
p.proverb2 {display: inline; line-height: 1.7em; color: #808000;}
p.proverb3 {display: inline; line-height: 1.7em; color: #666630;}
p.quote1 {display: inline; font-size: .98em; line-height: 2em; color: #666630;}
p.script {color:#222; font-family: ZurichCalligraphic, BrushScript, Arial; font-size: 140%; line-height: 1.3em;}
p.verylarge {display: inline; font-size: 160%; font-family: Georgia, Verdana, Arial, sans-serif; line-height: 2em; color: #C10000;}
p.white {display: inline; line-height: 1.7em; color: #FFF;}
p.brown {display: inline; line-height: 1.7em; color: #9D6313; font-family: Verdana, Arial, sans-serif;}
p.brown1 {display: block; margin-top: 5px; color: #930;}


/* Lists */

ul.list {font-family: "Century Gothic", Verdana, Arial, sans-serif; line-height: 1.6em; color: #808080; text-decoration: none; text-indent: 0px; list-style-position: outside; list-style-type: square; padding: 15px; margin: 15px;}
ul.list li {padding-bottom: 6px;}


/* Members footer everywhere */

#footer {clear: both; background: #FFF;}
 	
#footer p {color: #FFF; position: relative; top: 0.4em; text-align: center; padding: 1.5em 0; font: 70% "Century Gothic", Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 2.5em; background: #D15A0C;}

	 

/* General text rollover/menu - Blue to orange with orange side bars */

#navcontainer3 {margin-left: 20px; margin-right: 20px;}

#navcontainer3 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, sans-serif;
}

#navcontainer3 li {margin: 0;}

#navcontainer3 a
{
display: block;
padding: 8px 2px 8px 5px;
width: 450px;
color: #069;
background-color: #F8F5E7;
text-decoration: none;
text-align: left; 
border-bottom: 1px solid #069;
border-right: 10px solid  #F8F5E7;
border-left: 10px solid  #F8F5E7;
background-image: none;
}

#navcontainer3 a:hover
{
color: #EC6A00; 
background-color: #F8F5E7;
text-decoration: none;
border-bottom: 1px solid  #EC6A00;
border-right: 10px solid  #EC6A00; 
border-left: 10px solid  #EC6A00;
background-image: none
}


#navcontainer3 a:visited
{
color: #A64A00;
border-bottom: 1px solid  #A64A00;
}

#navcontainer3 a:visited:hover
{
color: #EC6A00;
border-bottom: 1px solid  #EC6A00;
}

/* End of general text rollover - blue to orange */


/* General text rollover/menu 2 - Blue to orange with orange side bars - Wider - Podcasts*/

#navcontainer5 {margin-left: 5px; margin-right: 5px;}

#navcontainer5 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, sans-serif;
}

#navcontainer5 li {margin: 0;}

#navcontainer5 a
{
display: block;
padding: 8px 2px 8px 5px;
width: 560px;
color: #069;
background-color: #F8F5E7;
text-decoration: none;
text-align: left; 
border-bottom: 1px solid #069;
border-right: 10px solid  #F8F5E7;
border-left: 10px solid  #F8F5E7;
background-image: none;
}

#navcontainer5 a:hover
{
color: #EC6A00; 
background-color: #F8F5E7;
text-decoration: none;
border-bottom: 1px solid  #EC6A00;
border-right: 10px solid  #EC6A00; 
border-left: 10px solid  #EC6A00;
background-image: none
}


#navcontainer5 a:visited
{
color: #A64A00;
border-bottom: 1px solid  #A64A00;
}

#navcontainer5 a:visited:hover
{
color: #EC6A00;
border-bottom: 1px solid  #EC6A00;
}

/* End of general text rollover 2 - blue to orange - Podcasts*/


/* General children's rollover */

#navcontainer4 {margin-left: 20px; margin-right: 20px;}

#navcontainer4 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, sans-serif;
}

#navcontainer4 li {margin: 0;}

#navcontainer4 a
{
display: block;
padding: 8px 2px 8px 5px;
width: 450px;
color: #069;
background-color: #F8F5E7;
text-decoration: none;
text-align: left; 
border-bottom: 1px solid #069;
border-right: 10px solid  #F8F5E7;
border-left: 10px solid  #F8F5E7;
background-image: none;
}

#navcontainer4 a:hover
{
color: #EC6A00; 
background-color: #F8F5E7;
text-decoration: none;
border-bottom: url(gfx/Line_Red.gif);
border-right: 10px solid  #EC6A00; 
border-left: 10px solid  #EC6A00;
background-image: none
}


#navcontainer4 a:visited
{
color: #A64A00;
border-bottom: 1px solid  #A64A00;
}

#navcontainer4 a:visited:hover
{
color: #EC6A00;
border-bottom: 1px solid  #EC6A00;
}

/* End of children's text rollover */



/* General text rollover/menu - white background */

#navcontainerWhite {margin-left: 20px; margin-right: 20px;}

#navcontainerWhite ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, sans-serif;
}

#navcontainerWhite li {margin: 0;}

#navcontainerWhite a
{
display: block;
padding: 8px 2px 8px 5px;
width: 450px;
color: #069;
background-color: #FFF;
text-decoration: none;
text-align: left; 
border-bottom: 1px solid #069;
border-right: 10px solid  #FFF;
border-left: 10px solid  #FFF;
background-image: none;
}

#navcontainerWhite a:hover
{
color: #EC6A00; 
background-color: #FFF;
text-decoration: none;
border-bottom: 1px solid  #EC6A00;
border-right: 10px solid  #EC6A00; 
border-left: 10px solid  #EC6A00;
background-image: none
}


#navcontainerWhite a:visited
{
color: #A64A00;
border-bottom: 1px solid  #A64A00;
}

#navcontainerWhite a:visited:hover
{
color: #EC6A00;
border-bottom: 1px solid  #EC6A00;
}

/* End of general text rollover - blue to orange */


/* Expandable literature, etc. menu */

#menu {
  margin:0; 
  padding:0; 
  height:37em; 
  overflow:hidden; 
  background:#900;
  }
#menu li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#menu li a {
  display:block; 
  text-decoration:none; 
  color:#000; 
  margin:0; 
  width:100%;
  }
#menu li a span {
  display:none; 
  color:#EBE2BA;
  }
#menu li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#menu li a:hover {
  background:#F0EACE;
  }
#menu li a:hover span {
  display:block; 
  color:#900; 
  height:15em; 
  margin:0 10px; 
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px; 
  padding:0; 
  color:#C2C6B9; 
  font-variant:small-caps; 
  font-size:1.3em; 
  border:0;
  }
#menu .h3 {
  margin:0 10px; 
  padding:0; 
  font-size:1.1em; 
  color:#6F6F6F
  }
#menu img {
  margin:5px 5px 5px 0; 
  border:1px solid #FC9; 
  float:left;
  }
.curved {
  width:41em;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#EBE2BA;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#CBB587; 
  border-left:1px solid #CBB587; 
  border-right:1px solid #CBB587;
  }
.curved .b1 {
  margin:0 4px; 
  background:#CBB587;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#CBB587;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #CBB587; 
  border-right:1px solid #CBB587; 
  font-size:1em;
  line-height:1.5em;  
  text-align:justify;
  }

/* End of expandable literature menu  */


/* Vertical drop down menu */

#dropmenudiv1{
position:absolute;
background-color: #FFF; /* menu 2 background */
border: 1px solid gray; /* menu 2 sides and top */ 
border-bottom-width: 0 solid gray;
font:normal 100% Verdana, arial, sans-serif;
line-height: 1.5em;
z-index:100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

#dropmenudiv1 a{
width: 100%;
display: block;
text-indent: 10px;
border-bottom: 1px solid gray; /* menu 2 */
padding: 3px 0px 3px 0px; /* top, sth, bottom, sth */ 
text-decoration: none;
font-weight: normal;
}

#dropmenudiv1 a:hover{ /*hover background color in menu 2 */
background-color: #EEE;
}


/* Menu - Store */

.navlist li {
list-style-type: none;
border: 1px solid gray; 
text-indent: 10px; 
width: 264px; /* main menu width */ 
padding: 3px 0px 8px 0px; /* top, sth, bottom, sth */ 
background-color: #FFF; /* main menu color */
}

.navlist li a{
background-color: #FFF;
}

.navlist li a:hover{ 
background-color: #FFF;
}


/* End of vertical drop down store menu */


/* Menu - Links-bookworld */

.navlistlb li {
list-style-type: none;
border: 1px solid gray; 
text-indent: 10px; 
width: 248px; /* main menu width */ 
padding: 3px 0px 8px 0px; /* top, sth, bottom, sth */ 
background-color: #FFF; /* main menu color */
}

.navlistlb li a{
background-color: #FFF;
}

.navlistlb li a:hover{ 
background-color: #FFF;
}

/* End of vertical drop down links-bookworld menu */



/* Spanish members header starts here */

#chromemenuMembers{
width: 768px;
}

#chromemenuMembers:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenuMembers ul{
border: 0px;
width: 768px;
background-color: #D15A0C;  /* Menu bar colour - sides only */
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-top: 10px; 
padding-bottom: 10px; 
margin: 0;
float: center; 
text-align: center; 
font-family: "Century Gothic", Arial, sans-serif; 
font-size: 70%; 
font-weight: normal;
}

#chromemenuMembers ul li{
display: inline;
}

#chromemenuMembers ul li a{
float: center;
color: #FFF;
font-weight: normal;
padding: 9px 9px 9px 9px; /* top, right, bottom, left - distance between items */
text-decoration: none;
background-color: #D15A0C;  /* Menu bar colour - behind items */
}

#chromemenuMembers ul li a:hover{
color: #D60;
background-color: #FFF;
}

#chromemenuMembers ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(gfx/arrowdown.gif); /* It works only in Firefox - uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position: absolute;
top: 0;
border: 0px
border-bottom-width: 0px;
font-family: "Century Gothic", Arial, sans-serif;
font-size: 100%; 
line-height: 4px;
z-index: 100;
background-color: #FFF;
width: 140px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 10px;
padding: 0px 0px 3px 0px;
text-decoration: none;
font-weight: normal;
color: #606060;
font-weight: normal;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #F4F1D5;
}

.dropmenudiv a:visited{ 
color: #D60;
background-color: #FFF; 
font-weight: normal; 
}

.dropmenudiv a:visited:hover{ 
background-color: #F4F1D5;}

/* End of members Header */



/* left menu vertical wide */

#navcontainerleft1 { margin-left: 16px; }

#navcontainerleft1 ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: "Century Gothic", Arial, sans-serif;
}

#navcontainerleft1 li { margin: 0; }

#navcontainerleft1 a
{
display: block;
padding: 8px 8px; /* top and bottom , left and right */
width: 150px;
color: #C10000;
background-color: #EBE2BA;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
font-weight: bold;
font-size: 96%;
}

#navcontainerleft1 a:hover
{
color: #555;
background-color: #E2C092;
text-decoration: none;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}

#navcontainerleft1 ul ul li { margin: 0; }

#navcontainerleft1 ul ul a
{
display: block;
padding: 6px 6px 6px 20px;
width: 140px;
color: #666;
background-color: #F8F5E7;
text-decoration: none;
font-weight: normal;
}

#navcontainerleft1 ul ul a:hover
{
color: #C10000;
background-color: #F1DAB8;
text-decoration: none;
}

/* end of left vertical menu wide */


/* Button rollover - contact us today/now button */

#contactUs
{
  display: block;
  width: 121px;
  height: 37px;
  background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-contact-us-today.jpg") no-repeat 0 0;

}

#contactUs:hover
{ 
  background-position: 0 -37px;
}

#contactUs span
{
  display: none;
}

/* End of contact us today/now button rollover */




/* Button rollover - contact Maria button rollover */

#contactMaria
{
  display: block;
  width: 121px;
  height: 37px;
  background: url("http://for-sale-cheap.com/spanish_for_beginners_members/gfx/rollover-contact-maria.jpg") no-repeat 0 0;

}

#contactMaria:hover
{ 
  background-position: 0 -37px;
}

#contactMaria span
{
  display: none;
}

/* End of contact Maria button rollover */






/* Members Only style sheet */


