* { margin:0;padding:0;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a { outline: none;}

body {
	font-family: arial,verdana,serif;
	font-size: 12px;
	background:#e7e8e9;
}

#wrapper {
	position: relative;
	width: 1000px;
	background: #fff;
	margin: 0 auto;
	margin-top: 10px;
	border-right: 10px solid #fff;
	border: 10px solid #fff;
}
	#header {
		width: inherit;
		height: 63px;
		background: url(images/header.gif) no-repeat;
	}
		#header a#logo {
			position: absolute;
			width: 147px;
			height: 36px;
			background: url(images/logo.gif) no-repeat;
			left: 12px;
			top: 14px;
			text-indent: -99999px;
			}
		#mainMenu {
			position: absolute;
			left: 209px;
			top: 14px;
		}
			#mainMenu ul { list-style-type: none;}
				#mainMenu li { display: inline;background: url(images/mainMenu.gif) right top no-repeat;float:left;padding-right:1px;}
					#mainMenu li a {
						display: block;
						height: 46px;
						float: left;
						color: #fff;
						font-size: 14px;
						font-weight: bold;
						text-decoration: none;
						padding: 10px;
						text-align: center;
						
					}
					#mainMenu li a:hover {}
					#mainMenu li a#selected { background: url(images/mainMenu-active.gif) 0px -2px repeat-x;}

	#page {
		position:relative;
		width:996px; 
		margin: 0 auto;
		clear: both;
		background: url(images/page.gif) repeat-x;
	}
		#leftCol { 
			float:left; 
			width:204px; 
		} 
			#navi {
				position: relative;
				width: 170px;
				top: 30px;
				margin-left: 10px;
			}

#navi h4 {color: #58585a;font-size:12pt;}


				#navi ul {
					list-style-type: none;font-size:10pt;
				}
					#navi li { border-bottom: 1px dashed #d1d2d4;margin-bottom: 0.5em;padding-bottom: 0.1em;margin-left:0; }
						#navi li ul li { border:none;padding-bottom: 0;margin:0.4em 0;margin-left:1em}


					#navi li a { text-decoration: none;color: #818285;}
						#navi li ul li a {color:#818285;font-weight: normal;}
						#navi li li li { margin-left:1em;}
					#navi li a:hover { text-decoration: underline;}
					#navi .selected{color:#40c8f4;}
		
		#contentArea {
			float:left;	
		}
		.frontpage { margin-left: 204px;width: 793px;}
		.subpage {width: 785px;}

			#mainCol {
				width: inherit;
				background: #e7e8e9 url("images/mainCol.gif") left bottom repeat-x;
				min-height: 245px;
			}
				#frontpageLeading {
					float: left;
					width: 490px;
					margin-right:20px;
					padding: 10px 0 0 10px;
				}
					#frontpageLeading h1 {
						font-family: arial,verdana, Serif;
						font-size: 24px;
						font-weight: normal;
						color: #005dab;
						margin-bottom: 0.2em;
					}
					#frontpageLeading p {
						color: #58585a;
						font-family: arial, verdana, Serif;
						font-size: 12px;
						margin-bottom: 0.5em;
					}
				#frontpageBulletin {
					float:left;
					width: 267px;
					background:#a7a9ac;
					margin-top: 7px;
					padding-top: 10px;
				}
					#frontpageBulletin h3 {
						font-family: arial, verdana, Serif;
						font-size: 24px;
						font-weight: normal;
						color: #fff;
						margin-bottom: 0.2em;
						margin-left: 0.5em;
						border-bottom: 1px solid #d1d2d4;
						width: 90%;
					}
					#frontpageBulletin a#bulletinArchive { position: absolute; margin-top:-25px; right: 20px; color: #fff; font-weight: bold; text-decoration: none;} 
						#frontpageBulletin a#bulletinArchive:hover { text-decoration: underline;}
					#frontpageBulletin ul {
						list-style-type: none;
					}
						#frontpageBulletin li { 
							background: url(images/li-bulletin.gif) left bottom repeat-x;
							padding: 1em;
							font-size: 11px;
							color: #6b6b6b;
							}
						#frontpageBulletin li a { color:#fff;font-weight: bold; text-decoration: none;font-size: 14px;}
						#frontpageBulletin li a:hover { text-decoration: underline;}
						
					
				#contentCol {
					padding-top: 1em;
					min-height: 300px;
					height: auto;
					_height: 300px;
				}	
					.textArea { width: 550px;}
					#contentCol h1 {
						font-family: arial, verdana, Serif;
						font-size: 24px;
						font-weight: normal;
						color: #005dab;
						border-bottom: 1px dashed #cccdcf;
						margin-bottom: 0.5em;
						
					}
					#contentCol h2 {
						font-family: arial, verdana, Serif;
						font-size: 18px;
						font-weight: normal;
						color: #005dab;
						margin-bottom:0.2em;
					}
					#contentCol h3 {
						font-family: arial, verdana, Serif;
						font-size: 14px;
						font-weight: bold;
						color: #005dab;
						margin-bottom:0.2em;
					}
					
					#contentCol p { margin-bottom: 1em;}
					#contentCol a { color:#3572b7;}
					#contetnCol ul, #contentCol ol { margin-left: 2em;}
	#footer { 
		position: relative;
		clear:both;
		width: inherit;
		border: 1px solid #d8e9f1;
		padding: 2px;
		margin-top:5px;
	}
		#footerContent {
			width:100%;
			background: #3572b7;
			height: 30px;
		}
			#footerDetails {
				width:203px;
				background: #e7e7e7 url(images/logo-aspo_company.gif) no-repeat;;
				height: 30px;
			}
			#footerAddress {
				position: absolute;
				left: 208px;
				top:0px;
			}
				#footerDetails p, #footerAddress p { color:#fff;font-size: 11px;padding-top:0.8em;padding-left: 1em;}		
	#contentCol #bm2 { position: relative;}
	#contentCol #bm2 h1 a { text-decoration:none;}
	#contentCol #bm2 ul { list-style-type: none;width: 95%;}
	#contentCol #bm2 ul li { margin-bottom: 1em; font-size: 11px; color:#58585A;border-bottom: 1px solid #eee; padding-bottom: 0.5em; }
	#contentCol #bm2 li a { font-size: 14px; text-decoration: none;font-weight: bold;}
	#contentCol #bm2 li a:hover { text-decoration: underline;}
	#contentCol #bm2 h1 a.bulletinLink { float: right;font-size: 11px; font-style: normal; font-weight:bold;margin-top: -1.5em;}
	
.alignleft{float:left;margin-right:10px;}
.alignright{float:right;margin-left:10px;}