/* These styles are called from the point of their inclusion in head.inc, not from the point of the inclusion of head.inc into whatever. This affects the url addresses in background-image directives. */

BODY {color:#000000;}


/* ------------------------------------------------------------------------------------------------- */
/* Opening page styles */

BODY.splashPage, BODY.defaultPage { background-color:#ffffff; color: #ffffff; margin-bottom:60px;}

#fadedText {position:absolute; left:50%; margin-left:-225px; top:220px; width:450px; color:rgb(255,255,255);}

#fadedText p {text-indent:2em; font-family:times, serif; font-size:14px; font-weight:normal; line-height:16px; text-align:left; margin-top:0em; margin-bottom:0em; }

#fadedText P:first-child {text-indent:0em;} 

EM {font-style:italic }

#picture, .defaultPage a {display:block; position:absolute; left:50%; margin-left:-75px; top:50px; height:150px; width:150px;}

.defaultPage a {background-image:url(../bike0.jpg);}
.defaultPage a:hover {background-image:url(../bike1.jpg);}

.firstline {text-indent: 0em }

/* ------------------------------------------------------------------------------------------------- */
/* Contents page styles */

#navPanel {position:fixed; left:20px; top:80px; width:180px; z-index:1; padding-bottom:10px;}

BODY.contents { background-color:#ECEAD1; color: #6c2c17 }

.contents P { font: normal 13px verdana, sans-serif; line-height: 15px }

a {color:#cc3300; text-decoration:none}

.navHeads, .current {margin-top:2em; color:#6c2c17; letter-spacing:0.1em;}
.navHeads a:link {color:#be9a8e;}
.navHeads a:visited {color:#be9a8e;}
.navHeads a:hover {color:#6c2c17;}
.current a {color:#6c2c17; text-decoration:none;}

.header { font-family: verdana, helvetica, sans-serif; font-size: 26px; line-height: 30px; letter-spacing: .2em; width: 450px }
.headL {display: inline; font-weight: bold; text-align: left; }
.headR {display: inline; font-weight: bold; text-align: right; }
.bodyL {position:static; width:450px; border-width:0px; font-weight: normal; font-size: 13px; text-align: left; margin-top: 10px; }
.bodyR {position:static; width:450px; border-width:0px; font-weight: normal; font-size: 13px; text-align: right; margin-top: 10px; }

EM {font-style: italic}
.right { display:inline; 
	float:right; 
	margin-bottom:2em; 
	margin-left:.5em }
.left { display:inline; 
	float:left;
	margin-bottom:2em; 
	margin-right:.5em }

/* ------------------------------------------------------------------------------------------------- */
/* MOPI styles */


#floatingPanel {position:absolute; left:50%; top:20px; margin-left:-393px; width:746px; padding:20px; background-color:white; }

#floatingPanel p {font-family:times,serif; font-size:16px; font-weight:normal; line-height:1.2; text-align:left; margin-top:0px; margin-bottom:0px; font-style:normal; text-decoration:none; text-indent:2em; color:#000000;}

#floatingPanel h1 {font-family:arial,sans-serif; font-size:20px; font-weight:bold; line-height:1.2; text-align:center; margin-top:7px; margin-bottom:7px; font-style:normal; text-decoration:none; text-indent:0em; color:#000000;}

body.mopi {background-color:#77827a; background-image:url(../mopi/media/backImage.jpg); background-attachment:fixed; color:#000000}

#textPanel {position:relative; margin-top:20px; background-color:#ffffff; width:746px;}

#picDiv {position:relative; border-width:0px; margin:0px; padding:0px;}

#picDiv p {color:#000000; font-family:verdana,sans-serif; font-size:12px; font-weight:normal; text-indent:0px;}

#documentList {position:absolute; left:40px; top:50px; }

#documentList p, #documentList a {display:block; color:#000000; font-family:verdana,sans-serif; font-size:13px; line-height:1.6; font-weight:normal; text-indent:0em; }

#documentList a {color:#999999; cursor:pointer;}
#documentList a:hover {color:black; text-decoration:none}

#documentText {position:relative; left:380px; width:350px; background-color:#ffffff;}

#documentText p {width:350px; font-family:arial,sans-serif; font-size:14px; font-weight:normal; line-height:1.4; text-align:left; margin:0em; padding-left:0px; font-style:normal}

#documentText p.noIndent {text-indent:0em;}

#documentText p.header {margin-bottom:.5em; font-weight:bold; text-transform:uppercase; letter-spacing:5px; font-size:12px; text-indent:0em; margin-bottom:1em;}

#documentText p.characterHead {font-weight:bold; text-indent:0em; margin-bottom:1em;}

#documentText p.bold {font-weight:bold}

#documentText p.interviewer {margin-top:.5em; font-style:italic; text-indent:0em;}

#documentText p.interviewee {margin-top:.5em; font-style:normal; text-indent:0em;}

#documentText p.byline {margin-top:.5em; text-align:right; }

#documentText a {color:#5e5c33; text-decoration:none}
#documentText a:hover {color:#000000; text-decoration:none}


#sidebarBox {position:absolute; background:#fefbd4; padding:0px; border:solid medium #5e5c33; z-index:3;}

#sidebarBox p {font-family:arial,sans-serif; font-size:12px; font-weight:normal; line-height:14px; text-align:left; text-indent:0em; margin:20px; z-index:3;}

#sidebarBox p.divider, #documentText p.divider {text-align:center; font-weight:normal; padding-top:6px; }

*.hotBut {color:#5e5c33; cursor:pointer; }

.lineSpace {margin-top:.5em}

.book {font-style:italic}


#navDiv {position:fixed; left:10px; top:540px; height:30px; background-color:transparent; z-index:3; visibility:visible;}

#navDiv img.navImage {width:140px; height:30px; border:solid #5e5c33 1px; margin:0px}

/* ------------------------------------------------------------------------------------------------- */
/* WebNotes styles */
/* See stylesWebNotes.css */
/* ------------------------------------------------------------------------------------------------- */
/* Stories and About styles */

BODY.stories {background-color:#D4D9C7; margin-bottom:60px;}

#txtDiv, #aboutDiv {position:absolute; left:50%; top:40px; width:540px; padding-bottom:60px; margin:0 0 50px -220px; background-color:#F6F5F0; z-index:1; border:1px solid #424D81;}

#illoDiv {margin:20px 0 40px 20px; width:500px; }

h1 {font-family: arial; font-size: 16pt; font-weight: normal; line-height: 1.6; text-align: center; margin-top: 0em; margin-bottom: 1em}

#txtDiv P, #aboutDiv P {text-indent: 2em; font-family: "times new roman", serif; font-size: 13pt; font-weight: normal; line-height: 1.5; text-align: left; margin:0px 20px 0px 20px;}

#txtDiv P.firstLine, #aboutDiv P.firstLine {text-indent:0em;}

EM {font-style: italic }

#txtDiv P.indent {text-indent: 1em}

#txtDiv P.divider {text-align: center; font-weight: bold; line-height: 2.5; margin-top: 1 }

#txtDiv P.noindent {text-indent: 0; margin-top: 0em }

p.navHeads, p.current {text-indent:0px; font:normal 13px verdana, sans-serif; line-height:15px; margin-top:2em; margin-left:0px; color:#000000; letter-spacing:0.1em; text-decoration:none;}

.stories p.navHeads a:link {color:#424D81;}
.stories p.navHeads a:visited {color:#424D81;}
.stories p.navHeads a:hover {color:#000000;}
.stories p.current a {color:#000000;}

/* ------------------------------------------------------------------------------------------------- */
/* About styles */

#aboutDiv p {font-family:arial,sans-serif; font-size:14px;}

#aboutDiv a:link {color:#424D81;}
#aboutDiv a:visited {color:#424D81;}
#aboutDiv a:hover {color:#000000;}