/* Steven Ciobo
------------------------------*/

#container{
margin:0 auto;
width:802px;
padding:0 0 0 16px;
background: url(../images/bg_main.gif) no-repeat;
position:relative;
}


#masthead{
float:left;
position:relative;
background:url(../images/bg_masthead.jpg) no-repeat;
width:775px;
height:150px;
}

#masthead h2{
position:absolute;
top:12px;
left:30px;
}

#news table{
width:205px;
}

#nav{
margin:120px 0 0 23px;
} 

#nav ul{
margin:0;
}

#nav ul li {
display:inline;
padding:0;
background:none;
margin-right:-5px;
}

#banner, #bannerContent{
float:left;
margin-top:-3px;
clear:both;
}

#bannerContent{
margin:-3px 0;
}

#sidebar{
float:left;
margin-top:-3px;
width:775px;
height:97px;
background:url(../images/bg_link.gif) repeat-x;
}

#sidebar p{
color:#FFFFFF;
width: 150px;
}

#sidebar p, #sidebar img{
float:left;
}

#sidebar img{
margin-right:10px;
}

#sidebar #sidebarOne, #sidebar #sidebarTwo, #sidebar #sidebarThree{
float:left;
width: 237px;
height:66px;
border-right:1px solid #7995b9;
margin: 4px 0 0 0;
padding:13px 0 13px 18px;
}

#sidebar #sidebarThree{
border:0;
}

#sidebar img.arrow{
float:right;
margin-top:-24px;
}


/* sideBar
------------------------------*/
#contentContainer, #contentContainer2{
float:left;
position:relative;
width:776px;
background:#FFFFFF url(../images/bg_main_repeat.gif) repeat-y;

}

#contentContainer{
top:264px!important;
}

#contentContainer2{
top:0;
}

#contentContainer3{
float:left;
position:relative;
width:776px;
background:#FFFFFF url(../images/bg_main_repeat2.gif) repeat-y;
top:263px;
}

#contentContainer3{
top:0;
}


#sideElements{
float:left;
width:205px;
padding:28px 25px;
background:url(../images/bg_side_element.gif) repeat-y;
}

#sideElements .tile{
margin:30px 0 0 0;
float:left;
}

#sideElements h1{
margin:-12px 0 10px 0;
}

#newsForm{
width:198px;
height:93px; 
} 

#newsForm{
background:url(../images/bg_news_repeat.gif) repeat-x #d1d1cb;
}

#voteForm{
background:url(../images/bg_vote_repeat.gif) repeat-x #dcdcd9;
padding-bottom:20px;
}

#voteForm .imgBottom{
position:relative;
top:4px;
}

#voteForm fieldset{
float:none;
}

#voteForm p.result{
margin:5px 0 0 0;
}

#newsForm img{
float:left;
}

#newsForm input{
font-size:0.846em;
}

#sideElements input{
color:#000000;
margin: 6px 0 0 0;
}


#newsForm form fieldset{
float:left;
width:158px;
margin:0 0 0 20px;
position:relative;
}

#voteForm{
background:url(../images/bg_vote_top.gif) no-repeat;
margin-bottom:-20px;
}

#voteForm #question{
margin-bottom:5px;
}

#voteForm form{
position:relative;
top:-3px;
}

#voteForm fieldset{
background:#e8e8e5;
width:158px;
padding:0 20px 10px 20px
}

#newsForm .btn, #voteForm .btn{
float: right;
width: 72px;
height: 20px;
}

#voteForm .btn{
width:47px;
margin-top:-2px;
}

#voteForm form label{
margin:0 0 0 -2px;
}

#voteForm .imgBottom{
float:left;
position:relative;
top:-4px;
}

#sideElements .divider{
background:url(../images/dot_blue.gif) repeat-x;
height:1px;
margin:40px 0 20px 0;
}

#sideElements .shadow{
background:url(../images/bg_shadow.gif) top left no-repeat;
height:14px;
width:200px;
margin:40px 0 15px 0;
}

#subNav{
background:url(../images/bg_subnav_repeat.gif) repeat-y;
margin-top:-28px;
margin-left:-5px;
}

#subNav ul {
padding:15px 0 0 0;
margin-left:25px;
}

#subNav ul li{
background: url(../images/arrow_subnav.gif) 0.6em 1em no-repeat;
margin: 0;
padding:8px 0;
width:160px;
}

#subNav ul li{
border-bottom:1px dotted #8e8e8e;
}

#subNav ul li a{
margin-left:1.8em;
color:#60769e;
}

#subNav img{
margin-bottom:-15px;
}



#sideElements .cornerRight{
float:right;
}

#sideElements input.check{
width:auto;
}

#sideElements label{
font-weight:bold;
font-size:0.923em;
margin:2px 6px 0 2px;
}

#sideElements h1{
margin: -8px 0 10px 0;
}

#voteForm p{
font-size:0.846em;
margin:8px 0 2px 0;
}

.extraLinks ul{
margin:0;
padding:5px 0 0 0;
}

.extraLinks ul li{
padding:0 0 5px 0;
}




/* content
------------------------------*/

#content{

width:486px;
float:left;
padding:16px;
}

#content2{

width:750px;
float:left;
padding:16px;
}

#content3{

width:400px;
float:left;
}

#videoCampaign {

width: 360px;
float:right;
margin-left: 20px;
margin-bottom: 10px;
margin-right:10px;

}


#introduction{
background: url(../images/bg_video_repeat.gif) repeat-x #eeeeee;
float:left;
position:relative;
width:486px;
margin-bottom:17px;
}

#introduction #player1{
	margin: 0 10px 10px;
	float: right;
	width: 240px;
}

#introduction h1 img, #introduction p{
margin:0 20px;
}

#introduction p{
margin:1em 20px;
}

#introduction h1{
margin: 0 0 0.4em 0;
}

#introduction img{
margin-left:10px;
margin-top:0;
}

#content ul#breadcrumbs, #content ul#icon{
float:left;
width:410px;
margin:0 0 12px 0;
padding:0;
}

#content ul#breadcrumbs li, #content ul#icon li{
display:inline;
font-size:0.846em;
padding:0;
}

#content ul#icon{
width: 65px;
}

#content {
width:485px;
}

#content .article{
margin:0 20px 0 10px;
padding:20px 0 10px 0;
border-bottom:1px dotted #c3c3c3;
}

#content .article2{
margin:0 20px 0 10px;
padding:20px 0 10px 0;
}

#content .article3{
margin:0 20px 0 10px;
padding:20px 0 10px 0;
}

#content .article3 h3, #content .article h4{
color:#5a7597;
font-size:0.923em;
}

#content .article h3, #content .article h4{
color:#5a7597;
font-size:0.923em;
}

#content .article h4{
color: #747667;
}

#content .article h1{
color:#c3190a;
font-size:1.077em;
font-weight:bold;
}

#content2 .article h1{
color:#c3190a;
font-size:1.077em;
font-weight:bold;
}

#content .article2 h1{
color:#c3190a;
font-size:1.077em;
font-weight:bold;
}

#content .article img{
float:right;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}


#content2 .article img{
float:right;
padding-left:0px;
padding-right:10px;
padding-bottom:10px;
}

#content .article2 img{
float:right;
}

#content ul{
margin:0 0 11px 30px;
}

#content ul li{
list-style: url(../images/arrow_blue.gif);
padding:0 0 0.6em 5px;
}

#content table{
margin-bottom:15px;
}

#content table tr{
font-size: 1em;
text-align:left;
width:80%;
}

#content table tr.rowOne{
background:#f8f9ec;
}

#content table tr.rowTwo{
background:#f1f3da;
}

#content table td{
padding:10px 5px 10px 15px;
font-size: 0.846em;
text-align:left;
width:80%;
border-bottom:1px solid white;
}


#content table td.colRight{
width:15%;
}

#content table td.colLeft{
width:50%;
}

#content table td.colMid{
width:18%;
}

#content table td p.title{
margin:0 0 0.75em 0;
font-size:1em;
font-weight:bold;
} 

#content a:link, #content a:visited{
text-decoration:underline;
}

#content a:hover{
text-decoration:none;
}

#content .top{
background:url(../images/arrow_top.gif) left bottom no-repeat;
width:auto;
float:right;
margin: 1em 20px;
padding-left:15px;
}


#footer2, .footerBottom{
float:left;
width:774px;
height:127px;
}

#footer{
float:left;
width:774px;
background:url(../images/bg_footer.gif) top left repeat-x;
height:40px;
}

#footer p{
float:left;
clear:both;
position:relative;
left:30px;
top:10px;
width:700px;
}


#footer ul{
margin:10px 0 10px 20px;
width:550px;
clear:none;
float:left;
}

#footer ul li{
display:inline;
color:#ffffff;
}

#footer ul li a{
color:#ffffff;
}

.footerBottom{
background:#f5f5f5;
width:726px;
float:left;
padding:10px 20px 10px 30px;
height:30px;
}

.footerBottom div{
background:#f5f5f5;
width:5px;
position:absolute;
right:-5px;
height:50px;
top:0;
}

#footer ul li a:link, #footer ul li a:visited{
text-decoration:underline;
}

#footer ul li a{
margin-left:-6px;
}

#footer ul li a:hover{
text-decoration:none;
}

#footer ul#credit{
width:auto;
margin:10px 0 10px 51px;
}

#footer ul#credit li a{
margin-left:0;
}

#introduction img.bottom, #introduction img.top{
background:none;
margin:0;
padding:0;
position:relative;
}


#introduction img.bottom{
top:5px;
}

#introduction p#heading{
margin-top:20px;
color:#5a7597;
font-size:1em;
font-weight: bold;
}

#introduction img.top{
top:0;
}

#content .box, #content .boxSmall{
float:left;
position:relative;
margin:17px 0 0 0;
}

#content .box img, #content .boxSmall img{
float:left;
margin-right:10px;
}

#content .box h3, #content .boxSmall h3{
color:#747667;

}

#content .box p.readMore, #content .boxSmall p.readMore{
float:right;
position:relative;
width:auto;
padding-left:20px;
background:url(../images/arrow_blue.gif) left center no-repeat;
padding-right:25px;
top:-7px;
margin-bottom:0;
}

div.dots{
background:url(../images/dot_blue.gif) repeat-x;
float:left;
position:relative;
width:487px;
height:1px;
clear:both;
margin:10px 0 0 0;
}

#content .boxSmall{
width:225px;
float:left;
position:relative;
clear:none;
}

#box2, #box4{
left:30px;
}

#content .boxSmall p.readMore{
padding-right:10px;
}

#content #mediaFeature div.readMore{
font-weight:bold;
background:url(../images/arrow_red.gif) no-repeat;
min-height:15px;
_height:15px;
font-size:0.846em;
float:left;
position:relative;
left:285px;
padding-left:20px;
}

#introduction p.more{
font-weight:bold;
background:url(../images/arrow_red_intro.gif) no-repeat;
min-height:15px;
padding-left:22px;
line-height:1.5em;
}

#introduction p.more a:link, #introduction p.more a:visited, #content #mediaFeature div.readMore a:link, #content #mediaFeature div.readMore a:visited{
text-decoration:none;
} 

#introduction p.more a:hover, #content #mediaFeature div.readMore a:hover{
text-decoration:underline;
}

#sidebar a{
color:white;
}

#content .blue, #content .blueLight{
color:#5a7597;
font-weight:bold;
}

#content .blueLight{
font-weight:normal;
}

table .strongFax{
font-weight:bold;
margin-left:20px;
}

table tr td.contactDetails{
line-height:1.2em;
}


/* Form Page
------------------------------*/
#content form{
margin:3px;
}

#content form label{
float:left;
width:110px;
margin:0 4px 1em 6px;
font-weight:bold;
clear:left;
font-size:0.846em;
min-height:1.5em;
_height:1.5em;
}

#content form label.labelShort{
width:90px;
}


#content form select, #content form input.inputField, #content form input.inputFieldShort{
float:left;
margin-bottom: 1em;
border:1px solid #7f9db9;
color:#919191;
width:220px;
}

#content form input.inputFieldShort{
width:180px;
margin-right:5px;
height:1.4em;
}


#content form input#postcode{
width:75px;
margin-right:200px;
}

#content form input#switchcode{
width:75px;
margin-right:200px;
}

#content form input#state{
width:75px;
margin-right:200px;
}

#content form label.mandatory{
border-right:3px solid #5a81b5;
width:107px;
}

#content p.mandatory{
border-left:3px solid #5a81b5;
padding-left:3px;
}




#content form textarea{
width:218px;
color:#919191;
font-family:Arial, Helvetica, sans-serif;
height:14em;
}

#content form .checkContainer{
position:relative;
float:left;
width:250px;
top:10px;
left:118px;
}

#content form .checkContainer label{
float:left;
clear:none;
width:200px;
border:0;
padding:0;
}

#content form .checkContainer input{
clear:left;
margin:0 5px 0 0;
float:left;
}

#content form .btn{
width:auto;
position:relative;
margin:15px 0 0 275px;
}


input.nextBtn{
position:relative;
left:50px;
}

form p.note{
font-weight:bold;
color:#5a7597;
}

form#survey fieldset{
margin-top:15px;
}



fieldset#list select{
width:35px;
clear:left;
}

fieldset#list input{
float:left!important;
margin-right:5px;
}

fieldset#list ul{
padding-left:376px;
margin:0 0 5px -3px;
}

fieldset#list ul li{
display:inline;
list-style-image:none;
font-weight:bold;
}

fieldset#list label{
font-weight:normal;
clear:none;
width:360px;
position:relative;
margin-right:10px;
}

fieldset#problem textarea{
width:380px!important;
margin:0 0 5px 0;
}

fieldset#support input{
width:auto;
clear:none;
}

fieldset#support label{
font-weight:normal;
float:none;
width:300px;
}

#content3 label{
float:left;
font-size: 11px;
width:100px;
}

#content3 input{
float:left;
}

#content3 input.btn{
margin-top:10px;
margin-left:100px;
}

fieldset#support ul{
margin:0 0 5px 0;
padding:0;
}

.underline{
text-decoration:underline;
}

fieldset#support ul li{
float:left;
padding:14px 0 0 0;
width:145px;
list-style:none;
font-size:1em;
}

fieldset#support ul li input, fieldset#support ul li label{
float:none;
}

fieldset#support ul li label{
width:auto;
}





/* Clear Fix
------------------------------*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Event Detail
------------------------------*/


.eventDetail #content td{
vertical-align:top;
text-align:left;
width:70%;
padding:5px 0;
}

.eventDetail #content td.heading{
font-weight:bold;
color:#5a7597;
width:30%;
}

.eventDetail #content .highlight{
font-size:1.138em;
border-bottom:1px dotted #C3C3C3;
margin:1em 0 2em 0;
*padding-bottom:20px;
}

.eventDetail #content .highlight img{
margin-top:8px;
}

.eventDetail #content .highlight h4 em{
font-style:normal;
font-weight:normal;
}

.eventDetail .highlight h4 span{
width:70px;
}

#content .backCalendar{
margin:1em 20px;
float:left;
width:auto;
background:url(../images/icon-calendar.gif) no-repeat;
padding:0 0 0 20px;
}



/* Calendar
------------------------------*/
.calendar #content{
background:#fff;
width:743px;
border-top:5px solid #c3190a;
margin-top:-3px;
}

.calendar #content .pageTools{
border-bottom:1px dotted #5a81b5;
margin-bottom:1em;
}

.calendar #content ul#breadcrumbs, .calendar #content ul#icon{
margin-bottom:6px;
}

.calendar #content table a{
text-decoration:none;
}

.calendar #content ul#breadcrumbs{
width:650px;
}

.calendar #content ul#icon {
float:right;
}

.calendar table{
width:100%;
}

.calendar #content table td{
vertical-align:top;
text-align:left;
width:25%!important;
height:120px;
}

.calendar table td a{
color:#747667;
}

.calendar table td a:hover{
color:#47483f;
}

.calendar caption{
text-align:left;
font-size:1.5em;
color:#5a7597;
font-weight:bold;
padding:0 0 0.3em 0;
}

.calendar caption span{
float:left;
letter-spacing:-1px;
line-height:40px;
}

.calendar caption img{
float:right;
}

.calendar th{
background:url(../images/bg-header-calendar.gif) repeat-x left bottom #dedede;
padding:9px 14px;
}

.calendar th p{
float:left;
margin:0 5px 0 0;
font-size:14px;
}

.calendar th p a{
text-indent:-999px;
background:url(../images/btn-open-calendar.gif) no-repeat;
width:45px;
height:28px;
overflow:hidden;
float:left;
text-decoration:none!important;
}

.calendar th p.btnSwitcher{
background:url(../images/btn-view-calendar.gif) no-repeat;
width:155px;
}

.calendar th p.btnSwitcher a{
padding:5px 10px 0 15px;
background:none;
text-indent:0;
color:#dedede;
width:auto;
text-transform:uppercase;
height:23px;
}

.calendar th p.btnSwitcher a:hover, .calendar th p.btnSwitcher a.selected{
color:#409bde;
}


.calendar th p a:hover, .calendar th p.week{
background-position:left bottom;
}

.calendar th p.btnPrint{
float:right;
}

.calendar th p.btnPrint a{
background-image:url(../images/btn-print-calendar.gif);
width:32px;
}

.calendar #content tr.months td{
background:#e6e6e6;
font-weight:bold;
text-transform:uppercase;
color:#747667;
padding:5px 0 0 0;
border:none;
height:auto;
font-size:12px;
}

.calendar #content tr.monthBottom td{
padding:0 0 5px 0;
}

.calendar tr.months td a{
padding:5px 17px 10px 17px;
float:left;
text-decoration:none!important;
position:relative;
} 

.calendar tr.months td a.selected{
background:url(../images/corner-month-l.gif) no-repeat #fff;
color:#ac1909;
}

.calendar tr.months td a.selected em{
background:url(../images/corner-month-r.gif) no-repeat;
position:absolute;
width:10px;
height:9px;
right:0;
top:0;
}

.calendar #content tr.monthsBottom td{
padding:0 0 5px 0;
}

.calendar #content tr.monthsBottom td a{
padding:10px 17px 5px 17px;
} 

.calendar tr.monthsBottom td a.selected{
background:url(../images/corner-month-lb.gif) left bottom no-repeat #fff;
}

.calendar tr.monthsBottom td a.selected em{
background:url(../images/corner-month-rb.gif) no-repeat;
top:auto;
bottom:0;
}

.calendar td .eventBox{
background:#f1f3da;
line-height:1.273em;
}

.calendar td .eventBox:hover{
background:#f5f7e3;
}

.calendar td .eventBlue:hover{
background:#c9e4f5;
}

.calendar td .eventBox a:hover{
color:#000;
}

.calendar #content td{
border-right:1px solid #b7b7b7;
border-bottom:1px solid #b7b7b7;
padding:10px 5px;
}

.calendar #content td.colRight{
border-right:0;
}

.calendar #content tr.rowBottom td{
border-bottom:0;
}

.calendar #content td.weekView{
height:auto;
}

.calendar #content td.weekView a{
float:left;
padding:3px 8px;
background: url(../images/bg-weekview.gif) no-repeat #f4f4f4;
margin:0 10px 0 0;
position:relative;
}

.calendar td.weekView a em{
background:url(../images/bg-weekview-r.gif) no-repeat;
position:absolute;
top:0;
right:0;
width:6px;
height:19px;
}

.calendar #content td.weekView a.selected{
color:#ac1909!important;
font-weight:bold;
}


.calendar #content td.weekView a:hover{
color:#000;
}

.calendar td.today{
background:#fcfcf4;
}

.calendar td.selectedDay{
background:#f7f9ff;
}

.calendar td p{
font-size:1em;
text-align:right;
margin-bottom:0.5em;
}

.calendar td .eventBox{
font-weight:normal;
text-align:left;
padding:5px;
position:relative;
font-size:1em;
}

.calendar td .eventBox a{
text-align:left;
}

.calendar td .eventBox a{
color:#47483f;
}

.calendar td p.eventBlue{
background:#bbdbef;
}

.calendar td p.eventBlue a{
color:#334361;
}

.calendar td p.eventBox img{
float:left;
margin:0 5px 3px 0;
}

.calendar .indicator span{
float:left;
background: url(../images/bg-indicator-r.gif) top right no-repeat #f1f3da;
height:17px;
overflow:hidden;
margin:0 5px 0 0;
font-size:0.917em;
padding-right:5px;
}

.calendar .indicator span em{
font-style:normal;
padding:0 8px 0 10px;
line-height:17px;
float:left;
background: url(../images/bg-indicator.gif) top left no-repeat #f1f3da;
}

.calendar .indicator img{
float:right;
}

.calendar .indicator span.indicatorBlue{
background: url(../images/bg-indicator-blue-r.gif) top right no-repeat #bbdbef;
}

.calendar .indicator span.indicatorBlue em{
background: url(../images/bg-indicator-blue.gif) top left no-repeat #bbdbef;
}

#datepicker{
z-index:2;
position:absolute;
top:292px;
left:191px;
}

#introduction .leadPromoDesc p {
	margin: 1em 0;
}
div.leadPromoDesc { 
    margin: 0 20px;
}
.leadPromoDesc object { margin: 0 0 0 10px; }