@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
a{color:#61AB2E;outline:none}
a img{border:none}
body{background:#b9db7d url(images/bg.jpg) top center no-repeat;font:.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
.textarea{width:100%;max-width:600px;margin:0 auto}
h1{display:block;background:url(images/logo.gif) no-repeat; width:600px;height:83px;margin:0 auto}
h2{display:block;background:#000 url(images/tagline.gif) center center no-repeat;width:100%;height:41px;text-align:center;margin:10px 0}
h3{color:#CE3249;font:normal 1.6em Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;}
h4{background:url(images/booktoday.gif) center center no-repeat;width:550px;height:80px;margin:30px 0 20px 0}
h5{display:block;background:#000 url(images/footnote.gif) center center no-repeat;width:100%;height:61px;text-align:center;margin:10px 0}
h1 span,h2 span,h4 span,h5 span,#tagline span{display:none}
#sponsor{background:url(images/bop_sponsor.png) no-repeat;width:600px;height:190px;margin:0 auto}
#bus{background:url(images/bus.gif) no-repeat;width:550px;height:270px;margin:10px auto 0;text-align:center;color:#FFF;padding:250px 25px 50px 25px;font-size:1.3em}
#bus a{color:#b9db7d}
ol,ul,p{margin-bottom:20px;line-height:1.2em}
.small{font-size:11px;}
ol,ul{margin-left:30px}
.centre{text-align:center;margin-bottom:20px;padding-top:20px; border:double #789524; background-color:#B8D962}
.alignleft{float:left;margin:0 20px 20px 0}
.alignright{float:right;margin:0 0 20px 20px}

.facebook_likebox{border:none;overflow:hidden;width:300px;height:395px;float:right;margin:0 0 10px 20px;background-color:#CFE6A5}


/* #Tablet (Portrait)
================================================== */   
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px){
}

/*  #Mobile (Portrait) 
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px){
h1{width:320px;height:44px;background-size:cover}
h2{height:26px;background-size:320px;margin:0}
}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px){	
h1{width:480px;height:66px;background-size:cover}
h2{height:30px;background-size:480px;margin:5px 0}
}