@charset "utf-8";

body {
	background-color:#fff;
	background-image:url(../images/flagfade.gif);
	color: #000;
	margin: 0;			/* void out browser-defined gutterspace */
	padding: 0;
	font-family: calibri, helvetica, sans-serif;
						/* calibri, the "IN" font for reading text on screens */
}

#sleeve {
	max-width: 999px;	/* max resolution - 25px to accomadate for the vertical
						   scrollbar */
	min-width: 615px;	/* min resolution - 25px */
	margin: 0 auto;		/* auto horizontal margins will cause the layout to be
						   horizontally centered (usually) */
}

#book {
	margin: 1em;			/* reserve some gutter space around the layout even
							   in very low resolution */
	border: solid 1px #FF0;
	background-color: #F00;
}

a:link {
	color: #F00;
}
a:visited {
	color: #000;
}
a:hover {
	color: #FF0;
	background-color:#F00;
}

#masthead a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	
}
#masthead {
	height:225px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: xx-large;
	background: #FFF url(images/joustermdall.png) no-repeat center;
	text-align: right;
	border: medium double #006;
	padding: 1em;
}
#masthead h1 {
	font-size: 1em;
	margin: 0;
	text-indent:-9999px;
}
#masthead h2 {
	font-size: 2em;
	margin: 0;
	text-indent:-9999px;
}
h1 {
	color: #F00;
	text-align: center;
	font-size:2em;
}


h3 {color:#000;}

.color {
	color: #F00;
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.bolder {
	font-style: oblique;
	font-weight: bolder;
}
.panel {background-color:#FF9; border:double #000 medium; padding:.8em;margin:.5em; }

img {
	text-align: center;
}

p {font-size:1em;}
#nav{
}
#footer {
clear: both;
padding: 5px;
margin: 0;
background-color:#000;
color: #fff;
text-align:center;
}
#footer a {
text-decoration: none;
color: #fff;

}
#footer  a:hover {
text-decoration: none;
color: #FE3F22;
background-color:#FF0;
}
#navcontainer {padding:0 .5em 1em .5em ;text-align:center;}

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #000;
color: White;
float: left;
width: 100%;

font-family: arial, helvetica, sans-serif;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #000;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;

}

#navcontainer ul li a:hover
{
background-color:#FC0;
color: #F00;
}

#navcontainer ul li a:active
{
background-color:#F00;
color: #FC0;
}

#navcontainer ul li a.current
{
background-color:#F00;
color: #FC0;
}
#flag {text-align:center;}