/* some useful changes */

a:link {text-decoration: none; color: #3366FF}
a:active {text-decoration: none; color: #3366FF}
a:visited {text-decoration: none; color: #3366FF}
a:hover {text-decoration: none; color: #3366FF}

a.menu:link {text-decoration: none; color: #FFFFFF}
a.menu:active {text-decoration: none; color: #FFFFFF}
a.menu:visited {text-decoration: none; color: #FFFFFF}
a.menu:hover {text-decoration: none; color: #FFFFFF}

a.white:link {text-decoration: underline; color: #FFFFFF}
a.white:active {text-decoration: underline; color: #FFFFFF}
a.white:visited {text-decoration: underline; color: #FFFFFF}
a.white:hover {text-decoration: underline; color: #FFFFFF}

h1 {font-size: 12px; font-style: normal; color: #3366FF}

font.info {font-size: 16px; font-weight: bold; color: #FFFFFF}
p.std { font-size: 12px; color: #000000}
li.std { font-size: 12px; color: #3366FF; font-weight: bold}
ul { margin: 0; padding : 0; list-style : none; }
ol.std { margin: 10px 10px 10px 18px; padding : 0; list-style : 1; }
ul.std { margin: 10px 10px 10px 15px; padding : 0; list-style : disc; } /*circle,disc,none,square*/
ul.bi { list-style-type: none; margin: 0; padding: 0; }
ul.bi li {text-indent: -0.6em; padding-left: 0.5em; }
ul.bif { list-style-type: none; margin: 0; padding: 0; }
ul.bif li {text-indent: -0.7em; padding-left: 0.5em; }

input, textarea {
    font-size: 12px;
    font-family:Verdana,sans-serif;
    color: #000000;
    border: 1px solid #000000;
    background-color: #ffffff;
    width:300px;
}

input.but {
    font-size: 12px;
    font-family:Verdana,sans-serif;
    color: #fff;
    border: 1px solid #000000;
    background-color: #3366FF;
    width:140px;
}

img.nav {
    vertical-align: middle;
    border: 0;
    margin: 0 0 0 0;
    width:15px;
    height:21px;
}

/* layout */

body {
    width: 850px;
    margin: 5px auto 5px auto;
    font-family: arial, sans-serif;
    text-align: left;
    font-size:12px;
  }

#adv{
    text-align: center;
    margin: 0 auto 0 auto;
    padding: 5px 0;
    width: 100%;
    border-top: 1px solid #3366FF;
    border-right: 1px solid #3366FF;
    border-left: 1px solid #3366FF;
    background: #3366FF;
}

#info{
    text-align: center;
    color: #FFFFFF;
    font-size:10px;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
    background: #3366FF;
    border-top: 1px solid #3366FF;
    border-right: 1px solid #3366FF;
    border-left: 1px solid #3366FF;
}

#wrapper {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    border:1px solid #3366FF;
    background: url('bg.gif') repeat-y;
}

#header {
    text-align:center;
    margin:0;
    padding:0;
    background: #FFFFFF;
}

#container {
}

#side-a {
    margin:0;
    padding:10px 0 0 0;
    float: left;
    width: 17%;
}

#side-a-navi {
    padding:0 0 0 15px;
}

#side-b {
    margin:0 auto 0 auto;
    padding:0 0 5px 0;
    float: left;
    width:77%;
    height: 1%; /* Holly hack for Peekaboo Bug */
}

#footer {
    clear: both;
    margin:0;
    padding:0;
    background: #3366FF;
}

/* For Tag Cloud */

.tagcloudbody {
width:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
border:solid 0px #333333;
padding:5px;
text-align:justify;
}

.tagcloudbody a {
text-decoration:none;
color:#333366;
}

.tagcloudThema {
font-weight:bold;
font-size:12px;
margin-bottom: 10px;
}

.tag1 {
font-size:26px;
}
.tag2 {
font-size:16px;
}
.tag3 {
font-size:13px;
}
.tag4 {
font-size:20px;
}
.tag5 {
font-size:9px;
}