|
html { height:100%; margin:0; } body { height:100%; min-height:100%; height:auto !important; margin:0 auto; padding:0; font-family:Comic Sans MS; font-size:16px; } div#box { -moz-box-sizing:padding-box; width:1000px; margin:0px auto; padding:0; text-align:left; background-color:#FFF; height:auto; border-right: 5px solid #ccff33; background-image: url(back.png); background-repeat:repeat-y; background-position:left; } div#top { width:1000; height:187; background: url(top.png) left top; } div#mid { -moz-box-sizing:padding-box; width:1000; height:135; background: url(mid.png) left top no-repeat; padding-left:300; padding-top:60; } div#title { background: url(edge.png) left top no-repeat; background-color:#ccff33; padding-left:20px; width:680px; } div#navi { float:left; width:186px; height:auto; background-color:#ccff33; } div#content { -moz-box-sizing:padding-box; width:754px; height:auto; float:left; margin-left:60px; padding-right:0; padding-bottom:20px; } div#footer { background-color:#ccff33; width:1000px; position:relative; height:20px; border:0; bottom:0; } div#main { -moz-box-sizing:padding-box; height:100%; min-height:100%; margin-bottom:-20px; margin-top:-323px; padding-top:322px; padding-bottom:30px; width:1000px; } #navi ul { margin-left:0px; padding-left:24px; } #navi li { padding:6; padding-left:2px; } a { text-decoration:none; color:#003366; } a:hover { text-decoration:underline overline; color: black; } h1 { font-size:20; font-style:normal; border-bottom:5px solid #ccff33; border-left:5px solid #ccff33; padding:0; padding-left:20px; } h2 { font-size:18; font-style:normal; border-top:2px solid #ccff33; border-left:2px solid #ccff33; padding:0; margin-top:30px; padding-left:20px; } h3 { font-size:18; font-style:normal; padding:0; } .content { padding-left:20px; }
|