@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;border:0;}
body{background:#333 url(../images/bg1.gif) repeat 0 0; font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:20px 0}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:none;}
:focus{outline:0}
.img1{float:left; margin:0 15px 10px 0;}
.img2{float:right; margin:0 0 10px 15px}
em{font-style:normal}
ul,ol{list-style:none}
.float-l{float:left}
.float-r{float:right}
.clear{clear:both; height:0; font-size:0px}


/* typography */
p{margin:0 0 15px 0; line-height:140%}
.p2{margin:0 0 0 0;}
h1, h2, h3, h4, h5, h6{font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-bottom:15px;}
h1{font-size:24px}
h2{font-size:22px; color:#bdd531}
a{color:#bdd531; text-decoration:none}
a:hover{color:#bdd531; text-decoration:underline}



/*  Form
input.text,textarea,select{background:#fff; font:normal 12px arial; color:#666; border:1px solid #ccc; padding:4px}
input.text:focus,textarea:focus,select:focus{border-color:#107ace; color:#107ace}
input.btn-1,input.btn-2{background:#0895ef url(../images/bg-btn1.gif) repeat-x 0 0; font:bold 12px arial; color:#fff; border:1px solid #107ace; padding:4px 10px; text-decoration:none; cursor:pointer}  */



/*  header */
.header{padding:0 20px}
#logo{background:url(../images/logo.gif) no-repeat 0 0; width:355px; height:235px; margin-bottom:15px}
#logo a{width:355px; height:235px; display:block; text-indent:-9999px}
#call{float:right; margin-top:60px; line-height:150%; text-align:right}

#navigation {background:#a8be27 url(../images/bg-nav.gif) repeat-x 0 0; padding:8px 0; text-align:center}
#navigation ul li{display:inline; font-size:14px; font-weight:bold}
#navigation ul li a{padding:0 18px; color:#000; font-weight:bold}
#navigation ul li a:hover{color:#fff; text-decoration:none}



/*  footer  */
.footer{background:url(../images/bgfooter.gif) no-repeat 0 bottom; width:886px; margin:0 auto; padding:30px 20px 15px 20px; text-align:center; color:#fff}
.footer ul{margin-bottom:18px}
.footer ul li{display:inline; padding:0 20px; border-right:1px solid #aaa; font-weight:bold;}
.footer ul.link li{padding:0 20px; border-right:0;}
.footer ul.link li a{color:#bdd531}
.footer ul.link li a:hover{ text-decoration:underline;}
.footer ul li em{color:#bdd531}
.footer .copy{color:#999; font-size:11px; margin-bottom:0}



/*  */
#main{width:926px; margin:0 auto}
#main .midcor{background:#000; border-left:3px solid #fff; border-right:3px solid #fff;}
#main .topcor{background:url(../images/bgtopcor.gif) no-repeat 0 0; height:16px; font-size:0px}

.contentleft{width:530px; float:left; padding:25px; padding-right:0}
.rightpanel{width:300px; float:right; padding:25px; padding-left:0}
.leftpanel{width:300px; float:left; padding:25px; padding-right:0}
.contentright{width:530px; float:right; padding:25px; padding-left:0}

.offer{background:#cdedfb url(../images/bgoffer.gif) repeat-x 0 0; padding:15px; color:#333}
.offer h2{color:#000;}
.offer a{color:#000;}


.contentsp{width:870px; float:left; padding:25px; padding-right:0}


.contentleftm{width:400px; float:left; padding:25px; padding-right:0}
.rightpanelm{width:430px; float:right; padding:25px; padding-left:0}

.offerm{background:#cdedfb url(../images/bgoffer.gif) repeat-x 0 0; padding:15px; color:#333}
.offerm h2{color:#000;}
.offerm a{color:#000;}

#gallery { padding:10px 30px 80px 30px; position:relative; margin-bottom:20px; }

 #gallery ul {display:block; width:750px; text-align:center; padding-left:30px; }

 #gallery li {display:inline; margin:10px 10px 10px 10px; float:left; border:1px solid #aaa; padding:10px 10px 10px 10px;}

 #gallery li a span {display:block; margin:5px 0;}



/* event */
.calendar{margin-bottom:30px; border:1px solid #333; padding:10px 0; background:#1a1a1a}
.calendar table td{padding:5px; text-align:center}
.calendar table th{background:#333; padding:3px; text-align:center; font-weight:normal}
.calendar h2{font-size:18px; font-weight:normal; color:#ccc; margin-bottom:10px}
.calendar .left, .calendarnav .left{float:left; margin:0 0 0 10px; font-size:18px; color:#ccc}
.calendar .right, .calendarnav .right{float:right; margin:0 10px 0 0; font-size:18px; color:#ccc}
.calendarnav{padding-bottom:40px;}

.eventdesc{margin:0 0 10px 0}
.eventdesc p{margin-bottom:10px}
.hr{border-bottom:1px solid #222; height:1px; font-size:0px; clear:both; margin-bottom:10px}

.eventfor dt{float:left; width:100px; margin-bottom:5px}
.eventfor dd{margin:0 0 5px 100px}