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

* { margin:0; padding:0;}

body  { font-family: Georgia, "Times New Roman", Times, serif; background: #2f2c2c; margin: 0; padding: 0; color: #000;}

h1 {font-size:24px; letter-spacing:-.03em; margin:0; padding:10px 0;}

h2 {font-size:22px; letter-spacing:-.025em; margin:0; padding:10px 0; font-weight:normal;}

h3 {font-size:18px; letter-spacing:-.025em; margin:0; padding:10px 0; font-weight:normal;}

h4 {font-size:16px; margin:0; padding: 0;; font-weight:normal;}

h5 {font-size:14px; margin:0; padding: 0; font-weight:normal;}

p { padding:0 0 10px 10px;}

a { text-decoration:none; color:#222;}

a:hover { text-decoration:none; color:#990000;}

img, div { behavior: url(../Scripts/iepngfix.htc) }

.highlightit img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 100;}

.highlightit:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);-moz-opacity: 0.6;}

ul {margin: 10px 0 20px 40px;}




#container { width: 900px; background: #000; margin: 0 auto; border-right: 2px solid #000; border-left: 2px solid #000; text-align: left; } 

#picmain { background:url(../image/bg_picmain.jpg) no-repeat center center; width:448px; height:250px; padding:25px;  border-bottom:solid 2px #000; border-left:solid 2px #000;}

#bg_eventlist { background:url(../image/images/bg_eventlist_02.gif) repeat-y center; width:240px; padding:3px 20px; text-align:center; margin:0 auto;}

#bg_eventlist a { text-decoration:none; color:#222; border-bottom:dotted 1px #CCC;}

#bg_eventlist a:hover { text-decoration:none; color:#990000;}

#el_top { background:url(../image/images/bg_eventlist_01.gif) no-repeat; width:280px; height:42px; margin:0 auto;}

#el_bottom {background:url(../image/images/bg_eventlist_03.gif) no-repeat; width:280px; height:31px; margin:0 auto;}

#leftevent { background:#000; float: left; width: 352px; margin:0; padding: 0;}

#eventitle { background:url(../image/bg_eventitle.gif); height:35; padding:10px 20px; font-size:24px; letter-spacing:-.03em; margin:0; color:#FFF;}

#leftabout { background:#FFF url(../image/bg_left.jpg) repeat-x bottom; float: left; width: 352px; margin:0; padding-bottom: 40px;}




/*   Logo   */

#logo { background: transparent url(../image/logo.jpg) top left no-repeat; height:150px;  border-bottom:solid 2px #000; }

#logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }

#logo h1 a { display:block; width:400px; height:150px; }




/*   Main   */

#spotlight { font-size:14px; letter-spacing:-.02em; line-height:20px; background:url(../image/bg_spotlight.jpg) no-repeat top left; width:170px; height:189px; padding:45px 10px 15px 20px; margin:0; border-left:solid 2px #000; float:left; text-align:left;}

#spotlight ul { list-style:none; padding:0; margin-right:10px; }

#spotlight li { background:url(../image/bullet_video.gif) no-repeat left center; border-bottom:dotted 1px #990000; list-style:none; display: block; padding:3px 3px 3px 20px;}

#spotlight a { text-decoration:none; color:#333; }

#spotlight a:hover { text-decoration:none; color:#777; }


#bottomain { font:11px Arial, Helvetica, sans-serif; background:#000; width:296px; height:249px; padding:0; margin:0; border-left:solid 2px #000; float:left; }

.box1 { background:#aca593 url(../image/bg_box1.jpg) no-repeat bottom; border-bottom:solid 2px #000; border-top:solid 1px #AAA; padding:8px 10px; color:#FFF; min-height:65px;}

.box2 { background:#86745f url(../image/bg_box2.jpg) no-repeat bottom; border-bottom:solid 2px #000; border-top:solid 1px #AAA; padding:8px 10px; color:#FFF; min-height:65px;}

.box3 { background:#3f3d3e url(../image/bg_box3.jpg) no-repeat bottom; border-bottom:solid 2px #000; border-top:solid 1px #AAA; padding:7px 10px 8px 10px; color:#FFF; min-height:65px;}

#bottomain a { text-decoration:none; color:#000;}

#bottomain a:hover { text-decoration:none; color:#990000;}

.madpad { font:11px Arial, Helvetica, sans-serif; padding:9px; color:#FFF;}


.services { background:url(../image/bg_services.jpg) no-repeat top center; width:448px; height:95px; padding: 25px 25px 15px 25px;  border-bottom:solid 2px #000; border-left:solid 2px #000; color:#FFF;  line-height:150%; font-weight:bold;}

.services_name { font-size:14px; width:230px; float:left; color: #FFCC99;}

.services_time { font-size:12px; width:218px; float:left; color:#FFF;}

 
#header h1 { margin: 0; padding: 10px 0; }

#leftmain { float: left; width: 400px; background: #000; margin:0; padding: 0;}


#evites { background:#000 url(../image/bg_evites.jpg) no-repeat top left; padding:40px 0 0 90px; height:43px; color:#FFF; width:100%; z-index:10;}

#evites a { text-decoration:none; color:#AAA;}

#evites a:hover {text-decoration:none; color: #FFF;}

#evitepage { font:14px Arial, Helvetica, sans-serif; border-bottom: solid 2px #000; padding:10px 30px;}


#mainContent { background:#000; margin: 0 0 0 400px;} 

#ajaxbox { background: url(../image/bg_ajaxbox.jpg) repeat-x top;}

.textpad { font:13px Arial, Helvetica, sans-serif; line-height:18px; color:#222; padding:10px 20px;}

.picpad { margin-right:10px;}



/*   Resources   */

#leftR { background:#FFF; float: left; width: 449px; margin:0; padding:0; }

#rightR { background:#EEE; margin: 0 0 0 450px; border-left:solid 2px #000;}

.padR { font:18px Arial, Helvetica, sans-serif; letter-spacing:-.03em; padding:10px 40px;}




/*   Pages   */

#logowide { background: transparent url(../image/logo_wide.jpg) top left no-repeat; height:100px;  border-bottom:solid 2px #000; }

#logowide h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }

#logowide h1 a { display:block; width:400px; height:80px; }

#Content { background:#EEE; margin: 0 0 0 352px; border-left:solid 2px #000; min-height:680px;}

#left { background:#FFF; float: left; width: 352px; margin:0; padding:0;}


.calblurb { background:url(../image/bg_calblurb.gif) repeat-x bottom; padding:5px 15px; font:12px Arial, Helvetica, sans-serif; color:#FFF; border-top:solid 2px #000;}

.calblurb a { text-decoration:none; color: #000;}

.calblurb a:hover { text-decoration:none; color:#990000;}


.photoblurb { background: #000 url(../image/bg_photoblurb.gif)  no-repeat center bottom; padding:5px 15px; font:10px Arial, Helvetica, sans-serif; color:#FFF; border-top:solid 2px #000; text-align:center;}

.photoblurb a { color:#FFF; text-decoration:none;}

.photoblurb a:hover { color: #CC0000; text-decoration:none;}

.blurblink { padding-top:22px; text-transform:uppercase; }


.datesm { font:10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFCC; text-transform:uppercase;}

.datesmred { font:10px Verdana, Arial, Helvetica, sans-serif; color:#CC0000; padding-bottom:10px; text-transform:uppercase;}

.smallpad { padding:10px 0;}

.mediapad { background: #222;}

.mediabox {background: url(../image/bg_mediabox.gif) repeat-x bottom; font:13px Arial, Helvetica, sans-serif; padding:15px 40px; border-bottom:solid 2px #000; }

.mediabox h1 {font-size:22px; letter-spacing:-.03em; margin:0; padding:0; font-weight:normal;}

.mediabox h2 {font-size:16px; margin:0; padding: 0;; font-weight:normal;}




/*   Staff   */

#containstaff { width: 900px; background: #EEE; margin: 0 auto; border-right: 2px solid #000; border-left: 2px solid #000; text-align: left; } 

.staffpad {background: #9eaebb url(../image/bg_containstaff.gif) repeat-x top; padding:15px;}

.staffloat {float:left;  margin:6px;}

.staffbox { background:url(../image/bg_staffbox.gif) no-repeat center bottom ; padding: 10px; width:185px; height:240px; }

.staffcontact { background:url(../image/bg_staffcontact.gif) no-repeat ; width:205px; text-align:center; padding:19px 0; height:33px;}

.stafftitle {font:10px Arial, Helvetica, sans-serif; color:#acacac; text-transform:uppercase; padding:3px 0 5px 0;}




.photopage {background: #000 url(../image/bg_photo.jpg) repeat-x bottom; padding:0;}

.photopad { padding:20px 0 20px 20px;}

#phototop { font:12px Arial, Helvetica, sans-serif; background: url(../image/bg_phototop.jpg) no-repeat 0 0; padding:15px;}




/*   Form   */

.form { font: 14px Arial, Helvetica, sans-serif; color:#777; background:url(../image/bg_form.gif) no-repeat top center; width:380px; padding:65px 10px 10px 10px;}

.box { font: 14px Arial, Helvetica, sans-serif; border:solid 1px #ABABAB; width: 200px; background:#FFF; color:#222; padding:3px 6px;}

.contactR { font:12px Arial, Helvetica, sans-serif; padding:10px 40px;}






/*   Nav   */

#navbar { background: url(../image/bg_navbar.jpg) no-repeat top center; font-size:15px; font-weight:bold; letter-spacing:-.015em; width:900px; height:28px; padding-top:12px; border-bottom: solid 2px #000; text-align:left;}

#navbar ul { margin:0;}

#navbar li { list-style:none; display:inline; padding:3px 15px;}

#navbar a { text-decoration:none; color:#FFF; }

#navbar a:hover { text-decoration:none; color:#000; }


/*   Sub Nav   */

#subnav { background:#000 url(../image/bg_subnav.gif) repeat-x bottom; border-top:solid 1px #777; border-bottom: solid 2px #000; padding:1px 12px; font:13px Arial, Helvetica, sans-serif; }

#subnav ul { margin:0px;}

#subnav li {list-style:none; display:inline; padding:3px; width:155px; float:left; }

#subnav a { text-decoration:none; color:#ababab; padding:3px 6px; }

#subnav a:hover { text-decoration:none; color:#EFEFEF; background:#777; padding:3px 6px; }



/*   Footer   */

#footer { background:url(../image/bg_footer.jpg) no-repeat top center; width:900px; height:125px; border-top: 2px solid #000; font-family:"Times New Roman", Times, serif; text-transform:uppercase; text-align:center;} 

#footer a { text-decoration:none; color:#999;}

#footer a:hover { text-decoration:none; color:#EFEFEF;}

#footerpad { margin: 0; padding-top: 40px; letter-spacing:.04em; font-size:12px; color:#FFF;}

#copyright { margin:0; padding-top:20px; letter-spacing:.03em; font-size:12px; color:#999;}






.ten { font-size:10px;}

.fltrt { float: right; margin-left: 8px;}

.fltlft { float: left; margin-right: 8px; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

--> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */


/*   Colours   */

.red {color:#990000;}

.white {color:#FFF;}

.gray {color:#333;}

.ltgray {color:#777;}

.orange {color:#FFCC99;}

.green {color: #339966;}

.blu {color: #6699CC;}

.yella {color:#FFFFCC;}