@charset "UTF-8";
/* CSS Document */

#body
{
	width: 800px;
	height: auto;
}

/* -------- header ----------*/
#header
{
	position: relative;
	width: 800px;
	height: 135px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
}

/* ---------- navigation menu ------------- */
#navmenu{
	float:none;
	width:800px;
	height:32px;
	background-image:url(images/nav_bar_bg_middle.gif);
	background-repeat:repeat-x;
}

/* ---------- main body (content) ------------- */

#content{
	padding:0.5em;
	border:1px solid #000;
	width: 583px;
	margin-left: 200px;
	float: inherit;
	margin-top: 0px;
	font-style: italic;
}

#content a:link{
	color:#FF0000;
}
#content a:visited{
	color:#FF0000;
}
#content a:hover{
	color:#a00;background:#eee;
}
#content a:active{
	color:#060;background:#ddd;
}
#content h1, #content h2, #content h3{
	font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;
}
#content p{
	font:normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	margin:1em;
}
#content img{
	padding-left: 15px;
	padding-top: 15px;
}
#content ul, #content ul ul{
	font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;
	margin:1.0em 3.0em 1.5em 0.0em;
}
#content ul li{
	font:normal 0.8em/1.1em verdana,tahoma,arial,sans-serif;
	margin:1.0em 0;
}
#content ul ul li{
	font:normal 0.8em/1.1em verdana,tahoma,arial,sans-serif;
	margin:0;
}

/* -------- left side menu ----------*/

#menu{
	position:relative;
	width:200px;
	margin-right: 0px;
	float: left;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#menu h2{
	color:#FF0000;
	background:#E5E5E5;
	text-transform:uppercase;
}

#menu a, #menu h3{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#menu h3{
	color:#000000;
	background:#E5E5E5;
	text-transform:uppercase;
}

#menu a, #menu h4{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 3px;
}

#menu h4{
	color:#FFFFFF;
	background:#FFFFFF;
	text-transform:uppercase;
}
#menu a{
	color:#000000;
	background:#E2E2E2;
	text-decoration:none;
}

#menu a:hover{
color:#a00;
background:#ddd;
}

#menu a:active{
	color:#000000;
	background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

#menu a.x, #menu a.x:visited{
background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* -------- text ----------*/

.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0000;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0000;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}

.smallblacktext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000;
}

/* -------- flash ----------*/

#flash
{
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #181818;
		color:#ffffff;
}

/* -------- footer ----------*/

#footer{
	width: 800px;
	height:32px;
	background-image:url(images/nav_bar_bg_middle.gif);
	background-repeat:repeat-x;
	overflow: visible;
}
#content p {
	font-style: italic;
}
#content p {
	font-style: normal;
}
.quote {
	font-weight: bold;
}