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;
}
