@charset "UTF-8";
/* CSS Document */
body
{
margin:0;
padding:0;
background-image:url(pattern01.jpg);
background-repeat:repeat;
background-color:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
color:#333333;
}

#container
{
width: 80%;
margin: 1% 10% 10% 10%;
color: #333;
border: 1px solid #000;
line-height:130%;
background:#faf2e1 url(faf.jpg) repeat-x;
}

#top
{
padding: 25px 0px 5px 25px;
margin:auto;
border-bottom: 1px solid gray;
background:url(pics.png) repeat-x left;
background-color:#333;
color:#fff;
}


#top h1
{
padding: 0;
margin: 0;
height:53px;
text-align:center;
}

#leftnav
{
float: left;
width: 160px;
height: 500px;
margin: 0;
padding: 0;
}

#leftnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#leftnav ul li {
	margin-top: 3px;
}

#leftnav ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCFF66;
	text-decoration: none;
	display: block;
	width: 135px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 15px;
	background: #faf2e1 url(navbase.gif) no-repeat;	
}

#leftnav ul li a:visited {
	color:#CCCC99;
	background-color:#faf2e1;
	background-image:url(navbase.gif);
}
#leftnav ul li a:hover {
	color:#330000;
	background-color:#faf2e1;
	background-image:url(navgrn.gif);
	border-bottom:#CCCCCC 2px dotted;
	padding-bottom:1px;
}

#leftnav ul li a:active {
	color:#000099;
	font-size:14px;
	text-transform:uppercase;
	background-color:#faf2e1;
	background-image:url(nav2.gif);
}

#leftnav p img	{padding-left:10px;}

a:link	{color:#CC3399;text-decoration:none; background-color:#faf2e1;}

a:visited	{color:#6600CC; text-decoration:none; background-color:#faf2e1;}

a:hover	{color:#3366CC;text-decoration:none; background-color:#faf2e1}

#content
{
margin-left: 23%;
border-left: 1px solid gray;
padding: 1em;
}

#content h2 { margin: 0 0 .5em 0; }

h2	{font-size:1.5em; line-height:.75em; color:#3333CC}
h3	{font-size:1.5em; font-weight:bld; font-style:normal; line-height:.75em; color:#3333CC}
h4	{font-size:1em; font-weight:bold; font-style: italic; line-height:.75em;}

.floatright	{
float: right;
width: 250px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
font-size:x-small;
font-style:italic;
background-color:#FFFFFF;
color:#333;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

.floatleft	{
float: left;
width: 290px;
height:213px;
margin: 0;
padding: 1em 1em 2.25em 1em;
font-size:75%;
color: #3300CC;
background-color:transparent;

}
.floatleft img	{border:#000000 thin solid;
padding: 0px;

}

#footer {
margin: 0;
padding: .5em;
height: 40px;
clear: both;
font-size: x-small;
text-align:center;
background-image:url(bluefaf.jpg);
background-repeat:repeat-x;
background-position: bottom;
}

a	{border:none;}

p .first	{color:#CC0066; background-color:#faf2e1}

p + p	{font-style: italic; color:#003399; background-color:#faf2e1}

#validation	{margin-left:25%;
margin-right:25%;}

.url	{display:none;}
div.printfooter {display:none;}