/* 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
- Family Notices
- Horoscopes
- Events
- Search Page (site search)
-----------------------------------*/

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

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

#wrap{
    margin: 0 auto;
    width: 100%;
    background: #C3C3C3;
    text-align: center;
    padding: 11px 0;
}
#wrap #leadAd{
    margin: 0 auto;
    margin-bottom: 11px;
    width: 950px;
	display:none;
}
#wrap #container{
    float: left;
    width: 100%;
    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: 100%;
    background: url(/_img/curve-top-left.gif) top left no-repeat;
    border-bottom: solid 5px #5c5c5c; 
}
#wrap #container #priNav{
    float: left; 
    width: 978px;
    height: 35px;
    background: url(/_img/topnav-gradient.gif) top left repeat-x;
	display:none;
}
#wrap #container .subNav{
    float: left; 
    width: 978px;
    background: #d4d4d4;
    border-top: solid 1px #BDBDBD;   
	padding-bottom: 5px;
	display:none;
}

#wrap #container .headline{
    float: left; 
    width: 963px;
    background: #f3f3f3;
    padding-left: 15px;
    border-top: solid 1px #BDBDBD;
	margin-bottom: 15px;
	display:none;
}
#wrap #container .fullContent{
	float: left;
	width: 948px;
	margin: 0 0 0 15px;
	display: inline;
}
#wrap #container .mainContent{
    float: left;
    width: 90%;
    margin: 0 15px;
    display: inline;
	text-align: left;
}
#wrap #container .sideContent{
    float: left;
    width: 25%;
	text-align: left;
	display: none;
}
#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 #foot{
    float: left;
    width: 100%;
    padding: 0 11px;
    background: url(/_img/foot-gradient.gif) top left repeat-x;
    display: inline;
    color: #336699;
	display:none;
}
#wrap #container .footTools{
    float: left;
    width: 982px;
    background: url(/_img/container-shadow-btm.gif) bottom left repeat-x;
	display:none;
}

/* =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; 
display:none;	
}
#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;
	display:none;
}
#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-left; 0px; margin-right:2px;}
#wrap #container #mastHead p.headTools a:hover{text-decoration: underline;}

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

#wrap #container .headline .breadcrumb a{color: #666; text-decoration: none;}
#wrap #container .headline .breadcrumb 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;}
.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;}

.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;}

.logo{border: 0;}
a img{border: 0;}
 
/* =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;}
.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;}
.leisureBox div img{border: solid 1px #83119a;}
.leisureBox div a{color: #83119a;font-weight: bold;}

.alt_leisure .boxLink div h2 a{color: #83119a; text-decoration: none;}
.alt_leisure .boxLink div h2 a:hover{color: #83119a; text-decoration: underline;}

.alt_services .boxLink div a{color: #478dd1;}
.alt_services .boxLink div h2 a{color: #336699; text-decoration: none;}
.alt_services .boxLink div h2 a:hover{color: #478dd1; text-decoration: underline;}

/** list elements within boxes **/

.alt_leisure .boxLink ul{margin: 5px 0; padding: 0;list-style-image: none;}
.alt_leisure .boxLink ul li a{display: block;padding: 3px 5px;background: #F1E1F4;border-bottom: solid 1px #E2C6E7;color: #333;font-weight: normal;text-decoration: none;width: 210px;}
.alt_leisure .boxLink ul li a:hover{text-decoration: underline;}

form, .popLinks, .articleTools, .bookmarks, .comments, .videoPlayer, #videoHolder, .video{display:none;}