html,body {
margin:0;
padding:0;
}

body {
font:76% "Trebuchet MS",arial,sans-serif;
color:#333;
text-align:center;
background-color:#FFF;
padding:20px;
}

h1,h2,h3,h4 {
margin:0;
padding:15px;
}

h2 {
font-size:160%;
color:#555;
}

p {
line-height:1.5;
margin:0;
padding:0 15px 0.7em;
}

i {
line-height:1.5;
margin-left:30px;
margin-right:30px;
}

address {
font-style:normal;
padding-left:20px;
font-family:courier;
}

div#copyright {
font-style:normal;
}

a:visited {
color:#630;
}

a {
color:#B35900;
font-weight:700;
}

/*div.gradient {
background:#F2F2F2 url(gradient.png) repeat-x top;
margin:15px;
}

div.gradient p {
margin:0;
padding:2px 5px;
}

p.codehere {
color:#2A4D91;
}*/


div#container {
width:99.9999%;
background-color:#39F;
text-align:left;
margin:0 auto;
}

div#header {
background-color:#e7e7e7;
padding:10px 0;
}

div#header h1 {
color:#FFF;
font-size:300%;
font-weight:900;
}

div#menu {
width:100%;
overflow:auto;
background:#e7e7e7;
padding-top:5px;
}

ul#nav,ul#nav li {
list-style-type:none;
margin:0;
padding:0;
}

ul#nav {
padding-left:15px;
}

ul#nav li {
float:left;
width:130px;
margin-right:2px;
text-align:center;
}

ul#nav a {
float:left;
width:130px;
text-decoration:none;
background:#F93;
color:#555;
}

ul#nav li.active a,ul#nav a:hover {
color:#000;
}

div#content {
clear:left;
width:90%;
border-top:1px solid #999;
font-size:110%;
padding-top:15px;
background-color:#39F;
}

div#footer {
padding-top:5px;
text-align:center;
font-size:90%;
background:#F93;
color:#FFF;
}

div#quotation {
width:80%;
font-style:italic;
padding-left:30px;
}

img {
border: 0;
}

div#box {
float:right;
display:inline;
height:160px;
width:254px;
background:#E4E7F2;
text-align:center;
margin:5px 5px 5px 5px;
}

/*div#box p {
padding:0 5px;
}*/


div#minipics {
float:left;
width:100%;
padding-bottom:10px;
}

div#minipics ul {
list-style-type:none;
margin:0 15px;
padding:0;
}

div#minipics li {
float:left;
width:100px;
background-color:#FFF;
margin:10px 10px 10px 0;
}

div#minipics li img {
display:block;
width:80px;
height:80px;
border:0;
margin:5px 10px;
}

div#innercontainer {
clear:left;
width:90%;
font-size:110%;
padding-top:5px;
}

div#leftside {
width:50%;
float:left;
padding-top:3px;
}

div#rightside {
width:50%;
float:right;
background:#39F;
}
