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

* { margin:0; padding:0;}

body { background:#36322f url(../img/bg.jpg) repeat-x top; margin:0; font-family:Arial, Helvetica, sans-serif;}

h1 { font-size:24px; letter-spacing:-1px; margin:20px 10px 10px 0;}

h2 { font-size:20px; letter-spacing:-1px; margin-bottom:10px;}

a { color: #069; text-decoration:underline;}

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

p  { margin-bottom:10px;}




/*   Logo   */

#top { background: url(../img/bg_logo.jpg) no-repeat top left; width:1000px; height:92px; margin:0 auto;}

#logo { width: 400px; height:92px; margin: 0px; padding:0; background: transparent; }

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

#logo h1 a { display:block; outline:none; }





/*   Main   */

#outer { width:1000px; margin:4px auto 0 auto;}



#left_main { width:650px; float:left;}

.twitdates { background:url(../img/h_twitterupdates.jpg) no-repeat 10px 0px; width:560px; padding:45px 10px 10px 52px; color:#FFF; font-size:13px;}

.twitdates li { list-style:none; margin-bottom:10px;}

.twitdates a { text-decoration:none; color:#09C; font-size:11px;}

.twitdates a:hover { text-decoration:none; color:#999;}

.facebook { background:url(../img/bg_fbfan.png) no-repeat 10px 0px; width:560px; margin-top:20px; padding:45px 10px 0 50px;}




/*   Main Right   */

#right_main { width:350px; float:left;}

.main_buttons { background: url(../img/bg_mainbuttons.png) no-repeat top center; width:324px; height:380px; margin:25px 0; padding: 20px 13px 0 13px;}

.main_buttons img { margin-bottom:6px;}

.mainpic { background:url(../img/bg_mainpic.png) no-repeat bottom center; width:600px; height:400px; padding:25px;}



.mainform { background:url(../img/bg_form.jpg) no-repeat top center; width:310px; height:295px; padding:65px 20px 0 20px; font:11px Arial, Helvetica, sans-serif; font-weight: lighter; color:#EFEFEF;}

.formbox { padding:6px; margin:3px; border:solid 1px #222; font: 16px Arial, Helvetica, sans-serif; height:20px;  color:#000;}

button { background: transparent url(../img/b_submit.gif) no-repeat 0 0; width:70px; height:30px; }



.fader img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: .60; }

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




/*   Nav Top   */

#nav { position:absolute; left:50%; top:40px; margin-left:-100px; width:600px; font:15px Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-1px; text-align:right; }

#nav li { list-style:none; display:inline; text-transform:uppercase;}

#nav li a { text-decoration:none; color:#AAA; margin-right:10px;}

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




/*   Subnav   */

#subnav { background:url(../img/subnav.png) no-repeat top center; width:210px; height:200px; padding:10px; margin-top:20px;}

.subbie { width:100px; height:100px; float:left;}



/*   Pages   */

#left_page { width:720px; float:left;}

#right_page { width:250px; margin-left:30px; float:left;}

#right_page h2 { font-size:18px; font-weight:normal; letter-spacing:-.05em; margin:20px 0 5px 10px; }

#right_page a { text-decoration:none; color: #036; display:block;}

#right_page a:hover { text-decoration:none; color: #09C; display:block;}


.leftbox { padding:0 20px; background-color:#232323; color:#CCC; font-size:12px;}

.leftbox_white { background:#EFEFEF url(../img/bg_panelbox.jpg) no-repeat bottom right; padding: 20px; /*float: left; clear: none;*/ width: auto; height:100%;}

.leftbox_top { background: url(../img/leftbox_top.png) no-repeat top center; width:720px; height:20px;}

.leftbox_bottom { background: url(../img/leftbox_bottom.png) no-repeat bottom center; width:720px; height:31px;}

.rightbox { padding:0 20px; width:180px; background-color:#232323; color:#CCC; font-size:11px;}

.rightbox_top { background: url(../img/rightbox_top.png) no-repeat top center; width:220px; height:20px;}

.rightbox_bottom { background: url(../img/rightbox_bottom.png) no-repeat bottom center; width:220px; height:20px;}

.textpad20 {padding:20px;}

.tuesleft { width:325px; margin-right:20px; float:left;}

.tuesright { width:285px; float:left; color:#232323;}

.tuesright h2 { font-size:20px; margin-bottom:10px; color: #09C; letter-spacing:-1px;}

.tuesright p { margin-bottom:10px;}

.whitespan { background:#FFF; color:#222; padding:7px; width:auto;}

.greyspan { background:#DEDEDE; color:#222; padding:7px; width:auto;}

.picpad { margin:0 20px 5px 0;}




/*   Tab Panels   */

.TabbedPanels { padding: 0px; /*float: left; clear: none;*/ width: 100%; }

.TabbedPanelsTabGroup { margin: 0px; padding: 0px; z-index:50;}

.TabbedPanelsTab {background: none; font-size:14px; font-weight:bold; letter-spacing:-.05em; position: relative; float: left; padding: 10px 20px; margin: 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; z-index:50; text-transform: uppercase;}

.TabbedPanelsTabHover {background:#121212; color:#0099CC; outline:none;}

.TabbedPanelsTabSelected {background:#EFEFEF url(../img/bg_panelbuttons.jpg) no-repeat top left; color:#222; outline:none;}

.TabbedPanelsTab a {}

.TabbedPanelsContentGroup {	clear: both;}

.TabbedPanelsContent  { background:#EFEFEF url(../img/bg_panelbox.jpg) no-repeat bottom right; padding:20px; line-height:18px; color:#222;}

.TabbedPanelsContent a  { color:#222; font-weight:bold; text-decoration:none;}

.TabbedPanelsContent a:hover  { color:#0099CC;}

.TabbedPanelsContent h3 { font-size:21px; letter-spacing:-1px;}

.TabbedPanelsContent div span {color: #09C; text-transform:uppercase; font-size:10px;}

.TabbedPanelsContentVisible {}




/*   Accordian   */

.Accordion { border: none;overflow: hidden; outline:none;}

.Accordion h2 { margin-top:10px;}

.AccordionPanel { margin: 0px; padding: 0px;}

.AccordionPanelTab { background: #CCCCCC url(../img/bg_acord_lt.gif) no-repeat left center; text-transform:uppercase; font-weight:bold; margin: 0px; padding: 5px 0px 5px 30px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none;}

.AccordionPanelContent { overflow: auto; margin: 0px; padding: 0px; height:250px;}

.AccordionPanelOpen .AccordionPanelTab { background: #232323 url(../img/bg_acord_dk.gif) no-repeat left center; color:#CCCCCC; text-transform:uppercase; font-weight:bold;}

.AccordionPanelOpen .AccordionPanelTab .AccordionPanelTabHover { color:#EFEFEF;}

.AccordionPanelTabHover { color: #0099CC;}

.AccordionPanelOpen .AccordionPanelTabHover { color: #EFEFEF;}

.AccordionFocused .AccordionPanelTab {background: #CCCCCC url(../img/bg_acord_lt.gif) no-repeat left center; text-transform:uppercase; color:#232323; font-weight:bold;}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {background: #232323 url(../img/bg_acord_dk.gif) no-repeat left center; color:#CCCCCC; text-transform:uppercase; font-weight:bold;}




/*   Footer   */

#ftr { background:url(../img/bg_footer.jpg) repeat-x top; width:auto; clear:both; margin-top:10px; padding-top:45px;}

.footer { font:11px Verdana, Geneva, sans-serif; color:#ABABAB; background: url(../img/logo_ftr.gif) no-repeat top left; width:965px; margin:0 auto; padding:50px 0 0 35px;}

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

.footer a:hover { color: #09C; text-decoration:none;}

.icons { width:auto; text-align:center; margin-bottom:10px;}







/*   Colours   */

.white { color:#FFF;}

.blue {color:#09C;}