/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

div#pages {
/*border:1px red solid;*/
position:fixed;
z-index:9;
left:10px;
top:10px;
}

div#content {
position:absolute;
left:0px;
top:0px;
padding-bottom:50px;
border-top: #FFFF00 20px solid;
padding-top:15px;
}

div.talkie {
	padding-top:10px;
	font-size:14px;
color:#999999;
width:500px;
}

li {
	padding-bottom:10px;
	width:446px;
}

div#framedPages {
text-align:right;
position:absolute;
top:20px;
left:20px;
}

span.lines {
	color:#F00;
}


/** all the <a> tags of the image contain id="justincase" -- in case you need more control over display */
a.justincase:link, a.justincase:visited {color:#cccccc;}
a.justincase:hover, a.justincase:active {color: #FF0000;}

div.navi {
}

a.navi:link, a.navi:visited {font-size:24px; color: #999999; text-decoration:none;}
a.navi:hover, a.navi:active  {font-size:24px; color: black; text-decoration:none;}

a.talkie:link, a.talkie:visited {color: black; text-decoration:none; font-size:14px;}
a.talkie:hover, a.talkie:active {color: black; text-decoration:underline; font-size:14px;}

/** this will control the + and - signs (all other links on page assigned id's) */

a:link, a:visited { font-size:32px; font-weight: lighter; color: #999999; text-decoration:none;}
a:hover, a:active { font-size:32px; font-weight: lighter; color: black; text-decoration:none;}

.settitles {
font-size:24px;
color:#FF0000;
}

img {
height:570px;
border:1px solid;
}

/* EXTRANEOUS CODE

iframe {
height:670px;
width:510px;
border:none;
}

div#talkies {
position:absolute;
left:540px;
top:100px;
}


*/