body
{
	background-color: #fff;
	background-image: url(../images/bodybg.png);
	background-repeat: repeat;
	color: #111111;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 76%;
	text-align: justify;
	margin: 0;
}

/* re-usable classes */
.float-left { float: left; }
.float-right { float: right; }

div.error { margin: 5px 0; padding: 5px; background-color: #fff; color: #900; border-bottom: 1px dotted #900; border-top: 1px dotted #900; text-align: center; }

p, h1, h2, h3, img
{
	margin: 0;
	padding: 0;
	border: 0;
}

p { margin: 1em 0; }

p.clear
{
	clear: both;
}

a:link, a:visited
{
	text-decoration: none;
	color: #900;
	border-bottom: 1px dotted #900;
}

a:hover, a:active
{
	text-decoration: none;
	color: #900;
	border-bottom: 1px solid #900;
}

.no-margin { margin: 0 }
.hidden { display: none; }

/* form styling */
form fieldset { border: 2px solid #900000; margin: 0; padding: 20px; }
form fieldset legend { border: 2px solid #900000; padding: 3px 10px; font-weight: normal; text-transform: uppercase; background-color: #fff; }
form fieldset legend img { margin-right: 5px; margin-bottom: -2px; }
img.jquery-collapsible-toggle-image { margin-right: 0; margin-left: 5px; }
form fieldset p { margin-top: 0; margin-bottom: 10px; }
input[type=text], input[type=password] { font-family: Arial, Verdana, Tahoma, sans-serif; width: 223px; font-size: 14px; padding: 5px; border: 1px solid #900000; background-color: #fff; }
select { font-family: Arial, Verdana, Tahoma, sans-serif; width: 233px; font-size: 14px; padding: 5px; border: 1px solid #900000; background-color: #fff; }
textarea { font-family: Arial, Verdana, Tahoma, sans-serif; height: 15em; width: 98%; font-size: 1.1em; padding: 5px; border: 1px solid #900000; background-color: #fff; }
button { font-family: Arial, Verdana, Tahoma, sans-serif; font-weight: bold; border: 1px outset #0f6bdc; height: 34px; line-height: 34px;  background-color: #900000; color: #fff; }
input[type=submit] { font-family: Arial, Verdana, Tahoma, sans-serif; font-weight: bold; border: 1px outset #900000; height: 34px; line-height: 34px;  background-color: #900000; color: #fff; } 
input[type=submit][disabled] { background-color: #999; border: 1px outset #ccc; }
p.button { margin: 0; }
p.login-error { border: 2px solid #de5454; padding: 3px; }
p.login-error img { margin-right: 5px; margin-bottom: -2px; }

div.container
{
	width: 750px;
	margin: 15px auto;
}

	div.top
	{
		background-image: url(../images/topbg.png);
		background-repeat: no-repeat;
		padding-left: 245px;
		padding-top: 20px;
		height: 75px;
	}

	div.main
	{
		background-image: url(../images/mainbg.png);
		background-repeat: repeat-y;
	}

		div.main div#main_content
		{
			padding: 10px 25px 5px 125px;
		}
		div.main div#main_content h1, div.main div#main_content h2, div.main div#main_content h3
		{
			padding: 5px 0px 5px 0px;
		}
		
		/* news entry styling */
		div.main div#main_content div#news div.news-entry
		{
			border: 1px dotted #999;
			margin-bottom: 20px;
			padding: 0 5px;
		}
		div.main div#main_content div#news div.news-entry div.news-entry-metadata
		{
			font-style: italic;
			color: #999;
			border-bottom: 1px dotted #ccc;
			border-top: 1px dotted #ccc;
		}
		div.main div#main_content div#news div.news-entry div.news-entry-body
		{
			padding-top: 10px;
			padding-bottom: 10px;
		}
		
		/* authentication fieldset styling */
		div.main div#main_content fieldset#login
		{
			border: 1px dashed #999;
			width: 205px;
			margin: 0px auto;
			padding: 5px;
		}
		div.main div#main_content fieldset#login p
		{
			margin: 1px 0;
		}
		div.main div#main_content fieldset#login p label
		{
			width: 80px;
			display: block;
			float: left;
		}
		div.main div#main_content fieldset#login p input[type=text],
		div.main div#main_content fieldset#login p input[type=password]
		{
			width: 120px;
		}
		div.main div#main_content fieldset#login p.button
		{
			text-align: right;
			padding-top: 5px;
			margin: 0;
		}
		
		/* links styling */
		div.main div#links-container div.links-inner { width: 50%; }
			div.main div#links-container div.links-inner ul { list-style: none; padding-left: 0; }
				div.main div#links-container div.links-inner ul li { line-height: 1.2em; }
					div.main div#links-container div.links-inner ul.category-links { padding-left: 2em; margin: 0.5em 0; }

	div.footer1
	{
		background-image: url(../images/footerbg1.png);
		background-repeat: no-repeat;
		height: 22px;
		width: 750px;
	}

	div.footer2
	{
		background-image: url(../images/footerbg2.png);
		background-repeat: repeat-y;
	}

		div.footer2 p
		{
			padding: 5px 20px 0px 120px;
			margin: 0 auto;
			text-align: center;
			font-size: 0.9em;
		}

	div.footer3
	{
		background-image: url(../images/footerbg3.png);
		background-repeat: no-repeat;
		height: 14px;
		width: 750px;
	}

	ul.nav
	{
		float: left;
		padding: 10px 0 0 20px;
		width: 75px;
		color: #FFFFFF;
		margin: 0;
		list-style-type: none;
		text-align: left;
		font-size: 1em;
	}

		ul.nav li a:link, ul.nav li a:visited
		{
			color: #FFFFFF;
			text-decoration: none;
		}

		ul.nav li a:hover, ul.nav li a:active
		{
			color: #FFFFFF;
			text-decoration: underline;
		}