body {position:relative; width:100%; height:100%; margin:0; padding:0; border:0; background:#253149; overflow:auto; text-align:center; font-family:'Open Sans', sans-serif; color:#bbc1cc; font-weight:lighter; font-size:15px;}
.clear {clear:both}

#header {position:relative; margin:0; padding:10px 0 10px 0; width:100%; background:#1f242e; z-index:10;}
#header .left, #header .right {position:relative; padding:0; border:0;}
#header .right {width:70%; font-size:12px}
#header .right p a:link, #header .right p a:active, #header .right p a:visited {color:#bbc1cc; text-decoration:none}
#header .right p a:hover {color:#bbc1cc; text-decoration:underline}
#header .left img {position:relative; margin:0 0 0 10px; height:60px;}
@media screen and (min-width:600px){
   #header .left {width:150px; float:left; text-align:left}
   #header .right {float:right; text-align:right; line-height:20px}
   #header .right p {margin:0 10px 0 0}
}
@media screen and (max-width:599px){
   #header .left, #header .right {width:100%; float:none; text-align:center;}
   #header .right p {margin:15px 0 0 0}
}
.title {position:relative; width:96%; margin:50px 0 0 0; padding:0 2% 0 2%; color:#44cc88; font-weight:normal; font-size:40px;}
#bdv {position:relative; width:80%; min-width:300px; max-width:800px; margin:50px auto 0 auto; padding:10px 0 10px 0; background:#bbc1cc; border-radius:10px; color:#000000; line-height:30px; font-weight:normal; }
#bdv .logo {position:relative; display:block; width:50%; max-width:200px; margin:0 auto 20px  auto;}
#bdv a:link, #bdv a:active, #bdv a:visited {color:#000000; text-decoration:none}
#bdv a:hover {color:#000000; font-weight:normal; text-decoration:underline}