/* reset styles */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
	form,fieldset,input,textarea,p,blockquote,th,td {  
		margin:0; 
		padding:0; 
	}
	fieldset,img {  
		border:0; 
	}
	ol,ul { 
		list-style:none; 
	}
	h1,h2,h3,h4,h5,h6 { 
		font-size:100%; 
		font-weight:normal; 
	}
	
/* end reset */

/* styles for structure and
consistent page elements, such as
footer and main menu */
	
	html, body {
		height: 100%;
		margin: 0px;
		text-align: center; 
		padding: 0;
		font-size: 100%;
		font-family: Arial;
	}
	body {
		background-color: #fff;
		padding-left: 10px;
		padding-right: 10px;
	}
	a {
		text-decoration: none;
		color: #851C29;
	}
	a:hover {
		color: #cc0000;
	}
	#pageouter {
		position: relative;
		min-height: 100%;
		margin: 0 auto;
		text-align: left;
		width: 960px;
		width: 100%;
	}
	#pageinner {
		min-height: 100%;
	}
	#titlebar {
		position: relative;
		padding-top: 12px;
		height: 112px;
		margin: 0 auto;
		width: 960px;
	}
	#titlebar * {
		margin: 0;
		/* to prevent titlebar pushing down from page top */
	}
	#titletext {
		width: 380px;
		height:90px;
		margin: 0 auto;
		background-color: #fff;
		position: absolute;
		left: 0;
		top: 8px;
	}
	#titletext small {
		float: left;
		margin-top: 0px;
		font-family: verdana;
		font-size: 0.75em;
		color: #999;
	}
	#titleright2 {
		position: absolute;
		right: 0;
		top: 8px;
		text-align: center;
		margin-right: 380px;
		width: 200px;
		height: 104px;
	}
	
	#titleright {
		position: absolute;
		right: 0;
		top: 8px;
		text-align: right;
		width: 370px;
		height: 104px;
	}
	#titleright img {
		float: right;
		margin-left: 8px;
		border: solid 2px #851C29;
	}
	#titleright p {
		float: right;
		width: 120px;
		color: #851C29;
		font-size: 1em;
		font-weight: bold;
		padding-top: 2px;
		font-family: arial;
	}
	#title_login {
		float: right;
		text-align: right;
		width: 160px;
		height: 108px;
		overflow: hidden;
	}
	
	#topmenu {
		margin: 0 auto;
		width: 960px;
		overflow: auto;
		font-size: 0.875em;
		margin-top: 8px;
		margin-bottom: 16px;
		border-top: solid 1px #eee;
		border-bottom: solid 1px #eee;
	}

	#topmenu li {
		float: left;
	}
	#topmenu li a{
		color: #333;
		border-right: solid 4px #fff;
		text-align: center;
		display: block;
		padding: 4px;
		font-weight: bold;
		font-family: arial;
	
	}
	#topmenu li a:hover{
		background-color: #851C29;
		color: #fff;
	}

	#content {
		position: relative;
		/*float: left;*/
		/* padding-bottom should equal height of footer, 
		including borders and padding  */
		padding-bottom: 100px;
		width: 100%;
		width: 960px;
		margin: 0 auto;
		overflow: auto;
	}
	#maincontent {
		/* total width inc padding: 580px */
		width: 548px;
		padding-left: 16px;
		padding-right: 16px;
		padding-bottom: 24px;
		/*position: relative;*/
		float: left;
		margin-left: 220px;
		overflow: auto;
		overflow: hidden;
	}
	#leftcontent {
		float: left;
		width: 220px;
		margin-left: -800px;
		position: relative;
	}
	#rightcontent {
		float:right;
		width:160px;
	}
	#footer{
		position: relative;
		clear: both;
		margin: 0 auto;
		margin-top: -100px;
		height: 92px;
		width: 960px;
	}
	#footer-left, #footer-mid, #footer-right {
		position: absolute;
		top: 4px;
		height: 88px;
		padding-left: 4px;
		padding-right: 4px;		
	}
	#footer-left {
		left: 0;
		width:  312px;	
	}
	#footer-mid {
		left: 320px;
		width: 302px;
		padding-left: 8px;
		padding-right: 8px;	
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
	}
	#footer-right {
		right: 0;
		width:  312px;
	}
	#footer * {
		margin: 0px;
	}
	.clearer{
		clear: both;
		display: block;
		height: 1px;
		margin-bottom: -1px;
		font-size: 1px;
		line-height: 1px;
	}