body {
	background : #DAD5C1;
	font-family : "Helvetica","Arial",Tahoma,Arial,Helvetica,sans-serif;
}

h1 {
	text-align: center;
	text-decoration: none;
}

h2 {
	text-align: center;
	text-decoration: none;
}

h3 {
	text-align: center;
	text-decoration: none;
}
p {
	padding : 2%;
}
img {
	text-align: center;
	max-width : 100%;
	height : auto;
	width : auto;
}
#wrapper {
	margin : 0 auto;
	max-width : 980px;
	width : 96%;
	background : #000040;
	padding : 2%;
	border-radius : 10px;
}
header {
	padding : 5px;
	text-align : center;
}
nav {
	background : #FFFFFF;
	padding : 0;
	margin : 0 0;
	border-radius : 10px;
}
nav ul {
	list-style : none;
	margin-left : 7%;
	padding : 0;
}
nav li a {
	color : #3D81EE;
	display : block;
	float : left;
	padding : 20px;
	text-decoration: underline;
        font-weight: bold;
}
nav a:hover, nav li.active a {
	background-color : #003366;
	color : #fff;
}
.clearfix {
	clear : both;

}


#content { text-align: left;
           padding: 5px 5px 5px 5px; 
           width: 97%; 
           margin: 0px; 
           border: none;
           background : #DAD5C1; }

content a:link { color: #0000ff;
                  font-weight: bold; 
                   } 
content a:visited { color: #0000ff;
                     font-weight: bold; 
                     } 

content a:hover { color: #00C000;
                   
                }


.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 {
	float : left;
	width : 100%;
	margin-top : 2%;
	border-radius : 10px;
	background-color : #DAD5C1;
}





/*-------Media------*/

@media screen and (max-width: 478px) 	{
body {
	font-size: 13px;
}
}

@media screen and (max-width: 740px) 	{
.left-col {
	width: 100%;
}
.sidebar {
	width: 100%;
}
}