/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
body, html, h1, h2, h3, h4, h5, h6, h7, form, ul, li, ol, p, img, a, fieldset, label{
	padding:0px;
	margin:0px;
}

* {
	margin: 0;
	padding: 0;
}

body, html{
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:12px;
	background:#18567b url(../images/bg.png) repeat-x;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clearing,
.clear{
	clear:both;
	line-height:0;
	font-size:0;
	height:0px;
}

a img{
	border:0 none;
}

ul{
	list-style:none;
}

.floatLeft{
	float:left;
}

.floatRight{
	float:right;
}

a{
	text-decoration:none;
	color:#1e7cb3;
}

a:hover{
	color:#CC0000;
}

.padTop{
	padding-top:20px!important;
}

.noPadTop{
	padding-top:0px!important;
}

h2.fancyHead{
	background:url(../images/fancy_head_bg.png) no-repeat;
	height:60px;
	line-height:34px;
	margin-bottom:0px;
}

/* CONTAINER
----------------------------------------- */
#Container { 
	width:940px;
	margin:0 auto;
	padding:0px 20px 0px 20px;
	background:url(../images/page_bg.png) repeat-y;
}

.mainContent{
	padding:20px;
	clear:both;
}

.oneCol{
	float:left;
	width:180px;
}

.bigCol{
	float:left;
	width:520px;
}

.bigRightCol{
	float:left;
	width:360px;
	padding:0px 0px 20px 20px;
}

.bigRightColContact{
	float:left;
	width:360px;
	padding:0px 0px 20px 20px;
}

.sidePanel{
	background:#e2e2e2 url(../images/side_panel_bg.png) repeat-x;
	padding:10px;
}

.leftCol{
	width:170px;
	float:left;
	height:100%;
	padding:0px 20px 0px 0px;
}

#FullCol{
	width:710px;
	float:left;
	height:100%;
	padding:0px 20px 0px 0px;
}

.rightCol{
	width:170px;
	float:left;
	padding:13px 0px 0px 0px;
}

#MainCol{
	width:500px;
	float:left;
	padding:0px 20px 0px 20px;
}

.rightCol h3{
	text-transform:uppercase;
	font-size:18px;
	background:#fff url(../images/right_side_h2_bg.png) no-repeat 0px 30px;
	margin-bottom:0px;
	padding-bottom:20px;
}

.rightCol ul{
	border-top: 1px dotted #CCCCCC; 
}

.rightCol ul li{
	border-bottom: 1px dotted #CCCCCC; 
	list-style:none;
	list-style-position:outside;
	padding:0px;
	margin:0px;
}

.rightCol ul li a{
	display:block;
	background:url(../images/menu_bullet.png) no-repeat 0px 8px;
	padding:2px 0px 2px 15px;
}

.rightCol ul li a:hover{
	background:url(../images/menu_bullet.png) no-repeat 0px -65px;
}

/* Header */

#Header{
	padding:30px 20px 0px 20px;
	height:70px;
	background:#fff url(../images/head_bg.png) repeat-x;
}

#logo{
	display:block;
}

#Strapline{
	float:right;
	padding:12px 0px;
}

h1{
	border-bottom:#ecebeb 1px solid;
	padding:0px 0px 20px 20px;
	color:#666666;
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
}

h1 a{
	font-size:25px;
	color:#9e0202;
}

h1 .norm{
	font-size:25px;
	color:#9e0202;
}

.negTop{
	margin-top:-60px;
}

/* Menu */

#Menu{
	background:#fff url(../images/menu_bg.png) repeat-x;
	padding:0px 0px 0px 0px;
	height:30px;
	position:relative;
}

#Menu ul{

}

#Menu ul li.menuItem{
	float:left;
}

#Menu ul li.menuItem a{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:13px;
	padding:2px 9px 8px 9px;
	display:block;
}

#Menu ul li.menuItem a.current,
#Menu ul li.menuItem a.section{
	background:#fff url(../images/menu_current_bg.png) repeat-x;
}

#Menu ul li.menuItem a:hover{
	background:#fff url(../images/menu_current_bg.png) repeat-x;
}

/* HEADER SEARCH FORM */
#Menu form{
	line-height:30px;
	padding:0px;
	position:absolute;
	right:0px;
	top:0px;
	height:30px;
	width:130px;
	background:#fff url(../images/search_bg.png) no-repeat;
}

form legend{
	display:none;
	line-height:0px;
	height:0px;
}

#Menu form input.text{
	float:left;
	height:20px;
	width:90px;
	padding:10px 2px 0px 7px;
	color:#FFFFFF;
	border:0 none;
	background-color:transparent;
	line-height:10px;
}

#Menu form input.action{
	width:30px;
	height:30px;
	border:0px;
	background-color:transparent;
	float:left;
	cursor:pointer;
	
}

#Menu form .middleColumn{
	background-color:transparent;
	padding:0px;
	margin:0px;
	border:0 none;
	display:block;
	width:100px;
}

#MenuBottom{
	background:url(../images/menu_bottom.png) no-repeat;
	height:20px;
}

/* Side Menu */
#Menu2 li{
	border-bottom: 1px dotted #CCCCCC;
	list-style:none;
	padding:5px 0px 4px 0px;
	margin:0px;
}

#Menu2 li a{
	display:block;
	background:url(../images/menu_bullet.png) no-repeat 0px 6px;
	padding-left:15px;
}

#Menu2 li a:hover{
	background:url(../images/menu_bullet.png) no-repeat 0px -67px;
}

#Menu2 li a.current,
#Menu2 li a.section{
	color:#9e0202;
	background:url(../images/menu_bullet.png) no-repeat 0px -67px;
}

/* HOME BANNER */

#homeBanner{
	float:left;
	z-index:100;
	position:relative;
	width:940px;
	height:390px;
	background-color:#333333;
	background:url(../images/banner_bg.png) repeat-x;
}

#homeBanner .bannerItem{
	display:none;
}

#homeBanner .bannerBg{
	position:absolute;
	top:20px;
	right:20px;
}

#homeBanner .bannerBg img{
	display:none;
}

#homeBanner .bannerContent{
	position:absolute;
	width:290px;
	height:310px;
	background:url(../images/home_banner_content_bg.png) repeat-x;
	top:20px;
	left:20px;
	padding:20px;
}

#homeBanner .bannerContent h2{
	border-bottom:1px #666666 solid;
	padding-bottom:10px;
	margin-bottom:9px;
}


#homeBanner .bannerContent h2 a{
	text-transform:uppercase;
	color:#FFFFFF;
}

#homeBanner .bannerContent p{
	color:#FFFFFF;
	line-height:18px;
}

#homeBanner .bannerControls{
	position:absolute;
	bottom:60px;
	left:40px;
}

#homeBanner .bannerControls a{
	padding:10px;
	border:1px #434242 solid;
	margin-right:5px;
	cursor:pointer;
	font-size:14px;
	color:#CCCCCC;
	display:inline-block;
}

#homeBanner .bannerControls a:hover{
	border:1px #CC0000 solid;
}

#homeBanner .bannerControls a.current{
	border:1px #fff solid;
	color:#CC0000;
}

#homeBanner .PanelCurrent{
	position:absolute;
	top:0px;
	left:627px;
	width:27px;
	z-index:300;
}

#homeBanner .PanelCurrent .panelCurrentOne,
#homeBanner .PanelCurrent .panelCurrentTwo,
#homeBanner .PanelCurrent .panelCurrentThree{
	display:none;
}

#homeBanner .PanelCurrent .panelCurrentOne{
	position:absolute;
	top:32px;
}

#homeBanner .PanelCurrent .panelCurrentTwo{
	position:absolute;
	top:146px;
}

#homeBanner .PanelCurrent .panelCurrentThree{
	position:absolute;
	top:255px;
}

/* Home Page News */
.typography .homeNewsList{
	float:left;
	width:240px;
	padding:0px 20px 0px 0px;
	border-right:1px #EAEAEA solid;
}

.typography .homeNewsListTwo{
	padding:0px 0px 0px 19px;
	border-right:0 none;
}

.typography .homeNewsList li{
	list-style:none;
	padding:0px;
	margin:0px;
}

.typography .homeNewsList li p,
.typography .homeNewsList li h3{
	margin:0px;
}

.homeNewsList li p.date{
	font-size:10px;
	text-transform:uppercase;
	color:#999999;
	line-height:15px;
}

.homeNewsList li p.content{
	font-size:11px;
	line-height:18px;
}

.typography .homeNewsList li hr{
	padding-top:10px;
}

/* subscribe */
.sidePanel form{
	padding:10px;
	padding-bottom:0px;
	background-color:#eeeded;
	margin:0px;
	float:left;
	width:320px;
	display:inline;
	margin-bottom:10px;
}

#Form_ContactForm{
	margin-bottom:0px;
	padding-bottom:0px;
}

.sidePanel form fieldset{
	padding:0px;
	margin:0px;
	float:left;
}

.sidePanel form .middleColumn{
	padding:0px 0px 0px 30px;
	margin:0px;
	width:173px;
	background:transparent url(../images/subscribe_field_bg.png) no-repeat;
}

#Form_ContactForm .middleColumn{
	padding-left:0px;
	background:transparent url(../images/norm_field.png) no-repeat;
	width:319px;
}

.sidePanel form input.text, 
.sidePanel form textarea, 
.sidePanel form select{
	width:160px;
	border:0 none;
	background-color:transparent;
	padding:7px;
}

#Form_ContactForm input.text, 
#Form_ContactForm textarea, 
#Form_ContactForm select{
	width:305px;
}

.sidePanel form textarea{
	background:transparent url(../images/norm_textarea.png) no-repeat;
	height:72px;
}



.sidePanel form .Actions{
	height:30px;
	float:left;
	padding-left:9px;
}

#Form_ContactForm .Actions{
	clear:both;
	padding-left:0px;
	padding-bottom:10px;
	padding-top:0px;
}

.sidePanel form .Actions input{
	background:transparent url(../images/big_button.png) no-repeat;
	padding:4px 0px 7px 0px;
	color:#1e7cb3;
	border:0 none;
	width:108px;
	text-align:center;
}

.sidePanel form .Actions input:hover{
	color:#9e0202;
}

.sidePanel form .message{
	float:left;
	clear:both;
	width:300px;
	font-size:11px;
	padding:8px 0px 0px 0px;
	margin:0px 0px 0px -30px;
	line-height:11px;
}

#Form_ContactForm .message{
	margin:0px;
}

.sidePanel form label{
	display:none;
}


.sidePanel h4{
	margin-bottom:10px;
}

.sidePanel .formSuccess{
	padding:10px 10px 10px 40px;
	background:#eeeded url(../images/success_icon.png) no-repeat 10px 10px;
	margin-bottom:10px;
}

.sidePanel .formSuccess p{
	padding:0px;
	margin:0px;
}

/* PAGING */

.paging{
	clear:both;
	border-bottom:1px solid #E8E8E8;
	padding-bottom:19px;
}

.bottomPaging{
	margin-top:-20px;
}

.paging .inner{
	padding:0px;
}

.paging .inner p{
	margin-bottom:0px;
}

.paging .inner .right{
	float:right;
}

.paging .inner .left{
	float:left;
}

.paging .next{
	float:right;
}

.paging .prev{
	float:left;
}

.paging .inner .right .next,
.paging .inner .right .prev{
	float:none;
}

.paging .inner .right .next{
	border-left:1px solid #CCCCCC;
	padding-left:10px;
	margin-left:9px;
}

.paging .pageResults{
	float:left;
}

.paging .PageNumbers{
	overflow:visible;
	float:right;
}

	.paging .PageNumbers .pageResults{
		padding-right:10px;
		padding-top:2px;
	}
	
	.paging .PageNumbers a,
	.paging .PageNumbers .current{
		float:left;
		border:1px solid #ccc;
		padding:2px 5px 2px 5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		line-height:15px;
		margin-left:4px;
	}
	
	.paging .PageNumbers .current{
		font-weight:bold;
	}
	
/* Blog */

.blogSummary{
	padding:10px 0px 0px 0px;
}

.blogSummary h2,
.blogSummary p{
	margin-bottom:10px;
}

.blogSummary h2{
	margin-bottom:5px;
}

.blogSummary .authorDate,
.blogSummary .tags{
	font-size:10px;
	text-transform:uppercase;
	color:#999999;
	line-height:15px;
}

.blogSummary hr{
	margin-top:15px;
	margin-bottom:0px;
}

.blogSummary .readMore{

}
	
/* search */

#SearchResults li{
	list-style:none;
	padding:10px 0px 0px 0px;
	margin:0px;
}

#SearchResults li p,
#SearchResults li h2{
	margin:0px;
}

#SearchResults hr{
	margin-top:15px;
	margin-bottom:0px;
}

/* CONTACT */

.contactDetails p{
	margin-bottom:0px;
	padding-left:20px;
}

.contactDetails img{
	border:5px #EAEAEA solid;
}

.contactDetails .floatRight p.readMore{
	text-align:left;
	background-position:0px 3px;
}

/* Footer */

.footerTop{
	clear:both;
	height:30px;
	background:#fff url(../images/footer_top.png) no-repeat;
}

#Footer{
	padding:20px 20px 30px 20px;
	margin-top:-10px;
}

#Footer h3{
	margin-bottom:5px;
}
	
#Footer h3 a{
	color:#1e7cb3;
	text-transform:uppercase;
}

#Footer ul li a{
	font-size:11px;
	color:#999999;
}

#Footer ul li a:hover,
#Footer ul li a.current{
	color:#9e0202;
}

#Copywrite{
	background:#eae9e9 url(../images/footer_bottom_bg.png) repeat-x;
	padding:20px 20px 50px 20px;
	font-size:10px;
	color:#999999;
}

/* Footer SEARCH FORM */
#Footer form{
	line-height:26px;
	padding:0px;
	height:26px;
	width:121px;
	background:#fff url(../images/bottom_search.png) no-repeat;
}

#Footer form legend{
	display:none;
	line-height:0px;
	height:0px;
}

#Footer form input.text{
	float:left;
	height:20px;
	width:85px;
	padding:5px 2px 1px 7px;
	color:#999999;
	border:0 none;
	background-color:transparent;
}

#Footer form input.action{
	width:26px;
	height:26px;
	border:0px;
	background-color:transparent;
	float:left;
	cursor:pointer;
}

#Footer form .middleColumn{
	background-color:transparent;
	padding:0px;
	margin:0px;
	border:0 none;
	display:block;
	width:95px;
}