/* NSWRFS JoinTheRFS CSS

   Created By: Aaron Lepik

   Date: 19/09/08 */



* { padding:0; margin:0; }



BODY { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #999999; background: #000000 url("../images/bodybg.jpg") center top no-repeat;}



/********* Common CSS Starts here *********/



a { outline: none; }

a{ font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#EDAD31; text-decoration: underline; outline: none;}

a:hover { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#EDAD31; text-decoration: none; outline: none;}



.input { font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #424242; color: #999999; background:#000000; padding-left: 2px; }	

textarea { font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #424242; color: #999999; background:#000000; padding-left: 2px; }	

select {  font: normal 12px Verdana, Arial, Helvetica, sans-serif;}

img { border: none; }



#midd-img #hero-flash { width: 615px; height: 200px;}

#midd-img #hero-flash a { background: transparent url("../images/hero-flash.jpg") top left no-repeat; border: none; width: 615px; height: 200px; display: block; }

#midd-img #hero-flash span { display: block; width: 0; height: 0; overflow: hidden; }



form { margin: 0; padding: 0;}



.clear { clear: both; }



/********* Common CSS End here *********/



.mainbg { background: transparent url("../images/mainbg.jpg") left top no-repeat; }

#wrapper { width: 960px; margin: 0 auto; }

#toppart { width: 960px; height: 99px; }

.topleft { width: 469px; float: left; height: 99px; background-position: 20px 0px; }

.topleft h1 a { display: block; width: 469px; height: 99px; }

.topleft h1 a span { display: block; width: 0; height: 0; overflow: hidden; }

.topright { width: 491px; float: left; height: 99px; background-position: 0px -449px; }



ul#topnav { margin: 0; padding:0; }

ul#topnav li { float: left; list-style-type: none; }

ul#topnav li a.home { background-position: -449px 0px; height: 76px; width: 66px; float:left;}

ul#topnav li a.home:hover { background-position: -449px -76px;  height: 76px; width: 66px;  }

ul#topnav li a.position { background-position: -515px 0px; height: 76px; width: 82px; float:left;}

ul#topnav li a.position:hover {  background-position: -515px -76px; height: 76px; width: 82px;  }

ul#topnav li a.faqs { background-position: -597px 0px; height: 76px; width: 54px; float:left;}

ul#topnav li a.faqs:hover { background-position: -597px -76px; height: 76px; width: 54px;  }

ul#topnav li a.testimonials { background-position: -651px 0px; height: 76px; width: 107px; float:left;}

ul#topnav li a.testimonials:hover { background-position: -651px -76px; height: 76px; width: 107px;  }

ul#topnav li a.enrolnow { background-position: -758px 0px; height: 76px; width: 93px; float:left;}

ul#topnav li a.enrolnow:hover { background-position: -758px -76px; height: 76px; width: 93px;  }

ul#topnav li a.contact { background-position: -851px 0px; height: 76px; width: 89px; float:left;}

ul#topnav li a.contact:hover { background-position: -851px -76px; height: 76px; width: 89px;  }

ul#topnav span { display: block; width: 0; height: 0; overflow: hidden; }



#middpart { width: 960px; margin-top: 40px; clear: both; }

#middRepeat h1 { margin: 0; padding: 5px 0 5px 0; }

#middRepeat p { margin: 0; padding: 10px 0 10px 0; }

#middRepeat ul { margin: 0; padding: 5px 0 10px 30px; }

#middRepeat ul li { padding: 5px 0 5px 0; }

#middRepeat ul.pdf { line-height: 20px; list-style-type: none; }

#middRepeat ul.pdf li { padding-left: 20px; background: transparent url("../images/icon_pdf.gif") 0 7px no-repeat; }

#middRepeat a { color: #EDAD31; text-decoration: underline; }

#middRepeat a:hover { color: #FFFFFF; text-decoration: underline; }

#midd-leftpart { width: 620px; float: left; padding-left: 20px; padding-right: 30px;  }

.midd-content { margin-top: 35px; width: 615px;}

.midd-topcornerbg #topInner { background: transparent url("../images/midd-topcornerbg.png") left top no-repeat; height: 14px; }

.midd-bottcornerbg #botInner { background: transparent url("../images/midd-bottcornerbg.png") left top no-repeat; height: 14px; }

.midd-bodycornerbg #middRepeat { background: transparent url("../images/midd-bodycornerbg.png") left top no-repeat; min-height: 238px; padding: 7px 25px 7px 25px; }

* html body .midd-bodycornerbg #middRepeat { height: 238px; }



.midd-bodycornerbg p { margin-bottom: 30px; line-height: 20px; }

.midd-bodycornerbg em { font-style:normal; color: #FFFFFF; }

.midd-bodycornerbg h2 { margin: 0; padding: 5px 0 5px 0; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #EDAD31; }

.midd-bodycornerbg h3 { margin: 0; padding: 10px 0 0 0; font: bold 13px Arial, Helvetica, sans-serif; color: #EDAD31; }

.top { text-align: right; }



#midd-rightpart { width: 250px; float: left; padding-left: 31px; }

.campaign-video { padding: 24px; font-size: 11px; }

.campaign-video p { margin-top: 0px; margin-bottom: 14px; }

.campaign-video h3 { margin: 0; padding: 0; font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #EDAD31; margin-bottom: 10px;}

.campaign-video h3 a { font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #EDAD31; text-decoration: none; }

.campaign-video h3 a:hover { font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }

.campaign-video-img { background: transparent url("../images/campaign-video-img.gif") left top no-repeat; height:115px; width:198px; border: 1px solid #000000; }

.campaign-video-img span { display: block; width: 0; height: 0; overflow: hidden; }

.img-border { border: 1px solid #222222; }

.video-play-img { margin: 0; padding: 40px 0 0 80px; }

.video-play-img a { background: transparent url("../images/play-img.gif") left top no-repeat; height:30px; width:35px; display: block; }

.video-play-img a:hover { background-position: 0 -30px; display:block; height:30px; width:35px; }

.video-play-img span { display: block; width: 0; height: 0; overflow: hidden; }

.thumb_img img { border: 1px solid #222222;  margin-bottom: 15px;}

.thumb_img:hover { background-color: transparent;}

.thumb_img:hover img { border: 1px solid #EDAD31; }

.testimonial-img { float: left; margin-right: 20px; display: inline; }

a.becomemember { background-position: -681px -248px; height: 60px; display: block; }

a:hover.becomemember { background-position: -681px -179px; height: 60px; display: block; }

a.becomemember span { display: block; width: 0; height: 0; overflow: hidden; }



#middRepeat .volunteers { margin: 0; padding: 3px 0 0 0; }

#middRepeat .volunteers ul { margin: 0; padding: 0 0 0 41px; list-style-type: none; overflow: hidden; }

#middRepeat .volunteers ul li { margin: 0; padding: 12px 43px 13px 0; float: left; width: 88px; text-align: center; display: inline; }

#middRepeat .volunteers ul li a { background: #111111; color: #999999; margin: 0; padding: 0; display: block; width: 88px; height: 70px; border: 1px solid #222222; text-decoration: none; }

#middRepeat .volunteers ul li a:hover { display: block; width: 88px; color: #EDAD31; border: 1px solid #EDAD31; text-decoration: none; }

#middRepeat .volunteers ul li a span { padding: 51px 0 0 0; display: block; color: #EDAD31; }



#middRepeat .volunteers ul li#t-ben a { background: #111111 url("../images/testi-ben.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-bill a { background: #111111 url("../images/testi-bill.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-brett a { background: #111111 url("../images/testi-brett.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-canteen a { background: #111111 url("../images/testi-canteen.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-greg a { background: #111111 url("../images/testi-greg.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-kaisu a { background: #111111 url("../images/testi-kaisu.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-kath a { background: #111111 url("../images/testi-kathleen.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-lance a { background: #111111 url("../images/testi-lance.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-larry a { background: #111111 url("../images/testi-larry.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-liz a { background: #111111 url("../images/testi-liz.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-mark a { background: #111111 url("../images/testi-mark.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-matt a { background: #111111 url("../images/testi-matt.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-mikayla a { background: #111111 url("../images/testi-mikayla.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-rebel a { background: #111111 url("../images/testi-rebel.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-tania a { background: #111111 url("../images/testi-tania.gif") left top no-repeat; color: #999999; }

#middRepeat .volunteers ul li#t-tina a { background: #111111 url("../images/testi-tina.gif") left top no-repeat; color: #999999; }



#middRepeat .leftlist, #middRepeat .rightlist { float: left; width: 250px; }



#formContent { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 10px 0; padding: 0; width: 375px; }

#formContent form { margin: 0; padding: 0; width: 375px; }

#formContent fieldset { margin: 15px 0 0 0; padding: 7px 15px 15px 15px; background-color: #222; border: 1px solid #444;  }

#formContent fieldset fieldset { background-color: #333; margin: 0; padding: 3px 10px 8px 10px; }

#formContent ol { list-style-type: none; }

#formContent ol li { padding: 5px 0 5px 0; clear: both; line-height: 25px; }

#formContent ol li label { float: left; width: 150px; margin: 0; padding: 0; }

#formContent ol li input { font-size: 11px; width: 180px; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #333; color: #fff; border: 1px solid #444; }

#formContent ol li select { font-size: 11px; width: 185px; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #333; color: #fff; border: 1px solid #444; }

#formContent p.legend { margin: 0; padding: 10px 0 0 0; clear: both; }

#formContent p { font-size: 12px; margin: 0; padding: 5px 0 5px 0; }

#formContent p.reqfield { float: left; background-color: transparent; color: #666666; margin: 0; padding: 10px 0 0 0; }

.label { margin: 0; padding: 0; }

.label p, .label label { float: left; margin: 0; padding: 7px 0 0 0; display: inline; }

.field { margin: 0; padding: 4px 0 4px 0; height: 20px; }

.fieldoption label { width: 100%; clear: both; }

.fieldoption label input { margin: 0 3px 0 0; padding: 0; }

em.required { background-color: transparent; color: #EDAD31; }

#send p { margin: 0; padding: 10px 0 0 0; text-align: right; }

#send p input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; font-weight: bold; background-color: #000; color: #EDAD31; border: 1px solid #444; cursor: pointer; }



#bottpart { width: 960px; float: left; clear: both; }

.bottomarea { margin: 26px 0 30px 0; height: 65px; background-position: center bottom; text-align: left; color: #444444; font-size: 11px; line-height: 21px; }

.bottomarea a { font-size: 11px; color: #808080; text-decoration: none; }

.bottomarea a:hover { font-size: 11px; color: #EDAD31 ; text-decoration: underline; }

.bottomarea p { padding: 11px 0 0 296px; float: left; }

.bottomarea p.copy { padding: 5px 0 0 216px; }



.bottomarea p.nswgov { margin: 0; padding: 0; width: 200px; height: 58px; float: right;  }

.bottomarea p.nswgov a { display: block; width: 200px; height: 58px; }

.bottomarea p.nswgov a span { display: block; width: 0; height: 0; overflow: hidden; }



a.bottlink {  color: #444444; text-decoration: none;}

a:hover.bottlink  { color: #666666; }