*{
margin : 0px;
padding : 0px;

} 

body {
background : #fff;
font-family : "Helvetica","Arial","Tahoma";
font-size : 14px;
font-color : #5DB609;

} 
h3 {
    text-align : center;
    text-decoration : underline;
}

p {
   padding : 2%;
}

   img {
       text-align : center;
       max-width : 100%;
       height : auto;
       width : auto;
}

#wrapper {
         margin : 0 auto;
         max-width : 900px;
         width : 100%;
         background : #fff;
         padding : 2%;
         border-radius : 10px;
}

header {
        padding : 0px;
        text-align : center;
         
}

#logo {
        text-shadow : 1px 1px 1px #5DB609 ;
        color: #DF0C21;
        font-size: 50px;
         float : left;
       margin : 10px 0px 0px 10px;
         
}

.post {
        background-color: #fff;
        padding : 5px;
        border:1px solid #000;
        margin-bottom : 4px;
         
}

.post p {
        margin-bottom : 10px;
         
}

.post p: last-child {
        margin-bottom : 0px;
         
}

h1 {
        font-size : 20px;
}
#wrapper{
margin:0 auto;
max-width:1020px;
width:98%
background:#fff;
border:10px solid #2CC16F;
border-radius:2px;
box-shadow:0  0  10px 0px rgba(12, 3, 25, 0.8);
}


/*rules for MPZemail*/
/*========================*/

.mpz-frmHolder
{
	width: 400px
}
.mpz-frmTitle
{
	display: block;
	margin-bottom: 10px;
	font-size: 24px;
	color: #000000;
	font-family: arial;
}
.mpz-frmLine
{
	display: block;
	margin-bottom: 10px;
	position: relative;
}
.mpz-frmLineTitle
{
	display: block;
	margin-bottom: 5px;
	font-size: 20px;
	font-family: arial;
}
.mpz-frmInput
{
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-family: arial;
	border: 1px solid #CCCCCC;
	padding: 5px;
	text-indent: 2%;
	width: 100%;
}

.mpz-frmReqStar
{
	display: block;
	position: absolute;
	font-size: 20px;
	color: #FF0000;
	font-family: arial;
	right: 0px;
	bottom: 0px;
}
.mpz-frmInline
{
	width: auto;
	float: left;
}
.mpz-submitButton
{
	display: inline-block;
	background-color: #000000;
	color: #FFFFFF;
	padding: 15px;
	border-radius: 10px;
	cursor: pointer;
	font-size: 16px;
}
.mpz-submitButton:hover
{
	background-color: #333333;
}

.button{
 text-decoration:none; 
 text-align:center; 
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#d41336; 
 background-image: -moz-linear-gradient(top, #d41336 0%, #f73c08 100%); 
 background-image: -webkit-linear-gradient(top, #d41336 0%, #f73c08 100%); 
 background-image: -o-linear-gradient(top, #d41336 0%, #f73c08 100%); 
 background-image: -ms-linear-gradient(top, #d41336 0% ,#f73c08 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f73c08', endColorstr='#f73c08',GradientType=0 ); 
 background-image: linear-gradient(top, #d41336 0% ,#f73c08 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  }





/*rules for navigationmenu*/
/*========================*/

ul#navmenu, ul.sub1, ul.sub2 {
list-style-type: none;
font-size: 9pt;


}

ul#navmenu li {
width: 125px;
text-align: center;
position: relative;
float: left;
margin-right: 4px;

}

ul#navmenu a {
text-decoration: none;
display: block;
width: 125px;
height: 25px;
line-height: 25px;
background-color: #25E607;
border: 1px solid #920E0E;
border-radius: 5px; 

}

ul#navmenu .sub1 li {

}


ul#navmenu .sub1 a {
margin-top: 5px; 

}

ul#navmenu .sub2 a {
margin-left: 10px; 

}

ul#navmenu li:hover > a {
background-color: #CFC; 

}

ul#navmenu li:hover a:hover {
background-color: #FF0; 

}

ul#navmenu ul.sub1 {
display: none;
position: absolute; 
top: 26px;
left: 0px;

}

ul#navmenu ul.sub2 {
display: none;
position: absolute; 
top: 0px;
left: 126px;

}

ul#navmenu li:hover .sub1 {
display: block;

}


ul#navmenu .sub1 li:hover .sub2 {
display: block;

}


#nav a:hover, nav li.active a {
                             background-color : #322F2C;
                             color: #fff;
}

.darrow {
font-size: 11pt;
position: absolute;
top: 5px;
right: 4px;
}

.rarrow {
font-size: 11pt;
position: absolute;
top: 11px;
right: 4px;
}


.clear  {
clear:both;
}
#social {
        text-align : center;
}
#social img {
            padding-top : 5px;
            height : 50px;
            width : 50px;
}
.left-col {
          background : #fff;
          width : 45%;
          float : left;
          margin-top : 2%;
          border-radius : 10px;
}
.sidebar {
          background : #fff;
          width : 45%;
          float : right;
          margin-top : 2%;
          border-radius : 10px;
}
.vid {
      position : relative;
      padding-bottom : 56.25%;
      padding-top : 30px;
      height : 0;
      overflow : hidden;
      
}
.vid iframe {
            position : absolute;
            top : 0;
           left : 0;
           width : 100%;
          height : 100%;
         
}
footer {
        background : #A09885;
        border-radius : 50px;
}

/*----------------------MEDIA!!!---------------*/
@media screen and (max-width:478px){
body
{font-size: 15px;

}

}

@media screen and (max-width:478px){



nav {

width: 100%;
margin-bottom: 10px;
}

nav ul {
list-style: none;
margin: 0 auto;
padding-left: 0;

}

nav ul li {
text-align: center;
margin: left: 0 auto;
width: 100%;
border-top: 1px solid #878E63;
border-right: 0px solid #878E63;
border-bottom: 1px solid #878E63;
border-left: 0px solid #878E63;

}

nav ul li a {
padding: 8px 0;
font-size: 16px;
}

.left-col {
width: 100%;
}

.sidebar {
width: 100%;
}

.section {
float:left;
width: 100%;
margin: 0;
}

}