/* This one is the CSS for the scott jones media prehistoria 2005 jcburns http://www.jcbd.com*/

body {
   font-size: 10px;
      }

h1
{
	font-family: "Papyrus", Palatino, Times-Roman, serif;
	font-size: 1.6em;
	line-height: 100%;
	color: #6B5244;
}

h2
{
	color: #800D00;
	font-weight: bold;
	font-size: 1.4em	;
	font-family: "Papyrus", Palatino, Times-Roman, serif;}


h3
{
	color: #800D00;
	font-weight: bold;
	font-size: 1.3em	;
	font-family: "Papyrus", Palatino, Times-Roman, serif;}

A
{
	text-decoration: none;
	color: #800D00;
	font-weight: bold;
}


a:hover
{
	text-decoration: underline;
	color: #800D00;
}

#bg
{
	background-image: url(images/medprehis_bg.jpg);
	background-position: 0 0;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-color: #FFEDBE;
	color: #000000;
	margin: 10px 10px 0px 10px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	text-align: left;
}	
.topimage
{
	position: absolute;
	left: 0px;
	height: 184px;
	margin: 0px;
	width: 800px;
	margin: 0px;
	text-align: left;
	background-image: url(images/medprehis-header.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
}
.topimage h1 {
		display:none;
	}

.article, .article2, #leftdude
{
	color: #333366;
	background-color: #FFF6DA;
	margin-right: 0px;
	margin-bottom: .5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.4em;
	line-height: 130%;
	border: solid 1px #333366;
}

.article2 { background-color: #FFFAF2; }

#centercontent {
position: absolute;
left: 24em;
top: 16em;
width: 48em;
	voice-family: "\"}\"";
	voice-family: inherit;
	left: 23em;
	width: 48em;

}

#centercontentwide {
position: absolute;
left: 24em;
top: 16em;
width: 62em;
	voice-family: "\"}\"";
	voice-family: inherit;
	left: 23em;
	width: 62em;

}


#centercontentwide2 {
position: absolute;
left: 22em;
top: 13em;
width: 62em;
	voice-family: "\"}\"";
	voice-family: inherit;
	left: 21.5em;
	width: 62em;

}


#menu
{
    position: absolute;
    top: 16em;
	width: 19em;
	padding: 0 0 .6em 0;
	margin-bottom: .6em;
	font-family: "Trebuchet MS", verdana, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	font-size: 1.1em;

	color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 19em;
}

#menu ul {
		list-style: none;
		margin: 0;
		padding: 0px;
		border: none;
		font-size: 1.1em;
		}
		
#menu li {
		border: 1px solid #F1D6A6;
		background-color: #333366;
		margin: 2px;
		padding:2px;
		line-height: 12px;
		}
		
#menu li a {
	display: block;
	padding: 3px 3px 3px 0.5em;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	width: 130px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 130px;
}

#menu li.special { background-color: #2F5C57; }

html>body #menu li a {
		width: auto;
		}

#menu #currentplace, #menu #currentplace a
{
	color: #FFF;
	background-color: #963A1C;
}

#menu li a:hover
{
	background-color: #787FCB;
	color: #FFF;
}

.topline
{
	font-family: "Trebuchet MS", verdana, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	letter-spacing: .3em;
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	padding-left: 10px;
	position: relative;
	top: -5px;
}

.right{
    position: absolute;
    left: 66em;
    top: 11em;
    width:12em;
	color: #336666;
	margin-right: 0px;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 0em;
	font-family: "Trebuchet MS", verdana, "lucida grande", "lucida sans unicode", helvetica, arial, sans-serif;
	font-size: 1.1em;
	line-height: 110%;
}

.right li
{
	list-style: none;
	margin: 0;
	width: 100%;
	position: relative;
	left: -40%;
	margin-bottom: 12px;
	padding: 10px;
	background-color: #FFF6DA;
}

.locale
{
	margin-top: .5em;
	border: solid 4px #DDD;
}

.pict
{
	margin-top: .5em;
	border: solid 3px #DDD;
}

.pict2, #changable
{
	margin-top: 1em;
	margin-bottom: 1em;
	border: solid 6px #DDD;
}

.pict3
{
	margin-top: 1em;
	margin-bottom: 1em;
	float: right;
	border-color: #7F5140;
	border-width: 4px;
	border-style: solid;
}

.pict4
{

	margin-bottom: 1em;
	float: right;
	border-color: #7F5140;
	border-width: 4px;
	border-style: solid;
}


.pictcentered
{
	margin: 0em;
	/*border: solid 3px #DDD;*/
}

.pictquestion
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	/*border: solid 3px #DDD;*/
}


.leftimage
{
	float: right;
	background-color: none;
	padding: 2%;
	margin-top: .5em;

}

.imageleft
{
	float: left;
	background-color: none;
	padding: 2%;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 3px;
}

#letable tr{
background-color: #FFF;
}

#letable td{
width: 40%;
}


.left_type{
	font-family: Verdana, Geneva, "Lucida Grande", sans-serif;
	font-size: 13px;
	color: #470000;
		background-color: #fff4db;
	padding-left: 10px;
}

.boxonleft
{
	color: #003333;
	background-color: #fff4db;
	margin-right: .2em;
	margin-bottom: .2em;
	margin-top: .5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	font-family: Verdana, Geneva, "Lucida Grande", sans-serif;
	font-size: 10px;
	line-height: 150%;
	border-color: #8E4242;
	border-width: 3px;
	border-style: double;
}

.boxonleft h3
{
 	font-size: 14px
}

.questionID, .nextprev
{
	font-size: 16px;
	color: #FFF;
	background-color: #444E71;
	display: block;
	padding: 1px 0px 1px .5em;
	border-width: 5px;
	border-color: #CCF;
}

.nextprev
{
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
}

#questionhidden
{
visibility:hidden;
}



#bottominfo
{
	color: #003333;
	background-color: #fff4db;
	margin-right: .2em;
	margin-bottom: .2em;
	margin-top: .5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .2em;
	font-family: Verdana, Geneva, "Lucida Grande", sans-serif;
	font-size: 1.4em;
	line-height: 130%;
	border-color: #8E4242;
	border-width: 3px;
	border-style: double;

}

.nextprev a
{
	font-family: Verdana, Geneva, "Lucida Grande", sans-serif;
	color: #C4D8FE;
}