/**
 * 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		#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: #d9ebf7; }
.azure .nav_bar { background: #007bc7; }
.azure .nav_main a { color: #fff; }
.azure .nav_main a:hover { background: #b2d7ee; }
.azure .sel a { background-color: #b2d7ee; color: #000; }
.azure .content_wrapper2 { border-top: 10px solid #b2d7ee;  }

.azure .visual { background-color: #d9ebf7; }
.azure .tong { background-color: #007bc7; }
.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: #b2d7ee !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: #d9ebf7; }

.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: #b2d7ee; }

.azure .hl_lighter { background-color: #b2d7ee; }
.azure .hl_lightest { background-color: #d9ebf7; }

.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: #b2d7ee; }
.azure .box.open.lighter { border: 1px solid #b2d7ee; }

.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: #d9ebf7; }
.azure .box.open.lightest { border: 1px solid #d9ebf7; }

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

.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,
.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,
.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 */