/* CSS Document */

/* colors and styling*/

body {
	background-color: #F5F5F5;
	font-size: 15px;
}

.logo {
	display: flex;
	align-items: center;
	color: #1A5360;
	font-weight: 600;
	gap: 5px;
	font-size: 28px;
}

.logo img {
	width: 46px;
}

textarea {
	width: 100%;
	font-size: 1.35em;
	font-family: 'Roboto',arial,sans-serif;
}
#content1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#222;
	font-size: 1em;
	line-height: 150%;
	width:1024px;
}

#content1 .table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size: 0.9em;
	line-height: 100%;
}

#content1 h1, #content1 h2, #content1 h3, #content1 h4 {
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
}

#content1 h1
{
	padding-top: 1em;
	margin-top: 0px;
	color: #00ad18;
	font-size: 1.62em;
	font-weight:bold;
}

#content1 h2
{
	padding-top: 8px;
	margin-top: 0px;
    margin-bottom:0.3em;
	color: #00ad18;
	font-size: 1.5em;
	font-weight:normal;
}

#content1.speak h2
{
	padding-top: 8px;
	margin-top: 0px;
    margin-bottom:0.3em;
	color: #039aa4;
	font-size: 1.5em;
	font-weight:normal;
}

#content1 p
{
    margin-top:0.3em;
}

#content1 h4
{
font-size:1.3em;
padding-bottom: 0px;
margin-bottom: 0px;
}


#content2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#222;
	font-size: 0.91em;
	width:300px;
}

#content2>table>tbody>tr>td  {
	width: 285px !important;
}

#content2 h1, #content2 h2, #content2 h3, #content2 h4 {
	font-family: Arial, Helvetica, sans-serif;
}

#content2 h1
{
	padding-top: 12px;
	margin-top: 0px;
	color: #00ad18;
	font-size: 1.62em;
	font-weight:bold;
}

#content2 h4
{
	padding-top: 12px;
	margin: 0px;
	color: #00ad18;
	font-size: 1.15em;
	font-weight:bold;
}

#content1 .speak h1, #content1 .speak h2
{
	color: #039aa4;
}

#content1 .speak a {
    color:#006494 
}

#switch-editor {
display: flex;
    flex-direction: row;
    align-items: center;
    background: #f0f0f0;
    justify-content: space-between;
    width: 226px;
}

#switch-editor a {
    text-decoration: none;
    padding: 5px 8px;
    white-space: nowrap;
}

#switch-editor #switch-to-plaintext {
    background-color: #d0d0d0;
}

.richtext #switch-editor #switch-to-plaintext {
    background-color: transparent;
}
.richtext #switch-editor #switch-to-richtext {
    background-color: #d0d0d0;
}
.speak div#editor {
    border: 1px solid gray;
    font-family:Sailec-light;
    font-size:1.1em;
}
.richtext textarea, #editor {
    display:none;
}
.richtext #editor {
    display:block;
}
.speak textarea{
    resize: none;
    height: 244px;
    width: 99.1%;
}
.speak #editor {
    height: 249px;
}

#content11 a, #content1 a:visited, #content2 a, #content2 a:visited {
	color:#cc3366; 
	text-decoration: none;
	border-bottom: 1px dotted #cc3366;
}

#content11 a:hover, #content2 a:hover {
	color:#FF0033; 
	text-decoration: none;
	border-bottom: 0px;
	background-color:#fffff0;
}

#plain a, #plain a:visited
{
	text-decoration: none;
border-bottom: none;
}

#plain a:hover
{
	text-decoration: none;
	border-bottom: none;
}

TD.top10
{
    padding-top:8px;
}

TD.top10img
{
    padding-top:6px;
    padding-right:7px;
}

.sectionheader
{
    border-bottom: #dcdcdc 1px dotted;
    color: black;
    font-size: 0.8em;
    padding-bottom: 6px;
    font-weight:bold;
}
.myquote {
	margin:1em 0;
	padding-left:25px;
	padding-top:10px;
	color:#555;
	background:url(/i/myquote.gif) top left no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style:italic;
	}

a img, a:link img, a:hover img  {text-decoration:none; border:none;}

#content1 a img {text-decoration:none; border: none;}

#content1 img {border:none; }

.noborder {border: 0px;}

.small {font-size:0.82em;}
h4.news {margin-bottom:0px; padding-bottom:0px;}

/* footer */


#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.82em;
line-height: 1.18em;
color:#000000;
}

#footer h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.18em;
line-height: 1.18em;
font-weight: bold;
}


.labelerror
{
    color: Red;
}
/* code and lists */

dl,
ol,
ul {margin:0 0 1em;}
dl {margin-top:-0.5em;}
dt {
	font-weight:bold;
	margin:0.5em 0 0;
	}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
	padding:0 0 0 2.5ex;
	list-style:square;
	}
ol {padding:0 0 0 4ex;}
li {margin:0 0 0.5em;}

.code {
	border:1px solid #ddd;
	padding:3px 5px 3px 35px;
	font-family:Courier;
	font-size:11px;
	list-style-type:decimal-leading-zero;
	}
.code code {font-family:Courier;}
.code li {
	padding:0 5px;
	margin:2px 0;
	background:#e7f3ff;
	}
.code li.tab1 {padding-left:5ex;}
.code li.tab2 {padding-left:10ex;}
.code li.tab3 {padding-left:15ex;}
.code .changed {
	font-weight:bold;
	color:#600;
	}
.code em {
	font-style:normal;
	font-weight:bold;
	color:#600;
	}





/* navigation */
 #navlist
{
margin: 0;
padding: 0 0 20px 12px;
border-bottom: 22px solid #F5F5F5;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 1.8em;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
font-size: 0.91em;
margin: 0 12px 5px 12px;
text-decoration: none;
color: #999;
}

#navlist a:link, #navlist a:visited, #navlist a
{
border-bottom: 5px solid #F5F5F5;
padding-bottom: 0px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 5px solid #1ea347;
padding-bottom: 0px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }

/* sub-navigation */
 #subnavlist
{
margin-top: 6px;
padding: 0 0 20px 0px;
}

#subnavlist ul, #subnavlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#subnavlist a:link, #subnavlist a:visited
{
float: left;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
font-size: 0.91em;
margin: 0 12px 0px 12px;
text-decoration: none;
color: #777;
}

#subnavlist a:link, #subnavlist a:visited, #subnavlist a
{
border-bottom: 5px solid #FFFFFF;
padding-bottom: 0px;
}

#subnavlist a:link#current, #subnavlist a:visited#current, #subnavlist a:hover
{
border-bottom: 5px solid #1ea347;
padding-bottom: 0px;
background: transparent;
color: #000;
}

#subnavlist a:hover { color: #000; }

.node
{
    color:Black;
    text-decoration:none;
}

.selectednode
{
        color:White;
        background-color:#4169e1;
        text-decoration:none;
}

blockquote
{
	margin-left:0px;
	margin-right:0px;
}

cite
    {
    float: right;    
}