/* CSS Layout Document */

body
{
	background:#CCCCCC url(graphics/bg.png) repeat-x top left fixed;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	line-height:150%;
	color:#000000;
}

*
{
	margin:0;
	padding:0;
}

div#wrapper
{
	width:90%;
	min-width:770px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
}

div#header
{
	background:#000099 url(graphics/header-bg.png) top left repeat-x;
	width:100%;
}

div#header table a
{
	color:#CCCCCC;
	margin-right:10px;
	text-decoration:none;
}

div#header table img
{
	margin-top:5px;
	border:0;
}

div#header table img
{
	margin-right:10px;
}

h1#motto
{
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	line-height:26px;
}

div#navigation
{
	background:#000099;
	width:100%;
	float:left;
}

ul#nav
{
	float:left;
	margin-left:10px;
	list-style:none;
}

ul#nav li
{
	float:left;
	margin-left:1px;
	margin-right:1px;
	padding:5px 5px 2px;
	background:#666666 url(graphics/nav-bg.png) repeat-x;
	border:#CCCCCC solid 1px;
	border-bottom:0;
	list-style:none;
}

ul#nav li a
{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
}

ul#nav li a:hover
{
	text-decoration:underline;
	color:#000000;
}

div#container
{
	margin:0;
	padding:0;
	width:100%;
	float:left;
	background:#FFFFFF;
}

div#content
{
	width:65%;
	margin:10px;
	float:left;
	border:#CCCCCC solid 1px;
}

div#content h1
{
	padding:10px;
	display:block;
	background:#009900 url(graphics/content-top.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:150%;
	font-variant:small-caps;
	color:#CCCCCC;
}

div#content p
{
	padding:10px;
}

div#side
{
	width:28%;
	margin:10px;
	float:right;
}

div#search form
{
	text-align:center;
	padding:10px;
}

div#side div
{
	border:#CCCCCC solid 1px;
	margin-bottom:10px;
}

div#side div p
{
	padding:10px;
}

div#side div b.side
{
	padding:10px;
	display:block;
	background:#000099 url(graphics/sidebar-top.png) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	font-variant:small-caps;
	color:#CCCCCC;
	margin:0;
	text-align:left;
}

div#side div#marqueecontainer
{
	padding: 5px;
	margin-top:10px;
	overflow: hidden;
	position: relative;
	height: 170px;
	border:0;
}

div#side div#marqueecontainer h3.second
{
	padding-top:170px;
}

div#footer
{
	clear:both;
	width:100%;
	background:#000099;
	color:#FFFFFF;
	font-size:90%;
	text-align:center;
}

div#footer div
{
	padding:10px;
}

div#footer a
{
	color:#FFFFFF;
}