/* CSS Document */

/* typo */
body, p, a, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2F5E86;
}
a, a:visited {
	font-weight: bold;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #788C9F;
}



/* layout */
html, body {
	padding: 0px;
	margin: 0px;
	text-align: center;
}
p {
	margin: 20px 0px;
	padding: 0px;
	text-align: left;
}
#container {
	padding: 0px;
	margin: 25px auto 0px auto;
	width: 725px;
	text-align: left;
	overflow:hidden;
	background: url(../images/pixels/bg_vert_shadow.gif) repeat-y 195px top;
}

	#topLeftShadow {
		float: left;
		width: 5px;
		height: 5px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		background: url(../images/pixels/lt.gif) top left no-repeat;
	}
	#topShadow {
		float: left;
		width: 715px;
		height: 5px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		background: url(../images/pixels/t.gif) top left repeat-x;
	}
	#topRightShadow {
		float: right;
		width: 5px;
		height: 5px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		background: url(../images/pixels/rt.gif) top right no-repeat;
	}
		#side {
			float: left;
			width: 200px;
			overflow: hidden;
			background: url(../images/pixels/l.gif) top left repeat-y #FFFFFF;		/* img=189px */
			margin: 0px;
			padding: 0px;
		}
			#image, #logo {
				margin: 6px 0px 6px 11px;
				padding: 0px;
				width: 189px;
				overflow:hidden;
			}
			
			
			.bottomShadowLogo{
				height: 5px;
				overflow:hidden;
				background: url(../images/pixels/b.gif) top left repeat-x;
				clear: both;
				/*background-color:#999999;*/
			}
			.bottomLeftShadow{
				height: 5px;
				width: 5px;
				overflow:hidden;
				background:url(../images/pixels/lb.gif) top left no-repeat;
				float: left;
			}
			#inBottomRightShadow {
				height: 5px;
				width: 5px;
				overflow: hidden;
				background: url(../images/pixels/ibr.gif) top right no-repeat;
				float: right;
			}
	
		#main {
			float: right;
			width: 525px;
			margin: 0px;
			padding: 0px;
			background:url(../images/pixels/r.gif) top right repeat-y;
		}
		
			#nav {
				float: left;
				height: 501px;
				overflow: hidden;
				margin: 0px;
				padding: 0px;
			}
			
			#content {
				float: left;
				width: 303px;
				margin: 0px;
				padding: 40px 25px 25px 25px;
				overflow-x: hidden;
			}
		
		.bottomShadow{
			float: right;
			/*clear:both;*/
			height: 5px;
			overflow:hidden;
			background: url(../images/pixels/b.gif) top left repeat-x;
			margin: 0px;
			padding: 0px;
			width: 530px;
			/*background-color:#999999;*/
		}
		.bottomRightShadow {
			height: 5px;
			width: 5px;
			overflow:hidden;
			background:url(../images/pixels/rb.gif) top right no-repeat;
			float: right;
		}
		
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A1B2C3;
	width: 725px;
	padding: 20px 0px 0px 0px;
	margin: 0px auto 0px auto;
}
p {
	text-align: justify;
}
li {
	text-align: justify;
}