@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue"), local("HelveticaNeue"), url(fonts/MgOpenModernaRegular.ttf);
}

body{
  padding:0; margin:0;
  font-family:MyHelvetica, tahoma, arial, sans serif; letter-spacing:-0.5px; font-size: 1.2em;
  background-image:url(images/body_back.jpg); background-repeat:repeat-x;
}


h1, h2, h3, h4{padding:0; margin:0 0 10px 0; font-weight:normal;}
h1{font-size:1.4em; color:#4b4b4b;}
h2{font-size:1.3em; color:#5680B4; border-bottom:solid 1px #BFBFBF; padding-bottom:40px;}
h3{font-size:1.2em;}

hr{border:0; height:1px; background-color:#636363; margin:11px 0;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

img{border:0;}

.clear{clear:both; height:0px; font-size:1px; overflow:hidden;}

.menu, .banner, .content, .footer{margin:0 auto;}

.menu{background-color:#98c2e8; width:911px; height:36px; padding:30px 0 0 10px;}
  .menu a{color:#fff; padding:15px 8px; font-weight:bold;}
  .menu a:hover{text-decoration:none; color:#212121;}
  
.banner{height:364px; background-image:url(images/banner.jpg); background-position:50% 0; background-repeat:no-repeat; margin:0 auto;}

.content{width:881px; background-color:#efefef; padding:20px 20px 100px;}
  .supporters{width:350px; height:290px; background-color:#212121; float:left; position:relative; top:20px; padding:12px 25px; color:#fbfbfb; text-align:right;}
  .supporters p{margin:0; padding:0; font-size:.9em;}
  .supporters a{color:#fff; padding:15px 8px;}
  .supporters a:hover{text-decoration:none; color:#7FB6DC;}
  
.webcam{
    width:410px; height:340px; padding:30px; float:right; position:relative; left:20px;
    background-image:url(images/photo_back.jpg); background-repeat:no-repeat; background-position:50% 50%;}
	.webcam a{font-size:1em; color:#3780C0; text-align:center;}
	.webcam a:hover;{font-size:1em; text-decoration:none; color:#3780C0; text-align:center;}
  
 
.leftContent, .rightContent{padding-top:15px;}
  .leftContent{width:610px; float:left;}
  .rightContent{width:250px; float:right;}
	.leftContent h2{font-size:1.2em; color:#3780C0; border-bottom:solid 1px #BFBFBF; padding-bottom:32px;}
	.leftContent ul{font-size:.95em; line-height:1.8em;}
	.leftContent p{font-size:.95em;}
	.leftContent a{color:#242424;}
	.leftContent a:hover{text-decoration:none; color:#3287DC;}
	.rightContent h2{font-size:1em; color:#3780C0; border-bottom:solid 1px #BFBFBF; padding-bottom:15px; text-align:center;}
	.rightContent p{font-size:.85em; line-height:1.2em;}
	.rightContent ul{font-size:.8em; line-height:1.8em;}
	.rightContent a{color:#242424;}
	.rightContent a:hover{text-decoration:none; color:#3287DC;}
    .leftContent div, .rightContent div{background-color:#fafafa; margin-bottom:20px; padding:10px 20px;}
	.tweets{width:250px; float:right; margin:0; padding:0;}
	

	.bluelink a{color:#3287DC;}
	.bluelink a:hover{text-decoration:none; color:#135EAF;}

.footer{width:837px; height:100px; padding:156px 42px 0px; background-image:url(images/footer_back.jpg);}
	.footernav {width:250px;}
  	.footernav a{display:block; outline:none; color:#242424; text-decoration:none; line-height:1.5em;}
  	.footernav a:hover{color:#fff;}
	.copyright{padding: 10px 0 10px 0; color:#242424;}
	.built {color:#242424; font-size:1em;}