*{
   margin:0; padding:0;
}

html {
   width:100%; height:100%;
}

body{
   width:100%; height:100%;
   background-color:#fff;
   text-align:center;
   font-family:'trebuchet ms',trebuchet,helvetica,sans-serif;
   color:#2c2a24;
}

a{
   color:#42a030;
   text-decoration:none;
}

a:hover,a:focus,a:active{
   color:#67b3b3;
   text-decoration:none;
}

table.x{
   width:100%; height:100%;
}

table.x td{
   vertical-align:middle;
   text-align:center;
}

#wrapper{
   position:relative;
   margin:15px auto 0 auto; padding:0;
   width:771px; height:510px;
}

#logo{
   position:relative;
   margin:0; padding:0;
   width:771px; height:60px; max-height:60px;
   background-color:#fff;
   background-image:url(images/kyowa-logo.gif);
   background-repeat:no-repeat;
   background-position:top left;
   overflow:hidden;
}

#logo h1{
   position:absolute;
   top:0; left:-9999px;
}

#logo p{
   margin:0 25px 0 0; padding:15px 0 0 0;
   text-align:right;
   font-size:12px;
}

#logo a{
   color:#526925;
   text-decoration:none;
}

#logo a:hover{
   color:#2c2a24;
   text-decoration:none;
}

#contentbg{
   width:771px; height:423px;
   background-repeat:no-repeat;
   background-position:top left;
   display:table;
}

#content{
   margin:8px 315px 0 25px; padding:10px;
   width:411px; height:375px;
   text-align:justify;
   font-size:12px;
   overflow:auto; overflow-x:hidden;
   scrollbar-face-color:#205806;
   scrollbar-arrow-color:#fff;
   scrollbar-track-color:#d8e5c2;
   scrollbar-shadow-color:#333;
   scrollbar-highlight-color:#526925;
   scrollbar-3dlight-color:#fff;
   scrollbar-darkshadow-color:#eee;
}

#login{
   float:right;
   margin:8px 15px 0 0; padding:210px 10px 10px 0;
   width:250px; height:175px;
   text-align:justify;
   font-size:12px;
   color:#fff;
}

#login a{
   color:#fff;
   text-decoration:none;
}

#login a:hover,a:focus,a:active{
   color:#fff;
   text-decoration:underline;
}

#login fieldset{
   margin:0 auto; padding:10px;
   width:170px;
   color:#333;
   background-color:#fff;
   border:1px solid #502634;
}

#mainlogin{
   margin:25px 0 0 80px;; padding:10px;
   width:250px;
   text-align:justify;
   font-size:12px;
}

#mainlogin fieldset{
   margin:0 auto; padding:10px;
   width:170px;
   color:#333;
   background-color:#fff;
   border:1px solid #502634;
}


h1{
   margin:15px 0 0 0;
   color:#4b584e;
   font-weight:normal;
   font-size:24px; line-height:22px;
   font-family:georgia,'times new roman',times,serif;
   text-align:left;
}

h2{
   position:relative; clear:both;
   margin:25px 0 7px 0;
   color:#6b6b6b;
   font-family:georgia,'times new roman',times,serif;
   font-size:14px;
   font-weight:normal;
}

h3{
   margin:7px 0;
   color:#526925;
   font-size:14px;
   font-weight:normal;
}

p{
   margin:7px 0;
}

#content p{
   margin:10px 0;
   line-height:15px;
}

#content ul, #content ol{
   margin:8px 0; padding:0 0 0 15px;
   text-align:left;
}

#content ul.simple li{
   text-align:left;
}

#content ul.linkline{
   margin:0; padding:0;
   list-style-type:none;
}

#content ul.linkline li{
   margin:0; padding:0 6px 0 0;
   display:inline;
   vertical-align:top;
}

table.data{
   width:95%;
   margin:8px auto;
   border:0;
   font-size:12px;
}

table.data th{
   margin:0; padding:1px;
   vertical-align:middle;
   text-align:center;
   font-weight:bold;
   border-bottom:1px solid #2d2e2f;
}

table.data td{
   margin:0; padding:2px;
   vertical-align:middle;
   text-align:center;
}

table.data td.name{
   text-align:left;
}

table.data tr.alt td{
   background-color:#d0ddb1;
}

table.data tr.over td{
   background-color:#a2b474;
}

div.newslist{
   margin:8px 0;
   clear:both;
}

table.eventlist{
   margin:15px auto;
   clear:both;
}

table.eventlist td{
   padding:10px;
   height:100px;
   vertical-align:middle;
}

div.newslist h1,table.eventlist h1{
   margin:0;
   color:#6b6b6b;
   font-family:georgia,'times new roman',times,serif;
   font-size:14px; line-height:16px;
   font-weight:normal;
}

table.eventlist h1{
   text-align:center;
}

div.newslist h3{
   margin:0 0 5px 0;
   font-size:12px;
}

table.eventlist p{
   margin:0;
   text-align:center;
}

.center{
   text-align:center;
}

.right{
   text-align:right;
}

.clear {
   clear:both;
}

.bold{
   font-weight:bold;
}

img{
   float:left;
   margin:3px 7px 3px 0;
   border:0; border-collapse:collapse;
   behavior:url(iepngfix.htc);
}

img.right{
   float:right;
   margin:3px 0 3px 7px;
}

img.center{
   float:none; display:block;
   margin:3px auto; padding:0;
}

img.inline{
   float:none; display:inline;
   margin:0; padding:0;
}

form.floating fieldset{
   margin-top:15px; padding:0;
   border:0; border-collapse:collapse;
}

form.floating legend{
   margin:0 0 15px 0; padding:0;
   font-size:14px;
}

form.floating label{
   float:left; clear:both;
   width:47%; height:24px;
   margin:5px 0; padding:0;
   text-align:right; line-height:24px;
}

form.floating input, form.floating select, form.floating textarea{
   float:right; clear:right;
   width:50%; height:20px; line-height:20px;
   margin:5px 0; padding:1px 0;
   background-color:#fff;
   border:1px solid #333;
}

input.required, textarea.required, input.invalid, form.floating input.required, form.floating textarea.required, form.floating input.invalid{
   border:1px solid #c5081a;
}

label.required,label.invalid{
   color:#c5081a;
}

label.text{
   margin:3px 0; padding:3px;
   font-size:12px; line-height:14px;
}

input.text{
   margin:3px 0; padding:3px;
   border:1px solid #502634;
   font-size:12px;
}

input.submit,form.floating input.submit{
   float:none;
   height:auto; width:auto;
   margin:10px 5px; padding:3px;
   background-color:#fff;
   border:1px solid #333;
   border-right:2px solid #333; border-bottom:2px solid #333;
   font-size:12px; color:#333;
   text-align:center;
}

#LastName{
    position:absolute;
    text-decoration:underline;
    background-color:#CC0000;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

div.tinyform{
   text-align:right;
   margin:0 15px 0 0;
}

div.tinyform label{
   text-align:right;
   margin:1px 5px; padding:0;
   font-size:11px; line-height:13px;
}

div.tinyform input{
   width:100px;
   margin:1px 0; padding:0;
   border:1px solid #502634;
   font-size:11px;
}

div.tinyform input.button{
   width:auto; height:auto;
   margin:1px 0; padding:1px;
   background-color:#76a822;
   border:1px solid #502634;
   font-size:11px; color:#fff;
   text-align:center;
}

input.checkbox,div.tinyform input.checkbox,form.floating input.checkbox{
   float:none;
   width:auto; height:auto;
   background-color:transparent;
   border:0; border-collapse:collapse;
}

#contentbg2{
   width:771px; height:107px; max-height:107px;
   background-image:url(images/focusbottombg.gif);
   background-repeat:no-repeat;
   background-position:top left;
   display:table;
}

#infoboxes{
   width:741px; height:90px;
   margin:10px 0 0 0; padding:0 0 0 20px;
}

#infoboxes h2{
   margin:5px 0 0 0; padding:0;
   color:#76a822;
   font-family:georgia,'times new roman',times,serif;
   font-size:13px;
   font-weight:normal;
   text-align:left;
}

#infoboxes h3{
   margin:0; padding:0;
   color:#2c2a24;
   font-family:'trebuchet ms',trebuchet,helvetica,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-align:left;
}

#infoboxes p{
   margin:5px 0; padding:0;
   font-family:'trebuchet ms',trebuchet,helvetica,sans-serif;
   font-size:11px; line-height:12px;
   text-align:left;
}

#newsbox{
   float:left;
   width:220px; height:90px;
   margin:0 12px 0 0; padding:0;
   overflow:hidden;
}

#newsbox h3{
   margin:5px 0;
   line-height:12px;
}

#eventsbox{
   float:left;
   width:265px; height:85px;
   margin:0 12px 5px 15px;  padding:0 4px 0 0;
   overflow:hidden;
   background-repeat:no-repeat;
   background-position:right center;
}

#eventsbox h3{
   margin:5px 0;
   line-height:12px;
}

#alertbox{
   float:left;
   width:195px; height:90px;
   margin:0 0 0 12px; padding:0;
   overflow:hidden;
}

#alertbox p, #alertbox p a{
   font-size:10px; font-weight:normal;
}

#footer{
   position:relative; clear:both;
   margin:5px auto 15px auto; padding:0;
   width:771px;
   font-size:13px;
   text-align:center; color:#2c2a24;
   font-family:'trebuchet ms',trebuchet,helvetica,sans-serif;
}

#footer p{
   margin:0;
   font-size:12px;
}

#footer p img{
   margin:7px auto 10px auto;
   float:none;
}

#footer p.copyright{
   color:#aaac92;
   font-size:11px;
   font-style:italic;
}

#footer ul{
   margin:0; padding:0;
   list-style-type:none;
}

#footer ul li{
   margin:0; padding:0 3px 0 8px;
   display:inline;
   background:url(images/pipe.gif);
   background-repeat:no-repeat;
   background-position:center left;
   vertical-align:top;
}

#footer ul li.first{
   padding:0 3px;
   background:none;
}

#footer a{
   color:#526925;
   text-decoration:none;
}

#footer a:hover{
   color:#2c2a24;
   text-decoration:none;
}

#footer p a{
   color:#2c2a24;
}

#footer p a:hover{
   color:#526925;
}

.AS_ajax_highlight, .ajaxSearch_highlight, .ajaxSearch_highlight1{
   background:#f6fe37;
}

p.ajaxSearch_resultsInfo{
   text-align:center;
}

span.ajaxSearch_paging{
   display:block; margin:5px 0;
   text-align:center;
}

#ajaxSearch_input{
   width:250px; height:auto;
   line-height:25px;
   margin:5px 0; padding:3px;
   background-color:#fff;
   border:1px solid #333;
}

#ajaxSearch_submit{
   height:auto; width:auto;
   line-height:25px;
   margin:3px 0 5px 5px; padding:3px;
   background-color:#fff;
   border:1px solid #333;
   border-right:2px solid #333; border-bottom:2px solid #333;
   font-size:12px; color:#333;
   text-align:center;
}

div.ajaxSearch_result{
   margin:5px 0;
}

div.ajaxSearch_extract{
   margin:0; padding:0;
}

a.ajaxSearch_resultLink{
   display:block;
   margin:0; padding:5px 0 0 0;
}

span.ajaxSearch_resultDescription{
   display:none;
}

/* thickbox styles */

#TB_window{
   font-size:14px;
   font-family:verdana,geneva,sans-serif;
   color:#707d13;
}

#TB_secondLine{
   font-size:9px;
   color:#3f453f;
   margin:3px 0;
}

#TB_window a:link{color:#853850;}
#TB_window a:visited{color:#853850;}
#TB_window a:hover{color: #000;}
#TB_window a:active{color:#5d2d9e;}
#TB_window a:focus{color:#853850;}

#TB_overlay{
   position:fixed; position: absolute;
   z-index:1000;
   top:0px;
   left:0px;
   background-color:#14401e;
   filter:alpha(opacity=75);
   -moz-opacity:0.75;
   opacity:0.75;
   width:100%;
   min-height:100%;
   height: auto;
   _height: 100%;
}

#TB_window{
   position:fixed;
   background:#fff;
   z-index:1002;
   color:#000;
   display:none;
   border:3px solid #3C2538;
   text-align:left;
   top:50%;
   left:50%;
}

#TB_window img#TB_Image{
   display:block;
   margin:15px 0 0 15px;
   border:1px solid #000;
}

#TB_caption{
   padding:7px 30px 10px 25px;
   float:left;
}

#TB_closeWindow{
   height:25px;
   padding:11px 25px 10px 0;
   float:right;
   font-size:11px;
   line-height:25px;
}

#TB_closeAjaxWindow{
   padding:0 10px 5px 0;
   margin-bottom:1px;
   text-align:right;
   float:right;
   color:#fff;
   font-size:12px;
}

#TB_closeAjaxWindow a:link{color:#fff;}
#TB_closeAjaxWindow a:visited{color:#fff;}
#TB_closeAjaxWindow a:hover{color: #000;}
#TB_closeAjaxWindow a:active{color:#5d2d9e;}
#TB_closeAjaxWindow a:focus{color:#853850;}

#TB_ajaxWindowTitle{
   float:left;
   padding:0 0 5px 10px;
   margin-bottom:1px;
}

#TB_title{
   font-family:'palatino linotype','book antiqua',palatino,serif;
   background-color:#7b844f;
   height:27px;
   color:#fff;
   font-size:18px; line-height:27px;
   font-weight:bold;
}

#TB_ajaxContent{
   clear:both;
   padding:2px 15px 15px 15px;
   overflow:auto;
   text-align:left;
   line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
   padding:15px;
}

#TB_ajaxContent p{
   padding:5px 0px 5px 0px;
}

#TB_load{
   position: fixed;
   display:none;
   height:32px;
   width:32px;
   z-index:103;
   top:50%;
   left:50%;
   margin:-16px 0 0 -16px;
}

#TB_HideSelect{
   z-index:99;
   position:fixed;
   top:0; left:0;
   background-color:#fff;
   border:none;
   filter:alpha(opacity=0);
   -moz-opacity:0;
   opacity:0;
   height:100%;
   width:100%;
}

#TB_iframeContent{
   clear:both;
   border:none;
   margin-bottom:-1px;
   margin-top:1px;
   _margin-bottom:1px;
}

#menu{
   position:relative;
   margin:0; padding:0 10px 0 15px;
   width:741px; height:27px; max-height:27px;
   background-image:url(images/menubg.gif);
   background-repeat:no-repeat;
   background-position:top left;
   font-family:'trebuchet ms',trebuchet,helvetica,sans-serif;
   text-align:left;
   font-weight:bold;
}

/* Superfish menu styles below (all of the .nav declarations) */

.nav {
   float:left;
   padding:2px 10px 0 10px;
   font-size:13px; line-height:25px;
}

.nav li {
   float:left; position:relative;
   z-index:999;
   margin:0; padding:0 9px;
   list-style-type:none;
   background:url(images/dots.gif);
   background-repeat:no-repeat;
   background-position:center left;
   vertical-align:top;
}

.nav li.first{
   padding:0 9px 0 11px;
   background:none;
}

.nav li.next{
   padding:0 9px 0 30px;
   background:none;
}

.nav a {
   float:left;
   width:auto; height:25px;
   display:block;
   color:#fff;
   text-decoration:none;
   text-align:center;
}

.nav li ul {
   float:none;
   top:-999px;
   position:absolute;
   width:167px;
   margin:0; padding:0;
}

.nav li:hover,
.nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
   color:#2c2a24;
   text-decoration:none;
}

.nav li ul li:hover,
.nav li ul li.sfHover,
.nav li ul li a:focus, .nav li ul li a:hover, .nav li ul li a:active {
   background:#67b3d3;
   color:#fff;
}

.nav li:hover ul,
ul.nav li.sfHover ul {
   left:0; top:25px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
   top:-999px;
}

.nav li li:hover ul,
ul.nav li li.sfHover ul {
   left:167px; top:-1px;
   width:167px; height:24px;
}

/* the following rule negates pure CSS hovers so submenu remains hidden and JS controls when and how it appears */

.superfish li:hover ul,
.superfish li li:hover ul {
   top:-999px;
}

.nav li li {
   float:none;
   width:167px; height:24px;
   margin:0; padding:0;
   background:#7fc31c;
   border-top:1px solid #fff;
}

.nav li li a {
   float:none;
   width:157px; height:24px;
   text-align:left;
   padding:0 5px;
}

.nav li:hover ul.blue,
ul.nav li.sfHover ul.blue{
   left:30px;
   background-color:#67b3d3;
}

.nav li:hover ul.blue li,
ul.nav li.sfHover ul.blue li{
   background-color:#67b3d3;
}

.nav li ul.blue li:hover,
.nav li ul.blue li.sfHover,
.nav li ul.blue li a:focus, .nav li ul.blue li a:hover, .nav li ul.blue li a:active {
   background-color:#7fc31c;
}

ul.longer, ul.longer li {
   width:230px;
}

ul.longer li a{
   width:220px;
}