/* -------------------------------------------- */
/* ------------------Style--------------------- */

html,
 
body:before {   
  
 width: 77%;   
  padding: 1em 10%;    
  float: right;   
  clear: both;   
  font-size: 14px;   
  font-size: .875rem;   
  

 } 


@media only screen and (min-width: 30em) { 
body:before {
	
}
} /* End of min-width:480px */


/* 600px / 16 = 37.5em */
 { 
body:before {
	content: "We're in the 600px/37.5em -> 768px/48em range";
}
}/* End of min-width:600px */

 /* body {width:960px; padding-left:30px; padding-right:30px ;margin:0;} */
body {color: #474747;font: 12px/25px Arial, Helvetica, sans-serif;}

a{color: #474747;text-decoration: none;}
a:hover {color: #5EB7CB;; text-decoration: none;}

a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #3F3F3F;border:1px solid #ffffff; -webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}
a.button {	display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
a.button:hover{}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
h1{ margin-top: -30px;}
/* -------------------------------------------- */
/* ------------------Navigation---------------- */
nav { background-color:#B8DBFF; border-bottom: 1px solid #CCC; margin-top:-20px}
nav .wrap-nav{height: 37px;}

.menu ul {list-style: none;margin: 0;padding: 0;}
.menu  ul li {position: relative;float: left;padding: 6px 5px 0px 5px;}
.menu  ul li:hover {}
.menu  ul li a {font-size: 14px; line-height:14px;color:#333333;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative; text-transform:uppercase; }
.menu  ul li:hover a {color:#ffffff; background-color:#5EB7CB; -webkit-border-radius: 3px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	border-radius: 3px; }

.minimenu{display:none;}
.minimenu{position: relative;margin: 0px;background:#5EB7CB; border: 1px solid #CCC;}
.minimenu div{overflow: hidden;position: relative;font: 18px/40px 'PT Sans Narrow';color: #ffffff;text-align:center;text-transform:uppercase;font-weight:bold;}
.minimenu select{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%; opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);	cursor: pointer;}

/* -------------------------------------------- */
/* ------------------Navigation---------------- */


/* -------------------------------------------- */
/* ------------------Content------------------- */
#content { background: white ; padding:30px 0px;}
#content .wrap-content{}

#main-content{}
#main-content article{ clear: both;repeat-x; padding:20px; margin-bottom:20px; border:1px solid #CCC;}
#main-content article h2{font-size:22px; line-height:25px;}
#main-content article .info{font-style:italic; background:#5EB7CB; color:#ffffff; padding:3px 5px;}
#main-content article .info a{color: #ffffff; text-decoration:underline;}
#main-content article img{float:left; margin-right:20px; border:1px solid #CCC;}
#main-content article p{margin-bottom:10px;}



#sidebar{}
#sidebar .box{margin-bottom:20px;}
#sidebar .heading{ padding:8px 20px; border:1px solid #CCC; background:#B8DBFF;}
#sidebar .heading h2{font-size:22px; font-weight:normal; display:inline;}
#sidebar .content{ border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background: white;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
/*footer {background-color:#A2A2A2;margin-bottom:-5px;margin-top:0px}

.copyright{text-align:center; padding:10px 0px;color:#ffffff; }
.copyright a{text-decoration:underline; color:#ffffff; }*/