*{
 margin:0;
 padding:0;
}

html,body{
 margin:0; 
 padding:0;
 line-height:1.4;
 color:#333;
 font-family:Arial, sans-serif;
 font-size:0.9em;
 background-color:#c0c0c0;
}

#wrapper {
 background-color:#ffffff;
 border-right:1px solid #000000;
 border-left:1px solid #000000;
 width:790px;
 height:100%;
 margin:0 auto;
 padding:0;
}

#header{
 width:760px;
 margin:0 auto;
 padding:10px;
}

#inner {
 width:400px;
 background-color:#f5f5f5;}


#contents {
 background-color:#ADD8E6;
 margin: 15px 15px;
 border: 1px solid #999999;
 width:500px;
 height:150px;
 padding:0;
 overflow:scroll;
}

.mainCap{
 background-color:#000000;
 width:500px;
 margin:15px;
}

h1{
 display:inline;
 padding:15px;
}

p{
 width:500px;
 padding:5px 10px 0px 15px;
}

h2{
 color:#ffffff;
 margin-left:5px;
}

.subCap{
 width:250px;
 margin:0 auto;
 background-color:#000000;
}

h3{
 color:#ffffff;
 padding:0px 0px 0px 10px;
}

.subContents{
 padding:5px 0px 5px 0px;
}

.qr{
 text-align:center;
 margin-top:10px;
}

#sidebar {
 float:right;
 width:250px;
 margin-top:10px;
 margin-right:10px;
 margin-bottom:5px;
 background-color:#f5f5f5;
 border-top:1px solid #999999;
 border-right:1px solid #999999;
 border-bottom:1px solid #999999;
 border-left:1px solid #999999;
}


.topics{
 border-bottom:1px dotted #f5f5f5;
}

.topics dt{
 background-color:#00ace5;
 padding-left:5px;
 border-left:3px dotted #ffa500;
}

.topics dd{
 width:235px;
 padding:0px 0px 0px 15px;
 border-bottom:1px dotted #111111;
 background-color:#add8e6;
}


.add{
 text-align:center;
}


.rand{
 list-style-position:inside;
 margin:5px 0px 5px 10px;
}

.list{
 font-size:12px;
}

#footer {
 background-color:#f5f5f5;
 border-top:1px dotted #999999;
 clear:both;
 padding:10px 5px 5px 5px;}