body { background-color: #000; font-size: 11px; font-family: verdana, sans-serif; margin: 8px 0px; text-align:center; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 10px; margin-bottom: 10px; margin-left: 5px; margin-right: 3px; }
h1{ color: #336633; font-size: 1.4em; font-weight: normal; font-family: Georgia, Tahoma, Verdana, Serif; margin-top: 10px; margin-bottom: 10px; margin-left: 3px; margin-right: 3px; }
h2 { color: #336633; font-size: 1.1em; font-weight: normal; font-family: Georgia, Tahoma, Verdana, Serif; margin-top: 10px; margin-bottom: 10px; margin-left: 3px; margin-right: 3px; }
h3 { color: #336633; font-size: 1em; font-weight: normal; font-family: Georgia, Tahoma, Verdana, Serif; margin-top: 10px; margin-bottom: 10px; margin-left: 3px; margin-right: 3px; }

/*  ---------------------- Scroller Only - 08.10.07 -------------------------  */
#scroller { width: 175px; height: 90px; }
#leftbox_scrollerHolder { font-size: 9px; color: #666; width: 185px; height: 90px; border: 1px solid #000; padding: 4px; margin: 0 auto; }

#leftbox_message { display: block; width: 193px; height: 124px; border: 1px solid #000; margin: 0 auto; margin-top: 8px; background: url(images/leftbox_scroller.jpg); overflow: hidden; }
#leftbox_message p { color: #313131; font-size: 1.2em; font-weight: normal; font-family: Georgia, Tahoma, Verdana, Serif; margin-top: 100px; text-align: center;  }

a.headlinelink:link { font-size: 10px; color: #999; font-weight: bold; text-decoration: none; }
a.headlinelink:active { font-size: 10px; color: #999; font-weight: bold; text-decoration: none; }
a.headlinelink:visited { font-size: 10px; color: #999; font-weight: bold; text-decoration: none; }
a.headlinelink:hover { font-size: 10px; color: #ccc; font-weight: bold; text-decoration: none; }
/*  -------------------------------------------------------------------------  */

#main { position: relative; margin: 0px auto; width: 900px; text-align: left; background-color: #272727; }
#header { width: 100%; height: 100px; background: #272727; }
#logo { position: absolute; top: 29px; left: 260px; }

#content { width: 100%; }
.prop { float: right; width: 1px; height: 400px; border: 0px; }
.clear { clear: both; height: 1px; overflow: hidden; }

#navigation { float: right; width: 652px; height: 20px; color: #666; background: #323232; }
#navHome { position: absolute; left: 247px; }
#navOverview { position: absolute; left: 312px; }
#navFeatures { position: absolute; left: 403px; }
#navTrials { position: absolute; left: 571px; }
#navKyodo { position: absolute; left: 771px; }
#navContact { position: absolute; left: 841px; }
#navigation img { border: 0px; }


#leftbox { float: left; display: inline; margin-left: 20px; margin-top: 58px; width: 210px; height: 280px; border: 1px solid #000;/*border: 1px solid #7fb801;*/ color: #4a4939; background: #313131; }
#leftbox h1 { margin-left: 6px; }

#leftbox_aboutkyodo { font-size: 9px; color: #666; width: 200px; margin: 0 auto; }

.leftbox-content { border: 1px solid #000; margin: 10px; background: #fffcdd; }

#textbox { float: right; display: inline; margin-right: 0px; margin-top: 4px; width: 640px; 
border-top: 12px solid #7fb801; border-right: 0px; border-bottom: 12px solid #7fb801; border-left: 12px solid #7fb801;  height: 350px; }
#textbox-content { width: 100%; height: 350px; background: #fffcdd; color: #4a4939; overflow: auto; }

#textbox-content a{ color: #000; text-decoration: underline; }
#textbox-content a:hover{ color: #7fb801; text-decoration: underline; }
#textbox-content a:visited{ color: #000; text-decoration: underline; }
#textbox-content a:visited:hover{ color: #7fb801; text-decoration: underline; }

.textbox-content-aboutKyodo { font-weight: bold; color: #666; text-align: center; }

/* Footer Elements */
#footer { float: right; width: 652px; height: 20px; background: #323232; margin-top: 8px; margin-bottom: 50px; font-size: 9px; color: #666; }
#footer-text { font-size: 9px; color: #666; margin-left: 5px; margin-top: 4px; }
.footer-dot { font-size: 10px; color: #999; font-weight: bold; margin-left: 6px; margin-right: 6px; }
.footer-link { font-size: 9px; color: #999; text-decoration: none; }
.footer-link a{ font-size: 9px; color: #999; text-decoration: none; }
.footer-link a:hover{ font-size: 9px; color: #999; text-decoration: underline; }
.footer-link a:visited{ font-size: 9px; color: #999; text-decoration: none; }
.footer-link a:visited:hover{ font-size: 9px; color: #999; text-decoration: underline; }
#footer-logo { float: right; margin-right: 3px; margin-top: 3px; display: inline; }

/* Form Elements */
#text { width: 280px; height: 350px; float: left; background: #ffffcc; }
#form { width: 340px; height: 320px; float: right; margin: 4px; color: #ccc; }
#form-tellafriend { width: 340px; height: 300px; float: right; margin: 4px; margin-top: 20px; color: #ccc; }
#text a{ color: #000; text-decoration: underline; }
#text a:hover{ color: #7fb801; text-decoration: underline; }
#text a:visited{ color: #000; text-decoration: underline; }
#text a:visited:hover{ color: #7fb801; text-decoration: underline; }
.form-element { float: right; margin-bottom: 6px; display: block; }
.form-textbox1 { padding: 3px; background: url("images/form_textbox1.jpg") bottom left repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 180px; }
.form-textbox2 { padding: 3px; background: url("images/form_textbox2.jpg") bottom left repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 180px; }
.form-textbox3 { padding: 3px; background: url("images/form_textbox3.jpg") bottom left repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 180px; }
.form-textarea { height: 140px; padding: 3px; background: url("images/form_textarea.jpg") bottom right repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 300px; }
.form-textbox1-red { padding: 3px; background: url("images/form_textbox1_red.jpg") bottom left repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 180px; }
.form-textbox2-red { padding: 3px; background: url("images/form_textbox2_red.jpg") bottom left repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 180px; }
.form-textbox3-red { padding: 3px; background: url("images/form_textbox3_red.jpg") bottom left repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 180px; }
.form-textarea-red { height: 140px; padding: 3px; background: url("images/form_textarea_red.jpg") bottom right repeat-x; border: 1px solid #7fb801; font-size: 12px; color: #999; width: 300px; }

ul { list-style: disc url(images/bullet.gif); }
.uline { text-decoration: underline; }
.note { font-size: 10px; color: #666; }
.redText { color: red; }
.imgFloatLeft { float: left; margin: 10px; }
.imgFloatRight { float: right; margin: 10px; }
hr { border: none 0; border-top: 1px dashed #999; height: 1px; margin: 10px; }

#footnote { border: 1px dashed #ccc; margin: 0 auto; padding: 10px; width: 90%; font-size: 10px; color: #666; }

/* Dropdown Menu */
.menuLink { padding-left: 2px; font-size: 11px; color: #999; font-family: verdana, helvetica, sans-serif; text-decoration: none; }
.menuLink:hover { color: #00ff00; text-decoration: none; }
/*  Can specify each dropdown here for different widths.  */
.dropdown { padding: 2px 0px 0px 0px; z-index: 200; margin: 0px; width: 160px; border: 1px solid #7fb801; /*background-color: #272727;*/ background: url(images/dropdown_bg.jpg); }
/*.dropdown_technical {  padding: 2px 0px 0px 0px; z-index: 200;  margin: 0px; width: 170px; border: 1px solid #000; height: 100px; background-color: #fff; }*/
.menuContainer { z-index: 1000; }
.menuFooter { vertical-align: bottom; }