body { padding:0px; margin:0px; font-family:Arial; line-height:1.2em; font-size:100%; background:#ffffff; 
}

#header, #menu, #footer, h1, h2, h3 { font-family:Arial; 
}

#header { color:#000066; background:#ffffff; width:100%; margin:0; padding:0; 
}
#header h1 { padding:20px 0 5px 20px; margin:0; 

}
#header h3 { padding:0 0 15px 20px; margin:0; 

}
#footer { color:#ffffff; background:#000066; font-size:75%; padding:0;
 margin:0; clear:both; width:100%; 
}

#footer p { 
padding:20px 20px; 
}
#content { max-width:1280px; 
margin:20px auto; 
}

#main {
 float:left; width:34%;
 margin:0 0 20px 0; padding:0; 


}

#main .textArea { 
color:#000066; 
margin-right:2%; 
padding:0 2% 0 2%; 
}

.news {
 float:left; width:34%;
 margin:0 0 20px 0; padding:0; 


}

.news .textArea { 
color:#000066; 
margin-right:2%; 
padding:0 2% 0 2%; 
}

.sidebar { background:#808080; float:left; margin:0 0 20px 1%; padding:0; 

border-radius:25px; width:30%; 
}

.sidebar .textArea { padding:20px;
 color:#ffffff; font-size:85%; 
}

#contact p a {
 color: #ffffff;
 text-decoration: none;
 }

#contact p a:hover {
 color: #000066;
 text-decoration: underline;
 }


.img { width:100%; max-width:540px; height:auto; float:left;
	margin:0 10px 10px 0; 
}
#menu ul { margin:0; padding:10px; list-style:none; color:#000066; background:#000066; overflow:hidden; 
}


#menu li { display:inline-block; 
}
#menu a { display:block; color:#000066; text-decoration:none;
 padding:10px; font-weight:bold; 
}
#menu a:hover { background:#000066; color:#000066; 
}



/* MEDIA QUERIES */


@media screen and (max-width: 768px)

{ .news { margin:0 0 20px 1%; clear:both; width:98%; }
.sidebar { margin:0 0 20px 1%; clear:both; width:98%; }
#main {
 clear:both; width:100%; }
#main .textArea { margin:0; } 
}


@media screen and (max-width: 480px)

{ body { font-size:120%; }

.news { margin:0; width:100%; border-radius:0px; }
.sidebar { margin:0; width:100%; border-radius:0px; }
#menu li { display:block; border-bottom-color:#ffffff;
 border-bottom-style:solid;
 border-bottom-width:1px;
 text-align:center;
 padding:5px; }
#menu ul { padding:0; margin:0 0 20px 0;
 } 
}