@charset "utf-8";
body  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
background: #dae6ee url(/blog/wp-content/themes/swan/images/back.jpg) repeat-x;
margin: 0;
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #223e7d;
}

#container {
background: #ebebeb url(/skins/skin3/images/middle.gif) repeat-y;
color:inherit;
margin:0 auto;
padding: 0;
position:relative;
width:960px;
text-align: left;
}

#content {
line-height:1.5em;
margin: 0;
padding: 0;
position: relative;
top: 0px;
}


/* header */

#header { 
background: #a8c4d0 url(/blog/wp-content/themes/swan/images/top.jpg) no-repeat;
height: 190px;
position: relative;
} 

#header h1 {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 1px;
text-decoration: none;
position: absolute;
top: 70px;
left: 20px;
background-color: transparent;
display: none;
}

#description h2 {
color: #FFFFFF;
font-size: 1em;
font-style: italic;
font-weight: bold;
position: absolute;
top: 130px;
left: 20px;
padding: 0;
margin: 0;
}

#logo {
position: absolute;
top: 60px;
left: 25px;
border: none;
}


/* main content */

#main { 
float:left;
margin:0 4px;
padding: 0 0 20px 30px;
width:720px;
background-color: #ffffff;
position: relative;
top: 0px;
font-size: 0.9em;
}


/* sidebar */

#sidebar1 {
font-size:1em;
margin: 0 0 0 760px;
padding:0 10px 10px;
width:180px;
}

#sidebar1 h4 {
margin: 0;
padding: 0;
font-size: 80%;
}

#sidebar1 ul {
list-style: none;
margin: 0;
padding: 0;
}

#sidebar1 li {
margin: 5px 0 0;
padding: 2px 4px;
color: #223e7d;
border-bottom: 1px solid #d7a8c5;
}

#sidebar1 a:link, #sidebar1 a:visited {
color: #223e7d;
text-decoration: none;
}

#sidebar1 a:hover {
color: #5393ba;
}

/* footer */

#footer { 
clear:both;
margin: 0;
padding: 0;
background: #a8c4d0 url(/blog/wp-content/themes/swan/images/bottom.jpg) no-repeat;
height: 21px;
} 

#footer p {
margin: 0;
padding: 5px;
font-size:0.65em;
color:#000;
text-align: center;
}

/* general */

#menulist {
margin: 35px 0px;
font-size: 0.75em;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}

h1 {
font-size: 175%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 125%;
}

h4, h5, h6 {
font-size: 110%;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.contentbox {
background: #FFFFFF;
border: 1px solid #88BCA4;
padding: 4px;
color: #395D47;
font-size: 14px;
font-family: Verdana;
font-weight: normal;
margin: 4px;
}

.contentbox2 {
background: #FFFFFF;
border: 1px solid #88BCA4;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
padding-right: 4px;
color: #395D47;
font-size: 13px;
font-family: Verdana;
font-weight: normal;
margin: 4px;
text-align: center;
width: 80%;
}

.contentbox2title a {
padding-top: 0px;
padding-bottom: 0px;

}

.contentbox2content {
padding-top: 4px;
padding-bottom: 4px;
}

a {
color: #B1778A;
text-decoration: none;
font-weight: bold;
}

a:link {
color: #B1778A;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #77B19E;
text-decoration: underline overline;
font-weight: bold;
}

a:visited {
color: #B1778A;
font-weight: bold;
}

a img {
border: none;
}

.style2 {color: #FF0000}