/* Minification failed. Returning unminified contents.
(3877,1): run-time error CSS1019: Unexpected token, found '{'
(3878,17): run-time error CSS1030: Expected identifier, found ' '
(3878,18): run-time error CSS1031: Expected selector, found '32px'
(3878,18): run-time error CSS1025: Expected comma or open brace, found '32px'
(3879,1): run-time error CSS1019: Unexpected token, found '}'
 */
/** 
 * reset.css 
 * 
 * Eric Meyer's reset
 * 
 * Default styles applied to reduce browser inconsistencies.
 * 
 * @version			1.0
 * @date			2008-02-12
 * @author			Eric Meyer
 * @cssdoc			version 1.0-pre
 *
 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/** 
 * grids.css 
 * 
 * Sets up different grid layouts.
 * 
 * @version			1.0.0
 * @date			2009-08-28
 * @lastmodified	2009-08-28 16:31
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Grid
 * 
 * @section			Styles for different column and row (line) configurations
 * @note			Don't mix 'template' and 'grid' styles, although it's possible
 *					to nest 'grid' styles inside 'template' styles (not the other way around!)
 */

.line, .last_unit { overflow: hidden; }

.line { margin-top: 0; position: relative; }

.unit { float: left; }
.unit_ext { float: right; }
.last_unit { float: none; width: auto; }

.size11 { float: none; }
.size12 { width: 50%; }

.size13 { width: 33.33333%; }
.size23 { width: 66.66666%; }

.size14 { width: 25%; }
.size34 { width: 75%; }

.size15 { width: 20%; }
.size25 { width: 40%; }
.size35 { width: 60%; }
.size45 { width: 80%; }

.size48 { width: 50%; }				/* .size12 */
.size58 { width: 62.5%; }
.size38 { width: 37.5%; }

.size212 { width: 16.666666%; }
.size312 { width: 25%; }			/* .size14 */
.size412 { width: 33.33333%; }		/* .size13 */
.size512 { width: 41.66666%; }
.size612 { width: 50%; }			/* .size12 */
.size812 { width: 66.66666%; }		/* .size23 */
.size912 { width: 75%; }			/* .size34 */

.media { width: auto; } /* extending grids to allow a unit that takes the width of its content */
/** 
 * template.css 
 * 
 * Sets up the available (template) layouts.
 * 
 * @version			1.1.1
 * @date			2009-08-28
 * @lastmodified	2009-11-24 15:47
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/** 
 * Drop shadow 
 * 
 * @section			Drop shadow border around canvas area
 */

body { background: #f3f5f6; border-top: 1px solid #535353; padding: 2.1em 0; }
.container { background: #fff url(skin/sh_left.png) left top repeat-y; position: relative; }
.header { background: url(skin/sh_top.png) left top no-repeat; padding: 8px 8px 0 8px; position: relative; }
.header span { background: url(skin/sh_top-right.png) right top no-repeat; height: 100%; width: 16px; position: absolute; top: 0; right: 0; }
.content_wrapper1 { background: url(skin/sh_right.png) right top repeat-y; padding: 0; position: relative; }
.content_wrapper2 { margin: 0 8px; position: relative; }
.content { padding: 0 4px 50px 24px; position: relative; top: -10px; }
.footer { background: url(skin/sh_bot.png) left bottom no-repeat; position: relative; }
.footer span { background: url(skin/sh_bot-right.png) right bottom no-repeat; height: 100%; width: 16px; position: absolute; bottom: 0; right: 0; }


/** 
 * Containers
 * 
 * @section			Header, content and footer
 */

.container { margin: 0 auto; min-width: 956px; max-width: 95.6em; } 	/* 4 main columns, width: 956px / 10px = 95.6em */
#login .container { min-width: 516px; max-width: 51.6em; }
#login .content_wrapper2 { border-top: none; }

.container.wide { max-width: 118.4em; }											/* 5 main columns, width: 1184px / 10px = 118.4em */
.container.wider { max-width: 142.2em; }											/* 6 main columns, width: 1412px / 10px = 142.2em */

.container.fixed { margin: 0 auto; width: 956px; }
.wide.fixed { width: 1184px; }
.wider.fixed { width: 1422px; }

.liquid { margin: 0 20px; max-width: 100%; }		/* max. possible width in given browser window */


/** 
 * Templates
 * 
 * @section			Styles for different template layout configurations
 * @note			Don't mix 'template' and 'grid' styles, although it's possible
 *					to nest 'grid' styles inside 'template' styles (not the other way around!)
 */

.content_main,
.content_add,
.content_supp,
.nav_sub,
.breadcrumb { padding-top: 50px; overflow: hidden; position: relative; }

/* Home template (with and without 'tong') */
.content { overflow: hidden; }
.content_main { float: left; width: 50%; }
.content_main.wide,
.content_add { float: none; overflow: hidden; width: auto; } 
.content_supp { float: left; width: 25%; overflow: visible; }

/* Content template */
#content .content_main { left: 25%; }
#content .content_main.wide { width: 75%; }
#content .nav_sub { width: 25%; position: absolute; top: 0; left: 0; }
#content .content_add { width: 25%; left: 25%; }

/* Login template (smaller content area) */
#login .content_main { width: 100%; }

/* Breadcrumb */
.breadcrumb { margin: 0 0 -50px 25%; padding-left: 0; padding-top: 16px; width: 75%; z-index: 999; }
.breadcrumb.left { float: none; margin-left: 0; }
.breadcrumb p { padding: 0 24px 0 0; }


/** 
 * Miscellaneous
 * 
 * @section			Handy miscellaneous box styling classes
 */

.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

.left { float: left; }
.right { float: right; }

.margin_top_5 { margin-top: 5em; }
.margin_top_3 { margin-top: 3em; }


/** 
 * Clearing floats 
 * 
 * @section			Clear floated elements
 * @see				Clearing floats, ttp://sonspring.com/journal/clearing-floats
 *					Easy clearing, http://www.positioniseverything.net/easyclearing.html
 */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .nav_main:after, .nav_bar:after, .title_bar:after, .search ul:after, .visual:after, .banner:after, .toolbox:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix, .nav_main, .nav_bar, .title_bar, .search ul, .visual, .banner, .toolbox { display: inline-block; }
* html .clearfix, * html .nav_main, * html .nav_bar, * html .title_bar, * html .search ul, * html .visual, * html .banner, * html .toolbox { height: 1%; }
.clearfix, .nav_main, .nav_bar, .title_bar, .search ul, .visual, .banner, .toolbox { display: block; }
/**
 * type.css
 *
 * Sets up some sensible default typography.
 *
 * @version			1.1.3
 * @date			2009-08-28
 * @lastmodified	2010-04-26 15:41
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/**
 * Default
 *
 * @section			Default font settings
 * @note			Default font-size percentage is 62.5% for a
 *					base font size of 10px (0.625 * 16px = 10px).
 */

body { color: #000; font-family: Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1.5; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, p, blockquote { padding-right: 20px; }

/**
 * Headings
 *
 * @section			Headings definitions
 * @note			Calculation of line-height if font-size is 15px and line-height
 */

h1, h2, h3, h4, h5, h6 { color: #000; }

h1 { font-family: Arial, Verdana, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.2; margin-bottom: 0.6em; margin-top: -0.1em; }
h2 { font-size: 1.5em; font-weight: normal; line-height: 1.2; margin-bottom: 0.75em; margin-top: 1.25em; }
h3, .content_add h2 { font-size: 1.2em; font-weight: bold; line-height: 1.3333; margin-bottom: 0.4343em; margin-top: 1em; }
h4,
h5,
h6 { font-size: 1.1em; font-weight: bold; line-height: 1.4545; margin-bottom: 0.4343em; }

#home h2 { font-family: Arial, Verdana, sans-serif; font-size: 2.2em; font-weight: normal; line-height: 1.2; margin-bottom: 0.7em; margin-top: 0; }
#home .equalize h2, #home .equalize h3, #home .equalize h4,
#login .equalize h2, #login .equalize h3, #login .equalize h4,
#home h3, #home h4, #home h5, #home h6,
#home .box h2.head, .box h2.head, .box h3.head, .box h4.head, .box h5.head, .box h6.head { font-family: Arial, Verdana, sans-serif; font-size: 1.5em; font-weight: bold; line-height: 1.2; margin-bottom: 0.2em; margin-top: 0; }
#home .box h2.head.small, .box h2.head.small, .box h3.head.small, .box h4.head.small, .box h5.head.small, .box h6.head.small { font-size: 1.2em; }

.title_bar { font-family: Arial, Verdana, sans-serif; font-size: 1.8em; font-weight: bold; line-height: 1.7; }
.title_bar h1 { font-size: 1em; font-weight: bold; line-height: 1.7; margin-bottom: 0; margin-top: 0; }


/**
 * Text elements
 *
 * @section			Basic text element styles
 */

a:link { color: #154273; text-decoration: none; }
a:visited { color: #696969; }
a:hover, a:visited:hover, a:active, a:focus { color: #0162cd; text-decoration: underline; }

.nav_main { font-family: Arial, Verdana, sans-serif; font-size: 1.2em; font-weight: bold; }

p { font-size: 1.1em; margin-bottom: 1.4545em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote { margin: 1.4545em; color: #474747; font-style: italic; font-weight: bold; }
blockquote p { margin-bottom: 0.4em; }
/*
blockquote p:before { content: '\201c'; }
blockquote p:after { content: '\201d'; }
*/
strong { font-weight: bolder; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { font-size: 0.9em; line-height: 0; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

pre, code {
	margin: 1.5em 0;
	/*white-space: pre-wrap;*/			/* css-3 */
	/*white-space: -moz-pre-wrap;*/		/* Mozilla, since 1999 */
	/*white-space: -pre-wrap;*/			/* Opera 4-6 */
	/*white-space: -o-pre-wrap;*/		/* Opera 7 */
	/*word-wrap: break-word;*/			/* Internet Explorer 5.5+ */
}
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/**
 * Lists
 *
 * @section			List style defenitions
 */

ul, ol { font-size: 1.1em; line-height: 1.6; list-style-position: outside; margin-bottom: 2.2em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }


/**
 * Forms
 *
 * @section			Form element styles
 */

form.form_ll fieldset label,
form.form_ll fieldset p { font-size: 1em; }

form input.text,
form textarea { font-family: Arial, Verdana, sans-serif; font-size: 1.1em; line-height: 1.5; }
form input.text { line-height: 1; }

form input.submit { font-size: 1em; }


/**
 * Tables
 *
 * @section			Basic table styling
 * @note			Information about table markup: http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
 */

table { border-collapse: separate; border-spacing: 0.2em; margin: 0 0 2.2em -0.2em; text-align: left; width: 100%; }
th { font-size: 1.1em; font-weight: normal; background: #e1e1e1; }
th.empty { background: #fff; }
th, td { padding: 0.4em 0.9em 0.4em 0.5em; }
td { background: #f5f5f5; }
tr.even td { background: #f0f0f0; }
tfoot { font-style: italic; }
caption { font-weight: bold; padding-left: 0.2em; padding-bottom: 1em; text-align: left; }
table th { white-space: nowrap; }
.table { padding-right: 20px; }



/**
 * Miscellaneous
 *
 * @section			Handy miscellaneous text styling classes
 */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875; }
.large { font-size: 1.2em; line-height: 2.5; margin-bottom: 1.25em; }
.hide { display: none; }


/**
 * Skip/jump links
 *
 * @section			Class to 'hide' skip and jump links in the presentation layer, but not for screenreaders
 * @note			See http://hicksdesign.co.uk/journal/skip-navigation-links
 */

.skiplink { font-size: 1px; line-height: 1px; width: 924px; position: absolute; left: -1000px; }


/**
 * Image replacement
 *
 * @section			Class for resuable (inline and block) image replacement
 * @note			Yet Another Image Replacement Method:
 *					http://www.evotech.net/blog/2007/09/css-image-replacement-method/
 */

.imgreplacement {
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	/*color: rgba(255,255,255,0);*/
	font-family: sans-serif;
	overflow: hidden;
	text-indent: -9000px;
	padding: 0;
	vertical-align: middle; /* options: middle, bottom, top, text-bottom, text-top */
	/*display: -moz-inline-box;*/ /* inline-block fix for Firefox 3 and older */
	display: inline-block;
}
/**
 * forms.css
 *
 * Sets up (default) styling for forms.
 *
 * @version			1.1.2
 * @date			2009-10-03
 * @lastmodified	2010-04-13 16:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 */


/**
 * Baisc form
 *
 * @section			Lables, fieldset, legend, submit, etc. definitions
 */

form ol, form ul { list-style-type: none; margin: 0; padding: 0; }

form legend { color: #000; font-weight: bold; padding-bottom: 1em; white-space: normal; }
form label { font-weight: normal; }

form fieldset li { margin-top: 0.1em; }
form fieldset fieldset legend { font-weight: normal; padding-bottom: 0.2em; }

form em { font-style: normal; color: #666; }
form p { margin-top: 1.4em; }
form p.mandatory { color: #444; font-size: 1em; margin-bottom: -1.8em; text-align: right; }

form input.text,
form textarea { background: #fff; color: #000; border: 1px solid #000; width: 22.2em; padding: 0.2em; }

form input.submit { background: #deebe3; border: 1px solid #000; color: #000; cursor: pointer; font-weight: bold; margin: 0; padding: 0.4em 1em; }
form input.submit, x:-moz-any-link { padding: 0.2em 1em; } /* Firefox only */

form .sr { font-size: 1px; line-height: 1px; width: 924px; position: absolute; left: -1000px; }


/**
 * Two column setup form
 *
 * @section			Lables left and inputs right aligned, grey background, two column specific style definitions
 */

form.form_ll legend { padding-bottom: 0.8em; }
form.form_ll label { display: inline-block; vertical-align: top; }

form.form_ll p,
form.form_ll fieldset { margin-bottom: 1.8em; margin-right: 20px; padding: 0; }
form.form_ll p.mandatory { margin-bottom: -1.8em; }
form.form_ll fieldset li { background: #f5f5f5; border-bottom: 0.2em solid #fff; list-style: none; padding: 0.4em 1em 0.4em 1em; }

form.form_ll fieldset fieldset { border: none; margin: 0.3em 0 0; }
form.form_ll fieldset fieldset legend { font-weight: normal; padding-bottom: 0.2em; }
form.form_ll fieldset fieldset label { display: block; width: auto; }

form.form_ll label { width: 12.2em; }
form.form_ll fieldset fieldset label { margin-left: 12.3em; }

form.form_ll fieldset p { margin: 0; padding: 0 0 0 12.5em; }

form.form_ll input.text,
form.form_ll textarea { width: 22.2em; }

form.form_ll input.submit { position: relative; left: 13.4em; }



/**
 * Global search
 *
 * @section			Global search specific definitions
 */

.search { position: absolute; top: 1.2em; right: 5.7em; width: 17.5em; }
.search.centered { top: 1.6em; }

.search form legend,
.search form label { font-size: 0; line-height: 0; width: 924px; position: absolute; left: -9000px; }

.search form ol { clear: both; margin: 0; padding: 0; }
.search form li { margin-top: 0; }

.search form input { float: left; margin: 0; }

.search form input.text { width: 10.2em; }
.search form input.text, x:-moz-any-link { /*padding-bottom: 0.1em;*/ } /* To horizontally align input.text and input.submit in Firefox on Windows */

.search form input.submit { background-color: #fff; font-size: 1.1em; margin: 0 0 0 -1px; padding: 0.1em 0 0.2em; height: 1.7em; width: 3.9em; }
.search form input.submit, x:-moz-any-link { /*padding: 0 0 0.3em;*/ width: 3.7em; } /* Firefox only */

.search ul { clear: both; margin: 0; padding: 0; }
.search ul li { background: none; float: left; margin: 0; padding: 0; }
.search ul li.advanced_search { float: right; }


/**
 * Search results
 *
 * @section			Search results search box ('zoekterm') specific definitions
 */

form.search_box.top { margin: 1em 0 2em; }
form.search_box.bottom { margin: 2em 0 1em; }
form.search_box ol { text-align: center; }
form.search_box legend { display: none; }
form.search_box label { display: inline; vertical-align: baseline; }
form.search_box input.text { padding-bottom: 0.3em; padding-top: 0.3em; width: 23.9em; }
form.search_box input.submit { padding-bottom: 0.4em; padding-top: 0.3em; left: 0; }
form.search_box input.submit, x:-moz-any-link { padding-bottom: 0.2em; } /* Firefox only */


/**
 * Form inside module
 *
 * @section			Style definitions of form inside a module and/or box
 */

.mod form { padding-right: 20px; }
.mod.box form { padding-right: 0; }

.mod form input.text,
.mod form textarea { width: 100%; }

/* white background on colored or grey background */
.mod.closed form input.submit { background-color: #fff; }


/**
 * Messages
 *
 * @section			Error and notice (info) message definitions
 */

form input.err { border-color: #d52b1e; outline: 1px solid #d52b1e; }
/**
 * colors.css
 *
 * Definition of all 16 available Rijksoverheid brand identity colors.
 *
 * @version			1.0.1
 * @date			2009-08-28
 * @lastmodified	2010-04-26 16:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 * @colordef		#623327; dark-brown 1 (full)		| 01
 * @colordef		#d1c1be; dark-brown 2 (lighter)
 * @colordef		#e8e1df; dark-brown 3 (lightest)
 *
 * @colordef		#42145f; purple 1 (full)			| 02
 * @colordef		#c6b8cf; purple 2 (lighter)
 * @colordef		#e3dce7; purple 3 (lightest)
 *
 * @colordef		#275937; dark-green 1 (full)		| 03
 * @colordef		#becdc3; dark-green 2 (lighter)
 * @colordef		#dfe6e1; dark-green 3 (lightest)
 *
 * @colordef		#ca005a; ruby (full)				| 04
 * @colordef		#efb2ce; ruby (lighter)
 * @colordef		#f7d9e7; ruby (lightest)
 *
 * @colordef		#d52b1e; red 1 (full)				| 05
 * @colordef		#f2bfbb; red 2 (lighter)
 * @colordef		#f9dfdd; red 3 (lightest)
 *
 * @colordef		#a90061; violet (full)				| 06
 * @colordef		#e5b2cf; violet (lighter)
 * @colordef		#f2d9e7; violet (lightest)
 *
 * @colordef		#777c00; moss-green 1 (full)		| 07
 * @colordef		#d6d7b2; moss-green 2 (lighter)
 * @colordef		#ebebd9; moss-green 3 (lightest)
 *
 * @colordef		#94710a; brown 1 (full)				| 08
 * @colordef		#dfd4b5; brown 2 (lighter)
 * @colordef		#efeada; brown 3 (lightest)
 *
 * @colordef		#39870c; green 1 (full)				| 09
 * @colordef		#c3dbb6; green 2 (lighter)
 * @colordef		#e1eddb; green 3 (lightest)
 *
 * @colordef		#007bc7; azure 1 (full)				| 10
 * @colordef		#b2d7ee; azure 2 (lighter)
 * @colordef		#d9ebf7; azure 3 (lightest)
 *
 * @colordef		#8fcae7; light-blue 1 (full)		| 11
 * @colordef		#ddeff8; light-blue 2 (lighter)
 * @colordef		#eef7fb; light-blue 3 (lightest)

* @colordef		#8fcae7; light-blue 1 (full)		| CUSTOM
 * @colordef		#ddeff8; light-blue 2 (lighter)
 * @colordef		#EBF5FE light-blue 3 (lightest)

 *
 * @colordef		#f092cd; pink 1 (full)				| 12
 * @colordef		#fadef0; pink 2 (lighter)
 * @colordef		#fdeff8; pink 3 (lightest)
 *
 * @colordef		#f9e11e; yellow (full)				| 13
 * @colordef		#fdf6bb; yellow (lighter)
 * @colordef		#fefbdd; yellow (lightest)
 *
 * @colordef		#ffb612; dark-yellow (full)			| 14
 * @colordef		#ffe9b7; dark-yellow (lighter)
 * @colordef		#fff4dc; dark-yellow (lightest)
 *
 * @colordef		#76d2b6; mint-green 1 (full)		| 15
 * @colordef		#d6f1e9; mint-green 2 (lighter)
 * @colordef		#ebf8f4; mint-green 3 (lightest)
 *
 * @colordef		#e17000; orange (full)				| 16
 * @colordef		#f6d4b2; orange (lighter)
 * @colordef		#fbead9; orange (lightest)
 *
 */


/**
 * Color set 1
 *
 * @section			Style definition of 10 colors with light (white) text
 */

/* Colors 1 (dark-brown) */
.dark_brown .title_bar { background: #e8e1df; }
.dark_brown .nav_bar { background: #623327; }
.dark_brown .nav_main a { color: #fff; }
.dark_brown .nav_main a:hover { background: #d1c1be; }
.dark_brown .sel a { background-color: #d1c1be; color: #000; }
.dark_brown .content_wrapper2 { border-top: 10px solid #d1c1be;  }

.dark_brown .visual { background-color: #e8e1df; }
.dark_brown .tong { background-color: #623327; }
.dark_brown .tong h1, .dark_brown .tong h2, .dark_brown .tong h3, .dark_brown .tong h4, .dark_brown .tong h5,
.dark_brown .tong h6, .dark_brown .tong ul, .dark_brown .tong ol, .dark_brown .tong dl, .dark_brown .tong p, .dark_brown .tong a, .dark_brown .tong blockquote { color: #fff; }

.dark_brown .search li a, .dark_brown .search li a:hover { color: #fff; }

.dark_brown .nav_sub li a:hover { background-color: #d1c1be !important; }

.dark_brown .nav_sub li.open a,
.dark_brown .nav_sub li.open li.open a,
.dark_brown .nav_sub li.open li.open li.open a,
.dark_brown .nav_sub li.open li.open li.open li.open a,
.dark_brown .nav_sub li.open li.open li.open li.open li.open a { background-color: #e8e1df; }

.dark_brown .nav_sub li.active a,
.dark_brown .nav_sub li.open li.active a,
.dark_brown .nav_sub li.open li.open li.active a,
.dark_brown .nav_sub li.open li.open li.open li.active a,
.dark_brown .nav_sub li.open li.open li.open li.open li.active a,
.dark_brown .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #d1c1be; }

.dark_brown .hl_lighter { background-color: #d1c1be; }
.dark_brown .hl_lightest { background-color: #e8e1df; }

.dark_brown .hl_color1 { background-color: #e17000; }	/* orange instead of dark_brown */

.dark_brown .banner,
.dark_brown .banner a,
.dark_brown .banner h3,
.dark_brown .banner h4 { color: #fff; }

.dark_brown .banner.hl_lighter,
.dark_brown .banner.hl_lightest,
.dark_brown .banner.hl_color1,
.dark_brown .banner.hl_color11,
.dark_brown .banner.hl_color12,
.dark_brown .banner.hl_color13,
.dark_brown .banner.hl_color14,
.dark_brown .banner.hl_color15,
.dark_brown .banner.hl_lighter a,
.dark_brown .banner.hl_lightest a,
.dark_brown .banner.hl_color1 a,
.dark_brown .banner.hl_color11 a,
.dark_brown .banner.hl_color12 a,
.dark_brown .banner.hl_color13 a,
.dark_brown .banner.hl_color14 a,
.dark_brown .banner.hl_color15 a,
.dark_brown .banner.hl_lighter h3,
.dark_brown .banner.hl_lightest h3,
.dark_brown .banner.hl_color1 h3,
.dark_brown .banner.hl_color11 h3,
.dark_brown .banner.hl_color12 h3,
.dark_brown .banner.hl_color13 h3,
.dark_brown .banner.hl_color14 h3,
.dark_brown .banner.hl_color15 h3,
.dark_brown .banner.hl_lighter h4,
.dark_brown .banner.hl_lightest h4,
.dark_brown .banner.hl_color1 h4,
.dark_brown .banner.hl_color11 h4,
.dark_brown .banner.hl_color12 h4,
.dark_brown .banner.hl_color13 h4,
.dark_brown .banner.hl_color14 h4,
.dark_brown .banner.hl_color15 h4 { color: #000; }

.dark_brown .box.open.lighter h2,
.dark_brown .box.open.lighter h3,
.dark_brown .box.open.lighter h4,
.dark_brown .box.open.lighter h5,
.dark_brown .box.open.lighter h6 { background-color: #d1c1be; }
.dark_brown .box.open.lighter { border: 1px solid #d1c1be; }

.dark_brown .box.open.lightest h2,
.dark_brown .box.open.lightest h3,
.dark_brown .box.open.lightest h4,
.dark_brown .box.open.lightest h5,
.dark_brown .box.open.lightest h6 { background-color: #e8e1df; }
.dark_brown .box.open.lightest { border: 1px solid #e8e1df; }

.dark_brown .box.closed h2,
.dark_brown .box.closed h3,
.dark_brown .box.closed h4,
.dark_brown .box.closed h5,
.dark_brown .box.closed h6 { background-color: #d1c1be; }
.dark_brown .box.closed { background-color: #e8e1df; border: 1px solid #d1c1be; }

.dark_brown .box.open.contrast_lighter h2,
.dark_brown .box.open.contrast_lighter h3,
.dark_brown .box.open.contrast_lighter h4,
.dark_brown .box.open.contrast_lighter h5,
.dark_brown .box.open.contrast_lighter h6 { background-color: #dfd4b5; }
.dark_brown .box.open.contrast_lighter { border: 1px solid #dfd4b5; }

.dark_brown .box.open.contrast_lightest h2,
.dark_brown .box.open.contrast_lightest h3,
.dark_brown .box.open.contrast_lightest h4,
.dark_brown .box.open.contrast_lightest h5,
.dark_brown .box.open.contrast_lightest h6 { background-color: #efeada; }
.dark_brown .box.open.contrast_lightest { border: 1px solid #efeada; }

.dark_brown .box.closed.contrast h2,
.dark_brown .box.closed.contrast h3,
.dark_brown .box.closed.contrast h4,
.dark_brown .box.closed.contrast h5,
.dark_brown .box.closed.contrast h6 { background-color: #dfd4b5; }
.dark_brown .box.closed.contrast { background-color: #efeada; border: 1px solid #dfd4b5; }

/* Colors 2 (purple) */
.purple .title_bar { background: #e3dce7; }
.purple .nav_bar { background: #42145f; }
.purple .nav_main a { color: #fff; }
.purple .nav_main a:hover { background: #c6b8cf; }
.purple .sel a { background-color: #c6b8cf; color: #000; }
.purple .content_wrapper2 { border-top: 10px solid #c6b8cf;  }

.purple .visual { background-color: #e3dce7; }
.purple .tong { background-color: #42145f; }
.purple .tong h1, .purple .tong h2, .purple .tong h3, .purple .tong h4, .purple .tong h5,
.purple .tong h6, .purple .tong ul, .purple .tong ol, .purple .tong dl, .purple .tong p, .purple .tong a, .purple .tong blockquote { color: #fff; }

.purple .search li a, .purple .search li a:hover { color: #fff; }

.purple .nav_sub li a:hover { background-color: #c6b8cf !important; }

.purple .nav_sub li.open a,
.purple .nav_sub li.open li.open a,
.purple .nav_sub li.open li.open li.open a,
.purple .nav_sub li.open li.open li.open li.open a,
.purple .nav_sub li.open li.open li.open li.open li.open a { background-color: #e3dce7; }

.purple .nav_sub li.active a,
.purple .nav_sub li.open li.active a,
.purple .nav_sub li.open li.open li.active a,
.purple .nav_sub li.open li.open li.open li.active a,
.purple .nav_sub li.open li.open li.open li.open li.active a,
.purple .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #c6b8cf; }

.purple .hl_lighter { background-color: #c6b8cf; }
.purple .hl_lightest { background-color: #e3dce7; }

.purple .hl_color2 { background-color: #e17000; }	/* orange instead of puple */

.purple .banner,
.purple .banner a,
.purple .banner h3,
.purple .banner h4 { color: #fff; }

.purple .banner.hl_lighter,
.purple .banner.hl_lightest,
.purple .banner.hl_color2,
.purple .banner.hl_color11,
.purple .banner.hl_color12,
.purple .banner.hl_color13,
.purple .banner.hl_color14,
.purple .banner.hl_color15,
.purple .banner.hl_lighter a,
.purple .banner.hl_lightest a,
.purple .banner.hl_color2 a,
.purple .banner.hl_color11 a,
.purple .banner.hl_color12 a,
.purple .banner.hl_color13 a,
.purple .banner.hl_color14 a,
.purple .banner.hl_color15 a,
.purple .banner.hl_lighter h3,
.purple .banner.hl_lightest h3,
.purple .banner.hl_color2 h3,
.purple .banner.hl_color11 h3,
.purple .banner.hl_color12 h3,
.purple .banner.hl_color13 h3,
.purple .banner.hl_color14 h3,
.purple .banner.hl_color15 h3,
.purple .banner.hl_lighter h4,
.purple .banner.hl_lightest h4,
.purple .banner.hl_color2 h4,
.purple .banner.hl_color11 h4,
.purple .banner.hl_color12 h4,
.purple .banner.hl_color13 h4,
.purple .banner.hl_color14 h4,
.purple .banner.hl_color15 h4 { color: #000; }

.purple .box.open.lighter h2,
.purple .box.open.lighter h3,
.purple .box.open.lighter h4,
.purple .box.open.lighter h5,
.purple .box.open.lighter h6 { background-color: #c6b8cf; }
.purple .box.open.lighter { border: 1px solid #c6b8cf; }

.purple .box.open.lightest h2,
.purple .box.open.lightest h3,
.purple .box.open.lightest h4,
.purple .box.open.lightest h5,
.purple .box.open.lightest h6 { background-color: #e8e1df; }
.purple .box.open.lightest { border: 1px solid #e8e1df; }

.purple .box.closed h2,
.purple .box.closed h3,
.purple .box.closed h4,
.purple .box.closed h5,
.purple .box.closed h6 { background-color: #c6b8cf; }
.purple .box.closed { background-color: #e8e1df; border: 1px solid #c6b8cf; }

.purple .box.open.contrast_lighter h2,
.purple .box.open.contrast_lighter h3,
.purple .box.open.contrast_lighter h4,
.purple .box.open.contrast_lighter h5,
.purple .box.open.contrast_lighter h6 { background-color: #f2bfbb; }
.purple .box.open.contrast_lighter { border: 1px solid #f2bfbb; }

.purple .box.open.contrast_lightest h2,
.purple .box.open.contrast_lightest h3,
.purple .box.open.contrast_lightest h4,
.purple .box.open.contrast_lightest h5,
.purple .box.open.contrast_lightest h6 { background-color: #f9dfdd; }
.purple .box.open.contrast_lightest { border: 1px solid #f9dfdd; }

.purple .box.closed.contrast h2,
.purple .box.closed.contrast h3,
.purple .box.closed.contrast h4,
.purple .box.closed.contrast h5,
.purple .box.closed.contrast h6 { background-color: #f2bfbb; }
.purple .box.closed.contrast { background-color: #f9dfdd; border: 1px solid #f2bfbb; }

/* Colors 3 (dark-green) */
.dark_green .title_bar { background: #dfe6e1; }
.dark_green .nav_bar { background: #275937; }
.dark_green .nav_main a { color: #fff; }
.dark_green .nav_main a:hover { background: #becdc3; }
.dark_green .sel a { background-color: #becdc3; color: #000; }
.dark_green .content_wrapper2 { border-top: 10px solid #becdc3;  }

.dark_green .visual { background-color: #dfe6e1; }
.dark_green .tong { background-color: #275937; }
.dark_green .tong h1, .dark_green .tong h2, .dark_green .tong h3, .dark_green .tong h4, .dark_green .tong h5,
.dark_green .tong h6, .dark_green .tong ul, .dark_green .tong ol, .dark_green .tong dl, .dark_green .tong p, .dark_green .tong a, .dark_green .tong blockquote { color: #fff; }

.dark_green .search li a, .dark_green .search li a:hover { color: #fff; }

.dark_green .nav_sub li a:hover { background-color: #becdc3 !important; }

.dark_green .nav_sub li.open a,
.dark_green .nav_sub li.open li.open a,
.dark_green .nav_sub li.open li.open li.open a,
.dark_green .nav_sub li.open li.open li.open li.open a,
.dark_green .nav_sub li.open li.open li.open li.open li.open a { background-color: #dfe6e1; }

.dark_green .nav_sub li.active a,
.dark_green .nav_sub li.open li.active a,
.dark_green .nav_sub li.open li.open li.active a,
.dark_green .nav_sub li.open li.open li.open li.active a,
.dark_green .nav_sub li.open li.open li.open li.open li.active a,
.dark_green .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #becdc3; }

.dark_green .hl_lighter { background-color: #becdc3; }
.dark_green .hl_lightest { background-color: #dfe6e1; }

.dark_green .hl_color3 { background-color: #e17000; }	/* orange instead of dark-green */

.dark_green .banner,
.dark_green .banner a,
.dark_green .banner h3,
.dark_green .banner h4 { color: #fff; }

.dark_green .banner.hl_lighter,
.dark_green .banner.hl_lightest,
.dark_green .banner.hl_color3,
.dark_green .banner.hl_color11,
.dark_green .banner.hl_color12,
.dark_green .banner.hl_color13,
.dark_green .banner.hl_color14,
.dark_green .banner.hl_color15,
.dark_green .banner.hl_lighter a,
.dark_green .banner.hl_lightest a,
.dark_green .banner.hl_color3 a,
.dark_green .banner.hl_color11 a,
.dark_green .banner.hl_color12 a,
.dark_green .banner.hl_color13 a,
.dark_green .banner.hl_color14 a,
.dark_green .banner.hl_color15 a,
.dark_green .banner.hl_lighter h3,
.dark_green .banner.hl_lightest h3,
.dark_green .banner.hl_color3 h3,
.dark_green .banner.hl_color11 h3,
.dark_green .banner.hl_color12 h3,
.dark_green .banner.hl_color13 h3,
.dark_green .banner.hl_color14 h3,
.dark_green .banner.hl_color15 h3,
.dark_green .banner.hl_lighter h4,
.dark_green .banner.hl_lightest h4,
.dark_green .banner.hl_color3 h4,
.dark_green .banner.hl_color11 h4,
.dark_green .banner.hl_color12 h4,
.dark_green .banner.hl_color13 h4,
.dark_green .banner.hl_color14 h4,
.dark_green .banner.hl_color15 h4 { color: #000; }

.dark_green .box.open.lighter h2,
.dark_green .box.open.lighter h3,
.dark_green .box.open.lighter h4,
.dark_green .box.open.lighter h5,
.dark_green .box.open.lighter h6 { background-color: #becdc3; }
.dark_green .box.open.lighter { border: 1px solid #becdc3; }

.dark_green .box.open.lightest h2,
.dark_green .box.open.lightest h3,
.dark_green .box.open.lightest h4,
.dark_green .box.open.lightest h5,
.dark_green .box.open.lightest h6 { background-color: #dfe6e1; }
.dark_green .box.open.lightest { border: 1px solid #dfe6e1; }

.dark_green .box.closed h2,
.dark_green .box.closed h3,
.dark_green .box.closed h4,
.dark_green .box.closed h5,
.dark_green .box.closed h6 { background-color: #becdc3; }
.dark_green .box.closed { background-color: #dfe6e1; border: 1px solid #becdc3; }

.dark_green .box.open.contrast_lighter h2,
.dark_green .box.open.contrast_lighter h3,
.dark_green .box.open.contrast_lighter h4,
.dark_green .box.open.contrast_lighter h5,
.dark_green .box.open.contrast_lighter h6 { background-color: #e5b2cf; }
.dark_green .box.open.contrast_lighter { border: 1px solid #e5b2cf; }

.dark_green .box.open.contrast_lightest h2,
.dark_green .box.open.contrast_lightest h3,
.dark_green .box.open.contrast_lightest h4,
.dark_green .box.open.contrast_lightest h5,
.dark_green .box.open.contrast_lightest h6 { background-color: #f2d9e7; }
.dark_green .box.open.contrast_lightest { border: 1px solid #f2d9e7; }

.dark_green .box.closed.contrast h2,
.dark_green .box.closed.contrast h3,
.dark_green .box.closed.contrast h4,
.dark_green .box.closed.contrast h5,
.dark_green .box.closed.contrast h6 { background-color: #e5b2cf; }
.dark_green .box.closed.contrast { background-color: #f2d9e7; border: 1px solid #e5b2cf; }

/* Colors 4 (ruby) */
.ruby .title_bar { background: #f9dfdd; }
.ruby .nav_bar { background: #ca005a; }
.ruby .nav_main a { color: #fff; }
.ruby .nav_main a:hover { background: #f2bfbb; }
.ruby .sel a { background-color: #f2bfbb; color: #000; }
.ruby .content_wrapper2 { border-top: 10px solid #f2bfbb;  }

.ruby .visual { background-color: #f9dfdd; }
.ruby .tong { background-color: #ca005a; }
.ruby .tong h1, .ruby .tong h2, .ruby .tong h3, .ruby .tong h4, .ruby .tong h5,
.ruby .tong h6, .ruby .tong ul, .ruby .tong ol, .ruby .tong dl, .ruby .tong p, .ruby .tong a, .ruby .tong blockquote { color: #fff; }

.ruby .search li a, .ruby .search li a:hover { color: #fff; }

.ruby .nav_sub li a:hover { background-color: #f2bfbb !important; }

.ruby .nav_sub li.open a,
.ruby .nav_sub li.open li.open a,
.ruby .nav_sub li.open li.open li.open a,
.ruby .nav_sub li.open li.open li.open li.open a,
.ruby .nav_sub li.open li.open li.open li.open li.open a { background-color: #f9dfdd; }

.ruby .nav_sub li.active a,
.ruby .nav_sub li.open li.active a,
.ruby .nav_sub li.open li.open li.active a,
.ruby .nav_sub li.open li.open li.open li.active a,
.ruby .nav_sub li.open li.open li.open li.open li.active a,
.ruby .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #f2bfbb; }

.ruby .hl_lighter { background-color: #efb2ce; }
.ruby .hl_lightest { background-color: #f7d9e7; }

.ruby .hl_color4 { background-color: #e17000; }	/* orange instead of ruby */

.ruby .banner,
.ruby .banner a,
.ruby .banner h3,
.ruby .banner h4 { color: #fff; }

.ruby .banner.hl_lighter,
.ruby .banner.hl_lightest,
.ruby .banner.hl_color4,
.ruby .banner.hl_color11,
.ruby .banner.hl_color12,
.ruby .banner.hl_color13,
.ruby .banner.hl_color14,
.ruby .banner.hl_color15,
.ruby .banner.hl_lighter a,
.ruby .banner.hl_lightest a,
.ruby .banner.hl_color4 a,
.ruby .banner.hl_color11 a,
.ruby .banner.hl_color12 a,
.ruby .banner.hl_color13 a,
.ruby .banner.hl_color14 a,
.ruby .banner.hl_color15 a,
.ruby .banner.hl_lighter h3,
.ruby .banner.hl_lightest h3,
.ruby .banner.hl_color4 h3,
.ruby .banner.hl_color11 h3,
.ruby .banner.hl_color12 h3,
.ruby .banner.hl_color13 h3,
.ruby .banner.hl_color14 h3,
.ruby .banner.hl_color15 h3,
.ruby .banner.hl_lighter h4,
.ruby .banner.hl_lightest h4,
.ruby .banner.hl_color4 h4,
.ruby .banner.hl_color11 h4,
.ruby .banner.hl_color12 h4,
.ruby .banner.hl_color13 h4,
.ruby .banner.hl_color14 h4,
.ruby .banner.hl_color15 h4 { color: #000; }

.ruby .box.open.lighter h2,
.ruby .box.open.lighter h3,
.ruby .box.open.lighter h4,
.ruby .box.open.lighter h5,
.ruby .box.open.lighter h6 { background-color: #f2bfbb; }
.ruby .box.open.lighter { border: 1px solid #f2bfbb; }

.ruby .box.open.lightest h2,
.ruby .box.open.lightest h3,
.ruby .box.open.lightest h4,
.ruby .box.open.lightest h5,
.ruby .box.open.lightest h6 { background-color: #f9dfdd; }
.ruby .box.open.lightest { border: 1px solid #f9dfdd; }

.ruby .box.closed h2,
.ruby .box.closed h3,
.ruby .box.closed h4,
.ruby .box.closed h5,
.ruby .box.closed h6 { background-color: #f2bfbb; }
.ruby .box.closed { background-color: #f9dfdd; border: 1px solid #f2bfbb; }

.ruby .box.open.contrast_lighter h2,
.ruby .box.open.contrast_lighter h3,
.ruby .box.open.contrast_lighter h4,
.ruby .box.open.contrast_lighter h5,
.ruby .box.open.contrast_lighter h6 { background-color: #c6b8cf; }
.ruby .box.open.contrast_lighter { border: 1px solid #c6b8cf; }

.ruby .box.open.contrast_lightest h2,
.ruby .box.open.contrast_lightest h3,
.ruby .box.open.contrast_lightest h4,
.ruby .box.open.contrast_lightest h5,
.ruby .box.open.contrast_lightest h6 { background-color: #e3dce7; }
.ruby .box.open.contrast_lightest { border: 1px solid #e3dce7; }

.ruby .box.closed.contrast h2,
.ruby .box.closed.contrast h3,
.ruby .box.closed.contrast h4,
.ruby .box.closed.contrast h5,
.ruby .box.closed.contrast h6 { background-color: #c6b8cf; }
.ruby .box.closed.contrast { background-color: #e3dce7; border: 1px solid #c6b8cf; }

/* Colors 5 (red) */
.red .title_bar { background: #f9dfdd; }
.red .nav_bar { background: #d52b1e; }
.red .nav_main a { color: #fff; }
.red .nav_main a:hover { background: #f2bfbb; }
.red .sel a { background-color: #f2bfbb; color: #000; }
.red .content_wrapper2 { border-top: 10px solid #f2bfbb;  }

.red .visual { background-color: #f9dfdd; }
.red .tong { background-color: #d52b1e; }
.red .tong h1, .red .tong h2, .red .tong h3, .red .tong h4, .red .tong h5,
.red .tong h6, .red .tong ul, .red .tong ol, .red .tong dl, .red .tong p, .red .tong a, .red .tong blockquote { color: #fff; }

.red .search li a, .red .search li a:hover { color: #fff; }

.red .nav_sub li a:hover { background-color: #f2bfbb !important; }

.red .nav_sub li.open a,
.red .nav_sub li.open li.open a,
.red .nav_sub li.open li.open li.open a,
.red .nav_sub li.open li.open li.open li.open a,
.red .nav_sub li.open li.open li.open li.open li.open a { background-color: #f9dfdd; }

.red .nav_sub li.active a,
.red .nav_sub li.open li.active a,
.red .nav_sub li.open li.open li.active a,
.red .nav_sub li.open li.open li.open li.active a,
.red .nav_sub li.open li.open li.open li.open li.active a,
.red .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #f2bfbb; }

.red .hl_lighter { background-color: #f2bfbb; }
.red .hl_lightest { background-color: #f9dfdd; }

.red .hl_color5 { background-color: #e17000; }	/* orange instead of red */

.red .banner,
.red .banner a,
.red .banner h3,
.red .banner h4 { color: #fff; }

.red .banner.hl_lighter,
.red .banner.hl_lightest,
.red .banner.hl_color5,
.red .banner.hl_color11,
.red .banner.hl_color12,
.red .banner.hl_color13,
.red .banner.hl_color14,
.red .banner.hl_color15,
.red .banner.hl_lighter a,
.red .banner.hl_lightest a,
.red .banner.hl_color5 a,
.red .banner.hl_color11 a,
.red .banner.hl_color12 a,
.red .banner.hl_color13 a,
.red .banner.hl_color14 a,
.red .banner.hl_color15 a,
.red .banner.hl_lighter h3,
.red .banner.hl_lightest h3,
.red .banner.hl_color5 h3,
.red .banner.hl_color11 h3,
.red .banner.hl_color12 h3,
.red .banner.hl_color13 h3,
.red .banner.hl_color14 h3,
.red .banner.hl_color15 h3,
.red .banner.hl_lighter h4,
.red .banner.hl_lightest h4,
.red .banner.hl_color5 h4,
.red .banner.hl_color11 h4,
.red .banner.hl_color12 h4,
.red .banner.hl_color13 h4,
.red .banner.hl_color14 h4,
.red .banner.hl_color15 h4 { color: #000; }

.red .box.open.lighter h2,
.red .box.open.lighter h3,
.red .box.open.lighter h4,
.red .box.open.lighter h5,
.red .box.open.lighter h6 { background-color: #f2bfbb; }
.red .box.open.lighter { border: 1px solid #f2bfbb; }

.red .box.open.lightest h2,
.red .box.open.lightest h3,
.red .box.open.lightest h4,
.red .box.open.lightest h5,
.red .box.open.lightest h6 { background-color: #f9dfdd; }
.red .box.open.lightest { border: 1px solid #f9dfdd; }

.red .box.closed h2,
.red .box.closed h3,
.red .box.closed h4,
.red .box.closed h5,
.red .box.closed h6 { background-color: #f2bfbb; }
.red .box.closed { background-color: #f9dfdd; border: 1px solid #f2bfbb; }

.red .box.open.contrast_lighter h2,
.red .box.open.contrast_lighter h3,
.red .box.open.contrast_lighter h4,
.red .box.open.contrast_lighter h5,
.red .box.open.contrast_lighter h6 { background-color: #c6b8cf; }
.red .box.open.contrast_lighter { border: 1px solid #c6b8cf; }

.red .box.open.contrast_lightest h2,
.red .box.open.contrast_lightest h3,
.red .box.open.contrast_lightest h4,
.red .box.open.contrast_lightest h5,
.red .box.open.contrast_lightest h6 { background-color: #e3dce7; }
.red .box.open.contrast_lightest { border: 1px solid #e3dce7; }

.red .box.closed.contrast h2,
.red .box.closed.contrast h3,
.red .box.closed.contrast h4,
.red .box.closed.contrast h5,
.red .box.closed.contrast h6 { background-color: #c6b8cf; }
.red .box.closed.contrast { background-color: #e3dce7; border: 1px solid #c6b8cf; }

/* Colors 6 (violet) */
.violet .title_bar { background: #f2d9e7; }
.violet .nav_bar { background: #a90061; }
.violet .nav_main a { color: #fff; }
.violet .nav_main a:hover { background: #e5b2cf; }
.violet .sel a { background-color: #e5b2cf; color: #000; }
.violet .content_wrapper2 { border-top: 10px solid #e5b2cf;  }

.violet .visual { background-color: #f2d9e7; }
.violet .tong { background-color: #a90061; }
.violet .tong h1, .violet .tong h2, .violet .tong h3, .violet .tong h4, .violet .tong h5,
.violet .tong h6, .violet .tong ul, .violet .tong ol, .violet .tong dl, .violet .tong p, .violet .tong a, .violet .tong blockquote { color: #fff; }

.violet .search li a, .violet .search li a:hover { color: #fff; }

.violet .nav_sub li a:hover { background-color: #e5b2cf !important; }

.violet .nav_sub li.open a,
.violet .nav_sub li.open li.open a,
.violet .nav_sub li.open li.open li.open a,
.violet .nav_sub li.open li.open li.open li.open a,
.violet .nav_sub li.open li.open li.open li.open li.open a { background-color: #f2d9e7; }

.violet .nav_sub li.active a,
.violet .nav_sub li.open li.active a,
.violet .nav_sub li.open li.open li.active a,
.violet .nav_sub li.open li.open li.open li.active a,
.violet .nav_sub li.open li.open li.open li.open li.active a,
.violet .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #e5b2cf; }

.violet .hl_lighter { background-color: #e5b2cf; }
.violet .hl_lightest { background-color: #f2d9e7; }

.violet .hl_color6 { background-color: #e17000; }	/* orange instead of violet */

.violet .banner,
.violet .banner a,
.violet .banner h3,
.violet .banner h4 { color: #fff; }

.violet .banner.hl_lighter,
.violet .banner.hl_lightest,
.violet .banner.hl_color6,
.violet .banner.hl_color11,
.violet .banner.hl_color12,
.violet .banner.hl_color13,
.violet .banner.hl_color14,
.violet .banner.hl_color15,
.violet .banner.hl_lighter a,
.violet .banner.hl_lightest a,
.violet .banner.hl_color6 a,
.violet .banner.hl_color11 a,
.violet .banner.hl_color12 a,
.violet .banner.hl_color13 a,
.violet .banner.hl_color14 a,
.violet .banner.hl_color15 a,
.violet .banner.hl_lighter h3,
.violet .banner.hl_lightest h3,
.violet .banner.hl_color6 h3,
.violet .banner.hl_color11 h3,
.violet .banner.hl_color12 h3,
.violet .banner.hl_color13 h3,
.violet .banner.hl_color14 h3,
.violet .banner.hl_color15 h3,
.violet .banner.hl_lighter h4,
.violet .banner.hl_lightest h4,
.violet .banner.hl_color6 h4,
.violet .banner.hl_color11 h4,
.violet .banner.hl_color12 h4,
.violet .banner.hl_color13 h4,
.violet .banner.hl_color14 h4,
.violet .banner.hl_color15 h4 { color: #000; }

.violet .box.open.lighter h2,
.violet .box.open.lighter h3,
.violet .box.open.lighter h4,
.violet .box.open.lighter h5,
.violet .box.open.lighter h6 { background-color: #e5b2cf; }
.violet .box.open.lighter { border: 1px solid #e5b2cf; }

.violet .box.open.lightest h2,
.violet .box.open.lightest h3,
.violet .box.open.lightest h4,
.violet .box.open.lightest h5,
.violet .box.open.lightest h6 { background-color: #f2d9e7; }
.violet .box.open.lightest { border: 1px solid #f2d9e7; }

.violet .box.closed h2,
.violet .box.closed h3,
.violet .box.closed h4,
.violet .box.closed h5,
.violet .box.closed h6 { background-color: #e5b2cf; }
.violet .box.closed { background-color: #f2d9e7; border: 1px solid #e5b2cf; }

.violet .box.open.contrast_lighter h2,
.violet .box.open.contrast_lighter h3,
.violet .box.open.contrast_lighter h4,
.violet .box.open.contrast_lighter h5,
.violet .box.open.contrast_lighter h6 { background-color: #becdc3; }
.violet .box.open.contrast_lighter { border: 1px solid #becdc3; }

.violet .box.open.contrast_lightest h2,
.violet .box.open.contrast_lightest h3,
.violet .box.open.contrast_lightest h4,
.violet .box.open.contrast_lightest h5,
.violet .box.open.contrast_lightest h6 { background-color: #dfe6e1; }
.violet .box.open.contrast_lightest { border: 1px solid #dfe6e1; }

.violet .box.closed.contrast h2,
.violet .box.closed.contrast h3,
.violet .box.closed.contrast h4,
.violet .box.closed.contrast h5,
.violet .box.closed.contrast h6 { background-color: #becdc3; }
.violet .box.closed.contrast { background-color: #dfe6e1; border: 1px solid #becdc3; }

/* Colors 7 (moss-green) */
.moss_green .title_bar { background: #ebebd9; }
.moss_green .nav_bar { background: #777c00; }
.moss_green .nav_main a { color: #fff; }
.moss_green .nav_main a:hover { background: #d6d7b2; }
.moss_green .sel a { background-color: #d6d7b2; color: #000; }
.moss_green .content_wrapper2 { border-top: 10px solid #d6d7b2;  }

.moss_green .visual { background-color: #ebebd9; }
.moss_green .tong { background-color: #777c00; }
.moss_green .tong h1, .moss_green .tong h2, .moss_green .tong h3, .moss_green .tong h4, .moss_green .tong h5,
.moss_green .tong h6, .moss_green .tong ul, .moss_green .tong ol, .moss_green .tong dl, .moss_green .tong p, .moss_green .tong a, .moss_green .tong blockquote { color: #fff; }

.moss_green .search li a, .moss_green .search li a:hover { color: #fff; }

.moss_green .nav_sub li a:hover { background-color: #d6d7b2 !important; }

.moss_green .nav_sub li.open a,
.moss_green .nav_sub li.open li.open a,
.moss_green .nav_sub li.open li.open li.open a,
.moss_green .nav_sub li.open li.open li.open li.open a,
.moss_green .nav_sub li.open li.open li.open li.open li.open a { background-color: #ebebd9; }

.moss_green .nav_sub li.active a,
.moss_green .nav_sub li.open li.active a,
.moss_green .nav_sub li.open li.open li.active a,
.moss_green .nav_sub li.open li.open li.open li.active a,
.moss_green .nav_sub li.open li.open li.open li.open li.active a,
.moss_green .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #d6d7b2; }

.moss_green .hl_lighter { background-color: #d6d7b2; }
.moss_green .hl_lightest { background-color: #ebebd9; }

.moss_green .hl_color7 { background-color: #e17000; }	/* orange instead of moss-green */

.moss_green .banner,
.moss_green .banner a,
.moss_green .banner h3,
.moss_green .banner h4 { color: #fff; }

.moss_green .banner.hl_lighter,
.moss_green .banner.hl_lightest,
.moss_green .banner.hl_color7,
.moss_green .banner.hl_color11,
.moss_green .banner.hl_color12,
.moss_green .banner.hl_color13,
.moss_green .banner.hl_color14,
.moss_green .banner.hl_color15,
.moss_green .banner.hl_lighter a,
.moss_green .banner.hl_lightest a,
.moss_green .banner.hl_color7 a,
.moss_green .banner.hl_color11 a,
.moss_green .banner.hl_color12 a,
.moss_green .banner.hl_color13 a,
.moss_green .banner.hl_color14 a,
.moss_green .banner.hl_color15 a,
.moss_green .banner.hl_lighter h3,
.moss_green .banner.hl_lightest h3,
.moss_green .banner.hl_color7 h3,
.moss_green .banner.hl_color11 h3,
.moss_green .banner.hl_color12 h3,
.moss_green .banner.hl_color13 h3,
.moss_green .banner.hl_color14 h3,
.moss_green .banner.hl_color15 h3,
.moss_green .banner.hl_lighter h4,
.moss_green .banner.hl_lightest h4,
.moss_green .banner.hl_color7 h4,
.moss_green .banner.hl_color11 h4,
.moss_green .banner.hl_color12 h4,
.moss_green .banner.hl_color13 h4,
.moss_green .banner.hl_color14 h4,
.moss_green .banner.hl_color15 h4 { color: #000; }

.moss_green .box.open.lighter h2,
.moss_green .box.open.lighter h3,
.moss_green .box.open.lighter h4,
.moss_green .box.open.lighter h5,
.moss_green .box.open.lighter h6 { background-color: #d6d7b2; }
.moss_green .box.open.lighter { border: 1px solid #d6d7b2; }

.moss_green .box.open.lightest h2,
.moss_green .box.open.lightest h3,
.moss_green .box.open.lightest h4,
.moss_green .box.open.lightest h5,
.moss_green .box.open.lightest h6 { background-color: #ebebd9; }
.moss_green .box.open.lightest { border: 1px solid #ebebd9; }

.moss_green .box.closed h2,
.moss_green .box.closed h3,
.moss_green .box.closed h4,
.moss_green .box.closed h5,
.moss_green .box.closed h6 { background-color: #d6d7b2; }
.moss_green .box.closed { background-color: #ebebd9; border: 1px solid #d6d7b2; }

.moss_green .box.open.contrast_lighter h2,
.moss_green .box.open.contrast_lighter h3,
.moss_green .box.open.contrast_lighter h4,
.moss_green .box.open.contrast_lighter h5,
.moss_green .box.open.contrast_lighter h6 { background-color: #e5b2cf; }
.moss_green .box.open.contrast_lighter { border: 1px solid #e5b2cf; }

.moss_green .box.open.contrast_lightest h2,
.moss_green .box.open.contrast_lightest h3,
.moss_green .box.open.contrast_lightest h4,
.moss_green .box.open.contrast_lightest h5,
.moss_green .box.open.contrast_lightest h6 { background-color: #f2d9e7; }
.moss_green .box.open.contrast_lightest { border: 1px solid #f2d9e7; }

.moss_green .box.closed.contrast h2,
.moss_green .box.closed.contrast h3,
.moss_green .box.closed.contrast h4,
.moss_green .box.closed.contrast h5,
.moss_green .box.closed.contrast h6 { background-color: #e5b2cf; }
.moss_green .box.closed.contrast { background-color: #f2d9e7; border: 1px solid #e5b2cf; }

/* Colors 8 (brown) */
.brown .title_bar { background: #efeada; }
.brown .nav_bar { background: #94710a; }
.brown .nav_main a { color: #fff; }
.brown .nav_main a:hover { background: #dfd4b5; }
.brown .sel a { background-color: #dfd4b5; color: #000; }
.brown .content_wrapper2 { border-top: 10px solid #dfd4b5;  }

.brown .visual { background-color: #efeada; }
.brown .tong { background-color: #94710a; }
.brown .tong h1, .brown .tong h2, .brown .tong h3, .brown .tong h4, .brown .tong h5,
.brown .tong h6, .brown .tong ul, .brown .tong ol, .brown .tong dl, .brown .tong p, .brown .tong a, .brown .tong blockquote { color: #fff; }

.brown .search li a, .brown .search li a:hover { color: #fff; }

.brown .nav_sub li a:hover { background-color: #dfd4b5 !important; }

.brown .nav_sub li.open a,
.brown .nav_sub li.open li.open a,
.brown .nav_sub li.open li.open li.open a,
.brown .nav_sub li.open li.open li.open li.open a,
.brown .nav_sub li.open li.open li.open li.open li.open a { background-color: #efeada; }

.brown .nav_sub li.active a,
.brown .nav_sub li.open li.active a,
.brown .nav_sub li.open li.open li.active a,
.brown .nav_sub li.open li.open li.open li.active a,
.brown .nav_sub li.open li.open li.open li.open li.active a,
.brown .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #dfd4b5; }

.brown .hl_lighter { background-color: #dfd4b5; }
.brown .hl_lightest { background-color: #efeada; }

.brown .hl_color8 { background-color: #e17000; }	/* orange instead of brown */

.brown .banner,
.brown .banner a,
.brown .banner h3,
.brown .banner h4 { color: #fff; }

.brown .banner.hl_lighter,
.brown .banner.hl_lightest,
.brown .banner.hl_color8,
.brown .banner.hl_color11,
.brown .banner.hl_color12,
.brown .banner.hl_color13,
.brown .banner.hl_color14,
.brown .banner.hl_color15,
.brown .banner.hl_lighter a,
.brown .banner.hl_lightest a,
.brown .banner.hl_color8 a,
.brown .banner.hl_color11 a,
.brown .banner.hl_color12 a,
.brown .banner.hl_color13 a,
.brown .banner.hl_color14 a,
.brown .banner.hl_color15 a,
.brown .banner.hl_lighter h3,
.brown .banner.hl_lightest h3,
.brown .banner.hl_color8 h3,
.brown .banner.hl_color11 h3,
.brown .banner.hl_color12 h3,
.brown .banner.hl_color13 h3,
.brown .banner.hl_color14 h3,
.brown .banner.hl_color15 h3,
.brown .banner.hl_lighter h4,
.brown .banner.hl_lightest h4,
.brown .banner.hl_color8 h4,
.brown .banner.hl_color11 h4,
.brown .banner.hl_color12 h4,
.brown .banner.hl_color13 h4,
.brown .banner.hl_color14 h4,
.brown .banner.hl_color15 h4 { color: #000; }

.brown .box.open.lighter h2,
.brown .box.open.lighter h3,
.brown .box.open.lighter h4,
.brown .box.open.lighter h5,
.brown .box.open.lighter h6 { background-color: #dfd4b5; }
.brown .box.open.lighter { border: 1px solid #dfd4b5; }

.brown .box.open.lightest h2,
.brown .box.open.lightest h3,
.brown .box.open.lightest h4,
.brown .box.open.lightest h5,
.brown .box.open.lightest h6 { background-color: #efeada; }
.brown .box.open.lightest { border: 1px solid #efeada; }

.brown .box.closed h2,
.brown .box.closed h3,
.brown .box.closed h4,
.brown .box.closed h5,
.brown .box.closed h6 { background-color: #dfd4b5; }
.brown .box.closed { background-color: #efeada; border: 1px solid #dfd4b5; }

.brown .box.open.contrast_lighter h2,
.brown .box.open.contrast_lighter h3,
.brown .box.open.contrast_lighter h4,
.brown .box.open.contrast_lighter h5,
.brown .box.open.contrast_lighter h6 { background-color: #e5b2cf; }
.brown .box.open.contrast_lighter { border: 1px solid #e5b2cf; }

.brown .box.open.contrast_lightest h2,
.brown .box.open.contrast_lightest h3,
.brown .box.open.contrast_lightest h4,
.brown .box.open.contrast_lightest h5,
.brown .box.open.contrast_lightest h6 { background-color: #f2d9e7; }
.brown .box.open.contrast_lightest { border: 1px solid #f2d9e7; }

.brown .box.closed.contrast h2,
.brown .box.closed.contrast h3,
.brown .box.closed.contrast h4,
.brown .box.closed.contrast h5,
.brown .box.closed.contrast h6 { background-color: #e5b2cf; }
.brown .box.closed.contrast { background-color: #f2d9e7; border: 1px solid #e5b2cf; }


/* 	Colors 9 (green) */
.green .title_bar { background: #e1eddb; }
.green .nav_bar { background: #39870c; }
.green .nav_main a { color: #fff; }
.green .nav_main a:hover { background: #c3dbb6; }
.green .sel a { background-color: #c3dbb6; color: #000; }
.green .content_wrapper2 { border-top: 10px solid #c3dbb6;  }

.green .visual { background-color: #e1eddb; }
.green .tong { background-color: #39870c; }
.green .tong h1, .green .tong h2, .green .tong h3, .green .tong h4, .green .tong h5,
.green .tong h6, .green .tong ul, .green .tong ol, .green .tong dl, .green .tong p, .green .tong a, .green .tong blockquote { color: #fff; }

.green .search li a, .green .search li a:hover { color: #fff; }

.green .nav_sub li a:hover { background-color: #c3dbb6 !important; }

.green .nav_sub li.open a,
.green .nav_sub li.open li.open a,
.green .nav_sub li.open li.open li.open a,
.green .nav_sub li.open li.open li.open li.open a,
.green .nav_sub li.open li.open li.open li.open li.open a { background-color: #e1eddb; }

.green .nav_sub li.active a,
.green .nav_sub li.open li.active a,
.green .nav_sub li.open li.open li.active a,
.green .nav_sub li.open li.open li.open li.active a,
.green .nav_sub li.open li.open li.open li.open li.active a,
.green .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #c3dbb6; }

.green .hl_lighter { background-color: #c3dbb6; }
.green .hl_lightest { background-color: #e1eddb; }

.green .hl_color9 { background-color: #e17000; }	/* orange instead of green */

.green .banner,
.green .banner a,
.green .banner h3,
.green .banner h4 { color: #fff; }

.green .banner.hl_lighter,
.green .banner.hl_lightest,
.green .banner.hl_color9,
.green .banner.hl_color11,
.green .banner.hl_color12,
.green .banner.hl_color13,
.green .banner.hl_color14,
.green .banner.hl_color15,
.green .banner.hl_lighter a,
.green .banner.hl_lightest a,
.green .banner.hl_color9 a,
.green .banner.hl_color11 a,
.green .banner.hl_color12 a,
.green .banner.hl_color13 a,
.green .banner.hl_color14 a,
.green .banner.hl_color15 a,
.green .banner.hl_lighter h3,
.green .banner.hl_lightest h3,
.green .banner.hl_color9 h3,
.green .banner.hl_color11 h3,
.green .banner.hl_color12 h3,
.green .banner.hl_color13 h3,
.green .banner.hl_color14 h3,
.green .banner.hl_color15 h3,
.green .banner.hl_lighter h4,
.green .banner.hl_lightest h4,
.green .banner.hl_color9 h4,
.green .banner.hl_color11 h4,
.green .banner.hl_color12 h4,
.green .banner.hl_color13 h4,
.green .banner.hl_color14 h4,
.green .banner.hl_color15 h4 { color: #000; }

.green .box.open.lighter h2,
.green .box.open.lighter h3,
.green .box.open.lighter h4,
.green .box.open.lighter h5,
.green .box.open.lighter h6 { background-color: #c3dbb6; }
.green .box.open.lighter { border: 1px solid #c3dbb6; }

.green .box.open.lightest h2,
.green .box.open.lightest h3,
.green .box.open.lightest h4,
.green .box.open.lightest h5,
.green .box.open.lightest h6 { background-color: #e1eddb; }
.green .box.open.lightest { border: 1px solid #e1eddb; }

.green .box.closed h2,
.green .box.closed h3,
.green .box.closed h4,
.green .box.closed h5,
.green .box.closed h6 { background-color: #c3dbb6; }
.green .box.closed { background-color: #e1eddb; border: 1px solid #c3dbb6; }

.green .box.open.contrast_lighter h2,
.green .box.open.contrast_lighter h3,
.green .box.open.contrast_lighter h4,
.green .box.open.contrast_lighter h5,
.green .box.open.contrast_lighter h6 { background-color: #b2d7ee; }
.green .box.open.contrast_lighter { border: 1px solid #b2d7ee; }

.green .box.open.contrast_lightest h2,
.green .box.open.contrast_lightest h3,
.green .box.open.contrast_lightest h4,
.green .box.open.contrast_lightest h5,
.green .box.open.contrast_lightest h6 { background-color: #d9ebf7; }
.green .box.open.contrast_lightest { border: 1px solid #d9ebf7; }

.green .box.closed.contrast h2,
.green .box.closed.contrast h3,
.green .box.closed.contrast h4,
.green .box.closed.contrast h5,
.green .box.closed.contrast h6 { background-color: #b2d7ee; }
.green .box.closed.contrast { background-color: #d9ebf7; border: 1px solid #b2d7ee; }


/* Color 10 (azure) */
.azure .title_bar { background: #E5F0F9; }
.azure .nav_bar { background: #01689B; }
.azure .nav_main a { color: #fff; }
.azure .nav_main a:hover { background: #CCE0F1; color: #000; }
.azure .sel a { background-color: #CCE0F1; color: #000; }
.azure .content_wrapper2 { border-top: 10px solid #CCE0F1  }

.azure .visual { background-color: #E5F0F9; }
.azure .tong { background-color: #01689B; }
.azure .tong h1, .azure .tong h2, .azure .tong h3, .azure .tong h4, .azure .tong h5,
.azure .tong h6, .azure .tong ul, .azure .tong ol, .azure .tong dl, .azure .tong p, .azure .tong a, .azure .tong blockquote { color: #fff; }

.azure .search li a, .azure .search li a:hover { color: #fff; }

.azure .nav_sub li a:hover { background-color: #CCE0F1 !important; color: #000 !important; }

.azure .nav_sub li.open a,
.azure .nav_sub li.open li.open a,
.azure .nav_sub li.open li.open li.open a,
.azure .nav_sub li.open li.open li.open li.open a,
.azure .nav_sub li.open li.open li.open li.open li.open a { background-color: #E5F0F9; }

.azure .nav_sub li.active a,
.azure .nav_sub li.open li.active a,
.azure .nav_sub li.open li.open li.active a,
.azure .nav_sub li.open li.open li.open li.active a,
.azure .nav_sub li.open li.open li.open li.open li.active a,
.azure .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #CCE0F1; }

.azure .hl_lighter { background-color: #CCE0F1; }
.azure .hl_lightest { background-color: #E5F0F9; }

.azure .hl_color10 { background-color: #e17000; }	/* orange instead of azure */

.azure .banner,
.azure .banner a,
.azure .banner h3,
.azure .banner h4 { color: #fff; }

.azure .banner.hl_lighter,
.azure .banner.hl_lightest,
.azure .banner.hl_color10,
.azure .banner.hl_color11,
.azure .banner.hl_color12,
.azure .banner.hl_color13,
.azure .banner.hl_color14,
.azure .banner.hl_color15,
.azure .banner.hl_lighter a,
.azure .banner.hl_lightest a,
.azure .banner.hl_color10 a,
.azure .banner.hl_color11 a,
.azure .banner.hl_color12 a,
.azure .banner.hl_color13 a,
.azure .banner.hl_color14 a,
.azure .banner.hl_color15 a,
.azure .banner.hl_lighter h3,
.azure .banner.hl_lightest h3,
.azure .banner.hl_color10 h3,
.azure .banner.hl_color11 h3,
.azure .banner.hl_color12 h3,
.azure .banner.hl_color13 h3,
.azure .banner.hl_color14 h3,
.azure .banner.hl_color15 h3,
.azure .banner.hl_lighter h4,
.azure .banner.hl_lightest h4,
.azure .banner.hl_color10 h4,
.azure .banner.hl_color11 h4,
.azure .banner.hl_color12 h4,
.azure .banner.hl_color13 h4,
.azure .banner.hl_color14 h4,
.azure .banner.hl_color15 h4 { color: #000; }

.azure .box.open.lighter h2,
.azure .box.open.lighter h3,
.azure .box.open.lighter h4,
.azure .box.open.lighter h5,
.azure .box.open.lighter h6 { background-color: #CCE0F1; }
.azure .box.open.lighter { border: 1px solid #CCE0F1; }

.azure .box.open.lightest h2,
.azure .box.open.lightest h3,
.azure .box.open.lightest h4,
.azure .box.open.lightest h5,
.azure .box.open.lightest h6 { background-color: #E5F0F9; }
.azure .box.open.lightest { border: 1px solid #E5F0F9; }

.azure .box.closed h2,
.azure .box.closed h3,
.azure .box.closed h4,
.azure .box.closed h5,
.azure .box.closed h6 { background-color: #CCE0F1; }
.azure .box.closed { background-color: #E5F0F9; border: 1px solid #CCE0F1; }

.azure .box.open.contrast_lighter h2,
.azure .box.open.contrast_lighter h3,
.azure .box.open.contrast_lighter h4,
.azure .box.open.contrast_lighter h5,
.azure .box.open.contrast_lighter h6 { background-color: #efb2ce; }
.azure .box.open.contrast_lighter { border: 1px solid #efb2ce; }

.azure .box.open.contrast_lightest h2,
.azure .box.open.contrast_lightest h3,
.azure .box.open.contrast_lightest h4,
.azure .box.open.contrast_lightest h5,
.azure .box.open.contrast_lightest h6 { background-color: #f7d9e7; }
.azure .box.open.contrast_lightest { border: 1px solid #f7d9e7; }

.azure .box.closed.contrast h2,
.azure .box.closed.contrast h3,
.azure .box.closed.contrast h4,
.azure .box.closed.contrast h5,
.azure .box.closed.contrast h6 { background-color: #efb2ce; }
.azure .box.closed.contrast { background-color: #f7d9e7; border: 1px solid #efb2ce; }

/* arrow color white in 'tong' */
.dark_brown .tong ul li,
.purple .tong ul li,
.dark_green .tong ul li,
.ruby .tong ul li,
.red .tong ul li,
.violet .tong ul li,
.moss_green .tong ul li,
.brown .tong ul li,
.green .tong ul li,
.azure .tong ul li { background-position: left -275px; }


/*
* Color set 2
*
* @section			Style definition of 6 colors with dark (black) text
*/

/*	Colors 11 (light-blue) */
.light_blue .title_bar { background: #eef7fb; }
.light_blue .nav_bar { background: #8fcae7; }
.light_blue .nav_main a { color: #000; }
.light_blue .nav_main a:hover { background: #ddeff8; }
.light_blue .sel a { background-color: #ddeff8; color: #000; }
.light_blue .content_wrapper2 { border-top: 10px solid #ddeff8;  }

.light_blue .visual { background-color: #eef7fb; }
.light_blue .tong { background-color: #8fcae7; }
.light_blue .tong h1, .light_blue .tong h2, .light_blue .tong h3, .light_blue .tong h4, .light_blue .tong h5,
.light_blue .tong h6, .light_blue .tong ul, .light_blue .tong ol, .light_blue .tong dl, .light_blue .tong p, .light_blue .tong a, .light_blue .tong blockquote { color: #000; }

.light_blue .search li a, .light_blue .search li a:hover { color: #000; }

.light_blue .nav_sub li a:hover { background-color: #ddeff8 !important; }

.light_blue .nav_sub li.open a,
.light_blue .nav_sub li.open li.open a,
.light_blue .nav_sub li.open li.open li.open a,
.light_blue .nav_sub li.open li.open li.open li.open a,
.light_blue .nav_sub li.open li.open li.open li.open li.open a { background-color: #eef7fb; }

.light_blue .nav_sub li.active a,
.light_blue .nav_sub li.open li.active a,
.light_blue .nav_sub li.open li.open li.active a,
.light_blue .nav_sub li.open li.open li.open li.active a,
.light_blue .nav_sub li.open li.open li.open li.open li.active a,
.light_blue .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #ddeff8; }

.light_blue .hl_lighter { background-color: #ddeff8; }
.light_blue .hl_lightest { background-color: #eef7fb; }

.light_blue .hl_color11 { background-color: #e17000; }	/* orange instead of light-blue */

.light_blue .banner,
.light_blue .banner a,
.light_blue .banner h3,
.light_blue .banner h4 { color: #fff; }

.light_blue .banner.hl_lighter,
.light_blue .banner.hl_lightest,
.light_blue .banner.hl_color11,
.light_blue .banner.hl_color12,
.light_blue .banner.hl_color13,
.light_blue .banner.hl_color14,
.light_blue .banner.hl_color15,
.light_blue .banner.hl_lighter a,
.light_blue .banner.hl_lightest a,
.light_blue .banner.hl_color11 a,
.light_blue .banner.hl_color12 a,
.light_blue .banner.hl_color13 a,
.light_blue .banner.hl_color14 a,
.light_blue .banner.hl_color15 a,
.light_blue .banner.hl_lighter h3,
.light_blue .banner.hl_lightest h3,
.light_blue .banner.hl_color11 h3,
.light_blue .banner.hl_color12 h3,
.light_blue .banner.hl_color13 h3,
.light_blue .banner.hl_color14 h3,
.light_blue .banner.hl_color15 h3,
.light_blue .banner.hl_lighter h4,
.light_blue .banner.hl_lightest h4,
.light_blue .banner.hl_color11 h4,
.light_blue .banner.hl_color12 h4,
.light_blue .banner.hl_color13 h4,
.light_blue .banner.hl_color14 h4,
.light_blue .banner.hl_color15 h4 { color: #000; }

.light_blue .box.open.lighter h2,
.light_blue .box.open.lighter h3,
.light_blue .box.open.lighter h4,
.light_blue .box.open.lighter h5,
.light_blue .box.open.lighter h6 { background-color: #ddeff8; }
.light_blue .box.open.lighter { border: 1px solid #ddeff8; }

.light_blue .box.open.lightest h2,
.light_blue .box.open.lightest h3,
.light_blue .box.open.lightest h4,
.light_blue .box.open.lightest h5,
.light_blue .box.open.lightest h6 { background-color: #eef7fb; }
.light_blue .box.open.lightest { border: 1px solid #eef7fb; }

.light_blue .box.closed h2,
.light_blue .box.closed h3,
.light_blue .box.closed h4,
.light_blue .box.closed h5,
.light_blue .box.closed h6 { background-color: #ddeff8; }
.light_blue .box.closed { background-color: #eef7fb; border: 1px solid #ddeff8; }

.light_blue .box.open.contrast_lighter h2,
.light_blue .box.open.contrast_lighter h3,
.light_blue .box.open.contrast_lighter h4,
.light_blue .box.open.contrast_lighter h5,
.light_blue .box.open.contrast_lighter h6 { background-color: #e5b2cf; }
.light_blue .box.open.contrast_lighter { border: 1px solid #e5b2cf; }

.light_blue .box.open.contrast_lightest h2,
.light_blue .box.open.contrast_lightest h3,
.light_blue .box.open.contrast_lightest h4,
.light_blue .box.open.contrast_lightest h5,
.light_blue .box.open.contrast_lightest h6 { background-color: #f2d9e7; }
.light_blue .box.open.contrast_lightest { border: 1px solid #f2d9e7; }

.light_blue .box.closed.contrast h2,
.light_blue .box.closed.contrast h3,
.light_blue .box.closed.contrast h4,
.light_blue .box.closed.contrast h5,
.light_blue .box.closed.contrast h6 { background-color: #e5b2cf; }
.light_blue .box.closed.contrast { background-color: #f2d9e7; border: 1px solid #e5b2cf; }



/*	Colors 12 (pink) */
.pink .title_bar { background: #fdeff8; }
.pink .nav_bar { background: #f092cd; }
.pink .nav_main a { color: #000; }
.pink .nav_main a:hover { background: #fadef0; }
.pink .sel a { background-color: #fadef0; color: #000; }
.pink .content_wrapper2 { border-top: 10px solid #fadef0;  }

.pink .visual { background-color: #fdeff8; }
.pink .tong { background-color: #f092cd; }
.pink .tong h1, .pink .tong h2, .pink .tong h3, .pink .tong h4, .pink .tong h5,
.pink .tong h6, .pink .tong ul, .pink .tong ol, .pink .tong dl, .pink .tong p, .pink .tong a, .pink .tong blockquote { color: #000; }

.pink .search li a, .pink .search li a:hover { color: #000; }

.pink .nav_sub li a:hover { background-color: #fadef0 !important; }

.pink .nav_sub li.open a,
.pink .nav_sub li.open li.open a,
.pink .nav_sub li.open li.open li.open a,
.pink .nav_sub li.open li.open li.open li.open a,
.pink .nav_sub li.open li.open li.open li.open li.open a { background-color: #fdeff8; }

.pink .nav_sub li.active a,
.pink .nav_sub li.open li.active a,
.pink .nav_sub li.open li.open li.active a,
.pink .nav_sub li.open li.open li.open li.active a,
.pink .nav_sub li.open li.open li.open li.open li.active a,
.pink .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #fadef0; }

.pink .hl_lighter { background-color: #fadef0; }
.pink .hl_lightest { background-color: #fdeff8; }

.pink .hl_color12 { background-color: #e17000; }	/* orange instead of pink */

.pink .banner,
.pink .banner a,
.pink .banner h3,
.pink .banner h4 { color: #fff; }

.pink .banner.hl_lighter,
.pink .banner.hl_lightest,
.pink .banner.hl_color11,
.pink .banner.hl_color12,
.pink .banner.hl_color13,
.pink .banner.hl_color14,
.pink .banner.hl_color15,
.pink .banner.hl_lighter a,
.pink .banner.hl_lightest a,
.pink .banner.hl_color11 a,
.pink .banner.hl_color12 a,
.pink .banner.hl_color13 a,
.pink .banner.hl_color14 a,
.pink .banner.hl_color15 a,
.pink .banner.hl_lighter h3,
.pink .banner.hl_lightest h3,
.pink .banner.hl_color11 h3,
.pink .banner.hl_color12 h3,
.pink .banner.hl_color13 h3,
.pink .banner.hl_color14 h3,
.pink .banner.hl_color15 h3,
.pink .banner.hl_lighter h4,
.pink .banner.hl_lightest h4,
.pink .banner.hl_color11 h4,
.pink .banner.hl_color12 h4,
.pink .banner.hl_color13 h4,
.pink .banner.hl_color14 h4,
.pink .banner.hl_color15 h4 { color: #000; }

.pink .box.open.lighter h2,
.pink .box.open.lighter h3,
.pink .box.open.lighter h4,
.pink .box.open.lighter h5,
.pink .box.open.lighter h6 { background-color: #fadef0; }
.pink .box.open.lighter { border: 1px solid #fadef0; }

.pink .box.open.lightest h2,
.pink .box.open.lightest h3,
.pink .box.open.lightest h4,
.pink .box.open.lightest h5,
.pink .box.open.lightest h6 { background-color: #fdeff8; }
.pink .box.open.lightest { border: 1px solid #fdeff8; }

.pink .box.closed h2,
.pink .box.closed h3,
.pink .box.closed h4,
.pink .box.closed h5,
.pink .box.closed h6 { background-color: #fadef0; }
.pink .box.closed { background-color: #fdeff8; border: 1px solid #fadef0; }

.pink .box.open.contrast_lighter h2,
.pink .box.open.contrast_lighter h3,
.pink .box.open.contrast_lighter h4,
.pink .box.open.contrast_lighter h5,
.pink .box.open.contrast_lighter h6 { background-color: #e5b2cf; }
.pink .box.open.contrast_lighter { border: 1px solid #e5b2cf; }

.pink .box.open.contrast_lightest h2,
.pink .box.open.contrast_lightest h3,
.pink .box.open.contrast_lightest h4,
.pink .box.open.contrast_lightest h5,
.pink .box.open.contrast_lightest h6 { background-color: #f2d9e7; }
.pink .box.open.contrast_lightest { border: 1px solid #f2d9e7; }

.pink .box.closed.contrast h2,
.pink .box.closed.contrast h3,
.pink .box.closed.contrast h4,
.pink .box.closed.contrast h5,
.pink .box.closed.contrast h6 { background-color: #e5b2cf; }
.pink .box.closed.contrast { background-color: #f2d9e7; border: 1px solid #e5b2cf; }


/*	Colors 13 (yellow) */
.yellow .title_bar { background: #fefbdd; }
.yellow .nav_bar { background: #f9e11e; }
.yellow .nav_main a { color: #000; }
.yellow .nav_main a:hover { background: #fdf6bb; }
.yellow .sel a { background-color: #fdf6bb; color: #000; }
.yellow .content_wrapper2 { border-top: 10px solid #fdf6bb;  }

.yellow .visual { background-color: #fefbdd; }
.yellow .tong { background-color: #f9e11e; }
.yellow .tong h1, .yellow .tong h2, .yellow .tong h3, .yellow .tong h4, .yellow .tong h5,
.yellow .tong h6, .yellow .tong ul, .yellow .tong ol, .yellow .tong dl, .yellow .tong p, .yellow .tong a, .yellow .tong blockquote { color: #000; }

.yellow .search li a, .yellow .search li a:hover { color: #000; }

.yellow .nav_sub li a:hover { background-color: #fdf6bb !important; }

.yellow .nav_sub li.open a,
.yellow .nav_sub li.open li.open a,
.yellow .nav_sub li.open li.open li.open a,
.yellow .nav_sub li.open li.open li.open li.open a,
.yellow .nav_sub li.open li.open li.open li.open li.open a { background-color: #fefbdd; }

.yellow .nav_sub li.active a,
.yellow .nav_sub li.open li.active a,
.yellow .nav_sub li.open li.open li.active a,
.yellow .nav_sub li.open li.open li.open li.active a,
.yellow .nav_sub li.open li.open li.open li.open li.active a,
.yellow .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #fdf6bb; }

.yellow .hl_lighter { background-color: #fdf6bb; }
.yellow .hl_lightest { background-color: #fefbdd; }

.yellow .hl_color13 { background-color: #e17000; }	/* orange instead of yellow */

.yellow .banner,
.yellow .banner a,
.yellow .banner h3,
.yellow .banner h4 { color: #fff; }

.yellow .banner.hl_lighter,
.yellow .banner.hl_lightest,
.yellow .banner.hl_color11,
.yellow .banner.hl_color12,
.yellow .banner.hl_color13,
.yellow .banner.hl_color14,
.yellow .banner.hl_color15,
.yellow .banner.hl_lighter a,
.yellow .banner.hl_lightest a,
.yellow .banner.hl_color11 a,
.yellow .banner.hl_color12 a,
.yellow .banner.hl_color13 a,
.yellow .banner.hl_color14 a,
.yellow .banner.hl_color15 a,
.yellow .banner.hl_lighter h3,
.yellow .banner.hl_lightest h3,
.yellow .banner.hl_color11 h3,
.yellow .banner.hl_color12 h3,
.yellow .banner.hl_color13 h3,
.yellow .banner.hl_color14 h3,
.yellow .banner.hl_color15 h3,
.yellow .banner.hl_lighter h4,
.yellow .banner.hl_lightest h4,
.yellow .banner.hl_color11 h4,
.yellow .banner.hl_color12 h4,
.yellow .banner.hl_color13 h4,
.yellow .banner.hl_color14 h4,
.yellow .banner.hl_color15 h4 { color: #000; }

.yellow .box.open.lighter h2,
.yellow .box.open.lighter h3,
.yellow .box.open.lighter h4,
.yellow .box.open.lighter h5,
.yellow .box.open.lighter h6 { background-color: #fdf6bb; }
.yellow .box.open.lighter { border: 1px solid #fdf6bb; }

.yellow .box.open.lightest h2,
.yellow .box.open.lightest h3,
.yellow .box.open.lightest h4,
.yellow .box.open.lightest h5,
.yellow .box.open.lightest h6 { background-color: #fefbdd; }
.yellow .box.open.lightest { border: 1px solid #fefbdd; }

.yellow .box.closed h2,
.yellow .box.closed h3,
.yellow .box.closed h4,
.yellow .box.closed h5,
.yellow .box.closed h6 { background-color: #fdf6bb; }
.yellow .box.closed { background-color: #fefbdd; border: 1px solid #fdf6bb; }

.yellow .box.open.contrast_lighter h2,
.yellow .box.open.contrast_lighter h3,
.yellow .box.open.contrast_lighter h4,
.yellow .box.open.contrast_lighter h5,
.yellow .box.open.contrast_lighter h6 { background-color: #d1c1be; }
.yellow .box.open.contrast_lighter { border: 1px solid #d1c1be; }

.yellow .box.open.contrast_lightest h2,
.yellow .box.open.contrast_lightest h3,
.yellow .box.open.contrast_lightest h4,
.yellow .box.open.contrast_lightest h5,
.yellow .box.open.contrast_lightest h6 { background-color: #e8e1df; }
.yellow .box.open.contrast_lightest { border: 1px solid #e8e1df; }

.yellow .box.closed.contrast h2,
.yellow .box.closed.contrast h3,
.yellow .box.closed.contrast h4,
.yellow .box.closed.contrast h5,
.yellow .box.closed.contrast h6 { background-color: #d1c1be; }
.yellow .box.closed.contrast { background-color: #e8e1df; border: 1px solid #d1c1be; }


/* Colors 14 (dark-yellow) */
.dark_yellow .title_bar { background: #fff4dc; }
.dark_yellow .nav_bar { background: #ffb612; }
.dark_yellow .nav_main a { color: #000; }
.dark_yellow .nav_main a:hover { background: #ffe9b7; }
.dark_yellow .sel a { background-color: #ffe9b7; color: #000; }
.dark_yellow .content_wrapper2 { border-top: 10px solid #ffe9b7;  }

.dark_yellow .visual { background-color: #fff4dc; }
.dark_yellow .tong { background-color: #ffb612; }
.dark_yellow .tong h1, .dark_yellow .tong h2, .dark_yellow .tong h3, .dark_yellow .tong h4, .dark_yellow .tong h5,
.dark_yellow .tong h6, .dark_yellow .tong ul, .dark_yellow .tong ol, .dark_yellow .tong dl, .dark_yellow .tong p, .dark_yellow .tong a, .dark_yellow .tong blockquote { color: #000; }

.dark_yellow .search li a, .dark_yellow .search li a:hover { color: #000; }

.dark_yellow .nav_sub li a:hover { background-color: #ffe9b7 !important; }

.dark_yellow .nav_sub li.open a,
.dark_yellow .nav_sub li.open li.open a,
.dark_yellow .nav_sub li.open li.open li.open a,
.dark_yellow .nav_sub li.open li.open li.open li.open a,
.dark_yellow .nav_sub li.open li.open li.open li.open li.open a { background-color: #fff4dc; }

.dark_yellow .nav_sub li.active a,
.dark_yellow .nav_sub li.open li.active a,
.dark_yellow .nav_sub li.open li.open li.active a,
.dark_yellow .nav_sub li.open li.open li.open li.active a,
.dark_yellow .nav_sub li.open li.open li.open li.open li.active a,
.dark_yellow .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #ffe9b7; }

.dark_yellow .hl_lighter { background-color: #ffe9b7; }
.dark_yellow .hl_lightest { background-color: #fff4dc; }

.dark_yellow .hl_color14 { background-color: #e17000; }	/* orange instead of dark-yellow */

.dark_yellow .banner,
.dark_yellow .banner a,
.dark_yellow .banner h3,
.dark_yellow .banner h4 { color: #fff; }

.dark_yellow .banner.hl_lighter,
.dark_yellow .banner.hl_lightest,
.dark_yellow .banner.hl_color11,
.dark_yellow .banner.hl_color12,
.dark_yellow .banner.hl_color13,
.dark_yellow .banner.hl_color14,
.dark_yellow .banner.hl_color15,
.dark_yellow .banner.hl_lighter a,
.dark_yellow .banner.hl_lightest a,
.dark_yellow .banner.hl_color11 a,
.dark_yellow .banner.hl_color12 a,
.dark_yellow .banner.hl_color13 a,
.dark_yellow .banner.hl_color14 a,
.dark_yellow .banner.hl_color15 a,
.dark_yellow .banner.hl_lighter h3,
.dark_yellow .banner.hl_lightest h3,
.dark_yellow .banner.hl_color11 h3,
.dark_yellow .banner.hl_color12 h3,
.dark_yellow .banner.hl_color13 h3,
.dark_yellow .banner.hl_color14 h3,
.dark_yellow .banner.hl_color15 h3,
.dark_yellow .banner.hl_lighter h4,
.dark_yellow .banner.hl_lightest h4,
.dark_yellow .banner.hl_color11 h4,
.dark_yellow .banner.hl_color12 h4,
.dark_yellow .banner.hl_color13 h4,
.dark_yellow .banner.hl_color14 h4,
.dark_yellow .banner.hl_color15 h4 { color: #000; }

.dark_yellow .box.open.lighter h2,
.dark_yellow .box.open.lighter h3,
.dark_yellow .box.open.lighter h4,
.dark_yellow .box.open.lighter h5,
.dark_yellow .box.open.lighter h6 { background-color: #ffe9b7; }
.dark_yellow .box.open.lighter { border: 1px solid #ffe9b7; }

.dark_yellow .box.open.lightest h2,
.dark_yellow .box.open.lightest h3,
.dark_yellow .box.open.lightest h4,
.dark_yellow .box.open.lightest h5,
.dark_yellow .box.open.lightest h6 { background-color: #fff4dc; }
.dark_yellow .box.open.lightest { border: 1px solid #fff4dc; }

.dark_yellow .box.closed h2,
.dark_yellow .box.closed h3,
.dark_yellow .box.closed h4,
.dark_yellow .box.closed h5,
.dark_yellow .box.closed h6 { background-color: #ffe9b7; }
.dark_yellow .box.closed { background-color: #fff4dc; border: 1px solid #ffe9b7; }

.dark_yellow .box.open.contrast_lighter h2,
.dark_yellow .box.open.contrast_lighter h3,
.dark_yellow .box.open.contrast_lighter h4,
.dark_yellow .box.open.contrast_lighter h5,
.dark_yellow .box.open.contrast_lighter h6 { background-color: #dfd4b5; }
.dark_yellow .box.open.contrast_lighter { border: 1px solid #dfd4b5; }

.dark_yellow .box.open.contrast_lightest h2,
.dark_yellow .box.open.contrast_lightest h3,
.dark_yellow .box.open.contrast_lightest h4,
.dark_yellow .box.open.contrast_lightest h5,
.dark_yellow .box.open.contrast_lightest h6 { background-color: #efeada; }
.dark_yellow .box.open.contrast_lightest { border: 1px solid #efeada; }

.dark_yellow .box.closed.contrast h2,
.dark_yellow .box.closed.contrast h3,
.dark_yellow .box.closed.contrast h4,
.dark_yellow .box.closed.contrast h5,
.dark_yellow .box.closed.contrast h6 { background-color: #dfd4b5; }
.dark_yellow .box.closed.contrast { background-color: #efeada; border: 1px solid #dfd4b5; }


/* Colors 15 (mint-green) */
.mint_green .title_bar { background: #ebf8f4; }
.mint_green .nav_bar { background: #76d2b6; }
.mint_green .nav_main a { color: #000; }
.mint_green .nav_main a:hover { background: #d6f1e9; }
.mint_green .sel a { background-color: #d6f1e9; color: #000; }
.mint_green .content_wrapper2 { border-top: 10px solid #d6f1e9;  }

.mint_green .visual { background-color: #ebf8f4; }
.mint_green .tong { background-color: #76d2b6; }
.mint_green .tong h1, .mint_green .tong h2, .mint_green .tong h3, .mint_green .tong h4, .mint_green .tong h5,
.mint_green .tong h6, .mint_green .tong ul, .mint_green .tong ol, .mint_green .tong dl, .mint_green .tong p, .mint_green .tong a, .mint_green .tong blockquote { color: #000; }

.mint_green .search li a, .mint_green .search li a:hover { color: #000; }

.mint_green .nav_sub li a:hover { background-color: #d6f1e9 !important; }

.mint_green .nav_sub li.open a,
.mint_green .nav_sub li.open li.open a,
.mint_green .nav_sub li.open li.open li.open a,
.mint_green .nav_sub li.open li.open li.open li.open a,
.mint_green .nav_sub li.open li.open li.open li.open li.open a { background-color: #ebf8f4; }

.mint_green .nav_sub li.active a,
.mint_green .nav_sub li.open li.active a,
.mint_green .nav_sub li.open li.open li.active a,
.mint_green .nav_sub li.open li.open li.open li.active a,
.mint_green .nav_sub li.open li.open li.open li.open li.active a,
.mint_green .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #d6f1e9; }

.mint_green .hl_lighter { background-color: #d6f1e9; }
.mint_green .hl_lightest { background-color: #ebf8f4; }

.mint_green .hl_color15 { background-color: #e17000; }	/* orange instead of mint-green */

.mint_green .banner,
.mint_green .banner a,
.mint_green .banner h3,
.mint_green .banner h4 { color: #fff; }

.mint_green .banner.hl_lighter,
.mint_green .banner.hl_lightest,
.mint_green .banner.hl_color11,
.mint_green .banner.hl_color12,
.mint_green .banner.hl_color13,
.mint_green .banner.hl_color14,
.mint_green .banner.hl_color15,
.mint_green .banner.hl_lighter a,
.mint_green .banner.hl_lightest a,
.mint_green .banner.hl_color11 a,
.mint_green .banner.hl_color12 a,
.mint_green .banner.hl_color13 a,
.mint_green .banner.hl_color14 a,
.mint_green .banner.hl_color15 a,
.mint_green .banner.hl_lighter h3,
.mint_green .banner.hl_lightest h3,
.mint_green .banner.hl_color11 h3,
.mint_green .banner.hl_color12 h3,
.mint_green .banner.hl_color13 h3,
.mint_green .banner.hl_color14 h3,
.mint_green .banner.hl_color15 h3,
.mint_green .banner.hl_lighter h4,
.mint_green .banner.hl_lightest h4,
.mint_green .banner.hl_color11 h4,
.mint_green .banner.hl_color12 h4,
.mint_green .banner.hl_color13 h4,
.mint_green .banner.hl_color14 h4,
.mint_green .banner.hl_color15 h4 { color: #000; }

.mint_green .box.open.lighter h2,
.mint_green .box.open.lighter h3,
.mint_green .box.open.lighter h4,
.mint_green .box.open.lighter h5,
.mint_green .box.open.lighter h6 { background-color: #d6f1e9; }
.mint_green .box.open.lighter { border: 1px solid #d6f1e9; }

.mint_green .box.open.lightest h2,
.mint_green .box.open.lightest h3,
.mint_green .box.open.lightest h4,
.mint_green .box.open.lightest h5,
.mint_green .box.open.lightest h6 { background-color: #ebf8f4; }
.mint_green .box.open.lightest { border: 1px solid #ebf8f4; }

.mint_green .box.closed h2,
.mint_green .box.closed h3,
.mint_green .box.closed h4,
.mint_green .box.closed h5,
.mint_green .box.closed h6 { background-color: #d6f1e9; }
.mint_green .box.closed { background-color: #ebf8f4; border: 1px solid #d6f1e9; }

.mint_green .box.open.contrast_lighter h2,
.mint_green .box.open.contrast_lighter h3,
.mint_green .box.open.contrast_lighter h4,
.mint_green .box.open.contrast_lighter h5,
.mint_green .box.open.contrast_lighter h6 { background-color: #c3dbb6; }
.mint_green .box.open.contrast_lighter { border: 1px solid #c3dbb6; }

.mint_green .box.open.contrast_lightest h2,
.mint_green .box.open.contrast_lightest h3,
.mint_green .box.open.contrast_lightest h4,
.mint_green .box.open.contrast_lightest h5,
.mint_green .box.open.contrast_lightest h6 { background-color: #e1eddb; }
.mint_green .box.open.contrast_lightest { border: 1px solid #e1eddb; }

.mint_green .box.closed.contrast h2,
.mint_green .box.closed.contrast h3,
.mint_green .box.closed.contrast h4,
.mint_green .box.closed.contrast h5,
.mint_green .box.closed.contrast h6 { background-color: #c3dbb6; }
.mint_green .box.closed.contrast { background-color: #e1eddb; border: 1px solid #c3dbb6; }


/* Colors 16 (orange) */
.orange .title_bar { background: #fbead9; }
.orange .nav_bar { background: #e17000; }
.orange .nav_main a { color: #000; }
.orange .nav_main a:hover { background: #f6d4b2; }
.orange .sel a { background-color: #f6d4b2; color: #000; }
.orange .content_wrapper2 { border-top: 10px solid #f6d4b2;  }

.orange .visual { background-color: #fbead9; }
.orange .tong { background-color: #e17000; }
.orange .tong h1, .orange .tong h2, .orange .tong h3, .orange .tong h4, .orange .tong h5,
.orange .tong h6, .orange .tong ul, .orange .tong ol, .orange .tong dl, .orange .tong p, .orange .tong a, .orange .tong blockquote { color: #000; }

.orange .search li a, .orange .search li a:hover { color: #000; }

.orange .nav_sub li a:hover { background-color: #f6d4b2 !important; }

.orange .nav_sub li.open a,
.orange .nav_sub li.open li.open a,
.orange .nav_sub li.open li.open li.open a,
.orange .nav_sub li.open li.open li.open li.open a,
.orange .nav_sub li.open li.open li.open li.open li.open a { background-color: #fbead9; }

.orange .nav_sub li.active a,
.orange .nav_sub li.open li.active a,
.orange .nav_sub li.open li.open li.active a,
.orange .nav_sub li.open li.open li.open li.active a,
.orange .nav_sub li.open li.open li.open li.open li.active a,
.orange .nav_sub li.open li.open li.open li.open li.open li.active a { background-color: #f6d4b2; }

.orange .hl_lighter { background-color: #f6d4b2; }
.orange .hl_lightest { background-color: #fbead9; }

.orange .hl_color15 { background-color: #76d2b6; }	/* mint-green instead of orange */

.orange .banner,
.orange .banner a,
.orange .banner h3,
.orange .banner h4 { color: #fff; }

.orange .banner.hl_lighter,
.orange .banner.hl_lightest,
.orange .banner.hl_color11,
.orange .banner.hl_color12,
.orange .banner.hl_color13,
.orange .banner.hl_color14,
.orange .banner.hl_color15,
.orange .banner.hl_lighter a,
.orange .banner.hl_lightest a,
.orange .banner.hl_color11 a,
.orange .banner.hl_color12 a,
.orange .banner.hl_color13 a,
.orange .banner.hl_color14 a,
.orange .banner.hl_color15 a,
.orange .banner.hl_lighter h3,
.orange .banner.hl_lightest h3,
.orange .banner.hl_color11 h3,
.orange .banner.hl_color12 h3,
.orange .banner.hl_color13 h3,
.orange .banner.hl_color14 h3,
.orange .banner.hl_color15 h3,
.orange .banner.hl_lighter h4,
.orange .banner.hl_lightest h4,
.orange .banner.hl_color11 h4,
.orange .banner.hl_color12 h4,
.orange .banner.hl_color13 h4,
.orange .banner.hl_color14 h4,
.orange .banner.hl_color15 h4 { color: #000; }

.orange .box.open.lighter h2,
.orange .box.open.lighter h3,
.orange .box.open.lighter h4,
.orange .box.open.lighter h5,
.orange .box.open.lighter h6 { background-color: #f6d4b2; }
.orange .box.open.lighter { border: 1px solid #f6d4b2; }

.orange .box.open.lightest h2,
.orange .box.open.lightest h3,
.orange .box.open.lightest h4,
.orange .box.open.lightest h5,
.orange .box.open.lightest h6 { background-color: #fbead9; }
.orange .box.open.lightest { border: 1px solid #fbead9; }

.orange .box.closed h2,
.orange .box.closed h3,
.orange .box.closed h4,
.orange .box.closed h5,
.orange .box.closed h6 { background-color: #f6d4b2; }
.orange .box.closed { background-color: #fbead9; border: 1px solid #f6d4b2; }

.orange .box.open.contrast_lighter h2,
.orange .box.open.contrast_lighter h3,
.orange .box.open.contrast_lighter h4,
.orange .box.open.contrast_lighter h5,
.orange .box.open.contrast_lighter h6 { background-color: #dfd4b5; }
.orange .box.open.contrast_lighter { border: 1px solid #dfd4b5; }

.orange .box.open.contrast_lightest h2,
.orange .box.open.contrast_lightest h3,
.orange .box.open.contrast_lightest h4,
.orange .box.open.contrast_lightest h5,
.orange .box.open.contrast_lightest h6 { background-color: #efeada; }
.orange .box.open.contrast_lightest { border: 1px solid #efeada; }

.orange .box.closed.contrast h2,
.orange .box.closed.contrast h3,
.orange .box.closed.contrast h4,
.orange .box.closed.contrast h5,
.orange .box.closed.contrast h6 { background-color: #dfd4b5; }
.orange .box.closed.contrast { background-color: #efeada; border: 1px solid #dfd4b5; }


/* arrow color black in 'tong' */

.light_blue .tong ul li,
.dark_blue .tong ul li,
.pink .tong ul li,
.yellow .tong ul li,
.dark_yellow .tong ul li,
.mint_green .tong ul li,
.orange .tong ul li { background-position: left -180px; }


/*
* Transparent
*
* @section			Set the background to transparent for not 'open' and 'active' anchors
*/

.dark_brown .nav_sub li.open li a,
.dark_brown .nav_sub li.open li.open li a,
.dark_brown .nav_sub li.open li.open li.open li a,
.dark_brown .nav_sub li.open li.open li.open li.open li a,
.dark_brown .nav_sub li.open li.open li.open li.open li.open li a,
.purple .nav_sub li.open li a,
.purple .nav_sub li.open li.open li a,
.purple .nav_sub li.open li.open li.open li a,
.purple .nav_sub li.open li.open li.open li.open li a,
.purple .nav_sub li.open li.open li.open li.open li.open li a,
.dark_green .nav_sub li.open li a,
.dark_green .nav_sub li.open li.open li a,
.dark_green .nav_sub li.open li.open li.open li a,
.dark_green .nav_sub li.open li.open li.open li.open li a,
.dark_green .nav_sub li.open li.open li.open li.open li.open li a,
.ruby .nav_sub li.open li a,
.ruby .nav_sub li.open li.open li a,
.ruby .nav_sub li.open li.open li.open li a,
.ruby .nav_sub li.open li.open li.open li.open li a,
.ruby .nav_sub li.open li.open li.open li.open li.open li a,
.red .nav_sub li.open li a,
.red .nav_sub li.open li.open li a,
.red .nav_sub li.open li.open li.open li a,
.red .nav_sub li.open li.open li.open li.open li a,
.red .nav_sub li.open li.open li.open li.open li.open li a,
.violet .nav_sub li.open li a,
.violet .nav_sub li.open li.open li a,
.violet .nav_sub li.open li.open li.open li a,
.violet .nav_sub li.open li.open li.open li.open li a,
.violet .nav_sub li.open li.open li.open li.open li.open li a,
.moss_green .nav_sub li.open li a,
.moss_green .nav_sub li.open li.open li a,
.moss_green .nav_sub li.open li.open li.open li a,
.moss_green .nav_sub li.open li.open li.open li.open li a,
.moss_green .nav_sub li.open li.open li.open li.open li.open li a,
.brown .nav_sub li.open li a,
.brown .nav_sub li.open li.open li a,
.brown .nav_sub li.open li.open li.open li a,
.brown .nav_sub li.open li.open li.open li.open li a,
.brown .nav_sub li.open li.open li.open li.open li.open li a,
.green .nav_sub li.open li a,
.green .nav_sub li.open li.open li a,
.green .nav_sub li.open li.open li.open li a,
.green .nav_sub li.open li.open li.open li.open li a,
.green .nav_sub li.open li.open li.open li.open li.open li a,
.azure .nav_sub li.open li a,
.azure .nav_sub li.open li.open li a,
.azure .nav_sub li.open li.open li.open li a,
.azure .nav_sub li.open li.open li.open li.open li a,
.azure .nav_sub li.open li.open li.open li.open li.open li a,
.light_blue .nav_sub li.open li a,
.light_blue .nav_sub li.open li.open li a,
.light_blue .nav_sub li.open li.open li.open li a,
.light_blue .nav_sub li.open li.open li.open li.open li a,
.light_blue .nav_sub li.open li.open li.open li.open li.open li a,
.dark_blue .nav_sub li.open li a,
.dark_blue .nav_sub li.open li.open li a,
.dark_blue .nav_sub li.open li.open li.open li a,
.dark_blue .nav_sub li.open li.open li.open li.open li a,
.dark_blue .nav_sub li.open li.open li.open li.open li.open li a,
.pink .nav_sub li.open li a,
.pink .nav_sub li.open li.open li a,
.pink .nav_sub li.open li.open li.open li a,
.pink .nav_sub li.open li.open li.open li.open li a,
.pink .nav_sub li.open li.open li.open li.open li.open li a,
.yellow .nav_sub li.open li a,
.yellow .nav_sub li.open li.open li a,
.yellow .nav_sub li.open li.open li.open li a,
.yellow .nav_sub li.open li.open li.open li.open li a,
.yellow .nav_sub li.open li.open li.open li.open li.open li a,
.dark_yellow .nav_sub li.open li a,
.dark_yellow .nav_sub li.open li.open li a,
.dark_yellow .nav_sub li.open li.open li.open li a,
.dark_yellow .nav_sub li.open li.open li.open li.open li a,
.dark_yellow .nav_sub li.open li.open li.open li.open li.open li a,
.mint_green .nav_sub li.open li a,
.mint_green .nav_sub li.open li.open li a,
.mint_green .nav_sub li.open li.open li.open li a,
.mint_green .nav_sub li.open li.open li.open li.open li a,
.mint_green .nav_sub li.open li.open li.open li.open li.open li a,
.orange .nav_sub li.open li a,
.orange .nav_sub li.open li.open li a,
.orange .nav_sub li.open li.open li.open li a,
.orange .nav_sub li.open li.open li.open li.open li a,
.orange .nav_sub li.open li.open li.open li.open li.open li a { background-color: transparent; }


/*
* Banners
*
* @section			Set the background (highlight) color for banners
*/

.hl_color1 { background-color: #623327; }	/* dark-brown */
.hl_color2 { background-color: #42145f; }	/* purple */
.hl_color3 { background-color: #275937; }	/* dark-green */
.hl_color4 { background-color: #ca005a; }	/* ruby */
.hl_color5 { background-color: #d52b1e; }	/* red */
.hl_color6 { background-color: #a90061; }	/* violet */
.hl_color7 { background-color: #777c00; }	/* moss-green */
.hl_color8 { background-color: #94710a; }	/* brown */
.hl_color9 { background-color: #39870c; }	/* green */
.hl_color10 { background-color: #007bc7; }	/* azure */
.hl_color11 { background-color: #8fcae7; }	/* light-blue */
.hl_color12 { background-color: #f092cd; }	/* pink */
.hl_color13 { background-color: #f9e11e; }	/* yellow */
.hl_color14 { background-color: #ffb612; }	/* dark-yellow */
.hl_color15 { background-color: #76d2b6; }	/* mint-green */
.hl_color16 { background-color: #007bc7; }	/* dark-blue */
/**
 * screen.css
 *
 * Screen styles (all parts) for <website name>.
 *
 * @version			1.1.3
 * @date			2009-08-28
 * @lastmodified	2010-04-26 16:17
 * @author			Studio Dumbar (Jonathan van Wunnik)
 * @project			Starters Kit Rijksoverheid
 * @link			http://www.website.com
 * @cssdoc			version 1.0-pre
 *
 * @colordef		#f3f5f6; background (light grey)
 * @colordef		#535353; text links on background (dark grey) layer
 * @colordef		#154273; text links (blue)
 *
 */


/**
 * Import
 *
 * @section			Import of individual stylesheets
 */

/*@import url("reset.css");
@import url("grids.css");
@import url("template.css");
@import url("type.css");*/
/* @import url("src/fancy-type.css"); */
/*@import url("forms.css");
@import url("colors.css");*/


/**
 * Miscellaneous
 *
 * @section			Miscellaneous style definitions
 */

hr { border: none; }
:focus { outline: 0.2em solid blue; }
img { margin-bottom: 1.4545em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; padding: 0; }


/**
 * Header
 *
 * @section			Header, main navigation and functional links style definitions
 */

.header { text-align: center; }
.header .branding { font: 0/0 sans-serif; margin: 0; padding: 0; min-height: 87px; }
.header .branding img { margin: 0; }

.nav_bar { margin: 0; padding: 2.8em 0 0; text-align: left; position: relative; }

/* Main navigation */
.nav_main { list-style: none; margin: 0; padding: 0 24px; }
.nav_main li { background: none; float: left; margin: 0; padding: 0; }
.nav_main a { display: block; padding: 0.16em 0.9091em 0.24em; text-decoration: none; }
.nav_main a:hover { color: #000; text-decoration: none; }
.sel a { color: #000; }

/* Title bar */
.title_bar { margin: 0; padding: 0 0 0 24px; text-align: left; position: relative; }
.title_bar em { font-weight: normal; font-style: italic; }
.title_bar a { color: #000; text-decoration: none; }
.title_bar a:hover { text-decoration: none; }

/* Functional links */
.func_links { width: 100%; position: absolute; top: -1.6em; }
.func_links h2,
.func_links h3,
.func_links h4,
.func_links h5 { display: none; }
.func_links ul { color: #535353; display: inline; list-style: none; margin: 0 8px; padding: 0; }
.func_links li { background: none; float: left; margin: 0; padding: 0; }

.func_links a { padding: 0.3636em 0.9091em; text-decoration: none; }
.func_links a:link { color: #535353; }
.func_links a:visited { color: #535353; }
.func_links a:hover { color: #000; text-decoration: underline; }

.func_links a.minus,
.func_links a.plus { background-image: url(skin/icons.png); background-repeat: no-repeat; font-size: 0.8em; padding: 0 0.24em; text-decoration: none; }

.func_links a.minus { background-position: left top; height: 12px; margin-right: -7px; width: 12px; }
.func_links a.plus { background-position: left -37px; height: 12px; width: 12px; }

.func_links .rss { background: url(skin/icons.png) 11px -68px no-repeat; height: 11px; padding-left: 24px; width: 12px; }
.func_links .font_size { padding-left: 0.9091em;  }


/**
 * Vertical navigation
 *
 * @section			Vertical (sub) navigation style definitions
 */

.nav_sub h2,
.nav_sub h3,
.nav_sub h4,
.nav_sub h5
.nav_sub h6 { display: none; }

.nav_sub ul { font-size: 1em; list-style-type: none; margin: 0; padding: 0; }
.nav_sub ul ul { margin: 0.1em 0; }
.nav_sub ul li { background: none; list-style: none; margin: 0; padding: 0; }

.nav_sub ul li a { color: #000; font-size: 1.1em; }
.nav_sub ul li a:hover { text-decoration: none; }

.nav_sub li a { background: url(skin/arrows.png) 1.8em 7px no-repeat; text-decoration: none; display: block; padding: 0.2em 1em 0.2em 2.8em; width: 17.6em; }
.nav_sub li.open li a,
.nav_sub li.active li a { background: url(skin/arrows.png) 2.8em 7px no-repeat; padding: 0.2em 1em 0.2em 3.8em; width: 16.6em; }
.nav_sub li.open li.open li a,
.nav_sub li.open li.active li a { background: url(skin/arrows.png) 3.8em 7px no-repeat; padding: 0.2em 1em 0.2em 4.8em; width: 15.6em; }
.nav_sub li.open li.open li.open li a,
.nav_sub li.open li.open li.active li a { background: url(skin/arrows.png) 4.8em 7px no-repeat; padding: 0.2em 1em 0.2em 5.8em; width: 14.6em; }
.nav_sub li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.active li a { background: url(skin/arrows.png) 5.8em 7px no-repeat; padding: 0.2em 1em 0.2em 6.8em; width: 13.6em; }
.nav_sub li.open li.open li.open li.open li.open li a,
.nav_sub li.open li.open li.open li.open li.active li a { background: url(skin/arrows.png) 6.8em 7px no-repeat; padding: 0.2em 1em 0.2em 7.8em; width: 12.6em; }

.nav_sub li.open a { background-position: 1.8em -82px; }
.nav_sub li.open li.open a { background-position: 2.8em -82px; }
.nav_sub li.open li.open li.open a { background-position: 3.8em -82px; }
.nav_sub li.open li.open li.open li.open a { background-position: 4.8em -82px; }
.nav_sub li.open li.open li.open li.open li.open a { background-position: 5.8em -82px; }


/**
 * Content
 *
 * @section			Content specific style definitions
 */

p.intro { font-weight: bold; }
p.caption { color: #767676; margin-bottom: 1.2em; margin-top: -1em; }
p.date { color: #6a6a6a; margin-bottom: 0; margin-top: -0.2em; }

p a:link { text-decoration: underline; }
p a.continue { display: inline; }
p.back_to_top a:visited { color: #154273; }
p.password a:visited { color: #154273; text-decoration: underline; }
p.password a:hover { color: #154273; text-decoration: none; }

.breadcrumb { color: #767676; line-height: 1.8; }
.breadcrumb a:link { color: #154273; text-decoration: underline; }
.breadcrumb a:visited { color: #154273; text-decoration: underline; }
.breadcrumb a:hover { color: #0162cd; text-decoration: underline; }

.breadcrumb em { display: none; }
.breadcrumb span { white-space: nowrap; }
.breadcrumb .imgreplacement { background-image: url(skin/arrows.png); height: 7px; margin: 0 3px; width: 7px; }

#home h3 a, #home h4 a, #home h5 a, #home h6 a { font-family: Verdana, Arial, sans-serif; font-size: 0.7333em; text-decoration: underline; }

h2.header_link { font-family: Arial, Verdana, sans-serif; font-size: 1.5em; font-weight: bold; }
h2.header_link a:link, h2.header_link a:visited { background: url(skin/arrows.png) right -179px no-repeat; color: #000; padding-right: 11px; text-decoration: none; }
h2.header_link a:hover, h2.header_link a:visited:hover { text-decoration: underline; }


/**
 * Lists
 *
 * @section			List style defenitions
 */

ol { margin-left: 2.4em; }

ul { list-style-type: none; }
ul li { background: url(skin/arrows.png) left 6px no-repeat; margin-bottom: 0.5em; padding-left: 11px; }
ul a,
ul a:link { color: #154273; text-decoration: none; }
ul a:visited { text-decoration: none; }
ul a:hover, ul a:visited:hover { color: #154273; text-decoration: underline; }

ul li.more { font-weight: bold; }

ul.anchors li { margin-bottom: 0.2em; background: none; padding-left: 0; }
ul.anchors a,
ul.anchors a:link { color: #154273; text-decoration: underline; }
ul.anchors a:visited { text-decoration: underline; }
ul.anchors a:hover { text-decoration: none; }

ul.bullets { list-style-position: inside; list-style-type: square; }
ul.bullets li { background: none; margin-bottom: 0.2em; padding-left: 0; }

/* external link lists and individual external links  */
ul.external li, li.external { background-position: left -371px; }

/* lists in error and/or info box */
.message_err ul,
.message_info ul,
.message_err ol,
.message_info ol { margin: 0; }

/* default list */
.list { border-bottom: 3px solid #ccc; border-top: 3px solid #ccc; font-size: 1em; margin: 0.6em 20px 0.6em 0; padding: 0 0 1em 0; }
.list li, .list h2, .list p { background: none; padding: 0; }

.list h2 { font-size: 1.1em; font-weight: bold; line-height: 1.5; margin-bottom: 0; }

.list h2 a,
.list h2 a:link,
.list h2 a:visited { color: #154273; text-decoration: underline; }
.list h2 a:hover { text-decoration: none; }

.list p { margin-bottom: 0; }
.list p.details { color: #535353; }

/* search results list */
.search_results { color: #154273; /*list-style-type: decimal-leading-zero;*/ list-style-type: decimal; padding-left: 2.3em; }
.search_results p { color: #000; }
.search_results.wide li { padding-right: 6em; }

/* pagenavigation */
.nav_page { color: #767676; font-size: 1.1em; padding-right: 20px; }
.nav_page span { color: #000; }

.nav_page a,
.nav_page a:link,
.nav_page a:visited { color: #154273; text-decoration: underline; }
.nav_page a:hover { text-decoration: none; }

.nav_page a.prev { background: url(skin/arrows.png) left -469px no-repeat; padding-left: 11px; }
.nav_page a.next { background: url(skin/arrows.png) right 4px no-repeat; padding-right: 11px; }

/* sitemap */
.header_sitemap { font-size: 1.2em; font-weight: bold; line-height: 1.5; margin-bottom: 0; }

.header_sitemap a,
.header_sitemap a:link,
.header_sitemap a:visited,
.list_sitemap li a,
.list_sitemap li a:link,
.list_sitemap li a:visited { color: #154273; text-decoration: underline; }
.header_sitemap a:hover,
.list_sitemap li a:hover { text-decoration: none; }

.list_sitemap li { font-weight: bold; }
.list_sitemap li li { font-weight: normal; }

.list_sitemap ul { font-size: 1em; line-height: 1.6; margin-bottom: 0; margin-top: -0.4em; }

.list_sitemap ul { list-style-type: none; padding-right: 0; padding-top: 0.8em; }
.list_sitemap li { background: transparent url(skin/sm_hor_line.gif) left 1.2em no-repeat; border-left: 1px solid #dcdcdc; margin-bottom:-2px; margin-left: 1px; padding: 0.4em 0 0.4em 8px; }
.list_sitemap .last_item { background: transparent url(skin/sm_last_item.gif) left 0.2em no-repeat; border-left: none; padding-left: 9px; }

/* tool box links */
.toolbox { border: 1px solid #ccc; margin-right: 20px; padding: 4px 10px 2px; }
.toolbox li { background: none; float: left; padding: 0; width: 50%; }

.content_add .toolbox li { float: none; width: auto; }

.toolbox a,
.toolbox a:link,
.toolbox a:visited { color: #154273; }

.toolbox a { background-image: url(skin/icons.png); background-repeat: no-repeat; height: 11px;  padding-left: 16px; width: 12px; }

.toolbox a.email { background-position: left -147px; }
.toolbox a.print { background-position: left -184px; }
.toolbox a.document { background-position: left -221px; }
.toolbox a.audio { background-position: left -256px; }
.toolbox a.play { background-position: left -294px; }
.toolbox a.table { background-position: left -342px; }
.toolbox a.edit { background-position: left -597px; }
.toolbox a.delete { background-position: left -671px; }
.toolbox a.zoom { background-position: left -708px; }
.toolbox a.star { background-position: left -746px; }
.toolbox a.author { background-position: left -857px; }
.toolbox a.group { background-position: left -893px; }
.toolbox a.lock { background-position: left -930px; }


/**
 * Footer
 *
 * @section			Footer (referentie aan het lintje) style definitions
 */
.footer .ref { border: 0; font: 0/0 sans-serif; padding: 0 0 8px; text-align: center; }
.footer .ref img { margin: 0; }


/**
 * Modules
 *
 * @section			Content specific (modules) style definitions
 */

/* scale images together with font resize */
p.full { line-height: 0; }
p.full img { float: none; height: auto; margin: 0.4em 0 0 0; padding: 0; width: 100%; }

.mod { margin-right: 20px; padding: 10px; }
.mod h1, .mod h2, .mod h3, .mod h4, .mod h5, .mod h6, .mod ul, .mod ol, .mod dl, .mod p, .mod blockquote { padding-right: 0; }

/* module 'tong' */
.tong { margin-bottom: 30px; padding-top: 50px; position: relative; margin-left: -10px; margin-top: -50px; }

/* module 'visual' */
.visual img { font: 0/0 sans-serif; float: left; margin: -10px 20px -10px -10px; padding: 0; }
.size11 .visual img { height: auto; width: 67.4311%; } /* width: (588/(892-20))*100=67.4311 */
.size812 .visual img,
.size23 .visual img { height: auto; width: 63.3803%; } /* width: (360/(588-20))*100=63.3803 */
.size512 .visual img { height: auto; width: 61.1765%; } /* width: (208/(360-20))*100=61.1765 */
.size23 .visual.half img,
.size12 .visual.half img { height: auto; width: 50%; } /* width: (284/(588-20))*100=50 */

/* module 3 column 'visual' */
.mod.three_col .size13 img { height: auto; width: 100%; }
.mod.three_col { margin-right: 20px; padding: 10px 0; }
.mod.three_col h1, .mod.three_col h2, .mod.three_col h3, .mod.three_col h4, .mod.three_col h5, .mod.three_col h6, .mod.three_col ul, .mod.three_col ol, .mod.three_col dl, .mod.three_col p, .mod.three_col blockquote { padding-left: 10px; padding-right: 20px; }

/* module 'banner' */
.banner { display: block; margin-bottom: 2em; margin-top: 0.9em; text-decoration: none; }
.banner.bottom { margin-bottom: 0.4em; }
.banner img { float: left; margin: -10px 10px -10px -10px; height: auto; width: 31.9149%; }
#home .banner h3, #home .banner h4, .banner h3, .banner h4 { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; font-weight: bold; line-height: 1.2; margin: 0; padding: 0; }
#home .banner h3 a, #home .banner h4 a, .banner h3 a, .banner h4 a, .banner p a { font-size: 1em; text-decoration: none; }
#home .banner h3 a:hover, #home .banner h4 a:hover, .banner h3 a:hover, .banner h4 a:hover, .banner p a:hover { text-decoration: underline; }
.banner p, .banner p a { line-height: 1.2; margin: 0; padding: 0; }

/* module 'box' */
.box { margin-bottom: 2em; }
.mod.box { padding: 0; }

.mod.box h2,
.mod.box h3,
.mod.box h4,
.mod.box h5,
.mod.box h6,
.mod.box ul,
.mod.box ol,
.mod.box dl,
.mod.box p,
.mod.box blockquote { margin: 0; padding: 10px; }
.mod.box legend { padding: 10px 10px 0; }

.box h2.head,
.box h3.head,
.box h4.head,
.box h5.head,
.box h6.head { margin: 0; padding: 0.2em 12px 0.3em; }

.box h2.head.small,
.box h3.head.small,
.box h4.head.small,
.box h5.head.small,
.box h6.head.small { padding: 0.5em 12px; }

/* 'box' header subdued (grey) color */
.container .box.subdued h2,
.container .box.subdued h3,
.container .box.subdued h4,
.container .box.subdued h5,
.container .box.subdued h6 { background-color: #e1e1e1; }

.container .box.closed.subdued { background-color: #f1f1f1; border: 1px solid #e1e1e1; }
.container .box.open.subdued { background-color: #fff; border: 1px solid #e1e1e1; }

/* Message + info box */
.message_err,
.message_info { background-position: 0.5em 0.5em; background-repeat: no-repeat; margin-top: 3em; margin-bottom: -1em; padding: 8px 10px 5px 34px; }
.message_err { background-color: #f2bfbb; background-image: url(skin/message_err.png); }
.message_info { background-color: #fdf6bb; background-image: url(skin/message_info.png); }

#home .message_err h2,
#home .message_info h2,
.message_err h2,
.message_info h2 { font-size: 1.3em; }

.message_err p,
.message_info p { margin-bottom: 0.1em; }
:focus
{
	outline-style: none;
}

.nav_sub
{
	float: left !important;
	overflow: visible !important;
	position: relative !important;
	width: 25% !important;
	top: 0px !important;
	left: -24px !important;
}

#hoofd_content
{
  float: left !important;
  overflow: visible !important;
  position: relative !important;
  width: 50% !important;
  left: 0px !important;
}

.content_add
{
	float: right !important;
	overflow: hidden !important;
	position: relative !important;
	left: 0px !important;
	width: 25% !important;
	overflow: hidden !important;
}

.onecolumn .breadcrumb
{
	margin-left: 0%;
}

.onecolumn #hoofd_content
{
	width: 890px !important;
}

.twocolumns #hoofd_content
{
	width: 668px !important;
}

/* Rijksoverheid nieuwe stijlen */

.nav_sub ul ul
{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}


div.nav_bar div.search h2
{
	top: -1000000px;
	position: absolute;
}

div.nav_bar div.search p
{
	height: 1.6em;
	width: 17.5em;
	padding: 0px;
	margin: 0px;
	border: 1px solid #000;
	background-color: #fff;
}

div.nav_bar div.search INPUT[type='text']
{
	width: 12em;
	height: 1.4em;
	font-size: 100%;
	border: 0px none currentColor;
	float: left;
	background-color: transparent;
}

div.nav_bar div.search INPUT[type='submit']
{
	height: 100%;
	text-align: center;
	color: #000;
	line-height: 1.64;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	font-size: 95%;
	font-style: normal;
	margin: 0px;
	border: 0px none #000;
	border-left: 1px solid #000;
	float: right;
	cursor: pointer;
	background-color: #CCE0F1; 
}


.simplesearcharea
{
	font-size: 11px;
	cursor: pointer;
}

.simplesearcharea TABLE
{
	width: 400px !important;
}

.simplesearcharea TD
{
	background-color: transparent !important;
}

.simplesearcharea input[type='checkbox']
{
	position: relative;
	top: 2px;
}




.advancedsearcharea
{
	border: 1px solid #f0e1a8;
	background-color: rgb(254, 248, 222);
	margin-bottom: 16px;
	margin-right: 8px;
}

.advancedsearcharea H2
{
	line-height: 1.2;
	font-size: 140%;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	padding-top: 0.2em;
	padding-left: 9px;
	padding-right: 0px;
	padding-bottom: 0.2em;
	background-color: rgb(254, 241, 188);
	margin: 0px;
}
.advancedsearcharea P
{
	margin: 9px;
}

.advancedsearcharea TABLE, .advancedsearcharea TR, .advancedsearcharea TD
{
	background-color: transparent !important;
	white-space: nowrap !important;
	
}

.advancedsearcharea TABLE
{
}

.advancedsearcharea h3
{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}

.advancedsearcharea h4
{
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 0px;
	line-height: 24px;
}

.advancedsearcharea label
{
	font-size: 10px;
	cursor: pointer;
}

.advancedsearcharea label INPUT[type='checkbox']
{
	position: relative;
	top: 2px;
}

.advancedsearcharea .group
{
	margin-left: 9px;
	margin-bottom: 9px;
}

.advancedsearcharea .subgroup
{
	margin-left: 20px;
}

.advancedsearcharea .toolbar
{
	margin-top: 150px;
	text-align: right;
	margin-right: 30px;
}

.advancedsearcharea .toolbar .submit, .advancedsearcharea .toolbar .clearbtn
{
	padding-top: 0.3em;
	padding-bottom: 0.4em;
	padding-right: 0.8em;
	padding-left: 0.8em;
	background-color: rgb(222, 235, 227);
	cursor: pointer;
	border: 1px solid #000;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	width: 120px;
}



#result
{
	width: 75% !important;
}

label.over
{
	text-decoration: underline;
}

.external img
{
	margin-bottom: 0px;
	margin-right: 4px;
	vertical-align: middle;
}

IMG .normaal, IMG .breed, IMG .extrabreed
{
	margin-top: 0.4em;
}

.content_add_img
{
	border: 1px solid #cccccc;
}

/* OVERSCHRIJVING TABLE */

.onecolumn .br_table
{
	width: 890px !important;
}

.br_table TABLE
{
	border-left: 1px solid #555;
	border-top: 1px solid #555;
	border-spacing: 0;
	background-color: transparent;
}

.br_table TABLE.noborder
{
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color: transparent;
}

.br_table TR
{
	background-color: transparent;
}

.br_table TABLE TD
{
	font-size: 10px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	padding: 2px;
	background-color: transparent;
}

.br_table TABLE.noborder TD
{
	font-size: 10px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 2px;
	background-color: transparent;
}

.br_table TABLE P
{
	margin-bottom: 0px;
	font-size: 10px;
	padding: 0;
}

.vertikaal
{
	writing-mode:tb-rl;
	xxfilter:flipv fliph;
}

TD .vertikaal
{
	writing-mode:tb-rl;
    filter: flipv fliph;
    line-height: 11px;
	font-size: 10px;
	padding: 0px;
	background-color: transparent;
}

table.bb_at .ta_arttitel .ta_vert
{
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg) translate(-22em,0);
  transform-origin: 0 0;
  -ms-transform: rotate(270deg) translate(-22em,0);
  -ms-transform-origin: 0 0;
  -moz-transform: rotate(270deg) translate(-22em,0); 
  -moz-transform-origin: 0 0;
  -webkit-transform: rotate(270deg) translate(-22em,0);
  -webkit-transform-origin: 0 0; 
}
   
   
.grid-three-columns
{
  font-size: 11px
}
   
.grid-three-columns h2
{
  margin-top: 0;
  font-size: 11px
}

.grid-three-columns h2 A
{
  font-weight: bold;
  font-size: 11px;
  color: #154273;
  text-decoration: underline;
}
  
.grid-three-columns  .block-sitemap .list-service li
 {
   margin-bottom: 1.64em;
   padding: 0;
   background: none;
   font-weight: bold;
   font-size: 11px
}

.grid-three-columns  A
 {
   font-size: 11px
}

.grid-three-columns  .block-sitemap .list-common
{
  margin: 0 0 1.64em;
}

.grid-three-columns .grid-column
  {
    float: left;
    clear: none;
    padding-left: 20px;
 }
  
.grid-three-columns .grid-column-first
 {
   float: left;
   padding-left: 0;
 }
   
.grid-two-columns .grid-column
{
   width: 284px;
}

.grid-three-columns .grid-column
 {
    width: 208px;
 }
 
 .content_main p
 {
 	 font-size: 11px !important;
 }
 
 .content_main em
 {
 	 font-size: 11px !important;
 }

 .content_main #result em
 {
 	 font-size: 1em !important;
 }
 
.content_main ul
{
	list-style-position: outside !important;
	margin-left: 16px !important;
	vertical-align: top !important;
}

.content_main ul.nobullets
{
	list-style-type: square  !important;
	list-style-position: outside !important;
	margin-left: 16px !important;
}

ul.nobullets li
{
	background-image: none !important;
	padding-left: 0px;
}

.content_main li
{
	font-size: 11px !important;	
}

.content_main ul ul
{
	
}

  .content_main .br_table p
 {
 	 font-size: 11px !important;
 }
 
   .content_main .br_table li
 {
 	 font-size: 10px !important;
 }
 
 .filterareaprinttext
 {
     display: none;
 }









p.tussenkop
{
    margin-bottom: 8px;
}

.content
{
  overflow-x: auto !important;
}

.content_main ul
{
  padding: 0px;
}

.content_main ul li
{
    background-image: url(skin/arrow-right.png) !important;
    background-position: 0px 6px !important;
    background-repeat: no-repeat;
    vertical-align: top;
    position: relative;
    left: -16px;
    padding-right: 8px;
}

.content_main ul.filtered li
{
    background-image: url(skin/arrow-right-disabled.png) !important;
}

.content_main ul.filtered li a
{
    color: #ccc;
}

ul.sdulist, ol.sdulist
{
  margin-left: 24px;  
  list-style-type: none;
}

ul.sdulist li
{
  background-image: none !important;  
  position:relative;
  left: -28px;
}

.sdulist A
{
    text-decoration: underline !important;
}

.sdulist p
{
   display: inline;  
}

.sdulist p.nr
{
   padding-right: 8px;
   display: inline;
}

.toggleaansturingstabelarea
{

}

.toggleaansturingstabelarea.toon
{

}

.toggleaansturingstabelarea.verberg
{
    margin-bottom: 4px;
}

.aansturingstabel
{
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 0px;
}

table th, table td, table th p, table td p
{
  white-space: normal !important;
}

.bijlage table.table
{
    empty-cells: show;
    width: 670px !important
}

    .bijlage table.table td, .bijlage table.table th
    {
      padding: 2px !important;
    }


.bijlage table.table td p, .bijlage table.table th p
{
    padding: 0px !important;
    font-size: 10px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* AANSTURINGSTABEL */

UL + .bb_at_fragmentarea
{
    margin-top: -16px !important;
}

.bb_at_fragmentarea
{
    margin-right: 16px;
    overflow-x: auto;
    background-color: #FDF9DE;
    border: 1px solid #ccc;
    margin-bottom: 16px;
    margin-top: 0px;
}

.bb_at_fragmentarea .fragmenttitle
{
    background-color: #FEF1BC;
    border-bottom: 1px solid #ccc;
    line-height: 22px;
    padding-left: 11px;
    font-size: 1.1em;
    font-weight: bold;
    background-image: url(skin/arrow-right.png); 
    background-repeat: no-repeat;
    background-position: 0 8px;
}

.bb_at_fragmentarea TABLE
{	
    background-color: transparent;
    border-style: none;
    margin-bottom: 4px;
}

.bb_at_fragmentarea CAPTION
{
    display: none;
}

.bb_at_fragmentarea TD
{
    background-color: transparent;
}

.bb_at_fragmentarea .bb_at .ta_arttitel .ta_vert
{
    background-color: #FDF9DE;
}

.bb_at_fragmentarea TD:first-child
{
    padding-left: 8px;
    border-left-style: none !important;
}

.bb_at_fragmentarea TD:last-child
{
    border-right-style: none !important;
}

/* FILTERS */

.content_add .filters
{
    border: 1px solid #ccc;
    line-height: 1.6em;
    color: #154273;
    font-size: 1,1em;
    margin-right: 20px;
}

.content_add .filters H3
{
    margin:0px;
    padding-left: 8px;
    background-color: #ccc;
    line-height: 24px;
    margin-bottom: 8px;
}

.content_add .filters UL
{
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 11px;
}

.content_add .filters .filterstatus, .content_add .filters .filtergebruiksfunctie
{
    margin-bottom: 8px;
}

.content_add .filters UL LI
{
    background-image: none;
    background-color: transparent;
    padding-left: 12px; 
    margin-bottom: 0px;
}

.content_add .filters INPUT[type='checkbox']
{
    position: relative;
    top: 2px;
}

.content_add .filters LABEL
{
    
}

.content_add .filters LABEL:hover
{
    text-decoration: underline;
}

/* MISC */
.haschecked 
{
    background-color: Red;
}

.list-index
{
    border: 2px solid #e8f0f9;
    margin-bottom: 20px;
    height: 32px;
}

.list-index ul
{
    clear: none;
    margin-top: 0.42em;
    margin-right: 0px;
    margin-bottom: 0.42em;
    margin-left: 0px;
    float: left;
    width: 100%;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    background-image: none !important;
}

.list-index ul li
{
    display: block;
    float: left;
    padding: 0px;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 0px;
    margin-left: 4px;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;	
    text-transform: uppercase;
    background-image: none !important;
    font-weight: bold;
    display: block;
    padding-top: 0.3em;
    padding-right: 0.5em;
    padding-bottom: 0.4em;
    padding-left: 0.5em;
}

.list-index ul li A
{
    background-image: none !important;
    color: #154273;
    text-decoration: underline;
}

.list-topics h2
{
    top: auto;
    padding-top: 0.3em;
    padding-right: 12px;
    padding-bottom: 0.3em;
    padding-left: 12px;
    margin: 0px;
    position: relative;
    background-color: rgb(204,224,241);
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
}

.list-topics h2 .toplink
{
    position: absolute;
    display: block;
    top: 0px;
    right: 12px;
    padding-top: 0.5em;
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: underline;
    
    text-transform: none;
}

.LmArea
{
  background-color: #FDF9DE;
  border: 1px solid #ccc;
  margin-right: 20px;
  padding-top: 10px;
  padding-left: 10px;
}

.bijlage table.table thead tr:nth-child(1) td p
{
  display:block;
  height: 220px;
  width: 37px; 
  white-space: normal;
  transform: rotate(270deg) translate(-20em,0);
  transform-origin: 0 0;
  -moz-transform: rotate(270deg) translate(-20em,0); 
  -moz-transform-origin: 0 0;
  -webkit-transform: rotate(270deg) translate(-20em,0);
  -webkit-transform-origin: 0 0; 
  background-color: #f4f4f4;
}

.LmItem
{
    margin-bottom: 24px;
}

.LmMessage
{
    background-image: url(skin/message_info_small.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  text-indent :24px;  
  line-height: 16px;
}

.LmMainTitle
{
    margin-bottom: 4px;
}

.LmSubTitle
{
    font-weight: normal;
    margin-left:0px;
  margin-bottom: 4px;
}

.LmText
{
    background-image: url(skin/message_info_small.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  text-indent: 16px;
}

fieldset
{
    width: 100%;
    text-align: center;
    background-color: #f4f4f4;
    height: 40px;
    line-height: 40px;
}

fieldset label
{
    font-size: 11px !important;
}

.content_main .term, .content_main .definitie
{
    font-size: 11px;
    line-height: 16px;
}

#skiplinks
{
    display: none;
}

{
  margin-bottom: 32px !important;
}

.nav_page ul.paging {
    list-style: none !important;
    margin-left: 2px !important;
}

    .nav_page ul.paging li {
        border-right: 1px solid #777 !important;
        background-image: none !important;
        margin-left: 0px !important;
        float: left;
        line-height: 12px;
    }

        .nav_page ul.paging li a, .nav_page ul.paging li strong {
            
            background-image: none !important;
            font-weight: normal !important;
            padding: 0 3px !important;          
        }

        .nav_page ul.paging li strong {
            color: #000;
        }



.cc-window {
  border-top: #ccc 1px solid;
}

  .cc-window .cc-message {
    font-size: 13px;
    padding-right: 50px;
    line-height: 16px;
  }

    .cc-window .cc-message a.cc-link:link, .cc-window .cc-message a.cc-link:visited, .cc-window .cc-message a.cc-link:active {
      color: #01689B;
      text-decoration: underline;
    }

    .cc-window a.cc-btn:link, .cc-window a.cc-btn:hover, .cc-window a.cc-btn:visited, .cc-window a.cc-btn:active {
      text-decoration: none !important;
    }
    
    .container.azure {
        margin-top: 28px !important;
    }
    
    .func_links {
        min-height: 50px !important;   
    }
    
    .func_links .left  {
      display: block !important;       
      background-color: #FFFFBF !important;
      padding: 4px 0 !important;
      margin: -32px 0 0 4px !important;
      border-bottom-left-radius:4px !important;
      border-bottom-right-radius:4px !important;
      border-left: 1px solid #ccc !important;
      border-right: 1px solid #ccc !important;
      border-bottom: 1px solid #ccc !important;
   } 
   
    .func_links .left {
      float: none !important;
   }
   
   .func_links .left li {
      float: none !important;
      margin-left: 12px !important;
   }
    
   .func_links .left a:link,  .func_links .left a:visited {
       padding: 0 0 !important;
       color: #0162cd !important;
       text-decoration:underline !important;
  
   }
   
   .func_links .left a:hover,  .func_links .left a:active {
       padding: 0 0 !important;
       color: #154273 !important;
       text-decoration:underline !important;
   }