/* CSS Document */

*, html { margin:0; padding:0; }
body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
ul,li { margin:0; padding:0; list-style:none; }
p { line-height:24px; margin-bottom:10px; }
a:hover { color:#3a6c0b; text-decoration:none; }
h4 { padding:10px 0; font-size:14px; }
.wrapper,.contentWrapper { width:998px; margin:0 auto; max-height:100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); border:solid #ccc; border-width:0 1px 0 1px; }
.container { position:relative; max-height:100%; }
.header { background:url(images/header.jpg) no-repeat; width:100%; height:300px; }
.header .menu { width:470px; float:right; margin:7px; margin-top:0; }
.header .menu li { display:inline-block; padding:10px; margin:0 5px;}
 .header .menu li:hover { background:#3a6c0b; }
 .header .menu li:hover a { color:#fff; }
.header .menu li a { line-height:14px; color:#333; text-decoration:none; font-size:11px; text-transform:uppercase; font-weight:bold; font-family:Tahoma; }

.content { background-color:#FFF; width:99%; margin-top:10px;  }
.contentWrapper { -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-top:15px; position:relative; overflow:auto; max-height:100%; border-width:1px 1px 1px 1px; }
.contentWrapper.col-1 { width:75%; float:left; }
.contentWrapper.col-2 { width:23%; float:right; }
.content .box { padding:10px; }
.content h3 { font-size:16px; color:#006600; font-weight:bold; margin-bottom:10px;}
.col-2  ul { padding:0; margin:0; }
.col-2  ul li.first { padding-top:0; }
.col-2  ul li { padding:10px 0; border-bottom:1px dashed green; padding-left:5px; }
.col-2  ul li  a { text-decoration:none; color:#0000ff; }
.col-2  ul li  a:hover { text-decoration:underline; } 


ul.bul-style { margin-bottom:10px; margin-left:20px; margin-top:-10px;}
ul.bul-style li { list-style:circle; list-style-position:inside; }

.tag {
width: 911px;
background-color: rgb(255, 255, 255);
padding: 10px 0;
margin: 0px auto;
margin-right: 21px;
border-radius: 0 0 10px 10px;
margin-top: -1px;
-webkit-box-shadow: 0px 10px 16px -2px rgba(0,0,0);
-moz-box-shadow: 0px 10px 16px -2px rgba(0,0,0);
box-shadow: 0px 10px 16px -2px rgba(0,0,0);
}

.tag h3:before { content:'*'; }
.tag h3 { font-size:21px; font-family:"Courier New", Courier, monospace; padding-left:10px; color:#006600; font-weight:bold; }

.footer { background:#eee; padding:5px 0; margin-top:10px; }
.footer p { text-align: center; line-height:41px; }


blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}