﻿body
{
  font-family: "Corbel", "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  background-color: #f0f0f0;
	color: #000040;
}

body p
{
  font-family:  "Segoe UI", Arial, Helvetica, sans-serif;
}

body h1
{
  font-family: "Candara", "Segoe UI", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body a
{
	color: #000060;
	border-bottom: thin;
	border-bottom-style: solid;
	text-decoration: none;	
}

body a:link
{
	color: #990000;
}

body a:visited
{
	color: #000050;	
}

body a:active
{
	color: #FF3300;
}

body a:focus
{
	color: #CACA00;
}

body a:hover
{
	background-color: white;
}

#logopane
{
	background-color: white;
	color: #000000;
	padding: 1em 0 1em 0;
	text-align: center;
	}

#logopane a
{
	color: #404040;
}
#logopane a#AdrGraphic
{
	border-style: none !important;
}

#logopane a:link
{
	color: #808080;
}

#logopane a:visited
{
	color: #808080;	
}

#logopane a:active
{
	color: #FF3300;
}

#logopane a:focus
{
	color: #FF0000;
}

#logopane a:hover
{
	color: black;
}

#splashcontent
{
	text-align: center;
	padding: 1em;
}
#splashcontent img
{
	margin-left: auto;
	margin-right: auto;
}

#splashcontent #randquote
{
	font-style: italic;
}

#copyright
{
	margin: 1em;
	font-size: x-small;
}

dfn
{
	border-bottom: 1px white dashed;
	cursor: help;
}

acronym
{
	border-bottom: 1px white dashed;
	cursor: help;
}

.spacer, .spacer *
{
	border: 0px transparent none;
	visibility: hidden !important;
}

th
{
	vertical-align: bottom;
}

ul.compact
{
	list-style-type:none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

ul.compact li
{
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
}

ul.nav
{
	display: block;
	list-style-type:none;
	padding: 1em;
	margin: 1em 1em 1em auto;
	text-align: right;
	font-size:small;
}

ul.nav:hover
{
	background-color: #e0e0e0;
}

.pagetwinkle {
	float: left;
	margin: 1em 1em 1em 1em;
	font-size: small;
	font-style: italic;
}
.banner_jaunty p {
	margin: 1em 1em 1em 1em;
	font-size: small;
	font-style: italic;
}
.banner_jaunty hr
{
	width: 80%;
}

.banner_jaunty hr.top
{
	text-align: right !important; /*ie*/
	margin-left: auto !important; margin-right: 0 !important; /*moz*/
}

.banner_jaunty hr.btm
{
	text-align: left !important; /*ie*/
	margin-right: auto !important; margin-left: 0 !important; /*moz*/
}

#PageMain
{
	margin: 1em;	
}

#contentblock
{
	float: none;
	display: block;
	margin: 2em;
}

.FeatureTitle
{
	float: left;
	clear: left;	
}

.FeatureDescription
{
	float: left;
	clear: left;		
}

.FeatureNarrative
{
	float: left;
	clear: left;		
}

.FeatureRelatedItems
{
	float: right;
	margin: 1em;
	padding: 1em;
	border-left: thin #505050 solid;
}
.FeatureRelatedItems:hover
{
	background-color: #e0e0e0;
}
.FeatureRelatedItems span
{
	white-space: nowrap;
}
.FeatureRelatedItems ul
{
	margin-left: 1em;
}
.FeatureRelatedItems h3
{
	font-size: small;
  font-weight: bold;
	font-style: italic;
}

.capblock 
{
	
}

.capblock .item
{
	list-style-type: none;
	clear: both;
	display: block;
	margin-bottom: 2em;
	background-color: #e0e0e0;
	width: 100%;
	padding-bottom: 2em;
	border: thin navy solid;
}

.capblock .odd
{
	background-color: #f0f0f0;
}

.capblock .title_desc
{
	width: 40%;
	display: inline;
	float: left;
	clear: left;
	margin: 2em;
}
.capblock .title
{
	font-weight: bold;
	display: block;
}

.capblock p
{
	display: inline-block;
	clear: left;
}

.capblock img {
	display: inline;
	float: left;
	border: thin #6a6a6a solid;
	margin: 1em .5em .5em 1em;
}

.featurelist li
{
	list-style-type: none;
}
.featurelist li p {
	font-size: smaller;
	margin-left: 1em;
	margin-right: 1em;
}
.featurelist li.title p
{
	font-weight: bold;
	margin-left: -1em;
	margin-top: 1em;
	font-size: larger;
	width: 100%;
	background-color: #000050;
	color: white;
	padding: 6px;
}
.featurelist li span
{
	font-weight: bold;
}

table
{
	border-collapse: collapse;
}
table tbody tr
{
	background-color: #f8f8f8;
	font-style: normal;
}
table tbody tr.odd
{
	background-color: #f0f0f0;
}

table tbody tr:hover
{
	background-color: #e8e8e8;
}


table#statpref tr td
{
	margin-bottom: 1em;
}
table caption
{
	padding: 4px;
	background-color: white;
	color: #000060;
	font-style: italic;
	font-size: small;
	border: 1px #000060 solid;
}

table th
{
	background-color: #000060;
	color: white;
	font-weight: bold;
	border: thin;
	border-top-color: white;
	border-left-color: #f0f0f0;
	border-bottom-color: black;
	border-right-color: #202020;
	border-style: solid;
}

table td
{
	border: 2px #000060 solid;
	padding: 4px;
	border-collapse: collapse;
}

tr.tablesectiontitle td
{
	background-color: #000060;
	color: white;
	font-weight: bold;
	border: thin;
	border-top-color: white;
	border-left-color: #f0f0f0;
	border-bottom-color: black;
	border-right-color: #202020;
	border-style: solid;
}
table#statpref th
{
	/*border: 0px #0 solid;*/
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 2px;
}
table#statpref td.style2
{
	/*border: 0px #0 solid;*/
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 2px;
}
table#statpref th
{
	border-left-color: #606060;
	border-left-style: solid;
	border-left-width: 2px;
	text-align: right;
	font-weight: bold;
	font-size: 80%;
}

table#statpref td.style1
{
	border-left-color: #606060;
	border-left-style: solid;
	border-left-width: 2px;
	text-align: right;
	font-weight: bold;
	font-size: 80%;
}

table#findsomedick col#sitename
{
	text-align: right;
}
table#findsomedick col#rating
{
	width: 144px;
	white-space: nowrap;
}
table#findsomedick th#comments
{
	text-align: left;
}
table#findsomedick col#free
{
	text-align: center;
}
table#findsomedick col#free img
{
	text-align: center;	
}

#navpg6 .navpg6 a:hover
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
	background-color: transparent !important;
}

#navpg5 .navpg5 a:hover
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
	background-color: transparent !important;
}

#navpg4 .navpg4 a:hover
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
	background-color: transparent !important;
}

#navpg3 .navpg3 a:hover
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
	background-color: transparent !important;
}

#navpg2 .navpg2 a:hover
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
	background-color: transparent !important;
}

#navpg1 .navpg1 a:hover
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
	background-color: transparent !important;
}

#navpg6 .navpg6 a
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
}

#navpg5 .navpg5 a
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
}

#navpg4 .navpg4 a
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
}

#topnav a,
#navpg3 .navpg3 a
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
}

#topnav a,
#navpg2 .navpg2 a
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
}

#topnav a,
#navpg1 .navpg1 a
{
	border-bottom-width: 0px;
	cursor: default !important;
	color: inherit;
}

.indent1 {
	margin-right: 2em;
	margin-left: 2em;
}

.indent2 {
	margin-right: 4em;
	margin-left: 4em;
}

.underconstruction {
	color: #0000FF;
	font-weight: bold;
	text-decoration: underline overline;
	font-variant: normal;
	text-transform: uppercase;
}
.foreign {
	font-style: italic;
}

.sitemenu
{
	margin: 4px;
	background-color: transparent;
	font-size: 110%;
}
.sitemenu .submenu
{
	font-size: 80%;
}
.sitemenu *
{
	margin: 0 0 0 0;
	border-width: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: transparent;
}
.sitemenu .submenu .navpage
{
	background-color: #484848;
	margin: 0px 32px 0px 0px;
	border-left: 4px white solid;
	padding-left: 1em;
}
.sitemenu .nav_menutop
{
	display: none;
}
.sitemenu .smenuitem
{
	display: block;
	width: 100%;
	font-weight: bold;
}

.sitemenu .smenuitem .smlside
{
	display: table-cell;
	float: left;
	clear: left;
	width: 4px !important;
}

.sitemenu .smenuitem .smrside
{
	display: none;
	float: right;
	width: 4px !important;
}

.sitemenu .smenuitem .smtitle
{
	display: table-cell;
	text-align: right;
	float: right;
	margin-left: 1em;
}

#OB .sitemenu a, #OB .sitemenu .submenu a
{
	color: #990000;
	cursor: pointer !important;
	padding: 4px;
}

#OB .sitemenu :link:focus, #OB .sitemenu :visited:focus,
#OB .sitemenu :link:focus *, #OB .sitemenu :visited:focus * { color: #efefcc; }
#OB .sitemenu :link, #OB .sitemenu :link * { color: #dfdfec; }
#OB .sitemenu :visited, #OB .sitemenu :visited * { color: #cfcfac; }

#OB .sitemenu :link:hover, #OB .sitemenu :visited:hover,
#OB .sitemenu :link:hover *, #OB .sitemenu :visited:hover * { color: white; background-color: #484848; }

#OB .sitemenu :link:active, #OB .sitemenu :visited:active,
#OB .sitemenu :link:active *, #OB .sitemenu :visited:active * { color: white; }

/* current-selection bar */
#navpg1 .sitemenu .navpg1 .smenuitem, #navpg1 .sitemenu .navpg1 .smenuitem .smtitle,
#navpg2 .sitemenu .navpg2 .smenuitem, #navpg2 .sitemenu .navpg2 .smenuitem .smtitle,
#navpg3 .sitemenu .navpg3 .smenuitem, #navpg3 .sitemenu .navpg3 .smenuitem .smtitle,
#navpg4 .sitemenu .navpg4 .smenuitem, #navpg4 .sitemenu .navpg4 .smenuitem .smtitle
#navpg5 .sitemenu .navpg5 .smenuitem, #navpg5 .sitemenu .navpg5 .smenuitem .smtitle
#navpg6 .sitemenu .navpg6 .smenuitem, #navpg6 .sitemenu .navpg6 .smenuitem .smtitle
{
	background-color: #c0c0c0;
	color: black;
	text-align: left;
	float: right;
}
#navpg1 .sitemenu .navpg1 .smenuitem, #navpg1 .sitemenu .navpg1 .smenuitem .smtitle,
#navpg1 .sitemenu .navpg1 .smenuitem *
{
	visibility: hidden;
}
.sitemenu .submenu .navpage
{
	visibility: hidden;
}
.sitemenu .submenu h3
{
	display: block;
	font-weight: bold;
	margin-bottom: .5em;
	background-color: #505050;
}
.sitemenu .submenu p
{
	display: block;
	font-weight: normal;
	margin-bottom: .5em;
}
.sitemenu .submenu a, .sitemenu .submenu a:hover
{
	display: block;
	font-weight: normal;
	margin-left: 1em;
	cursor: pointer !important;
}
#navpg2 .sitemenu .submenu .navpg2,
#navpg3 .sitemenu .submenu .navpg3,
#navpg4 .sitemenu .submenu .navpg4
#navpg5 .sitemenu .submenu .navpg5
#navpg6 .sitemenu .submenu .navpg6
{
	display: block;
	visibility: visible;
}
/* line to submenu */
#navpg2 .sitemenu .navpg2 .smenuitem .smlside, 
#navpg2 .sitemenu .navpg3 .smenuitem .smlside, 
#navpg2 .sitemenu .navpg4 .smenuitem .smlside, 
#navpg2 .sitemenu .navpg5 .smenuitem .smlside, 
#navpg2 .sitemenu .navpg6 .smenuitem .smlside, 
#navpg2 .sitemenu .nav_menubtm .smenuitem .smlside,

#navpg3 .sitemenu .navpg3 .smenuitem .smlside, 
#navpg3 .sitemenu .navpg4 .smenuitem .smlside, 
#navpg3 .sitemenu .navpg5 .smenuitem .smlside, 
#navpg3 .sitemenu .navpg6 .smenuitem .smlside, 
#navpg3 .sitemenu .nav_menubtm .smenuitem .smlside,

#navpg4 .sitemenu .navpg4 .smenuitem .smlside, 
#navpg4 .sitemenu .navpg5 .smenuitem .smlside, 
#navpg4 .sitemenu .navpg6 .smenuitem .smlside, 
#navpg4 .sitemenu .nav_menubtm .smenuitem .smlside

#navpg5 .sitemenu .navpg5 .smenuitem .smlside, 
#navpg5 .sitemenu .navpg6 .smenuitem .smlside, 
#navpg5 .sitemenu .nav_menubtm .smenuitem .smlside

#navpg6 .sitemenu .navpg6 .smenuitem .smlside, 
#navpg6 .sitemenu .nav_menubtm .smenuitem .smlside
{
	background-color: white;
}
.dongsyn {
	font-weight: bolder;
	font-size: larger;
}
