/* reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, form, fieldset, textarea, input,
header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video { margin: 0; padding: 0; border: 0; }

/* clearfix */
.cf:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.cf{
  display:inline-block
}
* html .cf{
  height:1%
}
.cf{
  display:block
}
div.clear {
	width: inherit; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	clear: both; 
}

/* common */	
body { 
	font-family: Arial, sans-serif;
	font-size: 12px; color: #000000;
}

	body a, body a:visited, body a:active { color: #1D6781; }
	
	body a:hover {  }

/* main */
div#main {  }

	div#wrapper { width: 866px; margin: 0 auto; }
		
		/*top*/
		div#top { height: 127px; position: relative; }

			div#logo { position: absolute; left: 0; top: 53px; }

			div#topIcons { position: absolute; right: 0; top: 12px; }

				div#topIcons img { float: left; margin-left: 25px; }
		
			div#topNav { position: absolute; right: 0; bottom: 7px; }
			
				div#topNav ul { list-style: none; }
				
					div#topNav ul li { float: left; display: inline; padding: 0 23px 0 21px;
						background: url(../images/tnSpacer.gif) no-repeat right 5px;
							font-size: 16px;  }

						div#topNav ul li.last { padding-right: 0 !important; background: none !important; }
					
							div#topNav ul li a, div#topNav ul li a:visited { text-decoration: none; color: #afafaf; vertical-align: middle;}
							
							div#topNav ul li a:hover, div#topNav ul li.active a { color: #000; }
		/* top */
		
		/* middle */
		div#middle { border: 1px solid #d5d5d5; padding: 0 12px; } 

			div.c {  }

				div.c h1, div.c h2, div.c h3, div.c h4 { padding: 12px 0; }
				
				div.c h1 { font-size: 26px; }

				div.c h2 { font-size: 23px; }

				div.c h3 { font-size: 20px; }

				div.c h4 { font-size: 17px; }

				div.c p { padding: 12px 0; line-height: 17px; }

					.j { text-align: justify; }

					div.c a, div.c a:visited { text-decoration: none; }

					div.c a:hover { text-decoration: underline; }

				div.c ul { padding: 12px 0 12px 15px; }

					div.c ul li { padding: 5px 0; }

						div.c ul li a, div.c ul li a:visited { text-decoration: none; }

						div.c ul li a:hover { text-decoration: underline; }

				div.c > div {  }

					div.g { text-align: center; }

						div.g img { margin: 1px; border: 1px solid #000; padding: 1px;}
		/* middle. */	
		
		/* bottom */
		div#bottom { text-align: center; padding: 11px 0 22px; }

			div#bNav ul { list-style: none; display: inline-block; font-size: 11px; }
				
				div#bNav ul li { float: left; display: inline; padding: 0 17px 0 16px;
					background: url(../images/bnSpacer.gif) no-repeat right 2px; }

					div#bNav ul li.first { padding-left: 0 !important; }

					div#bNav ul li.last { padding-right: 0 !important; background: none !important; }
				
						div#bNav ul li a, div#bNav ul li a:visited { text-decoration: none; color: #afafaf; }
						
						div#bNav ul li a:hover, div#bNav ul li.active a { color: #000; }

			div#foot { font-size: 10px; color: #afafaf; }

				div#foot a, div#foot a:visited { color: #afafaf; text-decoration: none; }

				div#foot a:hover { color: #000; }

				div#foot span { padding: 0 22px; }
		/* bottom. */
		
/* main. */