@charset "utf-8";
* { 
margin : 0;
padding : 0;
} 
.clear { 
clear : both;
} 
.clearleft { 
display : block;
clear : left;
} 
.clearright { 
display : block;
clear : right;
} 
.hide { 
display : none;
}
p{
text-align: justify;
} 
a { 
color : #666600;
} 
a:visited { 
color : #999999;
} 
a:active { 
color : #669900;
} 
a:hover { 
color : #666600;
text-decoration : none;
} 
body { 
background : #ffffff url(images/bg1.jpg) repeat-x;
} 
#wrap { 
width : 699px;
margin : 0 auto 15px auto;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #666666;
} 
#sitename { 
display : block;
padding : 15px 5px 0 15px;
font-size : 25px;
text-transform : uppercase;
} 
#sitename span { 
font-weight : normal;
color: #209eff;} 
#topbar { 
background-image : url(images/topbg.png);
background-repeat : no-repeat;
height : 48px;
} 
.icons {
float: right;
margin-right: 20px;
margin-top: -30px;
}

.icons a {
border: 0px solid;
}

.icons img {
border: 0px solid;
}
#header { 
background-image : url(images/header-2-.jpg);
background-repeat : no-repeat;
height : 154px;
} 
#header .siteslogan { 
display : block;
font : normal 20px Georgia, "Times New Roman", Times, serif;
text-align : center;
padding : 45px 10px 0 10px;
} 
#topmenu { 
display : block;
list-style : none;
padding : 116px 10px 0 10px;
} 
#topmenu li { 
display : inline;
} 
#topmenu a { 
display : block;
float : left;
height : 28px;
margin : 0 0 0 2px;
text-decoration : none;
padding : 9px 15px 0 15px;
text-align : center;
font-weight: bold;} 
#topmenu a, #topmenu a:visited, #topmenu a:active { 
background : url(images/menu1.jpg) repeat-x;
border-left : 1px solid #abca74;
border-right : 1px solid #abca74;
color : #e2e9c7;
} 
#topmenu a:hover { 
background : url(images/menu2.jpg) repeat-x;
border-left : 1px solid #abca74;
border-right : 1px solid #abca74;
color : #ffffff;
} 
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active { 
background : url(images/menu2.jpg) repeat-x;
border-left : 1px solid #abca74;
border-right : 1px solid #abca74;
color: #000e6a;;
} 
#content { 
background : url(images/contentbg.jpg) repeat-y;
} 
#mainpage { 
width : 415px;
float : left;
padding : 5px 5px 5px 15px;
} 
#mainpage p { 
line-height : 22px;
margin : 0 0 22px 0;
} 
#mainpage blockquote { 
background : #efefef;
display : block;
margin : 5px;
font-style : italic;
} 
h1, h2, h3, h4, h5 { 
color : #240aaa;
font-weight : lighter;
font-family : Arial, Helvetica, sans-serif;
} 
#mainpage h1 { 
font-size : 28px;
} 
#mainpage h2 { 
font-size : 24px;
} 
#mainpage h3 { 
font-size : 20px;
} 
#mainpage h4 { 
font-size : 18px;
} 
#mainpage h5 { 
font-size : 16px;
} 
.postlist { 
list-style : none;
margin : 0;
} 
.postlist li { 
display : block;
padding : 0;
border-bottom : 1px dashed #d6e4a7;
} 
.subhead { 
font-size : 12px;
color : #209eff;
display : block;
margin : 0;
background : #f4f7ea;
margin : 10px 0 0 0;
padding : 2px;
font-weight: bold;} 
.postlist a, .postlist a:visited, .postlist a:active { 
display : block;
padding : 3px 3px 3px 25px;
background : url(images/bullet.jpg) no-repeat 3px 0%;
color : #666666;
text-decoration : none;
} 
.postlist a:hover { 
background : url(images/bullet2.jpg) no-repeat 3px 0%;
color : #000000;
text-decoration : none;
} 
#content #mainpage ol { 
margin : 10px 10px 10px 25px;
} 
#content #mainpage ol li { 
padding : 5px 5px 5px 20px;
} 
#content #mainpage ul li { 
display : block;
padding : 0;
border-bottom : 1px dashed #d6e4a7;
} 
table { 
width : 98%;
border : 3px solid #cccccc;
background : #efefef;
text-align: center;} 
th { 
background : #ffffcc;
padding : 3px;
border-bottom : 1px dashed #cccccc;
text-align : left;
text-align: center;} 
td { 
padding : 3px;
} 
form { 
margin : 0;
padding : 0;
} 
.textfield { 
width : 190px;
background-color : #f3f4e8;
margin : 0;
border : 1px solid #d6d9ae;
} 
.button { 
display : block;
padding : 0;
background-color : #e3e6c8;
margin : 3px;
border : 2px solid #efefef;
color : #999933;
} 
.textfield:hover { 
background : #fbfcf8;
} 
.textfield:focus { 
background : #ffffff;
} 
.gallery { 
background : #efefef;
margin : 0 0 10px 0;
padding : 5px;
} 
.gallery .box { 
display : block;
height : 100px;
float : left;
width : 43%;
padding : 10px 5px 5px 5px;
margin : 8px;
background : #ffffff;
text-align : center;
} 
.box img { 
background : #efefef;
padding : 5px;
} 
.box .caption { 
display : block;
text-align : center;
} 
.box a img, .box a:visited img, .box a:active img { 
border : 1px solid #cccccc;
} 
.box a:hover img { 
border : 1px solid #000000;
} 
h2 .postdate { 
display : block;
float : left;
background : url(images/dateballoon.jpg) no-repeat;
width : 55px;
height : 60px;
} 
.post { 
margin : 10px 0 10px 0;
} 
.post img { 
display : block;
background : #efefef;
border : 1px solid #cccccc;
padding : 5px;
} 
.post h2 a, .post h2 a:visited, .post h2 a:active { 
color : #669900;
text-decoration : none;
} 
.post h2 a:hover { 
color : #000000;
} 
.post .left { 
float : left;
margin : 5px;
} 
.post .right { 
float : right;
margin : 5px;
} 
.metadata { 
display : block;
clear : left;
font-size : 10px;
color : #999999;
border-top : 1px solid #efefef;
text-align : right;
} 
.postinfo { 
display : block;
clear : left;
border-top : 2px solid #cccccc;
padding : 5px;
} 
.comments a, .comments a:visited, .comments a:active { 
display : block;
float : right;
background : url(images/comment2.jpg) no-repeat;
width : 75px;
height : 27px;
padding : 10px 3px 0 50px;
font-size : 8px;
text-decoration : none;
} 
.comments a:hover { 
background : url(images/comment.jpg) no-repeat;
} 
.nocomments { 
color : #999999;
font-size : 10px;
display : block;
} 
.commentlist { 
background : #f5f3e9;
list-style-type : decimal;
list-style-position : inside;
} 
.commentlist li { 
border-bottom : 2px solid #fdfce1;
padding : 5px;
} 
.commentlist cite { 
display : block;
color : #669900;
font-weight : bold;
padding : 0 3px 3px 20px;
} 
.commentmeta { 
display : block;
font-size : 10px;
padding : 3px;
color : #999999;
} 
.commenttxt { 
display : block;
padding : 5px 5px 5px 15px;
} 
#sidebar { 
margin : 0 0 0 435px;
background : url(images/sidebarbg.jpg) repeat-y;
} 
#sidebarcontents { 
padding : 5px 15px 5px 25px;
}
#sidebar p {
margin-top: 10px;
font-size: 12px;
line-height: 18px;} 
.sidegallery { 

margin : 20px 0 10px 50px;
padding : 5px;
} 
.sidegallery .box { 
display : block;
height : 100px;
width : 43%;
padding : 10px 5px 5px 5px;
margin : 8px;
background : #ffffff;
text-align : center;
} 
.sidebox img { 
background : #efefef;
padding : 5px;
} 
.sidebox .sidecaption { 
display : block;
margin-bottom: 10px;
} 
.sidebox a img, .sidebox a:visited img, .box a:active img { 
border : 1px solid #cccccc;
} 
.sidebox a:hover img { 
border : 1px solid #000000;
} 
 

#menu { 
list-style : none;
} 
#menu li ul { 
list-style : none;
} 
#menu li ul li { 
display : block;
height : 25px;
border-bottom : 1px solid #efefef;
} 
#menu li ul a, #menu li ul a:visited, #menu li ul a:active { 
display : block;
height : 20px;
padding : 5px 5px 0 5px;
text-decoration : none;
color : #333333;
} 
#menu li ul a:hover { 
background : #f8f9f2;
color : #000000;
} 
#menu h2 { 
display : block;
border-bottom : 1px solid #d2e6ca;
padding : 5px;
margin : 10px 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
color : #209eff;
font-weight : lighter;
} 
#footer { 
background : url(images/footer.png) no-repeat;
height : 36px;
padding : 10px;
color : #666666;
} 




#boxes {
width: 404px;
margin-left: 5px;
}
.bbox1 {
background-image: url(images/redbg.jpg);
width: 190px;
float: left;
margin-top:  5px;
}
.bbox1 p {
color: #207fbb;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
}
.bbox1 h2 {
margin-top: 10px;
margin-left: 25px;
color: #a2e629;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: lighter;
}
.bbox1 h5 {
font-weight: lighter;

}

.bbox2 {
background-image: url(images/greenbg.jpg);
width: 190px;
float: right;
margin-top:  5px;
}
.bbox2 p {
color: #207fbb;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin-top: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: justify;
}
.bbox2 h2 {
margin-top: 10px;
margin-left: 25px;
color: #ff0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: lighter;
}
.bbox2 h5 {
font-weight: lighter;
}