body { background-color: #fff; 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: 11px; }
h1{ color: #666; font-size: 14px; margin-top: 10px; margin-bottom: 10px; }
h2 { color: #666; font-size: 13px; margin-top: 10px; margin-bottom: 10px; }
h3 { color: #666; font-size: 12px; margin-top: 10px; margin-bottom: 10px; }
td { font-size: 11px; vertical-align: top; }


/* Main Layout */
#main { position: relative; margin: 0px auto; width: 930px; border: 1px solid #ccc; text-align: left; background-color: #f0f0f0; }

#header { border: 0px; padding: 0px; width: 100%; height: 104px; }
#header img { border: 0px; }
#header-logo { position: absolute; left: 22px; top: 18px; width: 342px; height: 84px; background: url(images/logo.gif); }

/* Temporary Homepage banners only */
#header-banner { position: absolute; left: 560px; top: 18px; width: 342px; height: 84px; }

/* Old Nav - pre supporters tab */
/*#nav { width: 910px; text-align: right; margin-top: 10px; height: 18px; padding: 6px 0px 3px 0px;}
#nav ul {margin-left: 0; display: inline;}
#nav li { margin: 0; display: inline; list-style: none;}
#nav a { background:  #e6e6e6; text-align: center; border: 1px solid #003366; margin-right: 4px; padding: 3px 5px 3px 5px; font-size: 10px; font-weight: bold; color: #315c70; text-decoration: none; }
#nav a:hover { background:  #fff; text-align: center; border: 1px solid #003366; margin-right: 4px; padding: 4px 5px 4px 5px; font-size: 10px; font-weight: bold; color: #000; text-decoration: none; border-top: 2px solid #003366; border-bottom: 2px solid #003366; }*/


#nav { width: 910px; text-align: right; margin-top: 10px; height: 18px; padding: 6px 0px 3px 0px;}
#nav ul {margin-left: 0; display: inline;}
#nav li { margin: 0; display: inline; list-style: none;}
#nav a { background:  #e6e6e6; text-align: center; border: 1px solid #003366; margin-right: 1px; padding: 3px 3px 3px 3px; font-size: 10px; font-weight: bold; color: #315c70; text-decoration: none; }
#nav a:hover { background:  #fff; text-align: center; border: 1px solid #003366; margin-right: 1px; padding: 4px 3px 4px 3px; font-size: 10px; font-weight: bold; color: #000; text-decoration: none; border-top: 2px solid #003366; border-bottom: 2px solid #003366; }

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



/* Left Courses box */
#leftbox2-container { float: left; display: inline; margin-left: 20px; margin-top: 10px; width: 214px; min-height: 280px; }
#leftbox2 { float: left; display: inline; width: 212px; margin-left: 20px; margin-top: 10px;  min-height: 280px; border: 1px solid #000; background: #fff; }
#leftbox2-index { float: left; display: inline; width: 212px; min-height: 280px; border: 1px solid #000; background: #fff; }
#leftbox2-index h1 { margin-left: 4px; }
#leftbox2prop { float: right; width: 1px; height: 280px; border: 0px; }
#leftbox2 h1 { margin-left: 4px; }
#leftbox2-content { float: left; display: inline; border: 1px solid #000; margin-left: 4px; padding: 0px; background: #f0f0f0; width: 202px; }
#leftbox2-content a, a:visited { color: #315c70; text-decoration: none; font-weight: bold; font-size: 10px; }
#leftbox2-content a:hover, a:visited:hover { color: #000; text-decoration: underline; font-weight: bold; font-size: 10px; }
/* Alternating coloured divs */
.leftbox2-content-row { padding-left: 4px; padding-top: 6px; padding-bottom: 6px; font-size: 10px; background: #e6e6e6; border-bottom: 1px solid #fff; margin: 0px; display: block; }
.leftbox2-content-row-alt { padding-left: 4px; padding-top: 6px; padding-bottom: 6px; font-size: 10px; background: #f1f1f1; border-bottom: 1px solid #fff; margin: 0px; display: block; }

#leftbox2-bottom { margin: 6px; }
#leftbox2-logos { margin: 0px auto; text-align: center; color: #666; font-size: 10px; margin-top: 6px; }

#textbox { float: right; display: inline; margin-right: 20px; margin-top: 10px; width: 640px; border: 1px solid #000; background: #fff; }
#textbox-centre { width: 630px; min-height: 372px; float: left; display: inline; margin: 0px 4px 4px 6px; }
#textbox-centre a, a:visited { color: #315c70; text-decoration: none; font-weight: bold; font-size: 11px; }
#textbox-centre a:hover, a:visited:hover { color: #000; text-decoration: underline; font-weight: bold; font-size: 11px; }
#textbox-prop { float: right; width: 1px; height: 560px; border: 0px; }
#textbox-clear { width: 640px; clear: both; height: 1px; overflow: hidden; }

/* Home page only */
#newsBox { background: #fafafa; border: 1px solid #000; margin: 4px 4px 4px 2px; padding: 4px; padding-bottom: 18px; }



/* General Styling */
ul { list-style-type: disc; list-style-image: url(images/bullet.gif); }
.uline { text-decoration: underline; }
.note { font-size: x-small; 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; }


/* Alternating coloured div/table rows */
.logrow { padding-left: 6px; padding-top: 6px; font-size: 10px; height: 22px; background: #e6e6e6; border-bottom: 1px solid #fff; margin: 0px; display: block; }
.logrow-alt { padding-left: 6px; padding-top: 6px; font-size: 10px; height: 22px; background: #f1f1f1; border-bottom: 1px solid #fff; margin: 0px; display: block; }


/* Form Elements for Contact page */
#text { width: 280px; height: 350px; float: left; background: #fff; margin-left: 2px; }
#text a, a:visited { color: #315c70; text-decoration: none; font-weight: bold; font-size: 11px; }
#text a:hover, a:visited:hover { color: #000; text-decoration: underline; font-weight: bold; font-size: 11px; }
#form { width: 320px; height: 320px; float: right; margin: 4px; margin-top: 40px; background: #fff; }
#text a, a:visited{ color: #000; text-decoration: underline; }
#text a:hover, a:visited:hover{ color: #3366ff; text-decoration: underline; }
.form-element { float: right; margin-bottom: 6px; display: block; }
.form-textbox { padding: 3px; border: 1px solid #666; font-size: 12px; width: 180px; border-bottom: 2px solid #315c70; background: url("images/form_box.jpg") bottom left repeat-x #fff;}
.form-textarea { height: 140px; padding: 3px; border: 1px solid #666; font-size: 12px; width: 300px; border-bottom: 2px solid #315c70; background: url("images/form_area.jpg") bottom left repeat-x #fff; }
.form-textbox-red { padding: 3px; border: 1px solid #cc0000; font-size: 12px; width: 180px; border-bottom: 2px solid #cc0000; background: url("images/form_box_red.jpg") bottom left repeat-x #fff;}
.form-textarea-red { height: 140px; padding: 3px; border: 1px solid #cc0000; font-size: 12px; width: 300px; border-bottom: 2px solid #cc0000; background: url("images/form_area_red.jpg") bottom left repeat-x #fff; }



/* Footer and Copyright */
#footer-clear { clear: both; height: 1px; overflow: hidden; }
#footer { float: right; display: block; margin-right: 20px; margin-top: 20px; width: 640px; height: 22px; background: #fff; font-size: 9px; color: #999; border: 1px solid #ccc; padding-top: 8px; text-align: center; }
.footer-text { font-size: 9px; color: #999; padding: 4px; }
.footer-text a { font-size: 9px; color: #999; padding: 4px; text-decoration: none; }
.footer-logo { float:right; margin-right: 4px; margin-top: 4px; display: inline; }
.footer-logo a { color: #999; text-decoration: none; }
.footer-spacer { clear: both; width: 100%; border: 0px; height: 20px; }

#copyright { width: 930px; display: block; margin: 0px auto; font-size: 9px; color: #999; text-align: right; }
.kyodo-logo { font-size: 9px; color: #999; float:right; margin-right: 4px; margin-top: 4px; display: inline; }
.kyodo-logo a, a:visited { font-size: 9px; color: #999; text-decoration: none; font-weight: normal; }
.kyodo-logo a:hover, a:visited:hover { font-size: 9px; color: #999; text-decoration: underline; font-weight: normal; }