html,body{
margin:0;
padding:0;
text-align:left;
}

.group:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


#header{
position:relative;
padding:36px 0;
background:url('/images/site/bg.png');
background-repeat:no-repeat;
background-position:800px 0;
}
#header #logo{
float:left;
background:url('/images/site/csdmfd_logo.png');
background-repeat:no-repeat;
margin-left:30px;
width:317px;
height:72px;
position:relative;
}
#header #logo a{
display:block;
width:100%;
height:100%;
outline:none;
text-decoration:none;
}
#header #logo a span{
position:absolute;
display:none;
color:#999;
font-size:0.9em;;
left:280px;
top:52px;
}
#header #logo a:hover span{
display:block;
}

#header ul.navigation{
float:left;
margin-top:30px;
margin-left:100px;
z-index:100;
}
#header ul.navigation li{
list-style:none;
float:left;
}
#header ul.navigation li a{
text-decoration:none;
padding:10px 15px;
color:#162C45;
border-bottom:3px solid #e1e1e1;
}
#header ul.navigation li a:hover{
background-color:#eee;
border-bottom:3px solid #ccc;
}
#header ul.navigation li.current a{
border-bottom:3px solid #162C45;
}
#header ul.navigation li.current a:hover{
background-color:#fff;
}

#header ul.subnavi {
position:absolute;
float:left;
left:421px;
top:82px;
background-color:#eee;
z-index:50;
}
#header ul.subnavi li{
float:left;
list-style:none;
top:50px;
border-right:1px solid #e1e1e1;
}
#header ul.subnavi li a{
display:block;
padding:8px 10px;
text-decoration:none;
color:#444;
font-size:0.9em;
}
#header ul.subnavi li a:hover{
background-color:#1C5D8A;
color:#fff;
}

#page_top{
background-color:#162C45;
min-height:176px;
border-top:3px solid #1C5D8A;
border-bottom:1px solid #162C45;
background-image:url('/images/site/page_top/bg.png');
background-repeat:no-repeat;
background-position:right;
}
#page #page_top h1{
color:#fff;
font-size:1.7em;
margin:36px 0 9px 0;
font-weight:normal;
}
#page #page_top p{
font-size:1.2em;
color:#fff;

}
#page p a{

}
#page p a:hover{

text-decoration:none;
}

#page p a:visited{
color:#162C45;
}
#page p a:active{

}


.spacer{
width:100%;
height:1px;
clear:both;
display:block;
margin-bottom:35px;
}



#page h2{
font-size:1.5em;
color:#162C45;
font-weight:normal;
margin:0 0 18px 0;
}
#page h2+span{
margin:0;
line-height:1em;
}
#page h2 span.subtext{
display:block;
font-size:0.8em;
font-weight:normal;
margin:0;
}
#page p{
font-size:1.1em;
}
#page p br{
margin:0;
}
#page li{
font-size:1.1em;
}

#page blockquote{
background-color:#D2DAE3;
padding:9px;
margin:0;
}
#page blockquote p{
padding:9px;
margin:0;
color:#152C45;
font-size:1.2em;
font-style:italic;
line-height:1.4em;
}
#page blockquote img.left{
float:left;
padding-top:9px;
padding-right:18px;
padding-left:9px;
padding-bottom:9px;
}
#page blockquote img.right{
float:right;
padding-left:9px;
}
#page blockquote span{
display:block;
padding-top:8px;
font-size:0.8em;
font-style:normal;
}

#page .box{
display:block;
background-color:#1C5D8A;
padding:9px 20px 9px 15px;
margin-bottom:9px;
text-decoration:none;
color:#fff;
font-size:1em;
border-bottom:2px solid #666;
}
#page a.box{
background-image:url('/images/site/button_bg.png');
background-position:center right;
background-repeat:no-repeat;
border-bottom:none;
}
#page .box span{
display:block;
padding:0 0 3px 0;
margin:0;
color:#fff;
font-size:1.4em;
}
#page .box:hover{
background-color:#162C45;
}
#page .box:hover span{
color:#ccc;
}

#page .box.lb{
background-color:#D2DAE3;
border-bottom:#ccc;
}
#page .box.lb h2{
color:#1C5D8A;
}
#page .box.lb span{
color:#1C5D8A;
}
#page .box.lb p{
color:#000;
}


#page ul.why{
margin:0;
padding:0;
}
#page ul.why li{
list-style:none;
margin-top:9px;
}
#page ul.why li span{
display:block;
font-weight:bold;
padding:3px 0;
font-size:1.1em;
}

#footer{
padding-top:18px;
border-top:1px solid #C9C9C9;
font-size:0.9em;
color:#666;
margin-top: -10px;
}
#footer h1{
font-size:1.3em;
font-weight:normal;
margin:0 0 3px 0;
color:#162C45;
}
#footer p{
font-size:1.1em;
}
#footer p.small{
font-size:0.9em;
text-align:right;
margin:2px 0;
}
#footer p a{
color:#162C45;
}
#footer p a:hover{
color:#162C45;
text-decoration:none;
}
#footer p.small a{
color:#666;
text-decoration:none;
}
#footer p.small a:hover{
color:#333;
text-decoration:underline;
}

/* START:form */
/* Styles for form */

.user-form fieldset {
  background: #efe;
}

.user-form legend {
  color: #dfd;
  background: #141;
  font-family: sans-serif;
  padding: 0.2em 1em;
}

.user-form label {
  width: 5em;
  float: left;
  text-align: right;
  padding-top: 0.2em;
  margin-right: 0.1em;
  display: block;
}

.user-form select, .user-form textarea, .user-form input {
  margin-left: 0.5em;
}

.user-form .submit {
  margin-left: 4em;
}

.user-form div {
  margin: 0.5em 0;
}
/* END:form */

/* Blog */

#blog h1 {

float:left;
width:900px;
font-size: 28px;
color: white;
padding: 5px;
background-color: #162c45;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

#author {

float:right;

font-size:15px;

}

#rss_icon {

float:right;
margin-right:50px;

}

#tags, #tags_index {

float: right;
font-size:13px;
color: #464646;
margin-left:15px;
}

#tags_index {

float:left;
margin-left:0px;

}



.blog {

float:left;
margin-bottom: 25px;
width:700px;
border: 1px dotted #ccc;
padding: 3px;

}

.blog h2 {

border-bottom: 1px solid #CCCCCC;
text-decoration:none;
color:#AD0000;

}

.blog img {

float:right;
width:400px;
height:400px;
margin-right:10px;
margin-left:5px;
border: 1px solid #000;

}

.img_list img {


width:80px;
height:80px;

}

.blog h2 a:hover {

color:#00758E;

}

#new_comment {

float:left;
margin:5px;
margin-bottom: -5px;

}

#comments h2 {

float:left;
text-decoration: none;
color: #000;
font-size: 19px;
}

.new_comment label {
width:300px;

}

#comment_body {

float:left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
width: 500px;
height:150px;
border: 1px solid #707070;
padding:3px;
}

.comment {

float:left;
width:600px;
border: 1px solid #CCCCCC;
margin: 10px;
padding: 2px;
}

textarea#blog_body {

width: 600px;
}