@font-face 
{
	font-family: "DroidSerif";
	src: url("DroidSerif-Regular.eot");
}

@font-face 
{
	font-family: "DroidSerifT";
	src: url("DroidSerif-Regular.ttf") format("truetype");
}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,td,div
{
	font-family: DroidSerifT, DroidSerif, Palatino Linotype, Nimbus Roman No9 L, Palatino, Georgia, Times New Roman, serif; 
	font-size:15px;
	line-height:23px;
	margin:0px;
	padding:0px;
	text-align:left;
}

a:link,
a:visited,
a:link h3,
a:visited h3
{
	color:#A00;
	text-decoration:none;
}

a h4,
div.splistlocation,
ul.catlist li a
{
	color:#000;
}

ul.catlist li
{
	margin-top:10px;
}

a h3
{
	display:inline;
}

div.navitop a:hover,
div.navibottom a:hover,
div.buttonlink a:hover,
div.buttonframe a:hover,
div.sidecontent a:hover,
div.maincontent h3 a:hover,
div.maincontent p a:hover,
div.link a:hover,
a h3:hover
{
	color:#C00;
	border-bottom:dashed 1px #B00;
}

td
{
	vertical-align:top;
}

img
{
	border:none;
}


body
{
	background-color:#800;
}


/* ----------------------------------------------------------------------- */

ul.catlist
{
	list-style-type:none;
	width:95%;
	margin:auto;
}

/* ------------------------------------------------------------ */


div.maincontent
{
	background-color:#FC9;
}

div.sidecontent
{
	font-size:13px;
	z-index:0;
	line-height:18px;
	padding:0px 10px 10px 10px;
	border-top:solid 1px #777;
	border-left:solid 1px #888;
	border-right:solid 1px #BBB;
	border-bottom:solid 1px #CCC;
    /* background-color:#FFC090; */
	background-image:url(../img/grad.png);
}

div.sidecontent div
{
	font-size:13px;
}

div.menu
{
	position:absolute;
	width:200px;
	background-color:#800;
	text-shadow:#100 2px 2px 2px;
	filter:Shadow(color=#000000, direction=45);
}


div.photo
{
	position:absolute;
	top:5px;
	left:5px;
	width:202px;
	height:248px;
	z-index:3;
}

div.photo img
{
	border-top:solid 1px #333;
	border-left:solid 1px #444;
	border-right:solid 1px #888;
	border-bottom:solid 1px #777;
}


div.header
{
	right:0px;
	z-index:1;
	background-color:#800;
	color:#FFFACD;
}

div.header h1
{
	text-align:right;
}

div.navitop
{
	position:absolute;
	padding:5px 20px 5px 10px;
	right:0px;
	height:20px;
	background-color:#FC9;
	text-align:right;
	font-size:14px;
	border-top:solid 1px #333;
	filter:Alpha(opacity=85);
	-khtml-opacity:0.85;
	-moz-opacity:0.85;
	opacity:0.85;
}


/* ----------------------------------------------------------------------- */

a.menu0,
a.menu0sel,
a.menu1,
a.menu1sel
{
	font-size:18px;
	line-height:32px;
}

a.menu2,
a.menu2sel
{
	font-size:14px;
	margin-left:10px;
	line-height:27px;
}

div.menurangesel b,
div.menurange b
{
	font-weight:normal;
	color:#800;
	margin-bottom:2px;
	text-shadow:none;
}

div.menurangesel,
a.menu:link,
a.menu:visited
{
	color:#FFFACD;
}

a.menu
{
	display:block;
}

a.menu u
{
	text-decoration:none;
}

a.menu:hover u
{
	border:none;
	border-bottom:dashed 1px #FFFACD;
}

div.header a.menu:hover
{
	border:none;
}

/* ----------------------------------------------------------------------- */

th
{
	font-size:18px;
	border-bottom:solid 1px #844;
}

h2
{
	font-size:22px;
	text-align:left;
	margin-top:10px;
	font-weight:normal;
}

h3
{
	font-size:17px;
	margin-top:10px;
	text-align:left;
	font-weight:normal;
}

td.spmain
{
	padding-top:10px;
}

td.spmain h3
{
	margin-top:0px;
}

h3+p
{
	margin-top:3px;
}

h4,
div.splistpublisher
{
	font-size:13px;
	text-align:left;
	line-height:18px;
	font-weight:normal;
}

table.splist + table.splist
{
	margin-top:36px;
}

div.splistdate
{
	font-size:14px;
	margin-top:10px;
	width:45px;	
}


td.splistorderno
{
	width:150px;
}

div.splistpublisher
{
	font-size:13px;
	color:#844;
}

div.publisher
{
	margin-top:20px;
	font-size:14px;
	color:#844;
}

div.sptext ul
{
	margin-left:40px;
	margin-top:-12px;
}

div.sptext li
{
	font-size:14px;
}

div.buttonframe
{
	margin-top:20px;
	padding:9px 6px 0px 6px;
	background-color:#E96;
	border-top:solid 1px #CCC;
	border-left:solid 1px #BBB;
	border-right:solid 1px #888;
	border-bottom:solid 1px #777;
	height:100px;
	text-align:center;
}


div.buttonframe a
{
	font-size:14px;
	vertical-align:middle;
}

div.buttonlink
{
	clear:both;
	text-align:center;
}


div.printversion
{
	position:absolute;
	top:125px;
	right:70px;
	z-index:2;
	font-size:11px;
}


div.printversion a:link,
div.printversion a:visited
{
	color:#A77;
}

div.printversion a:hover
{
	border-bottom:dashed 1px #A77;
}

div.printversion img
{
	vertical-align:-3px;
}

/* ----------------------------------------------------------------------- */

@media (min-width: 550px)
{
	div.maincontent p
	{
		text-align:justify;
	}
}

@media (min-width: 850px)
{
	div.topstrip,
	div.bottomstrip
	{
		background-color:#2D0000;
	}
	
	div.topruler,
	div.bottomruler
	{
		border-top:solid 1px #855;
		z-index:3;
		left:233px;
		right:20px;
		height:1px;
	}
	
	div.topruler
	{
		position:absolute;
		top:91px;	
	}
	
	div.bottomruler
	{
		position:static;
	}
	
	div.maincontent
	{
		margin-top:51px;		
		margin-right:0px;
		min-height:1500px;
		position:static;
		margin-left:212px;
		padding:110px 350px 40px 30px;
		border-left:solid 1px #444;
		border-right:solid 1px #888;
		min-height:1500px;
	}

	div.sidecontent
	{
		position:absolute;
		top:150px;
		right:50px;
		width:230px;
		min-height:600px;
	}
	
	div.header
	{
		position:absolute;
		top:0px;
		height:20px;
		padding:20px;
		left:212px;
	}
	
	div.header h1
	{
		font-size:28px;
		text-shadow:#100 3px 3px 3px;
	}
	
	div.menuheader
	{
		display:none;
	}
	
	
	div.asterisk
	{
		text-align:center; 
		font-size:40px; 
		margin-top:100px; 
		color:#866
	}
	
	div.menu
	{
		top:0px;
		left:0px;
		padding:290px 2px 20px 10px;
	}
	
	div.navitop
	{
		top:60px;
		left:213px;
	}
	
	div.navibottom
	{
		position:static;
		padding:5px 20px 8px 5px;
		right:46px;
		left:253px;
		height:20px;
		font-size:14px;
		background-color:#FC9;
		text-align:right;
		border-bottom:solid 1px #999;
		filter:Alpha(opacity=85);
		-khtml-opacity:0.85;
		-moz-opacity:0.85;
		opacity:0.85;
		z-index:1;
	}
	
	div.navismall
	{
		display:none;
	}
		
}

/* ----------------------------------------------------------------------- */

@media (max-width: 849px)
{
	div.topstrip,
	div.bottomstrip,
	div.topruler,
	div.bottomruler,
	div.menuhidden,
	div.photo,
	div.printversion,
	div.navibottom,
	div.sidecontentempty
	{
		display:none;
	}

	div.asterisk
	{
		visibility:hidden;
	}

	div.maincontent
	{
		margin-top:37px;		
		margin-right:0px;
		position:static;
		margin-left:0px;
		padding:30px 20px 100px 20px;
		min-height:800px;
		/* border-bottom:solid 5px #500; */
	}

	div.sidecontent
	{
		position:static;
		font-size:13px;
		z-index:0;
		width:230px;
		margin:auto;
	}

	div.header
	{
		position:absolute;
		top:0px;
		left:0px;
		right:0px;
		height:18px;
		/* min-width:350px; */
		padding:8px;
		border-bottom:solid 5px #500;
	}
	
	div.header h1,
	div.menuheader
	{
		font-weight:normal;
		font-size:17px;
		text-shadow:#100 2px 2px 2px;
	}
	
	div.menuheader
	{
		position:absolute;
		padding:8px;
		top:0px;
		left:12px;
		z-index:10;
	}
	
	div.menuheader b
	{
		margin-right:10px;
	}

	div.menuhidden
	{
		display:none;
	}
	
	div.menuheader:hover + div.menuhidden,
	div.menuhidden:hover
	{
		display:block;
	}

	div.menuheader:hover + div.menuhidden,
	div.menuhidden:hover,
	div.menuvisible
	{
		top:34px;
		left:10px;
		z-index:30;
		padding:10px 2px 20px 10px;
		box-shadow: 3px 3px 3px #333;
		-moz-box-shadow: 3px 3px 3px #777;
		-webkit-box-shadow: 3px 3px 3px #777;
		border-left:solid 1px #500;
	}
	
	div.menuoverlay a
	{
		position:absolute;
		top:35px;
		left:0px;
		right:0px;
		bottom:0px;
		background-color:#ccc;
		z-index:20;
		display:block;
		filter:Alpha(opacity=15);
		-khtml-opacity:0.15;
		-moz-opacity:0.15;
		opacity:0.15;
	}

	div.navitop
	{
		top:35px;
	}

	div.navismallstrip
	{
		position:fixed;
		bottom:0px;
		left:0px;
		right:0px;
		width:100%;
		background-color:#FC9;
		filter:Alpha(opacity=85);
		-khtml-opacity:0.85;
		-moz-opacity:0.85;
		opacity:0.85;
		border-top:solid 1px #EAA;
	}
	
	div.navismall
	{
		text-align:center;
		width:308px;
		margin:auto;
	}
	
	div.navismall a
	{
		display:block;
		float:left;
		color:#800;
		/* border-top:solid 1px #A22; */
		/* border-right:solid 1px #C44; */
		height:50px;
		width:100px;
	}
	
	div.navismall a:first-child
	{
		/* border-left:solid 1px #C44; */
	}

	div.navismall a.navihidden
	{	
		visibility:hidden;
	}
	
	div.navismall a div
	{
		text-align:center;
	}
	
}