@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background:#fff url(images/back.gif);
text-align:center;
font: 11px Tahoma,Arial,Verdana;
color:#557fc2;
padding: 0 0 100px 0;
}

a img,
fieldset {
border: 0;
}

h1 {
font: 10px Tahoma,Arial;
color: #b9cdee;
text-transform:uppercase;
margin: 0 0 0 160px;
padding-top: 4px;
clear:both;
}

h2,
h2 a {
margin: 10px 0 0 0;
font: 11px Tahoma,Arial,Verdana;
font-weight: bold;
color:#3e5e80;
}
h2 a:hover {
border-bottom:1px dotted #3a5e80;
text-decoration:none;
}

h3, 
h3 a {
margin: 10px 0 0 0;
color:#39516f;
font: 11px Tahoma,Arial,Verdana;
text-decoration:none;
}
h3 a:hover {
text-decoration:underline;
color:#557fc2;
}

p {
margin: 10px 0 0 0;
line-height: 180%;
}

p a,
li a {
color:#557fc2;
}
p a:hover,
li a:hover,
span a:hover {
color:#3e5e80;
text-decoration:none;
}

p.wrapper {
width:100%;
height:0;
clear:both;
}

/**************************** containers */

#page {
width: 600px;
text-align:left;
margin: auto;
margin-top: 20px;
}

#top {
height: 165px;
}

div.topcorner {
height:51px;
width: 100%;
background:url(images/top.gif) no-repeat;
}

div.header {
height:80px;
width:100%;
background:url(images/head.gif) no-repeat;
}

#content {
width: 600px;
background:#fff url(images/content.gif) no-repeat;
margin: 0 0 -30px 0;
}
html>body #content {margin:0;}

#right {
margin: 20px 0 0 7px;
width: 390px;
float:left;
}
html>body #right {margin: 20px 0 0 15px;}

#left {
width: 165px;
float:left;
margin: 0 0 0 15px;
}

/**************************** head / top */

div.topstuff a img {
width: 405px;
height: 34px;
float:left;
}

div.topstuff p {
margin:0;
width: 170px;
height: 24px;
padding: 10px 25px 0 0;
background:url(images/pee.gif) no-repeat;
float:left;
color: #d4d4d4;
text-align:right;
line-height:100%;
}

/**************************** right */

img.banner {
margin: 20px 0 0 0;
}

/**************************** left */

#left {
text-align:right;
}

ul#nav {
margin: 10px 0 10px 0;
}

ul#nav li {list-style:none;}

ul#nav li a {
height: 15px;
display:block;
padding: 5px 5px 5px 0;
border-top: 1px solid #acc2e4;
text-decoration:none;
}
ul#nav li a:hover {
padding-right: 10px;
}

#left div.dir-list ul {
margin:0 -10px 0 0;
padding:0 0 0 0;
}

ul#nav li.bottom {border-top: 1px solid #acc2e4;}

.dir-list li a {padding: 3px;}

.dir-list li a:hover {
background:#acc2e4;
color:#fff;
}

/**************************** blog*/

div.blog p {
margin: 2px 0 2px 0;
line-height: 150%;
}

span,
span a {
color:#9bb4d3;
}

/**************************** page */

#right.single p img {
border: 3px solid #354E6F;
margin: 5px;
}

.archive {
margin: 15px 0 0 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #354E6F;
}

.dir-list li {
list-style:none;
margin: 0 15px 10px 0;
}

.directory ul {
margin: 10px 0 10px 10px;
float:left;
padding:10px;
height: auto;
width:140px;
}
html>body .directory ul {width:150px;margin: 10px 0 10px 20px;}

.directory li {
list-style:none;
margin-bottom: 3px;
}

.single ul {margin: 10px 0 10px 25px;}
.single li {list-style:circle;margin-bottom: 7px;}

/**************************** table */

.single table {
margin: 30px 0 0 0;
}

.single td {padding: 2px;}

/**************************** contact */

fieldset {margin: 25px 0 10px 0;}

fieldset input,
fieldset select,
fieldset textarea {
font: 11px Tahoma,Arial,Verdana;
color:#557fc2;
width: 180px;
padding: 2px;
height: 15px;
border:0;
border-bottom: 1px solid #557FC2;
}

fieldset select,
fieldset textarea {border: 1px solid #557FC2;}

fieldset select {height: 20px;}
fieldset select option {padding: 2px 0 2px 5px;}

fieldset textarea {height: 80px;width:240px;}

#button {
width:auto;
height:auto;
border:1px solid #557fc2;
margin: 10px 0 0 0;
}

/**************************** footer */

#footer {
clear:both;
width: 600px;
margin:auto;
text-align:right;
}

div.foot {
width:100%;
height: 63px;
background:url(images/foot.gif) no-repeat;
}

#footer ul {margin: 10px 0 0 0;}

#footer ul li {
list-style:none;
display:inline;
}

#footer ul li:after {
padding: 0 0 0 5px;
content: '|' ;
}

#footer ul li.none:after {
content: '';
padding:0;
}

#footer p {
margin:5px 0 0 0;
}

#footer p,
#footer p a,
#footer li,
#footer li a {
color:#45659a;
font: 9px Tahoma,Arial;
text-decoration:none;
}
#footer li a:hover,
#footer p a:hover {
text-decoration:underline; 
}