html {
  height: 100%
  }

body {
  margin: 10px;
  background: #FAFAFA;
  padding: 0;
  height: 100%;
  font-family:'Josefin Sans', serif; font-size:18px; font-weight:500
  }

input[type=text] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:'Josefin Sans', serif; font-size:18px;
}

input[type="password"] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:'Josefin Sans', serif; font-size:18px;
}


input[type=text]:focus {
    border-color:#333;
}

input[type=number] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:'Josefin Sans', serif; font-size:14px;
}

input[type=number]:focus {
    border-color:#333;
}

input[type=date] {
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family:'Josefin Sans', serif; font-size:14px;
}

input[type=date]:focus {
    border-color:#333;
}



img:hover{
  border-color: #666699;
  box-shadow: 0 0 10px #666699;
  cursor: pointer;
}


input[required]{
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 1em 1em;
    background-position: right top;
    background-repeat: no-repeat;
}

select[required]{
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 1em 1em;
    background-position: right top;
    background-repeat: no-repeat;
}



input[type=reset] {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 5px 15px;
  border-color:#ccc;
  background-color: #007A54; 
  color:white;
  cursor:pointer;
  border-radius: 20px; 
  font-family:'Josefin Sans', serif; font-size:18px;
}



input[type=checkbox] + label {
  disJosefin Sans: inline-b#BA55D3;
  background: #e04545;
  border-radius: 4px;
  border-color: #acadaf;
  border-width: 2px;
  border-style: outset;
  font-size: 14px;
  color: #fff;
  padding: 8px 12px;
  cursor: pointer;   
} 

input[type=checkbox]:checked + label {
  disJosefin Sans: inline-block;
  background: #42f456;
  border-radius: 4px;
  border-color: #acadaf;
  border-width: 2px;
  border-style: inset;
  font-size: 14px;
  color: #000;
  padding: 8px 12px;
  cursor: pointer;   
} 


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #ADD8E6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ADD8E6;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ADD8E6;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #ADD8E6;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #ADD8E6;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #ADD8E6;
}



select {
    background-color: #FFF;
    padding:5px; 
    border:2px solid #ccc; 
    -webkit-border-radius: 5px;
    width: 335px;
    border-radius: 5px;
    font-family:'Josefin Sans', serif; font-size:18px;
}

select:focus {
    border-color:#333;
}

input[type=submit] {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 5px 15px;
  border-color:#ccc;
  background-color: #2554C7; 
  color:white;
  cursor:pointer;
  border-radius: 20px; 
  font-family:'Josefin Sans', serif; font-size:18px;
}

input[type=button] {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 5px 15px;
  border-color:#ccc;
  background-color: #2554C7; 
  color:white;
  cursor:pointer;
  border-radius: 20px; 
  font-family:'Josefin Sans', serif; font-size:18px;
}


label {
  font-family:'Josefin Sans', serif; font-size:16px;
  }



#wrap {
width: 1020px; 
margin: 0 auto; 
}

#wrap-wide {
width: 1200px; 
margin: 0 auto; 
}

.bigbtn{
    padding:5px 15px; 
    background: #0091d1;
    border-color:#D3D3D3;
    color:white;
    cursor:pointer;
    border:2px solid #ccc; 
    -webkit-border-radius: 20px;
    border-radius: 20px; 
    font-family:'Josefin Sans', serif; font-size:18px;
}

.btn{
  font-family:'Josefin Sans', serif; font-size:16px;
}

a{
  font-family:'Josefin Sans', serif; font-size:24px;
}

a.menu:link {color: #ffffff}
a.menu:visited {color: #ffffff}
a.menu:active {color: #ffffff}
a.menu:hover {color: #000000; disJosefin Sans:block; background-color:BE4646}
a.menu {text-decoration: none}

a.content_text:link {color: #000000}
a.content_text:visited {color: #000000}
a.content_text:active {color: #000000}
a.content_text:hover {color: #000000;}
a.content_text { font-style: italic; text-decoration: underline}

a.content_text_s:link {color: #0000FF; font-size: 12px;}
a.content_text_s:visited {color: #FF00FF}
a.content_text_s:active {color: #000000}
a.content_text_s:hover {color: #00FF00;}
a.content_text_s { font-style: italic; text-decoration: underline; font-size: 12px; }


a.content_text_1:link {color: #000000}
a.content_text_1:visited {color: #000000}
a.content_text_1:active {color: #000000}
a.content_text_1:hover {color: #000000;}
a.content_text_1 { font-style: italic; text-decoration: underline; font-size: 14px; }

a.content_text_16:link {color: #000000}
a.content_text_16:visited {color: #000000}
a.content_text_16:active {color: #000000}
a.content_text_16:hover {color: #000000;}
a.content_text_16 { font-style: italic; text-decoration: underline; font-size: 16px; }

a.content_text_18:link {color: #000000}
a.content_text_18:visited {color: #000000}
a.content_text_18:active {color: #000000}
a.content_text_18:hover {color: #000000;}
a.content_text_18 { font-style: italic; text-decoration: underline; font-size: 18px; }

.button{
  disJosefin Sans: inline-block;
  background: #e04545;
  border-radius: 4px;
  border-color: #000;
  border-width: 2px;
  border-style: solid;
  font-size: 14px;
  color: #fff;
  padding: 8px 12px;
  cursor: pointer;   
}

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0px;
color: white;
font-family:'Josefin Sans', serif;
font-size:16px;
text-decoration: none;
font-weight: bold;
text-decoration:none
}

.content_stuff{
font-family:'Josefin Sans', serif; font-size:14px;
text-align:left
}

table.content_stuff_12{
border-collapse:collapse;
font-family:'Josefin Sans', serif; font-size:16px;
text-align:left;
line-height:140%;
white-space: nowrap
}

.r {
border-bottom: 1px groove #135193;
width: 80px;
padding: 0px;
}

.s {
border-bottom: 1px groove #135193;
width: 150px;
padding: 0px;
}

.content_header{
font-family:'Josefin Sans', serif; font-size:18px;
text-align:left
}

.content_main_page{
font-family:'Josefin Sans', serif; font-size:18px;
text-align:left;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
line-height: 150%;
font-weight: bold;
}

.content_main_page_hdr{
color: #AA00AA;
font-family:'Josefin Sans', serif; font-size:24px;
text-align:left;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
line-height: 150%;
text-decoration: none;
font-weight: bold;

}


.content_main_page_white{
font-family:'Josefin Sans', serif; font-size:18px;
color: #FFFFFF;
text-align:left;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
line-height: 150%;
}


a:link {color: #0000FF; text-decoration: none; font-size:16px;font-family:'Josefin Sans';}
a:visited {color: #0000FF; text-decoration: none; font-size:16px;font-family:'Josefin Sans';}
a:hover {color: #00FF00; text-decoration: italic; font-size:16px;font-family:'Josefin Sans';}

a.istuff:link {color: #ffffff; text-decoration: none; font-size:14px;}
a.istuff:visited {color: #ffffff; text-decoration: none; font-size:14px;}
a.istuff:hover {color: #07f5ed; text-decoration: none; font-size:14px;}

a.istuffb:link {color: #000000; text-decoration: none; font-size:14px;}
a.istuffb:visited {color: #000000; text-decoration: none; font-size:14px;}
a.istuffb:hover {color: #0733AA; text-decoration: none; font-size:14px;}


.content_medium{
font-family:'Josefin Sans', serif; font-size:16px;
text-align:left
}

.content_large_bold{
font-family:'Josefin Sans', serif; font-size:18px;
font-weight:bold;
text-align:left
}

.content_header{
font-family:'Josefin Sans', serif; font-size:24px;
font-weight:bold;
text-align:left
}

.content_small{
font-family:'Josefin Sans', serif; font-size:12px;
}

.content_14{
font-family:'Lucida Sans Unicode', 'Lucida Grande', 'Sans-Serif';
font-size:14px;
text-align:left
}

img.bottom {vertical-align:text-bottom}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #DA3B48;
    disJosefin Sans: block;
    float: left;
    font: normal 11px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}



a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    disJosefin Sans: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

.ttextn{
font-family:'Josefin Sans', serif; 
color: #FFFF00;
font-size:16px;
font-weight:bold;
}

.ttextis{
font-family:'Josefin Sans', serif; 
color: #000000;
font-size:12px;
font-style:italic;
}

.ttexts{
font-family:'Josefin Sans', serif; 
color: #000099;
font-size:12px;
}

.ttext14{
font-family:'Josefin Sans', serif; 
color: #FFFFFF;
font-size:14px;
}

.ttext14b{
font-family:'Josefin Sans', serif; 
color: #000000;
font-size:14px;
font-weight:bold;
}

.ttext14black{
font-family:'Josefin Sans', serif; 
color: #FFFFFF;
font-size:14px;
}




#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 14px;
	margin-left: 45px;
	width: 1024px;
	text-align: left;
	border-collapse: collapse;
}





#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('tblimgs/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('tblimgs/right.png') right -1px no-repeat;
}

#rounded-corner thead th.rounded-company-db
{
	background: #3D7BD5 url('tblimgs/leftdb.png') left -1px no-repeat;
	padding: 8px;
	font-weight: bold;
        margin-right: 20px;
	font-size: 16px;
	color: #FFFFFF;
}


#rounded-corner thead th.rounded-q4-db
{
	background: #3D7BD5 url('tblimgs/rightdb.png') right -1px no-repeat;
}

#rounded-corner thead th.rounded-title-db
{
	padding: 8px;
	font-weight: bold;
       margin-right: 20px;
	font-size: 16px;
	color: #FFFFFF;
	background: #3D7BD5;
}



#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
       margin-right: 20px;
	font-size: 14px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
        margin-right: 20px;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('tblimgs/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('tblimgs/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#rounded-corner-wide
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left: 20px;
	width: 1200px;
	text-align: left;
	border-collapse: collapse;
}

#rounded-corner-wide td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}

#rounded-corner-wide a
{
	padding: 8px;
	font-size: 12px;
	color: #669;
}



#rounded-corner-wide tbody tr:hover td
{
	background: #d0dafd;
}


#rounded-corner-wide thead th.rounded-company
{
	background: #b9c9fe url('tblimgs/left.png') left -1px no-repeat;
}
#rounded-corner-wide thead th.rounded-q4
{
	background: #b9c9fe url('tblimgs/right.png') right -1px no-repeat;
}

#rounded-corner-wide thead th.rounded-company-db
{
	background: #3D7BD5 url('tblimgs/leftdb.png') left -1px no-repeat;
	padding: 8px;
	font-weight: bold;
        margin-right: 20px;
	font-size: 16px;
	color: #FFFFFF;
}


#rounded-corner-wide thead th.rounded-q4-db
{
	background: #3D7BD5 url('tblimgs/rightdb.png') right -1px no-repeat;
}

#rounded-corner-wide thead th.rounded-title-db
{
	padding: 8px;
	font-weight: bold;
       margin-right: 20px;
	font-size: 16px;
	color: #FFFFFF;
	background: #3D7BD5;
}



#rounded-corner-wide th
{
	padding: 8px;
	font-weight: normal;
       margin-right: 20px;
	font-size: 12px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner-wide tfoot td.rounded-foot-left
{
	background: #e8edff url('tblimgs/botleft.png') left bottom no-repeat;
}
#rounded-corner-wide tfoot td.rounded-foot-right
{
	background: #e8edff url('tblimgs/botright.png') right bottom no-repeat;
}
#rounded-corne-wider tbody tr:hover td
{
	background: #d0dafd;
}


#rounded-corner-fullwidth
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin-left: 20px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}


.buttona {
  position: relative;
}

.buttona p {
  disJosefin Sans: inline-block;
  background: blue;
  color: #fff;
  padding: 0.4em 0.6em;
  font-size: 1em;
  border-radius: 1em;
}

.buttona figure {
  disJosefin Sans: none;
  cursor: pointer; 
  position: absolute;
  top: 2em;
  left: 1em;
  padding: 0;
  margin: 0;
  border: 2px solid #f00;
  background: #ff0;
  border-radius: 1em;
}

.buttona img {
  disJosefin Sans: block;
  border-radius: 0.8em;
  max-width: 100%;
  height: auto;
}

.buttona:focus figure,
.buttona:active figure {
  disJosefin Sans: block;
  cursor: pointer; 
}
.buttona:focus p,
.buttona:active p {
  background: red;
  cursor: pointer; 
}
.buttona:focus p,
.buttona:hover p {
  cursor: pointer; 
}


#dfly {
    background:url(images/squirrel2.png);
    
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: left 20px top 195px;
}
#dfly2 {
    background:url(images/squirrel2r.png);
    
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: right 20px top 195px;
}
#dfly3 {
    background:url(images/squirrel2r.png);
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: right  top 70px;
    
}
#dfly4 {
    background:url(images/squirrel2.png);
    background-size: 18%;
    background-repeat: no-repeat;
    background-position: left  top 80px;

}





#racoon {
    background:url(images/cuteracoon.png);
    
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right  top 80px;
}
#racoon2 {
    background:url(images/cuteracoon2.png);
    
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: left  top 80px;
}
#racoon3 {
    background:url(images/cuteracoon2.png);
    
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: left 20px top 205px;
}
#racoon4 {
    background:url(images/cuteracoon.png);
    
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right 20px top 195px;
}


#smap {
    background:url(images/squirrelmap1.png);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: left  top ;
}