/* ------- CSS Resets -------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body {
	line-height: 1.3;
	color: black;
	background: white;
}

ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* ----- Main structure ----- */

	html{
		
	}

	
	body {
		margin-top:10px;
		text-align:center;
		color:#505050;
		font-weight:normal;
		font-family:"Verdana",Verdana,sans-serif;
		font-family:"Ariel",ariel,sans-serif;
		font-size:0.8em;
		overflow:visible;
		background:#e4e4e4 url(images/bgtan.png) repeat-x;
		
		
		}	
		
	a,a:visited{
		color:#000000;
	}
	
	#menubar a,a:visited {
		float:left;
		font-size:1.1em;
		font-weight:bold;
		height:40px;
		text-decoration:none;
		padding-top:12px;
		padding-left:5px;
		padding-right:5px;
		color:#f0f0f0;
		
	}
	#frame {
		width:790px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		background:#ffffff;
		margin-top:10px;
	}
	
	#inner {
		width:750px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		background:#e0e0e0;	
		margin-top:20px;
	}
	
	#header{
		
		width:100%;
		height:120px;
		background:#3694b4;
	}
	
	#leftlogo{
		font-size:1.9em;
		font-weight:bold;
		color:#ffffff;
		padding-left:10px;
		padding-top:35px;
	}
	
	#sublogo{
		font-size:0.9em;
		color:#80bbd0;
	}
	
	#contact{
		font-size:1.3em;
		font-weight:bold;
		padding-right:10px;
		margin-top:5px;
		float:right;
		color:#80bbd0;
	}
	
	#menubar{
		width:100%;
		height:40px;
		background:#afd4e1;
	}
	

	
	
	
	
	#mainarea{
		width:100%;
		height:530px;
		background:#ffffff;
		
	}
		
	#footer {
		width:100%;
		height:20px;
		background:#e4e4e4;
		padding-bottom:10px;
		padding-top:5px;
		color:#505050;
	}
	#footer a,a:visited {
		float:none;
		font-weight:normal;
		text-decoration:underline;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		color:#505050;
	}
	h1{
		
		font-weight:bold;
		font-size:1.6em;
		color:#404040;
	}

	h2{
		font-weight:bold;
		font-size:1.4em;
		color:#404040;
	}

	h3{
		font-weight:bold;
		font-size:1.2em;
		color:#404040;
	}
	
	#h3 a,a:visited {
		float:none;
		font-size:1.1em;
		font-weight:bold;
		text-decoration:underline;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		color:#000000;
		
	}
	.padd{
		padding:8px;
	}
	
	#menubar a:hover {
		color:#303030;
	}
	
	#paddmap{
		padding:8px;
		float:left;
		font-size:1em;
		font-weight:bold;
		height:40px;
		text-decoration:none;
		padding-top:12px;
		padding-left:5px;
		padding-right:5px;
		color:#f000f0;
		
	}

	#smallbluepanel{
		float:left;
		width:160px;
		height:160px;
		background:#afd4e1;
		
	}
	
	#smallgreypanel{
		float:left;
		width:580px;
		height:160px;
		background:#e0e0e0;
		
	}

	#bigbluepanel{
		float:left;
		width:160px;
		height:240px;
		background:#afd4e1;
		
	}
	
	#biggreypanel{
		float:left;
		width:580px;
		height:240px;
		background:#e0e0e0;
		
	}
	#indexbluepanel{
		float:left;
		width:200px;
		height:490px;
		background:#afd4e1;
		
	}

	#indexgreypanel{
		float:left;
		width:540px;
		height:181px;
		background:#e0e0e0;
		
	}	
	#contactbluepanel{
		float:left;
		width:160px;
		height:470px;
		background:#afd4e1;
		
	}

	#contactgreypanel{
		float:left;
		width:580px;
		height:470px;
		background:#e0e0e0;
		
	}