:root {
    color-scheme: light dark;
    --text-color1: #595959;
    --text-color2: #3D5F11;
    --link-color1: #3D5F11;
    --blockquote-color; #595959;
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --font-color: #424242;
    --bg-color: #FFFFFF;
    --heading-color: #292922;
    --sidebar-bg-color: #E6E6E6;
}

@media (prefers-color-scheme: dark) {
:root {
    --text-color1: #595959;
    --text-color2: #48B62A;
    --link-color1: #48B62A;
    --blockquote-color; #595959;
    --primary-color: #9A97F3;
    --secondary-color: #818cab;
    --font-color: #e1e1ff;
    --bg-color: #000000;
    --heading-color: #818cab;
    --sidebar-bg-color: #6E6E6E;
      }
}

body 		  { margin: 0; padding: 0; background: var(--bg-color); font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: var(--text-color1); }
h1, h2, h3 	  { margin: 0; font-weight: normal; color: var(--text-color2); }
h1		  { font-size: 197%; }
h2 		  { font-size: 167%; }
h3 		  { font-size: 100%; font-weight: bold; }
p, ol, ul 	  { line-height: 180%; }
p 		  { }
ol 		  { }
ul		  { }
blockquote 	  { margin: 0; padding-left: 20px; border-left: 10px solid #E6E6E6; font-style: italic; color: var(--blockquote-color); }
blockquote * 	  { line-height: normal; }
a 		  { color: var(--link-color1); }
a:hover 	  { text-decoration: none; }
img 		  { border: none; }
img.left 	  { float: left; margin: 0 15px 0 0; }
img.right 	  { float: right; margin: 0 0 0 15px; }
img.center 	  { float: center; margin: 0 15px 0 15px; }
hr 		  { display: none; }
#logo		  { float: left; padding-top: 20px; background: var(--bg-color) url(images/smiley.png) no-repeat left bottom; }
#logo h1	  { margin: 0; padding-left: 60px; font-weight: normal; color: #85c329; }
#logo h2	  { margin: 0; padding-left: 60px; font-weight: normal; color: #85c329; }
#logo h1	  { font-weight: bold; }
#logo h2 	  { font-size: 92%; }
#logo a 	  { text-decoration: none; }
#topmenu 	  { float: right; }
#topmenu ul 	  { margin: 0; padding: 32px 0 0 0; list-style: none; line-height: normal; }
#topmenu li 	  { display: inline; }
#topmenu a 	  { padding: 0 20px; border-left: 1px solid; text-decoration: none; font-size: 92%; }
#topmenu a:hover  { text-decoration: underline; }
#topmenu .first a { border: none; }
#header-wrapper	  { background: var(--bg-color); }
#header 	  { width: 760px;  height: 90px; margin: 0 auto; margin-top: 10px; }
#header2-wrapper  { background: var(--bg-color); }
#header2	  { width: 760px; height: 220px; margin: 0 auto; background: var(--bg-color); }
#header3 	  { width: 760px; height: 220px; margin: 0 auto; }
#header3 ul 	  { margin-left: 0; padding-left: 0; list-style: none; }
#header3 ul li	  { padding-left: 15px; background: url(images/img09.gif) no-repeat 0 8px; }
#header3 ol 	  { margin-left: 0; padding-left: 0; list-style: lower-alpha inside; }
#menu 		  { float: left; width: 200px; height: 220px; background: var(--bg-color) url(images/img03.jpg); }
#menu ul	  { margin: 0; padding: 10px 15px 0 20px; list-style: none; line-height: normal; }
#menu li	  { display: inline; }
#menu a 	  { display: block; padding: 8px 10px; background: url(images/img05.gif) repeat-x; text-decoration: none; font-size: 100%; font-weight: bold; color: #FFFFFF; }
#menu a:hover 	  { text-decoration: underline; }
#menu .first a 	  { background: none; }
#splash		  { float: right; width: 560px;	height: 220px;}
#page		  { width: 760px; margin: 0 auto; padding: 30px 0;}
.content	  { padding: 20px; background: var(--bg-color);}
#content	  { float: left; width: 480px;	padding-left: 20px; }
#content ul	  { margin-left: 0; padding-left: 0; list-style: none;}
#content ul li	  { padding-left: 15px;	background: url(images/img08.gif) no-repeat 0 8px;}
#content ol	  { margin-left: 0; padding-left: 0; list-style: lower-alpha inside;}
.content h4	  { color: #FF0000; font-size: 13px;}
.content h5	  { color: #000000; font-size: 13px;}
.title		  { padding-top: 3px;}
.twocols	  {}
.twocols .col1	  { float: left; width: 220px;}
.twocols .col2	  { float: right; width: 220px;}
#sidebar	  { float: right; width: 220px;}
#sidebar ul	  { margin: 0;	padding: 0; list-style: none;}
#sidebar li	  { margin-bottom: 20px; background: var(--sidebar-bg-color) url(images/img07.gif) no-repeat right bottom;}
#sidebar li ul	  { padding: 10px 20px;	font-size: 92%;}
#sidebar li li	  { margin: 0;	padding: 5px 0;	background: none; border-top: 1px dotted #CDCDCD;}
#sidebar h2	  { height: 30px; margin: 0; padding: 6px 0 0 10px; background: url(images/img06.gif) no-repeat; font-size: 100%; font-weight: bold; color: #145997;}
#sidebar h3	  { margin: 0;}
#sidebar p 	  { margin: 0;	line-height: normal;}
#sidebar a	  { text-decoration: none;}
#sidebar a:hover  { text-decoration: underline;}
#sidebar .first   { border: none;}
#footer-wrapper   { height: 80px; padding: 20px 0; }
#footer		  { width: 760px; margin: 0 auto; background: var(--bg-color); border-top: 1px solid #CDCDCD; }
#footer p	  { margin: 0;	line-height: normal;}
#footer a	  { color: #666666;}
#legal		  { float: left; padding: 10px 0 10px 60px; background: var(--bg-color) no-repeat left center;}
#logow3c	  { float: right; padding: 10px 0 10px 60px;}