/*************************************************************************/
/***************** YMCA National Site - Main Style Sheet *****************/
/*************************************************************************/


/***************** Defaults *****************/
html, body{
    margin: 0; padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
}

body{
    background-image: url('../media/images/template/bg-topmenu.gif');
    background-repeat: repeat-x;
    background-color: #ffffff;
    color: #707174;
    text-align: center;
}

a{
    text-decoration: none;
    color: #707174;
}

a img{
    border: 0;
}

.clear{
    clear: both;
}

#container
{
    position:relative;
    width: 978px;
    margin: 0 auto;
    text-align: left;
}


/***************** Template *****************/

/* Header */


#header #topmenu{
    position:relative;
    height: 37px;
}

#header #topmenu ul{
    margin: 0; padding: 0;
    list-style-type: none;
}

#header #topmenu ul li{
    float: left;
    margin: 9px 10px 0 0;
    font-size: 12px;
}

#header #topmenu ul li a{
    color: #999999;
}

#header #banner{
    position: relative;
    height: 111px;
    background-image: url('../media/images/template/banner.jpg');
    background-repeat: no-repeat;
    background-position:right top;
}

#header #banner #logo{
    position: absolute;
    top: 17px; left: 26px;
    height:78px;
    width:57px;
    background-image:url('../media/images/template/logo-ymca.gif');
}

#header #banner #messagebox{
    position: absolute;
    bottom: 6px; left: 120px;
    width: 660px;
    height: 95px;
    background-repeat: no-repeat;
}

#header #banner #motto{
    position: absolute;
    top: 0px; right:0px;
    background-image: url('../media/images/template/header-motto.jpg');
    width: 210px;
    height: 107px;
    background-repeat: no-repeat;
}

#mainmenu
{
    position: absolute;
    z-index: 100;
    height: 45px;
    width: 978px;
    background-image: url('../media/images/template/bg-mainmenu.jpg');
    background-repeat: no-repeat;
    background-color: #c4c4c4;
}

#mainmenu ul{
    position: relative;
    margin: 0;
    padding: 0;
    height: 1em;
}

#mainmenu ul li{
    list-style: none;
    float: left;
}

#mainmenu ul li a{
    display: block;
    padding: 11px 15px;
    font-size: 16px;
    font-weight: bold;
}

#mainmenu ul li ul{
    display: none;
    width: 231px;
}

#mainmenu ul li:hover{
    background-color: #e71b24;
}

#mainmenu ul li:first-child:hover{
    background-image: url('../media/images/template/bg-mainmenu-hover.gif');
}

#mainmenu ul li.last:hover{
    background-image: url('../media/images/template/bg-mainmenu-hover.gif');
    background-position: top right;
}

#mainmenu ul li.last a{
    padding-right: 19px;
}

#mainmenu ul li:hover a{
    color: #ffffff;
}

#mainmenu ul li:hover ul{
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
}

#mainmenu ul li:hover li{
    float: none;
}

#mainmenu ul li:hover li a{
    font-size: 16px;
    font-weight: bold;
    background-color: #4c4c4c;
    border-top: 1px solid #ffffff;
    color: #ffffff;
    opacity: 0.94;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
    filter: alpha(opacity=94);
}

#mainmenu ul li li a:hover{
    background-color: #f74033;
}


/* Footer */
#footer{
    clear: both;
    position:relative;
    top:45px;
    height: 50px;
    border-top: 1px solid #eaebec;
    margin-top: 8px;
    padding-top: 5px;
}

#footer ul{
    margin: 0; padding: 0;
    list-style-type: none;
}

#footer ul li{
    float: left;
    margin: 0 10px 0 0;
    font-size: 12px;
}

#footer p{
    float:right;
    width:200px;
    margin: 0; padding: 0;
    
}


/* Left Column */
#leftcol
{
    position:relative;
    float:left;
    width:733px;
    margin-top:13px;
    margin-left:15px
}

#leftcol a
{
    color:#0e89d8
}

/* Right Column */
#rightcol{
    /*position: relative;*/
    float: right;
    margin-top: 13px;
    width: 197px;
    min-height: 900px;
    /*height: 822px;*/
    background-color: #F7F7F7;
    background-image: url('../media/images/template/bg-rightcol.gif');
    background-repeat: repeat-x;
}

#rightcol .header{
    /*position: relative;*/
    width: 185px; height: 36px;
    margin: 7px 0 17px 6px;
    background-color: #4b4b4d;
    background-image: url('../media/images/template/bg-rightcol-head.gif');
    background-repeat: no-repeat;
    color: #ffffff;
}

#rightcol .header p{
    /*position: absolute;*/
    margin: 0; padding: 0;
    /*top: 5px; left: 35px;*/
    margin-left: 35px;
    padding-top: 5px;
    font-size: 22px;
}

#rightcol .content{
    margin-bottom: 20px;
}

#rightcol .story{
    padding: 5px 20px;
    margin-bottom: 30px;
}

#rightcol .story h5{
    margin: 0; padding: 0;
    margin-bottom: 5px;
    color: #2091da;
    font-size: 12px;
    font-weight: bold;
}

#rightcol .story p.date{
    margin: 0; padding: 0;
    margin-bottom: 5px;
    font-size: 11px;
    color: #a6a6a6;
}

#rightcol .story p.storycontent{
    margin: 0; padding: 0;
    margin-bottom: 5px;
    font-size: 11px;
    color: #504e4d;
}

#rightcol .story p.link{
    margin: 0; padding: 0;
    font-size: 11px;
}

#rightcol .story p.link a{
    color: #0e89d8;
}

/* Main Content */
#maincontent{
    position:relative;
    top:45px;
    height:100%;
    width:978px;
    margin:0px;
    padding:0px;
}

#maincontent h1, #maincontent h2.likeH1{
    margin: 0; padding: 0;
    color: #000000;
    font-size: 20px;
}

#maincontent h2{
    margin: 0 0 22px 0; padding: 0;
    width: auto;
    color: #707174;
    font-size: 18px;
}

#maincontent h2 div{
    padding-bottom: 10px;
    border-bottom: 1px solid #dfdfdf;
}


/* Tooltips */
.tooltip{
    display: none;
    z-index: 1000;
    padding: 15px 15px 0 15px;
    width: 190px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color:#e21921;
    /*background-color: #4c4c4c;*/
    color: #ffffff;
    font-size: 11px;
}


.toolTipRed
{
    background-color:#e21921;
}

.tooltip.auckland, .tooltip.wellington{
    width: 595px;
    padding: 15px 0 0 15px;
}
.tooltip.wanganui, .tooltip.palmerstonnorth{
    width: 290px;
    padding: 15px 0 0 15px;
}

.tooltip.auckland p,
.tooltip.wellington p,
.tooltip.wanganui p,
.tooltip.palmerstonnorth p
{
    float: left;
    height:90px;
    width:30%;
    margin-right: 14px;
    margin-bottom:15px;
    margin-left:5px;
}
.tooltip.wanganui p,
.tooltip.palmerstonnorth p
{
    height: auto;
    width:40%;
}

.tooltip.auckland p.websiteLink,
.tooltip.wellington p.websiteLink,
.tooltip.wanganui p.websiteLink,
.tooltip.palmerstonnorth p.websiteLink
{
    position:relative;
    height:15px;
    width:100%;
    font-size:12px;
    text-align:center;
}

.tooltip p{
    margin: 0 0 10px 0; padding: 0;
    line-height: 1.5;
}

.tooltip p span{
    font-size: 12px;
    font-weight: bold;
}

.tooltip a{
    color: #ffffff !important;
}

.tooltip strong a{
    text-decoration: underline;
}


/***************** Home *****************/

#home{
    position: relative;
    left: -15px;
}

#home h1{
    margin-left: 15px;
}

#home h2{
    width: 437px;
    margin-left: 15px;
}

#home #logoHolder h5
{
    margin: 0; padding: 0;
    color: #2091da;
    font-size: 12px;
    font-weight: bold;
}

#home #map{
    position: relative;

}

#home #map #welcome{
    width: 347px;
    /*height:149px;*/
    height:170px;
    position: absolute;
    background-image: url('../media/images/front-page/welcome.png');
    background-repeat: no-repeat;
    top: 0px;
    right: 165px;
}

#home #map #welcome > p{
    position: absolute;
    bottom: 0;
    margin: 0; padding: 0;
    width: 100%;
    text-align: center;
}

#home #maphead p{
    margin: 0; padding: 0;
    font-size: 14px;

    color: #E41921;
}

#home #locations{
    z-index: 2000;
}

#home .location{
    position: absolute;
    margin: 0; padding: 0;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #1c1818;
    cursor:default;
}

#home .mapY
{
    position:relative;
    display:block;
    height:35px;
    width:28px;
    background-image: url('../media/images/front-page/mapY.png');
    background-repeat: no-repeat;
    margin:0px;
}

#home .mapY a
{
    display: block;
    width: 100%;
    height: 100%;
}

#home #auckland{
    
    top: 160px;
    left: 123px;
}

#home #auckland .mapY
{
    margin-left:13px;
}

#home #tauranga{
   
    top: 209px;
    left: 197px;
}

#home #tauranga .mapY
{
    margin-left:13px;
}

#home #hamilton{
   
    top: 231px;
    left: 148px;
}

#home #hamilton .mapY
{
    margin-left:13px;
}

#home #gisborne{
    top: 266px;
    left: 286px;
}

#home #gisborne .mapY
{
    margin-left:11px;
}

#home #southwaikato{
    top: 279px;
    left: 183px;
}

#home #southwaikato .mapY
{
    margin-left:25px;
}

#home #newplymouth{
    top: 292px;
    left: 76px;
}

#home #newplymouth .mapY
{
    margin-left:25px;
}

#home #hawkesbay{
    top: 327px;
    left: 213px;
}

#home #hawkesbay .mapY
{
    margin-left:21px;
}

#home #wanganui{
    top: 352px;
    left: 127px;
}

#home #wanganui .mapY
{
    margin-left:15px;
}

#home #wainuiomata .mapY
{
    margin-left:21px;
}

#home #palmerstonnorth{
    top: 385px;
    left: 168px;
}

#home #palmerstonnorth .mapY
{
    margin-left:25px;
}

#home #masterton{
    top: 435px;
    left: 178px;
}

#home #wainuiomata
{
    top:455px;
    left:205px;
}

#home #paremata{
    top: 445px;
    left: 65px;
}
#home #wellington{
    top: 438px;
    left: 97px;
}

#home #wellington .mapY
{
    margin-left:35px;
}

#home #nelson{
    
    top: 110px;
    left: 649px;
}

#home #nelson .mapY
{
    margin-left:5px;
}
#home #christchurch{
    
    top: 243px;
    left: 609px;
}

#home #christchurch .mapY
{
    margin-left:23px;
}

#home #southcanterbury{
    top: 386px;
    top: 306px;
    left: 525px;
}

#home #southcanterbury .mapY
{
    margin-left:25px;
}

#home #invercargill{
   
    top: 409px;
    left: 439px;
}

#home #invercargill .mapY
{
    margin-left:15px;
}

#home #nationaloffice{
    width:150px;
    color: #ffffff;
    font-size: 12px;
    font-weight: normal;
    margin-left:60px;
    margin-top:7px;
}

#home span#nationalOfficeHolder
{
    position:absolute;
    bottom:20px;
    right:0px;
    height:44px;
    width:215px;
    background-image: url('../media/images/front-page/national-office-button.jpg');
    background-repeat: no-repeat;
    margin:0px;
    padding:0px;
}

#home #imagebox{
    width: 760px;
    height: 280px;
    margin-top: 22px;
}

#home #imagebox #imageboxhead{
    position: relative;
    height: 22px;
    background-image: url('../media/images/front-page/bg-imageboxhead.gif');
    background-repeat: repeat-x;
    background-color: #434343;
}

#home #imagebox #imageboxhead p{
    margin: 0; padding: 0;
    position: absolute;
    top: 3px; left: 18px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

#home #imageboxcontent{
    height: 280px;
    width: 760px;
    overflow: hidden;
}

#logoHolder
{
    position:relative;
    width:733px;
    height:150px;
    margin-top:10px;
}

#logoHolder img
{
    margin-left:48px;
}

#logoHolder img.social
{
    margin-bottom:25px;
}

/* contact_content_view.php */

.error {
        /* supply height to ensure consistent positioning for every browser */
        -moz-border-radius:4px 4px 4px 4px;
        margin:0 0 2px;
        padding:2px 6px;
        -moz-box-shadow:0 0 6px #DDDDDD;
        background-color:#EF9B95;
        border:1px solid #9d9d9d;
        color:#000000;
        font-size:11px;
        height:15px;
        margin-left:-2px;
}

.error em {
	border:10px solid;
	border-color:#EF9B95 transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:60px;
	position:absolute;
	width:0;
}

.clearSpace
{
    clear:both;
    height:30px;
    margin:0;
    padding:0;
    position:relative;
    width:200px;
}

#contactFormHolder
{
    position:relative;
    margin-top:40px;
    margin-left:26px;
    width:638px;
}

#contactForm
{
    position:relative;
}

#contactForm label
{
    float:left;
    width:80px;
    padding-top:4px;
}

#contactForm input, #contactForm select
{
    float:left;
    border:1px solid #9D9D9D;
    height:20px;
    width:227px;
    color:#666666;
    margin:0px;
    padding:0px;
}

#contactForm textarea
{
    float:left;
    border:1px solid #9D9D9D;
    height:164px;
    width:227px;
    color:#666666;
    font-size:13px;
    font-family: Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
}

#submitButton
{
    width:86px !important;
    margin-left:150px !important;
}

.flashOK
{
    position:relative;
    color:blue;
    font-weight:bold;
    margin-bottom:10px;
    padding:0px;
}

.flashError
{
    position:relative;
    color:red;
    font-weight:bold;
    margin-bottom:10px;
    padding:0px;
}

/* news_view.php */

#fullNewsItemContent
{
    margin-bottom:15px;
}

/* news_list_view */

.newsListItem
{
    margin-bottom:25px;
}

/* extranet login */

.modal
{
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    border:2px solid #333;
    opacity:0.8;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.modal h2
{
    margin:0px;
    padding:10px 0 10px 45px;
    border-bottom:1px solid #333;
    font-size:20px;
}

form#extranetForm
{
    height:130px;
    width:250px;
}

form#extranetForm label
{
    display:block;
    float:left;
    width:70px;
    margin-top:20px;
}

form#extranetForm input
{
    float:left;
    width:150px;
    margin-top:15px;
}

form#extranetForm input.submit
{
    width:52px;
}

form#extranetForm .close
{
    width:57px;
    margin-top:15px;
    margin-left:20px;
}

p.noDisplay
{
    display:none;
}

p#status
{
    margin-top:5px;
    margin-bottom:5px;
}

.messagebox
{
     position:absolute;
     width:100px;
     margin-left:30px;
     border:1px solid #c93;
     background:#ffc;
     padding:3px;
}

.messageboxok
{
     position:absolute;
     width:auto;
     margin-left:30px;
     border:1px solid #349534;
     background:#C9FFCA;
     padding:3px;
     font-weight:bold;
     color:#008000;
}

.messageboxerror
{
     position:absolute;
     width:auto;
     margin-left:30px;
     border:1px solid #CC0000;
     background:#F7CBCA;
     padding:3px;
     font-weight:bold;
     color:#CC0000;
}

h4.userContentList
{
   margin-left:10px;
}

/* extranet content view */

h3.extranetSub
{
    color:#000000;
    text-transform:capitalize;
    margin-left:5px;
}