@charset "utf-8";

.clear
{
	clear: both;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

.hide
{
	display: none !important;
}

.inside
{
	padding: 0 1em;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}
h1
{
	font-size: 220%;
}
h2
{
	font-size: 190%;
}
h3
{
	font-size: 160%;
}
h4
{
	font-size: 130%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 70%;
}

a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}
code
{
	font-family: "Courier New", Courier, monospace;
}
label
{
	cursor: pointer;
}
table
{
	font-size: 100%;
}
td, th
{
	vertical-align: top;
}

body
{
	margin: 20px 2%;
	font-size: 100.1%;
}
#pageWrapper
{
	border: dotted 1px #fff;
	border-width: 0 1px;
	min-width: 40em;
	width: auto;
}
* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* end hack */
}
#masthead
{
	border: dotted 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}
#masthead h1
{
	padding: 0;
	margin: 0;
}
#masthead h1 a, #masthead h1 a:hover
{
	text-decoration: none;
	color: #000000;
}
#outerColumnContainer
{
	border-left: solid 15em #fff;
	border-right: solid 15em #fff;
}
#innerColumnContainer
{
	border: dotted 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, * html #SOWrap
{
	overflow: visible;
	position: relative;
}
#SOWrap
{
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn
{
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#leftColumn
{
	background-color: #fff;
	float: left;
	margin: 0 1px 0 -15em;
	width: 15em;
	z-index: 4;
}
#footer
{
	border-bottom: dotted 1px #fff;
	border-width: 1px 0;
	padding: 0.5em;
}
#foot
{
	border-bottom: dotted 1px #000;
	text-align: center;
	border-width: 1px 0;
	padding: 0.5em;
	background-color: #fff;
}

#footer a, #footer a:hover
{
	text-decoration: none;
	color: #fff;
}

p.fontsize-set
{
	text-align: center;
}
p.fontsize-set img
{
	border-width: 0;
}

.vnav
{
	margin: 1em 0;
}
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: dotted 1px #fff;
	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: dotted 1px #fff;
}
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.vnav ul li a
{
	display: block;
	padding: 2px 5px 3px 5px;
}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
	text-decoration: none;
	cursor: pointer;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}
* html .vnav ul li a
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;
}

.hnav
{
	border-bottom: dotted 1px #fff;
	text-align: center;
}
.hnav, .hnav ul li a
{
	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	border-left: dotted 1px #000;
	border-right: dotted 1px #000;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%;
	display: inline-block;
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* end hack */
}
* html .HNAV
{
	padding: 0;
}

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #565;
}
html, body
{
	background-color: #eee;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;
}
#masthead
{
	background-color: #fff;
	color: #000;
}
.hnav
{
	background-color: #EBEBEB;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #898;
	background-color: #fff;	
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #FFF;
	color: #004080;
	font-weight: bold;
}
.vnav ul li a:hover
{
	text-decoration: none;
	background-color: #898;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #EBEBEB;
	color: #004080;
	font-weight: bold;
}
.hnav ul li a:hover
{
	background-color: #787;
	color: #fff;
}
#footer
{
	background-color: #898;
	color: #fff;
	text-align: center;
}
#footerAd 
{
	text-align: center;
	padding-top: 20px;
}
#headerAd 
{
	text-align: center;
	padding-bottom: 20px;
}
#copyscape
{
	text-align: center;
	padding-top: 20px;
}

#top {
	width:100%;
	position: relative;
	height: 30px;
}

#top .element {
	margin-right: 10px;
	float: right;
}

#top .element-left {
	margin-right: 10px;
	float: left;
}

#pathinfo, #pathinfo a
{
	background-color: #898;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 0.5em;
	color: #fff;
}

#naver {
	margin-top: 5px;
	padding-right: 10px;
	position: relative;
	height: 30px;
}

#naver .element {
	margin-right: 5px;
	margin-top: 3px;
	float: right;
}

#naver .header {
	margin-right: 5px;
	margin-top: 3px;
	float: left;
}

#naver .header h1 {
	margin: 0px;
	padding: 0px;
	font-size: 160%;
}

.toolbar {
	background-color: #eeeeee;
	margin-bottom: 10px;
	padding-right: 10px;
	position: relative;
	height: 30px;
}

.toolbar a, .toolbar a:hover {
	text-decoration: none;
	color: #004080;
}

.toolbar .element {
	margin-right: 20px;
	margin-top: 3px;
	float: right;
}

#pagination {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}

#pagination .left {
	float: left;
}

#pagination .right {
	float: right;
}

#body-column
{
	float: right; 
	width: 200px; 
	margin-left: 10px;
	margin-bottom: 10px;
}

#meta {
	margin-top: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: right;
	color: gray;
}

#pageinfo {
	margin-top: 10px;
	margin-bottom: 10px;
	color: silver;
	font-size: 10px;
	text-align: right;
}

#standards {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}

#bodyAd1 {

}


#bodyAd2 {
	
}

.bodyBox {
	padding-top: 15px;
}

.bodyBox ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.bodyBox li.header {
	padding-left: 2px;
	background-color: #30679d;
	color: white; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
}

.bodyBox li.element {
	padding-left: 7px;
	font-size: 11px;
}

.bodyBox li.element a, .bodyBox li.element a:hover {
	color: #0000FF;
}

.bodyBox li.element a:hover {
	text-decoration: none;
}

.bodyColumnAd {

}

#articles {

}

#websites {

}

#columnAd1, #columnAd2, #columnAd3 {
	margin-top: 20px;
	text-align: center;
}

#SOWrap { margin: 0; }
#innerColumnContainer, #outerColumnContainer { border-right-width: 0; }

* html #masthead { /* \*/ height: 0.01%; /* holly hack (VERY IMPORTANT) */ }
#mastheadRight { float: right; width: 400px; text-align: left; }
#mastheadRight p, #mastheadRight form, #top form { margin: 0; padding: 0; }

#mastheadRight input.text { width: 140px; }
#mastheadRight input.button { width: 30px; }
#mastheadRight input { font-size: 12px; border-width: 1px; }
#mastheadRight label span { color: #ff9; font-weight: bold; }

form#feedback { padding-left: 5px; padding-right: 5px; }
form#feedback .clear { clear: both; }
form#feedback .spacer { 	margin-top: 1em; }
form#feedback div.buttons { padding-top: 10px; float: right; padding-right: 50px; }
form#feedback div.buttons div.left { float: left; }
form#feedback div.buttons div.right { float: right; }
form#feedback div.error-col, div.error-row { font-size: 11px; color: red; padding-top: 0.3em; font-weight: bold;  }
form#feedback div.error-col span.header, 
form#feedback div.error-row span.header { font-weight: bold; }
form#feedback label { color: black; font-size: 12px; line-height: 150%;  }
form#feedback label .required { color:red; }
form#feedback textarea, input, select { color: black; font-size: 11px; font-family:Arial;}
form#feedback textarea.error, input.error, select.error{ border: 2px solid red; }
form#feedback input:focus, textarea:focus, select:focus { background: #ffc; }
form#feedback div.fields-row, div.fields-col { float: left; }
form#feedback div.description-row { padding-bottom: 1em; }
form#feedback div.description-col { float: right; padding-left: 3em; }
form#feedback div.description-col div.point { padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px;}
form#feedback div.outline { padding: 2px; margin-bottom: 0em; float: left; }
div.okmessage, div.errormessage {  font-size: 14px; font-weight: bold; text-decoration: none; background-color: #FFFFE1; border: 1px dashed #CFCFCF; margin-top: 8px; margin-bottom: 16px; padding: 6px 6px 6px 6px; line-height: 18px; width: 96%; }
div.okmessage { color: gray; }
div.errormessage { color: #CC0000; }

pre { overflow:auto; }