/* Generic Selectors */

body       { color: black; font-size: 80%; font-family: geneva, verdana, helvetica, arial, sansserif; background: #f1f1f1; margin: 0; padding: 0; text-align: center; width: 100%; height: auto }

p  { font-size: 1.1em; line-height: 1.3em; color: black; display: block; margin: 0; padding: 0; }

ul  { list-style-type: none; margin: 0; padding: 0; text-decoration: none; }

li  { font-size: 1em; line-height: 1.2em; text-indent: 10%; }

a   { text-decoration: none; }

/* classes */

.xsmallfont  { font-family: verdana, helvetica, arial, sansserif; font-size: .8em; line-height: 1em; }

.clickhere     { font-size: 1.2em; font-weight: bold; background-color: transparent; text-align: center; display: inline; margin: 5% 0% 0% 0%; width: 100px; height: 100px; float: right; valign: top; border: dashed 4px #27d03a; }

.tonygary     { display: block; margin: 2% 2% 2% 2%; width: 200px; height: 165px; float: left; valign: top; }

.orphaned      { display: block; margin: 2%; width: 300px; height: 91px; float: left; clear: both; valign: top }

.bold  { font-weight: bold; }

.boldblue   { color: #232f8d; font-style: oblique; font-weight: bold }

.spacer  { display: inline; line-height: .5em; }

.marthafont   { font-size: 1.1em; font-family: Comic Sans MS; line-height: 1.2em }

.parafont   { font-size: 1.2em; font-family: Comic Sans MS; line-height: 1.3em }

.parafont1   { font-size: 1.5em; font-family: Comic Sans MS; font-weight: bold; color: #232f8d; line-height: 1.1em }


/* Pseudo classes */


a:link     { color: #232f8d; font-weight: bold; text-decoration: none }

li a:link   { color: #232f8d; font-weight: bold; text-decoration: none }

a:visited    { color: #232f8d; font-weight: lighter; text-decoration: none }

li a:visited   { color: #232f8d; font-weight: lighter; text-decoration: none }

a:hover   { color: yellow; font-weight: lighter; text-decoration: none; padding: 0 }

li a:hover   { color: yellow; font-weight: lighter; text-decoration: none; padding: 0 }

a:active  { color: #232f8d; font-weight: bold; text-decoration: none; }

li a:active  { color: #232f8d; font-weight: bold; text-decoration: none; }

/* homepage */

#box   { background: #cdcdba url("newbackhome3.jpg") no-repeat; text-align: left; display: block; margin: 0 auto; padding: 0; width: 900px; float: none }

#header     { font-size: 1.3em; text-align: center; display: block; margin: 0; padding: 0; width: 98%; float: none }

#googlebanner    { text-align: center; display: block; margin: 0; padding: 0; width: 98%; float: none }

#navigation    { font-size: 1.3em; text-align: center; display: block; margin: 0; padding: 2% 0 2% 0%; width: 98%; float: none }

p.nav1       { display: block; margin: 0; padding: .5% 0 .5% 0; }

#container   { text-align: center; display: block; margin: 0 auto; padding: 0; width: 98%; }

#contenthome1     { text-align: left; display: block; margin: 0; padding: 1% 0 0 1%; width: 48%; float: left }

p.left1       { display: block; margin: 0; padding: 0% 0% 7% 0%; width: 85%; }

p.left2     { display: block; margin: 0; padding: 0% 0% 7% 0%; width: 85%; }

p.left3    { display: block; margin: 0; padding: 0% 0% 7% 0%; width: 85%; }

p.right3    { display: block; margin: 0; padding: 0% 0% 0% 0%; width: 85% }

p.right4    { display: block; margin: 0; padding: 0% 0% 0% 0%; width: 85%; }

#contenthome2    { text-align: left; display: block; margin: 0; padding: 1% 0% 0 0; width: 48%; float: left }

p.right1     { display: block; margin: 0; padding: 0% 0% 7% 10%; width: 85%; }

p.right2    { display: block; margin: 0; padding: 7% 0% 7% 15%; width: 85%; }


#footer   { font-size: 0.9em; line-height: 1em; background-color: #f1f1f1; text-align: center; display: block; margin: 0; padding: 0; width: 100%; float: none; clear: both; border-top: 4px ridge #2b3aad }

/* cdpage */

#contentcd1     { text-align: left; display: block; margin: 0; padding: 2% 1% 0 15%; width: 40%; float: left }

p.cdleft1  { text-align: right; display: block; margin: 0; padding: 0; width: 100%; height: 325px; }

p.cdleft4  { color: #2b3aad; font-family: verdana, helvetica, arial, sansserif; font-size: .95em; font-style: oblique; line-height: 1em; display: block; margin: -100px 0 0 0; padding: 0; width: 100%; height: 75px }

p.cdleft2  { text-align: right; display: block; margin: 0; padding: 30px 0px 0px 0px; width: 100%; height: 325px; }

p.cdleft3  { color: #2b3aad; font-family: Comic Sans MS; font-size: 1.1em; font-style: oblique; line-height: 1.2em; display: block; margin: -15% 5%   0% -20%; padding: 0 0 0 0; width: 100%; height: auto }

#contentcd2    { text-align: left; display: block; margin: 0; padding: 2% 0 0; width: 25%; height: 800px; float: left }

p.cdright1     { display: block; margin: 0; padding: 0px 0px 0px 0px; width: 100%; }

p.cdright2     { display: block; margin: 0; padding: 20px 0px 0px 0px; width: 100%; }

/* solopage */

#contentsolo1     { font-family: Comic Sans MS; font-size: 1.1em; text-align: left; display: block; margin: 0; padding: 0; width: 80%; height: auto; float: left }

p.sololeft1      { display: block; float: left; margin: 0& 0% 0% 0%; padding: 1% 1% 1% 15%; width: 87%; }

p.sololeft       { display: block; float: left; font-size: 1.4em; margin: 0; padding: 1% 1% 1% 15%; width: 87%; }

#contentsolo2     { text-align: left; display: block; margin: 0; padding: 0 0 0 10%; width: 90%; height: 400px; float: left }

p.sololeft2      { display: block; float: left; margin: 0% 10% 0% 0%; padding: 0% 10% 0% 0%; width: 40%; }

p.sololeft3      { display: block; float: left; margin: 0% 0% 0% 10%; padding: 0% 0% 0% 10%; width: 40%; }


/* biopage */

#contentbio   { font-size: 0.9em; line-height: 0.95em; text-align: left; display: block; margin: 0; padding: 0 0 0 5%; width: 45%; height: auto; float: left }

p.bioleft1  { display: block; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 93%; }

p.bioleft2  { display: block; margin: 0% 0% 0% 0%; padding: 2% 0% 0% 0%; width: 93%; }

p.bioleft3  { display: block; margin: 0% 0% 0% 0%; padding: 2% 0% 0% 0%; width: 93%; }

#contentbio2   { font-size: 0.9em; line-height: 0.95em; text-align: left; display: block; margin: 0; padding: 0 0 0 1%; width: 45%; height: auto; float: left }

p.bioright1  { display: block; margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 93%; }

p.bioright2  { display: block; margin: 0% 0% 0% 0%; padding: 2% 0% 0% 0%; width: 93%; }

p.bioright3  { display: block; margin: 0% 0% 0% 0%; padding: 2% 0% 0% 0%; width: 93%; }

/* favorites */

#contentfav     { text-align: left; display: block; margin: 0; padding: 1% 1% 0% 5%; width: 40%; height: auto; float: left }
#contentfav2     { text-align: left; display: block; margin: 0; padding: 1% 1% 0% 5%; width: 40%; height: auto; float: left }

/* martha's page */
#contentmartha1     { text-align: left; display: block; margin: 0; padding: 1% 0 0 5%; width: 35%; float: left }
p.marleft1       { display: block; margin: 0; padding: 0% 0% 7% 0%; width: 85%; }
p.marleft2       { display: block; margin: 0; padding: 0 5% 7% 0; width: auto; clear: both }


#contentmartha2    { text-align: left; display: block; margin: 0; padding: 1% 5% 0 -10%; width: 35%; float: left }
p.marright1     { display: block; margin: 0; padding: 0% 5% 7% 0%; width: 70%; }

#contentmartha3    { text-align: left; display: block; margin: 0; padding: 0 0 0 2%; width: 95%; float: left }
p.marleft3      { display: block; margin: 0; padding: 0% 0% 2% 0%; width: 70%; }

#contentmartha4    { text-align: left; display: block; margin: 0; padding: 0 0 0 2%; width: 35%; float: left }
p.marleft4      { display: block; margin: 0; padding: 0% 0% 2% 0%; width: 70%; }


h2   { font-family: Comic Sans MS; font-size: 1.2em; font-weight: bold; margin: 0% 0% 0% 0%; padding: 1% 1% 1% 1% }

ul.fav { list-style-type: none; margin: 0; padding: 0; text-decoration: none; }

li.fav  { font-size: 1em; line-height: 1.2em; text-indent: 5%; }

li.fav a:link   { color: #232f8d; font-size: 1em; line-height: 1.2em; font-weight: normal; text-decoration: none }

li.fav a:hover  { color: yellow; font-weight: normal; padding-bottom: 0; text-decoration: none; }