body,html { height: 100%; margin: 0; padding: 0; }
body { color: #333333; background: #FFFFFF}
h1 {color: #333333; font-size: 18px; margin: 0 0 20px 0;}
h2 {color: #333333; font-size: 18px; margin: 0 0 10px 0; line-height: 150%;}
h3 {color: #333333; margin: 0 0 30px 0; padding: 0; line-height: normal; font-size: 16px; }
h4 { margin-left: 60px; font-size: 20px;}
h5 { color: black; font-size: 14px; font-weight: bold; margin: 0 0 0 0; width: 700px;}
h6 { font-size: 13px; margin: 5px 0;}
body, p, ol, ul, td { font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; }
p {margin: 0 0 20px 0;}
u { text-decoration: none; background-color: #EAFC6E }
pre { background-color: #eee; padding: 10px; font-size: 11px; }
a { color: #333333; border-bottom: 1px solid #A1D80D; text-decoration: none; font-weight: bold;}
a:hover { color: #FFFFFF; background: #A1D80D }
img {border: none;}
br { clear: both; }

/*main layout*/
#main { position:absolute; border: none; text-align: left; width:860px; height: 100%; min-height: 100%;  top:30px; left:50%; margin: 0 auto auto -435px; padding: 0; z-index: 2; }
#top { position: relative; background: #B2DEE4; top: 0; left: 0; width: 100%; height: 10px ; margin: 0px 0 40px 0; padding: 0; overflow:hidden; }
#top2 { position: relative; background: url('../images/main_top.jpg') no-repeat 5px 0px; position: relative; top: 0; left: 0; width: 100%; height: 231px ; margin: 10px 0 80px 0; padding: 0; overflow:hidden; }
#top3 { position: relative; background: url('../images/main_top.jpg') no-repeat 5px 0px; position: relative; top: 0; left: 0; width: 100%; height: 231px ; margin: 10px 0 80px 0; padding: 0; overflow:hidden; }
#bodycontent {position: relative; width: 860px; padding: 0; border: 0px solid;}
#textcontent { position: relative; width: 450px; margin: 0px 0 30px 260px; border: 0px solid; top: 10px; overflow: hidden;}
#topband { position: fixed; z-index: 1; height: 30px; width: 100%; left: 0; top: 0px; background: #000; z-index: 10;}
#footer { position: relative; width: 100%; height: 30px; background: #000; display: block;}
html>body #main { height: auto }

#notice { position: absolute; top: -20px; color: #FF6600; left: 260px;}

/*form basic*/
form { margin: 0; padding: 0;}
input { display: block; float: left; clear: both; margin: 0 0 10px 0; }
select { margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
textarea { display: block; padding: 1px 0 1px 0; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0 0 10px 0; width: 200px; height: 127px; font-size: 14px; font-family: arial, helvetica, sans-serif;}
fieldset { padding: 0; border: none; margin: 0 0 10px 0; border: none; width: auto; height: auto;}
legend { margin: 0 0 5px 0; padding: 0; font-weight: bold; font-size: 13px;}
label { color: #333333; display: block; clear: both; font-size: 12px;}
input[type="submit"] { display: block; width: auto; font-size: 13px; margin: 10px 10px 0 0; padding: 3px 10px 3px 10px; background: #CCCCCC; color: #FFFFFF; border: none; float: left; clear: left;}
input[type="reset"] {  display: block; width: auto; font-size: 13px; margin: 20px 10px 0 0; padding: 3px 10px 3px 10px; background: #CCCCCC; color: #FFFFFF; border: none; float: left; clear: none;}
input[type="text"] { padding-top: 3px; padding-bottom: 3px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
input[type="password"] { padding-top: 3px; padding-bottom: 3px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
input[type="file"] { padding-top: 3px; padding-bottom: 3px; border-style: solid; border-width: 1px; border-color: #333 #ccc #ccc #999 ; margin: 0; margin-bottom: 10px; width: 200px; font-size: 14px; }
input[type="checkbox"] { margin: 0 8px 0 0; padding: 0; float: left; clear: none; display: inline;}
input[type="radio"] { margin: 0 8px 0 0; padding: 0; float: left; clear: none; display: inline;}
input[type="hidden"] { margin: 0; padding: 0;}


#toc {}
#toc ul {margin: 0; padding: 0; list-style-type: none;}
#toc ul li { font-size: 16px; padding: 5px 0 5px 0; font-weight: bold; color: #663900;}
#toc ul ul {margin-left: 15px; padding: 0;}
#toc ul ul li { font-size: 16px; padding: 5px 0 5px 0; font-weight: normal; font-style: italic; color: #666666;}


/*rails basic*/
.fieldWithErrors { display: inline; }
.fieldWithErrors input { background-color: #A1D80D; }
.fieldWithErrors select { background-color: #A1D80D; }
.fieldWithErrors input[type="checkbox"] { }
#errorExplanation { width: 400px; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #A1D80D; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #000000; color: #FFFFFF; }
#errorExplanation p { color: #000000; margin: 10px 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square; }
div.uploadStatus { margin: 5px; }
div.progressBar { margin: 5px; }
div.progressBar div.border { background-color: #fff; border: 1px solid #666666; width: 100%; }
div.progressBar div.background { background-color: #333; height: 18px; width: 0%;}
/*--rails basic*/


/*admin*/
#menu { position: absolute; top: 250px; left: 5px; width: 860px; padding: 0; margin: 0; background: url('../images/menubkg.png') #cccccc; height: 50px; overflow: hidden;}
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { float:left; display: inline; }
#menu ul li a { display: block; color: #333333; padding: 4px 0px 4px 0px; margin: 0 10px 0 0; border: none; line-height: normal; border-bottom: 0px solid #333333; background: none;}
#menu ul li a:hover { color: #CCCCCC; border-bottom: 5px solid;}
#menu a.active { border-bottom: 5px solid #A1D80D;}