/* Defines the site-specific layout for core elements, overrides associated base HTML elements, and defines page-specific layout */

/*---------------------------------- 
- Main Layout Structure
- Head Content
- Navigation 
- Footer Content
- Independent Styles
- Generic Intro Pages
-----------------------------------*/

/* =Main Layout 
--------------------------------------------------------------------------- */

body{text-align: center;background: #E2E2E2;}

#wrap{
    margin: 0 auto;
    width: 1000px;
    background: #C3C3C3;
    text-align: center;
    padding: 11px 0;
}

#wrap #container{
    float: left;
    width: 982px;
    margin-left: 11px;
    background: #fff url(../_img/container-shadow-right.gif) top right repeat-y;
    display: inline;
    /* 4px width used for shadow image tile */
}
#wrap #container #mastHead{
    float: left; 
    width: 978px;
    border-bottom: solid 3px #5c5c5c; 
}
#wrap #container #priNav{
    float: left; 
    width: 978px;
    height: 35px;
    background: url(../_img/topnav-gradient.gif) top left repeat-x;
}

/** alternate colour schemes **/
.alt_news #wrap #container .subNav{background: #c8dce9 url(/_img/subnav-news.gif) bottom left repeat-x;border-top: solid 1px #fff;}
.alt_sport #wrap #container .subNav{background: #c8d679 url(/_img/subnav-sport.gif) bottom left repeat-x; border-top: solid 1px #fff;}
.alt_leisure #wrap #container .subNav{background: #b973c8 url(/_img/subnav-leisure.gif) bottom left repeat-x; border-top: solid 1px #fff;}
.alt_local #wrap #container .subNav{background: #b973c8 url(/_img/subnav-local.gif) bottom left repeat-x;}
.alt_services #wrap #container .subNav{background: #66adf2 url(/_img/subnav-services.gif) bottom left repeat-x;}

#wrap #container .headline{
    float: left; 
    width: 963px;
    background: #f3f3f3;
    padding-left: 15px;
    border-top: solid 1px #BDBDBD;
	margin-bottom: 15px;
}
#wrap #container .fullContent{
	float: left;
	width: 948px;
	margin: 0 0 0 15px;
	display: inline;
}
#wrap #container .mainContent{
    float: left;
    width: 630px;
    margin: 0 15px;
    display: inline;
}
#wrap #container .sideContent{
    float: left;
    width: 303px;
}
#wrap #container .mainContent .hold,
#wrap #container .mainContent .holdWithBorder, 
#wrap #container .sideContent .hold{float: left; width: 630px;margin: 5px 0;}
#wrap #container .sideContent .hold{width: 303px;}
#wrap #container .mainContent .holdWithBorder{width: 628px;}
#wrap #container .sideContent .split{width: 49%;}
/*** The below provide holders to divide content within .hold - width can be over-written in widget.css ***/
.splitLeft{float: left; width: 380px;}
.splitRight{float: right; width: 240px;}


#wrap #container .footTools{
    float: left;
    width: 978px;
    margin-bottom: 0px;
    background: url(../_img/container-shadow-btm.gif) bottom left repeat-x;
}

/* =Head Content
---------------------------------------------------------------------------------- */

#wrap #container #mastHead p.date
{
    float: right;
    background: url(../_img/head-date-bg.gif) top right no-repeat;
    height: 27px;
    line-height: 27px;
    width: 650px;
    text-align: right; 
    padding-right: 10px;
    margin: 0;  
}
#wrap #container #mastHead p.headTools
{
    float: right;
    background: transparent url(../_img/curve-top-right.gif) top right no-repeat;
    margin: 0;
    margin-right: -3px;
    position: relative;
    padding: 6px 6px 0 0;
	width: 662px;
	text-align: right;
}
#wrap #container #mastHead p.headTools a, #wrap #container #mastHead p.headTools span
{
    margin-right: 10px;
    background: url(../_img/arrow-right.gif) center left no-repeat;
    padding-left: 10px;
    text-decoration: none;
	color: #333;
}
#wrap #container #mastHead p.headTools a.noBG{background: none; padding: 2px; margin-right:2px;}
#wrap #container #mastHead p.headTools a:hover{text-decoration: underline;}

#wrap #container #mastHead .logo{float: left;margin: 0px;}

#wrap #container .headline .breadcrumb a{color: #666; text-decoration: none;}
#wrap #container .headline .breadcrumb a:hover{text-decoration: underline;}

/* =Navigation
-------------------------------------------------------------------------------- */

#wrap #container #priNav ul
{
    margin: 0;
    height: 35px;
    line-height: 35px;
    background: url(../_img/topnav-left-curve.gif) top left no-repeat;
    padding-left: 4px;
    float: left;
    list-style: none;
}
#wrap #container #priNav ul li
{
    display: inline;    
}
#wrap #container #priNav ul li a
{
    text-decoration: none;
    color: #666;
    font-weight: bold;
    background: url(../_img/topnav-pipe.gif) top right no-repeat;
    padding: 0 12px;
}
#wrap #container #priNav ul li a.noPipe{background:none;}
#wrap #container #priNav ul li a:hover, #wrap #container #priNav ul li a.on{color: #336699;}

#wrap #container #priNav form
{
    float: right;
    background: url(../_img/quicksearch-bg.gif) top left repeat-x;
    margin: 0;
    padding: 0;
    width: 326px;
}
#wrap #container #priNav form fieldset
{
    float: left;
    width: 306px;
    height: 30px;
    background: url(../_img/quicksearch-curve.gif) bottom right no-repeat;
    padding: 5px 10px 0 10px;
}
#wrap #container #priNav form fieldset label{width: 110px;}
#wrap #container #priNav form fieldset .btn
{
    padding: 0;
    color: #666;
}
#wrap #container #priNav .rss{float: right; margin: 6px 10px 0 0;}
#wrap #container .subNav ul{margin: 5px 0 5px 5px;}
#wrap #container .subNav ul li{display: inline;list-style:none;float: left;}
#wrap #container .subNav ul li a{padding: 0 10px;text-decoration: none;color: #434343;font-weight: bold;}
#wrap #container .subNav ul li a:hover,#wrap #container .subNav ul li a.on{text-decoration: underline;color: #336699;}

/***** Third Level Navigation ******/

#wrap #container .tertiaryNav{background: url(../_img/third-nav-local-btm.gif) bottom left no-repeat;}
#wrap #container .tertiaryNav .navTitle{background: url(../_img/third-nav-top.gif) top left no-repeat;height: 23px;font-weight: bold;padding: 6px 0 0 10px;}
#wrap #container .tertiaryNav .navContent{padding: 6px 5px;}
#wrap #container .tertiaryNav .navContent ul{list-style-image: url(../_img/bullet.gif);margin-top: 1px;}
#wrap #container .tertiaryNav .navContent ul li{border-bottom: solid 1px #eaeaeb; padding: 3px 0;}



/* =Footer Content
-------------------------------------------------------------------------- */

#wrap #container #foot ul
{
    float: left;
    width: 135px;
    margin: 0;
    list-style-image: none;
}

#wrap #container #foot ul li a{text-decoration: none;}
#wrap #container #foot ul li a:hover{text-decoration: underline;}
#wrap #container #foot ul li a.top{color: #336699;}

#wrap #container .footTools ul
{
    margin: 0;
	float: left;
	width: 982px;
    text-align: center; 
    background: url(../_img/foot-shadow-corner.gif) bottom right no-repeat;
    padding-bottom: 10px;
}
#wrap #container .footTools ul li{display: inline;list-style:none;}
#wrap #container .footTools ul li a{padding: 0 3px;text-decoration: none; color: #0066CC;}
#wrap #container .footTools ul li a:hover{text-decoration: underline;}

/* =Independent Styles
--------------------------------------------------------------------------- */

.withBG{background: #f9fafc;}
.withBorder, .holdWithBorder{border: solid 1px #E9E9E9;}
.withDot{background: url(../_img/title-dot.gif) bottom left repeat-x;padding-bottom: 8px;}
a.comment, span.comment{background: url(../_img/icon-comment.gif) center left no-repeat;padding-left: 25px;margin-right: 12px;}
.date{color: #666;font-weight:normal;font-size: 90%;}
.image{background: url(../_img/icon-image.gif) center left no-repeat;padding-left: 22px;margin-right: 12px;}
a.video, span.video{background: url(../_img/icon-video.gif) center left no-repeat;padding-left: 18px;margin-right: 12px;}
a.audio, span.audio{background: url(../_img/icon-audio.gif) center left no-repeat;padding-left: 18px;margin-right: 12px;}
.viewBtn{background: url(../_img/view-button.gif) top left no-repeat; height: 22px; width: 110px;display: block;padding: 2px 0;text-align: center;text-decoration: none;}
#wrap #container .hide{display: none;}
.fade{color:#a4a3a3;}
.imageWithBorder{border: solid 2px #ccc;}
.imageWithBorderPadded{border: solid 2px #ccc;margin: 0 0 10px 10px;padding: 2px;}
.staffLeft{float:left; width: 280px;}
.staffRight{float:left; width:100px; padding-left: 10px;}

.reverseOut {background: #336699; font-weight:normal; color: #fff; border: #dadada; padding: 3px 5px;}
 
/* =Pete Addons - large box
------------------------------------------------------------------ */
.boxLink2{float: left; background: url(../_img/box-link-top-lrg.gif) top left no-repeat; width: 600px;margin: 0 5px 10px 5px;}
.boxLink2 div{float: left; background: url(../_img/box-link-btm-lrg.gif) bottom left no-repeat;padding: 10px; width: 580px;min-height: 130px; height: auto !important; height: 130px;font-size: 90%;line-height: 1.3em;}
.boxLink2 div{float: left; background: url(../_img/box-link-btm-lrg.gif) bottom left no-repeat;padding: 10px; width: 580px;min-height: 130px; height: auto !important; height: 130px;font-size: 90%;line-height: 1.3em;} 
.boxLink2 div img{float: left;margin-right: 5px;}
.boxLink2 div a.boxLinkImg{float: left;height: 66px; width: 81px;background: url(/_img/services/border.gif) top left no-repeat;text-align: center; padding-top: 4px;margin-right: 10px;}
.boxLink2 div a.boxLinkImg:hover{background: url(../_img/services/border-on.gif) top left no-repeat;}
.boxLink2 div a.boxLinkImg img{margin: 0;float: none;}

/* =generic Intro Pages
--------------------------------------------------------------------------- */


.boxLink{float: left; background: url(../_img/box-link-top.gif) top left no-repeat; width: 300px;margin: 0 5px 10px 5px;}
#wrap #container .mainContent  .splitRight .boxLink{margin: 0 0 10px 0;}
.small{width: 190px; background: url(../_img/box-link-top-sml.gif) top left no-repeat;}
.medium{width: 240px; background: url(../_img/box-link-top-med.gif) top left no-repeat;}
.boxLink div{float: left; background: url(../_img/box-link-btm.gif) bottom left no-repeat;padding: 10px; width: 280px;min-height: 130px; height: auto !important; height: 130px;font-size: 90%;line-height: 1.3em;} 
.boxLink div h2{background: url(../_img/title-dot.gif) bottom left repeat-x;padding-bottom: 5px;}
.small div{width: 170px;background: url(../_img/box-link-btm-sml.gif) bottom left no-repeat;min-height: 180px; height: auto !important; height: 180px;}
.medium div{width: 220px;background: url(../_img/box-link-btm-med.gif) bottom left no-repeat;}
.boxLink div img{float: left;margin-right: 5px;}
.boxLink div a.boxLinkImg{float: left;height: 66px; width: 81px;background: url(/_img/services/border.gif) top left no-repeat;text-align: center; padding-top: 4px;margin-right: 10px;}
.boxLink div a.boxLinkImg:hover{background: url(../_img/services/border-on.gif) top left no-repeat;}
.boxLink div a.boxLinkImg img{margin: 0;float: none;}