/* General Styles */

body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
}

.title
{
	font: bold 20pt Tahoma;
	color: #5f9ea0;
	padding: 10px 10px 3px 10px;
	margin-bottom: 0px;
}

.slogan
{
	font: 9pt Courier New;
	color: #5f9ea0;
	padding: 0px 0px 0px 5px;
}

.leftcolumn
{
	vertical-align: top;
	width: 200px;
}

.centercolumn
{
	vertical-align: top;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

.rightcolumn
{
	vertical-align: top;
	padding-left: 10px;
	width: 200px;
}

.copyright
{
	font-size: 8pt;
	text-align: center;
	color: #5f9ea0;
}

.topmenu
{
	font: bold 9pt Verdana;
	text-align: right;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 15px 0px;
	border-top: 1px solid #003399;
	border-bottom: 2px solid #003399;
	background-image: url(images/site/dnr-head-back.jpg);
	background-repeat: repeat-x;
	color: #5f9ea0;
}
.topmenu a:link, .topmenu a:visited
{
	color: #5f9ea0;
	text-decoration: none;
}

.topmenu a:hover
{
	text-decoration: underline;
}

.search-tags, .search-google
{
	text-align: center;
}

.bigfirst :first-letter
{
	font-size: 250%;
	color: #5f9ea0;
}

.menu-admin-holder
{
	margin: 0px 0px 15px 0px;
}

.menu-utility-holder
{
	margin: 15px 0px 15px 0px;
}

.menu-utility
{
	border: 1px solid #003399;
	background-color: #f8f8f8;
	width: 180px;
	padding: 12px 5px 12px 5px;
}

.menu-utility a
{
	font-size: 10pt;
	font-family: Georgia;
	color: #5f9ea0;
	text-decoration: none;
	font-weight: bold;
}

.menu-utility a:hover
{
	text-decoration: underline;
}

.menu-category
{
	color: White;
	background-color: #5f9ea0;
	font-family: Georgia;
	font-size: 11pt;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	border: solid 1px #666666;
}

.bottommenu
{
	font-family: Verdana;
	font-size: 10pt;
	border-top: 1px solid gray;
	padding: 5px 5px 5px 5px;
	margin: 40px 0px 15px 0px;
	text-align: center;
}

.bottommenu a:link, .bottommenu a:visited
{
	color: #5f9ea0;
	text-decoration: none;
}

.bottommenu a:hover
{
	color: #5f9ea0;
	text-decoration: underline;
}

.sitemap
{
	font-family: Verdana;
	font-size: 10pt;
}

.sitemap-title
{
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: #008080;
	padding: 10px 0px 25px 0px;
}

.sitemap-header
{
	font-weight: bold;
	background-color: #f8f8f8;
	color: #008080;
}

/* Article Listing Styles */

.listing-ad
{
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.listing-item
{
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
}

.listing-image
{
	float: left;
	border: solid 1px blue;
	margin: 0px 10px 10px 0px;
	padding: 0px 5px 0px 0px;
}

.listing-number
{
	margin: 0px 0px 5px 0px;
}

.listing-link
{
	font-family: Georgia, Tahoma;
	font-size: 11pt;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	color: #004276;
}

.listing-category
{
	color: White;
	background-color: #5f9ea0;
	font-size: 9pt;
	margin: 2px 2px 2px 0px;
	padding: 2px 2px 2px 2px;
	border: solid 1px #666666;
}

.listing-tags
{
	padding: 4px 0px 15px 0px;
	color: #5f9ea0;
	font: 9pt Verdana;
}

.listing-head
{
	font-family: Georgia, Tahoma;
	font-size: 11pt;
	font-weight: bolder;
	color: #aaaa77;
	border-top: 1px solid #003399;
	border-bottom: 2px solid #003399;
	padding: 5px 5px 5px 5px;
	background: #fafafa;
}

.listing-sort
{
	font-size: 8pt;
	text-align: right;
}

.listing-nav
{
	font-weight: bold;
	border-top: dotted 1px Gray;
	border-bottom: dotted 1px Gray;
	margin-top: 15px;
	background: #fafafa;
}

.listing-nav .left
{
	float: left;
	border: dotted 1px Gray;
	background-color: #f0f0f0;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

.listing-nav .right
{
	float: right;
	border: dotted 1px Gray;
	background-color: #f0f0f0;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

.listing-nav .center
{
	font-family: Georgia, Tahoma;
	color: #aaaa77;
	float: inherit;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

.listing-summary
{
	padding: 0px 0px 5px 0px;
	color: #595959;
}

/* End Article Listing Styles */

/* Tag Cloud Styles */

.tag-cloud
{
	font: bold 12pt Georgia;
	padding: 15px;
	color: #5f9ea0;
	border-top: solid 1px #dadada;
	border-right: solid 3px gray;
	border-bottom: solid 3px gray;
	border-left: solid 1px #dadada;
	background-image: url(images/site/tagcloud-back.jpg);
	background-repeat: repeat-x;
	margin: 0px 2px 20px 0px;
}

.tag-cloud .tagCloudHeader
{
	font: bold 11pt Georgia;
	color: #FFFFFF;
	background-color: #5f9ea0;
	border: solid 1px #666666;
	padding: 4px;
	margin: 0px 0px 10px 0px;
}

/* End Tag Cloud Styles */

/* Series Bar */

.series-bar
{
	font: bold 9pt Georgia;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 25px 0px 25px 0px;
	width: 100%;
}

.series-bar .heading
{
	font: bold 9pt Georgia;
	color: #663300;
	padding: 5px 10px 5px 10px;
	background-color: #fafafa;
	border-bottom: solid 1px #f0f0f0;
}

.series-bar .cell
{
	font: 10pt Verdana;
	width: 33%;
	padding: 5px 10px 5px 10px;
	text-align: center;
	border: solid 1px #bababa;
}

.series-bar .label
{
	margin-bottom: 10px;
}

/* Test and Article */

.test-and-article
{
	width: 100%;
	font: bold 9pt Georgia;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 25px 0px 25px 0px;
}

.test-and-article .heading
{
	font: bold 12pt Georgia;
	color: #663300;
	padding: 5px 10px 5px 10px;
	background-color: #fafafa;
	border-bottom: solid 1px #f0f0f0;
}

.test-and-article .cell
{
	padding: 20px 10px 20px 10px;
}

.test-and-article .question-table
{
	border: solid 1px #dadada;
}

.test-and-article .question
{
	background-color: #FFFFFF;
	padding: 15px 15px 15px 15px;
}

.test-and-article .alt-question
{
	background-color: #F9F9F9;
	padding: 15px 15px 15px 15px;
}

.test-and-article a:link
{
	color: #004276;
	font: 10pt Verdana;
	text-decoration: none;
}

.test-and-article a:visited
{
	color: #666699;
	font: 10pt Verdana;
	text-decoration: none;
}

.test-and-article a:hover
{
	text-decoration: underline;
}

/* Bookmark Bar Styles*/

.bookmarker
{
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 25px 0px 15px 0px;
	width: 100%;
}

.bookmarker .heading
{
	font: bold 9pt Georgia;
	color: #663300;
	padding: 5px 10px 5px 10px;
	background-color: #fafafa;
	border-bottom: solid 1px #f0f0f0;
}

.bookmarker .sitelinks
{
	padding: 5px 10px 5px 10px;
}

/* End Bookmark Bar Styles */

/* User Agent Finder Styles */

.useragentfinder, .sourceviewer, .search
{
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 10px 0px 15px 0px;
	width: 100%;
}

.useragentfinder-menu, .sourceviewer-menu
{
	font-size: 10pt;
}

.useragentfinder-menu table, .sourceviewer-menu table
{
	width: 100%;
	border-width: 0px;
}

.useragentfinder-menu table tr td, .sourceviewer-menu table tr td
{
	background-color: #fafafa;
	padding: 5px 15px 5px 15px;
}

.useragentfinder-menu a, .sourceviewer-menu a
{
	font-family: Georgia;
	color: #5f9ea0;
	text-decoration: none;
}

.useragentfinder-menu a:hover, .sourceviewer-menu a:hover
{
	font-family: Georgia;
	color: #5f9ea0;
	text-decoration: underline;
}

.useragentfinder-heading, .sourceviewer-heading, .search-heading
{
	font: bold 9pt Georgia;
	color: #663300;
	padding: 5px 10px 5px 10px;
	background-color: #fafafa;
	border-bottom: solid 1px #f0f0f0;
}

.useragentfinder-content, .search-content
{
	padding: 20px 10px 20px 10px;
}

.useragentfinder-listing
{
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 20px 20px 20px 0px;
}

.useragentfinder-agentlisting, .sourceviewer-listing
{
	background: #ffffff;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 20px 20px;
}

.useragentfinder-agentlisting-item, .sourceviewer-listing-item
{
	background-color: #F9F9F9;
	padding: 15px 15px 15px 15px;
}

.useragentfinder-agentlisting-alt-item, .sourceviewer-listing-alt-item
{
	background-color: #FFFFFF;
	padding: 15px 15px 15px 15px;
}

.useragentfinder-empty-list
{
	padding: 0px 10px 10px 20px;
}

.sourceviewer-search
{
	text-align: center;
	padding: 25px 10px 20px 10px;
}

/* End User Agent Finder Styles */

/* JavaScript Formatting */

.method-header, .source-header
{
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
}

.js-code
{
	font-family: Courier New;
	font-size: 10pt;
	color: #000000;
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
}

.js-code .keyword
{
	color: #0000FF;
}

.js-code .comment, .js-code .line .comment, .js-code .alt-line .comment
{
	color: #008000;
}

.js-code .first-line
{
	font-weight: bold;
	background-color: #FFFFDD;
	padding: 10px 0px 10px 0px;
}

.js-code .line
{
	background-color: #f8f8f8;
	padding: 8px 0px 8px 0px;
}

.js-code .alt-line
{
	background-color: #FFFFFF;
	padding: 8px 0px 8px 0px;
}

/* Article Edit Styles */

.article-edit
{
	border: #f0f0f0 1px solid;
	background: #fdfdfd;
	width: 100%;
}

.article-edit-cell
{
	padding: 10px 20px 10px 10px;
}

.article-edit-caption
{
	padding: 10px 10px 10px 20px;
	width: 100px;
	font-weight: bold;
}

.highlight
{
	background-color: #FFFFCC;
}

/* End Article Edit Styles */

/* Article Display Styles */

.article-display
{
	padding: 15px 20px 15px 20px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
}

.article-title, .title-section, .ci-title, .test-title, .ci-header
{
	font: bold 12pt Georgia;
	color: #ffffff;
	background: #C0B7A5;
	border-bottom: solid 2px #999999;
	border-right: solid 2px #999999;
	padding: 6px 0px 6px 4px;
	margin: 0px 0px 6px 0px;
}

.article-tags
{
	font: 10pt Georgia;
	color: #663300;
}

.article-tags a:link, .listing-tags a:link, .tag-cloud a:link, .series-bar a:link, .listing-link a:link, .admin-links a:link
{
	color: #004276;
	text-decoration: none;
}

.article-tags a:visited, .listing-tags a:visited, .tag-cloud a:visited, .series-bar a:visited, .listing-link a:visited, .admin-links a:visited
{
	color: #666699;
	text-decoration: none;
}

.article-tags a:hover, .listing-tags a:hover, .tag-cloud a:hover, .series-bar a:hover, .listing-link a:hover, .admin-links a:hover
{
	text-decoration: underline;
}

.article-summary, .summary-general
{
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 20px 0px;
}

.article-summary .label
{
	font: bold 12pt Georgia;
	border-bottom: solid 1px #bababa;
	color: #663300;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 0px;
}

.article-separator-summary
{
	border-bottom: solid 1px #999999;
	margin: 15px 60px 35px 60px;
}

.article-separator-toc
{
	border-bottom: solid 1px #999999;
	margin: 0px 60px 35px 60px;
}

.article-test-container
{
	width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

.article-test
{
	border: dotted 1px gray;
	padding: 20px;
	margin: 0px 0px 0px 0px;
	background-color: #f9f9f9;
}

/* End Article Display Styles */

/* Article TOC Styles */

.article-toc
{
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
}

.article-toc .label
{
	font: bold 12pt Georgia;
	color: #663300;
	border-bottom: solid 1px #bababa;
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 0px;
}

.article-toc h1
{
	font: 10pt Georgia;
	color: #663300;
	margin: 10px 0px 15px 0px;
}

.article-toc h2
{
	font: 10pt Verdana;
	margin: 0px 0px 5px 25px;
}

.article-toc h3
{
	font: 10pt Verdana;
	margin: 0px 0px 5px 50px;
}

/* End Article TOC Styles */

/* Article Content Styles */

.article
{
	font: verdana 10pt;
}

.article h1, .section-h1
{
	font: bold 12pt Georgia;
	color: #663300;
	border-bottom: solid 1px #dadada;
	margin: 25px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
}

.article h2
{
	font: bold 10pt Georgia;
	color: #663300;
}

.article h3
{
	font: bold 10pt Georgia;
	color: #663300;
}

.article img
{
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}

.article a:link
{
	color: #004276;
	font: bold 10pt Georgia;
}

.article a:visited
{
	color: #666699;
	font: bold 10pt Georgia;
}

.article a:hover
{
	color: #004276;
}

.article li
{
	color: #663300;
	padding: 0px 0px 5px 0px;
}

.article .code
{
	font-family: 'Courier New';
	color: #004080;
	background-color: #fafafa;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	padding: 2px 15px 2px 15px;
}

.article .test
{
	color: #004080;
	background-color: #fafafa;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	padding: 15px 15px 15px 15px;
	margin: 15px 0px 15px 0px;
}

.article .article
{
	color: #004080;
	background-color: #fafafa;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	padding: 15px 15px 15px 15px;
	margin: 15px 0px 15px 0px;
}

/* End Article Content Styles */

/* Styles for ads */

.ads-general-left
{
	background-color: #f8f8f8;
	border: 1px solid #003399;
	padding: 12px 0px 12px 5px;
	margin: 0px 10px 15px 0px;
	width: 185px;
}

.ads-artlist-top, .ads-sourceviewer-top, .ads-conninfo-top
{
	margin: 20px 0px 20px 0px;
	text-align: center;
}

.ads-top
{
	margin: 20px 0px 20px 0px;
	text-align: right;
}

.ads-artlist-right
{
	margin: 20px 0px 20px 0px;
}

.ads-artdisp-top, .ads-artdisp-bottom
{
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

.ads-artdisp-right
{
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 0px 0px 0px 10px;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

.ads-artdisp-list
{
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 10px 10px 0px 0px;
	padding: 15px 15px 15px 15px;
	text-align: center;
}

/*
.ads-artdisp-bottom
{
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 25px 0px 15px 0px;
	padding: 25px 0px 25px 0px;
	text-align: center;
}
*/

.google-search
{
	font-size: 0.5em;
	border: solid 1px;
}

.ads-utilities-top
{
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

.ads-utilities-bottom
{
	background: #ffffff;
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 10px 0px 10px 0px;
}

.ads-utilities-general
{
	text-align: center;
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 20px 20px 20px 20px;
}

.ads-utilities-general2
{
	text-align: center;
	background: #ffffff;
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 20px 20px 20px 20px;
}

.ads-utilities-right
{
	margin: 0px 0px 20px 0px;
}

/* End Styles for ads */

/* Source Viewer Styles */

.sv-list-header
{
	font: bold 9pt Georgia;
	color: #663300;
	background-color: #f8f8f8;
	border: solid 1px #bababa;
	padding: 5px 0px 5px 2px;
	margin: 5px 0px 0px 0px;
}

.list-ad-top
{
	background: #ffffff;
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
	margin: 10px 0px 10px 0px;
}

.list-ad-right-top
{
	margin: 0px 0px 20px 0px;
}

/* End Source Viewer Styles */

/* ConnectionInfo Styles */

.ci-summary
{
	background-color: #f9f9f9;
	border: dotted 1px gray;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
}

.ci-base
{
	font-family: Verdana;
	font-size: 10pt;
	color: #808080;
	border-top: solid 1px #dadada;
	border-right: solid 2px #808080;
	border-bottom: solid 2px #808080;
	border-left: solid 1px #dadada;
}

.ci-section-heading
{
	font: 10pt Georgia;
	color: #663300;
	background-color: #f8f8f8;
}

/* End ConnectionInfo Styles */

/* Test Admin Styles */

.test-edit
{
	border: #f0f0f0 1px solid;
	background: #fdfdfd;
	width: 100%;
}

.test-edit-cell
{
	padding: 10px 20px 10px 10px;
}

.test-edit-caption
{
	padding: 10px 10px 10px 20px;
	width: 100px;
	font-weight: bold;
}

.test-admin-title
{
	font: bold 11pt Georgia;
	color: #aaaa77;
	padding: 6px 0px 6px 0px;
	margin: 0px 0px 10px 0px;
}

.test-admin-title a
{
	text-decoration: none;
}

/* End Test Admin Styles */

/* Test Display Styles */

.test-display
{
	padding: 15px 10px 15px 10px;
	border-top: solid 1px #dadada;
	border-right: solid 2px gray;
	border-bottom: solid 2px gray;
	border-left: solid 1px #dadada;
}

.test-heading
{
	font: bold 12pt Georgia;
	color: #7c6f57;
	border-bottom: solid 1px #bababa;
	padding: 0px 0px 4px 0px;
	margin: 25px 0px 10px 0px;
}

.test-question
{
	color: #7c6f57;
	font: bold 12pt Georgia;
}

.test-hint
{
	font: 10pt;
	color: #a9a9a9;
	margin: 0px 0px 3px 0px;
}

.test-results-heading
{
	font: bold 12pt Georgia;
	color: #7c6f57;
	border-bottom: solid 1px #bababa;
	padding: 0px 0px 4px 0px;
	margin: 25px 0px 6px 0px;
}

.test-correct-answer-head
{
	color: #008000;
	font: bold 10pt Georgia;
	margin: 0px 0px 15px 0px;
}

.test-incorrect-answer-head
{
	color: #8b0000;
	font: bold 10pt Georgia;
	margin: 0px 0px 15px 0px;
}

.test-answered
{
	font: 10pt;
	margin: 0px 0px 3px 0px;
}

.test-correct-answer
{
	font: 10pt;
	margin: 0px 0px 15px 0px;
}

.test-bottom-bar
{
	font: bold 12pt Georgia; /*color: #FFFFFF; 	background: #C0B7A5;*/
	color: #7c6f57;
	background: #fafafa;
	border-top: dotted 1px Gray;
	border-bottom: dotted 1px Gray;
	padding: 6px 0px 6px 0px;
	margin: 20px 0px 10px 0px;
	text-align: center;
}


/* End Test Styles */