/*--------------------------------------------------------------
Basic Style Sheet for Caledonia Youth

version:	1
author:		stormid
email:		info@stormid.com
website:	http://www.stormid.com
--------------------------------------------------------------*/
*
{
    margin: 0;
    padding: 0;
}

html 
{
    background-color: #F0F0F0;
}

body
{
    margin: 0;
    padding: 0;
    background-color: #F0F0F0;
    font-family: arial, verdana, sans-serif;
    color: #666666;
    background-image: url(../images/common/bg.jpg);
    background-repeat: repeat-x;
    text-align: left;
}

.exit-button
{
    position: absolute;
    right: 30px;
    top: 30px;
    width:145px;
    height:41px;
}

.pb_emailSuccess	{background-image:url('../../../portalbase/assets/images/common/itemSuccess.gif'); color: #191970; background-repeat:no-repeat; padding-left:20px; font-weight:bold; font-size: 110%}
.pb_emailFail		{background-image:url('../../../portalbase/assets/images/common/itemFail.gif'); color: #800000; background-repeat:no-repeat;padding-left:20px; font-weight:bold; font-size: 110%}


/* = Generic 
--------------------------------------------------------------*/
strong, b
{
    font-weight: bold;
}

P
{
    margin-bottom: 0.5em;
}

a:focus
{
    border: 0;
}

.divclear
{
    margin: 0px;
    padding: 0px;
    clear: both;
}

/* logo h1 style */
#header h1{
    width: 612px;
    height: 104px;
    position: relative;
    color: #333333;
    display: block;
    top: 30px;
    left: 30px;
 
    }
                
#header h1 span {
    background: url(../images/common/logo.jpg) top left no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    }


/* left column illustration - generic */
.illustration{
    width: 200px;
    height: 264px;
    margin-left: -19px;
    background: url(../images/common/left-col-ill.jpg) top left no-repeat;
    }
    
 /* left column illustration - looking for advice on sexual health  */   
.services-looking-for-advice-on-sexual-health .illustration{
    width: 200px;
    height: 264px;
    /*background-color: Red;*/
    margin-left: -19px;
    background: url(../images/common/left-col-ill-sexual-health.jpg) top left no-repeat;
    }
    
 /* left column illustration - looking for advice on relationships  */     
.services-looking-for-advice-on-relationships .illustration{
    width: 200px;
    height: 264px;
    /*background-color: Red;*/
    margin-left: -19px;
    background: url(../images/common/left-col-ill-relationships.jpg) top left no-repeat;
    }
 
 /* left column illustration - working with young people */     
.services-working-with-young-people-parents-carers-professionals- .illustration{
    width: 200px;
    height: 264px;
    /*background-color: Red;*/
    margin-left: -19px;
    background: url(../images/common/left-col-ill-parents.jpg) top left no-repeat;
    }
    

	
/* fieldset styling */
.support-us fieldset,
.publications-links fieldset {
    margin: 1em 0; /*  space out the fieldsets a little*/
    padding: 1em;
    border : 1px solid #ccc;
    width: 510px;
    }

/* legend styling */
.support-us legend,
.publications-links legend {
    font-weight: bold;
    }
    
.radio input{
    margin-right: 5px;
    }

/* style for  labels */

label#title,
label#forename,
label#surname,
label#jobtitle,
label#organisation,
label#address,
label#postcode,
label#telno,
label#e-address,
label#date,
label#donation,
label#name,
label#position,
label#emailaddress,
label#membershipNumber{
    display: block;
    }
     
.checkbox input {
    margin-right:5px;
    }
     
.support-us #ctl05_Forename,
.support-us #ctl05_Surname,
.support-us #ctl05_JobTitle,
.support-us #ctl05_Organisation,
.support-us #ctl05_Addressm,
.support-us #ctl05_Postcode,
.support-us #ctl05_Tel,
.support-us #ctl05_Address,
.support-us #ctl05_Date,
.support-us #ctl05_Donation,
.support-us #ctl05_Forename2,
.support-us #ctl05_Surname2,
.support-us #ctl05_Addressm2,
.support-us #ctl05_Postcode2,
.publications-links #ctl05_Name,
.publications-links #ctl05_Position,
.publications-links #ctl05_Organisation,
.publications-links #ctl05_Address,
.publications-links #ctl05_Postcode,
.publications-links #ctl05_Tel,
.publications-links #ctl05_Emailaddress,
.publications-links #ctl05_DeliveryAddress,
.publications-links #ctl05_MembershipNumber{
    width: 400px;
    padding: 4px;
    }
    
.support-us textarea,
.publications-links textarea{
    width: 400px;
    height: 100px;
    padding: 4px;
    border: 1px solid #999999;
    }
  
.support-us input.radio,
.support-us input.checkbox, 
.support-us input.submit{
    width: auto;
    }
    
/* style form elements on focus */
.support-us input:focus, 
.support-us textarea:focus,
.publications-links input:focus, 
.publications-links textarea:focus{
    background: #ffc;
    }
    
.support-us input[type="text"], 
.support-us textarea,
.publications-links input[type="text"], 
.publications-links textarea{
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    }

#publication ul,
#publication-2 ul,
#publication-3 ul
{
    margin: 0 0 0 5px;
    padding: 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

#publication ul li,
#publication-2 ul li,
#publication-3 ul li
{
    background:transparent url(../images/common/list-square-blue.jpg) no-repeat scroll left center;
    color:#333333;
    font-size:93%;
    margin:0;
    padding:0 0 0 10px;
}


#publication .front-cover,
#publication-2 .front-cover,
#publication-3 .front-cover
{
    width: 71px;
    float: left;
    padding: 0;
    margin:0;
    }
    
#publication .front-cover img,
#publication-2 .front-cover img,
#publication-3 .front-cover img{
    background-color: #ffffff;
    width: 47px;
    height: 100px;
    padding: 2px;
    border: 1px solid #cccccc;
    margin-right: 5px;
    }
    
#publication .amount,
#publication-2 .amount,
#publication-3 .amount{
    float: left;
    padding: 0;
    margin:0;
    }

#publication .info,
#publication-2 .info,
#publication-3 .info{
    width: 300px;
    float: left;
    padding: 0 0 20px 0;
    margin:0;
    }
    
#publication{
    margin: 0 20px 0 0;
    padding: 0;
    width: 155px;
    float: left;
    }
    
#publication-2{
    margin: 0 20px 0 0;
    padding: 0;
    width: 155px;
    float: left;
    }
    
#publication-3{
    margin: 0;
    padding: 0;
    width: 155px;
    float: left;
    }
    
#publication .title,
#publication-2 .title,
#publication-3 .title{
    background-color: #452C89;
    color: #ffffff;
    padding: 5px;
    }
    
#publication .title p,
#publication-2 .title p,
#publication-3 .title p{
    padding: 0;
    margin: 0;
    color: #ffffff;
    }
    
#publication .cover-amount,
#publication-2 .cover-amount,
#publication-3 .cover-amount{
    background-color: #e5f3fa;
    border-top: 1px solid #ffffff;
    padding: 5px;
    }
    
#publication .description,
#publication-2 .description,
#publication-3 .description{
    background-color: #D1EBF7;
    border-top: 1px solid #ffffff;
    padding: 5px;
    height: 190px;
    }
    
.publications-links fieldset
{
    margin-top: 20px;
}

/* = Breadcrumb
--------------------------------------------------------------*/
#breadcrumb
{
    width: 947px;
    /*background-color: #EFEFEF;*/
    position: relative;
    height: 26px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    /*background: url(../images/common/bgnd-main-wrapper.jpg) top left repeat-y;*/
}

#breadcrumb-nav
{
    list-style-type: none;
    display: inline;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    height: 20px;
}

#breadcrumb-nav li + li
{
    background-image: url(../images/navigation/bg_breadcrumbs_arrow.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 1.4em;
    }
    
#breadcrumb-nav li
{
    /*float: left;*/
    display: inline;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 93%;
    color: #666666;
    }

#breadcrumb-nav li a{
    color: #666666;
    text-decoration: none;
    }

#breadcrumb-nav li a:hover
{
    text-decoration: underline;
}

#breadcrumb-nav li.first
{
    background: none;
    padding: 0;
    font-weight: bold;
}



/* = Main divs
--------------------------------------------------------------*/
#wrapper
{
    width: 1005px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    position: relative;
    background: url(../images/common/bgnd-main-wrapper.jpg) top left repeat-y;
}

#header
{
    width: 1005px;
    margin-left: auto;
    margin-right: auto;
    background-color: #C6F;
    position: relative;
    background: url(../images/common/bgnd-header.jpg) center left no-repeat;
    height: 155px;
}

/* search */
#search
{
    width: 290px;
    position: relative;
    /*top: 77px;*/
    left: 691px;
}

#search .text-field
{
    float: left;
    background: url(../images/common/text-field-back.jpg) top left no-repeat;
    width: 235px;
    height: 25px;
}

#search .text-field input
{
    border: 0;
    background-color: transparent;
    color: #666;
    padding: 4px;
    width: 230px;
}

#search .button input.primary-search-button
{
    float: left;
    background-color: transparent;
    background-image: url(../images/common/search-btn.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 93%;
    height: 25px;
    margin: 0;
    overflow: hidden;
    padding: 25px 0 0;
    width: 50px;
}

#search .button input.primary-search-button:hover
{
    background-image: url(../images/common/search-btn.jpg);
    background-position: 0 -25px;
}

/* = Landing page main columns
--------------------------------------------------------------*/
#sub-nav-column
{
    position: relative;
    display: inline;
    float: left;
    background-color: #39C;
    width: 179px;
    margin: 0 21px 0 27px;
    padding: 7px 0 0 0;
   background: url(../images/common/sub-nav-top-new.jpg) top left no-repeat;
}

/* sub nav headings */
#sub-nav-column h1
{
    font-size: 108%;
    background: url(../images/common/arrow-generic-new.gif);
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: 0;
    margin: 0 0 0 10px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    height: 28px;
}

/* sub nav styles */
ul#sub-nav
{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    background-color: #D1EBF7;
    width: 179px;
}

ul#sub-nav li
{
    margin: 0;
    padding: 0;
}

ul#sub-nav li.first
{
    border-top: 1px solid #ffffff;
}

ul#sub-nav li a
{
    margin: 0;
    padding: 10px;
    width: 159px;
    color: #452C89;
    display: block;
    text-decoration: none;
    font-size: 93%;
    border-bottom: 1px solid #ffffff;
}

ul#sub-nav li a:hover
{
    color: #ffffff;
    background-color: #452C89;
}

ul#sub-nav li.selected
{
    background-color: #482E8F;
}

ul#sub-nav li.selected a
{
    color: #fff;
    font-weight: bold;
}

/* 2nd level sub nav*/
/* sub level */
ul#sub-mid
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#sub-mid li
{
    padding: 0;
    margin: 0;
}

ul#sub-mid li a
{
    padding: 10px 10px 10px 20px;
    width: 149px;
    margin: 0;
    color: #482E8F !important;
    background-color: #fff;
    display: block;
    font-weight: normal !important;
    border-bottom: 1px solid #ddd;
}

ul#sub-mid li a:hover
{
    color: #ffffff;
    background-color: #efefef;
}

ul#sub-mid li.selected a
{
    color: #482E8F;
    font-weight: bold !important;
    background-color: #efefef;
}

#content-top-column
{
    position: relative;
    float: left;
    width: 750px;
    margin: 0;
    padding: 0;
}

#content-top-column.one-column-template
{
    width: 950px;
    margin: 0 27px;
    padding: 0;
}


/* find out more nav */
#content-top-column .find-out-more
{
    background: url(../images/common/find-out-more-nav-top.jpg) top left no-repeat;
    width: 510px;
    margin: 0;
    padding: 10px 0 0 0;
}

#content-top-column .find-out-more h1
{
    font-size: 123.1%;
    font-weight: bold;
    background: url(../images/common/arrow-generic-new.gif) center left no-repeat;
    padding-left: 20px;
    padding-top: 0;
    margin: 0 0 0 10px;
    color: #ffffff;
}

#right-top-column
{
    position: relative;
    float: left;
    background-color: #F96;
    width: 750px;
    margin: 0;
    padding: 0;
}

#content-top-column .hero-panel
{
    width: 750px;
    height: 180px;
    margin: 0 0 10px 0;
    padding: 0;
}


#content-top-column .hero-panel .about-us, #content-top-column .hero-panel .work-with-us, #content-top-column .hero-panel .publications, #content-top-column .hero-panel .support-us, #content-top-column .hero-panel .contact-us
{
    height: 180px;
}

#content-top-column .hero-panel .about-us
{
    background: url(../images/common/hero-panel-about-us.jpg) center left no-repeat;
    height: 180px;
}

#content-top-column .hero-panel .work-with-us
{
    background: url(../images/common/hero-panel-work-with-us.jpg) center left no-repeat;
    height: 180px;
}

#content-top-column .hero-panel .publications
{
    background: url(../images/common/hero-panel-publications.jpg) center left no-repeat;
    height: 180px;
}

#content-top-column .hero-panel .support-us
{
    background: url(../images/common/hero-panel-support-us.jpg) center left no-repeat;
    height: 180px;
}

#content-top-column .hero-panel .contact-us
{
    background: url(../images/common/hero-panel-contact-us.jpg) center left no-repeat;
    height: 180px;
}


#content-top-column .hero-panel h1
{
    font-size: 182%;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    padding: 20px 0 0 20px;
    display: block;
}

#content-top-column .hero-panel p
{
    font-size: 100%;
    width: 430px;
    color: #ffffff;
    margin: 0;
    padding: 5px 0 0 20px;
    display: block;
}

.content-col-one
{
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 510px;
}

.content-col-one a{color: #452C89; text-decoration: underline;}
.content-col-one a:hover{color:#6B246D; text-decoration: none;}


.content-col-one.two-column-template
{
    width: 750px;
}

.content-col-one.one-column-template
{
    width: 950px;
}

.content-col-one ul
{
    margin: 0.5em 0 0.5em 3.5em;
    padding: 0;
    font-size: 93%;
}

.content-col-one ul ul
{
    font-size: 108%;
    
}


.content-col-one ul li
{
    line-height: 150%;

}



.content-col-one p
{
    color: #333333;
    /*font-size: 93%;*/
    font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0 0 15px;
}

.content-col-one h1
{
    color: #6B246D;
    font-size: 1.9em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h2.pagetitle
{
    color: #482E91;
    font-size: 153.9%;
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.4em 0;
    border-bottom: 1px solid #482E91;
}

.content-col-one h2
{
    color: #6B246D;
    font-size: 123.1%;
    font-weight: normal;
    margin: 0.5em 0;
    padding: 0;
}

.support-us h3,
.about-us h3,
.services h3,
.contact-us h3{
    color: #482E91;
    font-size: 123.1%;
    font-weight: bold;
    margin: 0.5em 0;
    padding: 0.4em 0.4em 0.4em 0.8em;
    border-bottom: 1px solid #CCCCCC;
    background: #EFEFEF url(../images/common/h3-img.jpg) center right no-repeat;
    background-position: 480px 5px;
    }
    
.content-col-one h3{
    color: #482E91;
    font-size: 123.1%;
    font-weight: bold;
    margin: 0.5em 0;
    padding: 0.4em 0.4em 0.4em 0.8em;
    border-bottom: 1px solid #CCCCCC;
    }

.content-col-one h4
{
    color: #666;
    font-size: 108%;
    font-weight: bold;
    margin: 0.5em 0;
    padding: 0;
}

.content-col-one .callout
{
    color: #6B246D;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 150%;
    margin: 20px 20px 20px 0;
    padding: 15px 0;
    display: block;
    float: left;
    width: 240px;
    border-top: 5px solid #482E91;
    border-bottom: 2px solid #482E91;
}


.content-col-one .callout:before
{
    content: "\201C";
    padding: 0 0.1em 0 0;
    font-size: 140%;
    color:#482E91;
    font-weight:bold;

}

.content-col-one .callout:after
{
    content: "\201D";
    padding:-10px 0 0 0.1em;
    margin: 0 -20px 0 0;
    font-size: 140%;
    color:#482E91;
    font-weight:bold;

}


/* find out more nav */
.find-out-more ul
{
    list-style: none;
    margin: 20px 15px 20px 15px;
    padding: 0;
}

.find-out-more ul li
{
    margin: 0;
    padding: 0;
    display: inline;
}

.find-out-more ul li a
{
    background: url(../images/common/list-square-blue.jpg) center left no-repeat;
    display: block;
    margin: 0;
    padding: 8px 0 8px 15px;
    border-bottom: 1px solid #C9B1CA;
    color: #005C9E;
}

.find-out-more li a:hover
{
    text-decoration: none;
}

.find-out-more li.selected
{
    background-color: #A2006E;
}

.content-col-two
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 220px;
}

.content-col-two img
{
    padding: 0 0 10px 0;
    margin: 0;
    border: 0;
}

.content-col-two p img
{
    padding: 0;
    margin: 0;
}

/* related links nav */
.content-col-two .related-links
{
    /*background: url(../images/common/related-links-nav-top.jpg) top left no-repeat;*/
    width: 220px;
    margin: 0;
    padding: 0;
    background-color:#D1EBF7;
}

.content-col-two .related-links p
{
    color: #333333;
    padding: 5px 10px;
}

.content-col-two .related-links a
{
    color: #452C89;
    text-decoration: underline;
}

.content-col-two .related-links a:hover
{
    text-decoration: none;
}

.content-col-two .related-links h1
{
    font-size: 1.3em;
    padding: 12px 0 0 28px;
    margin: 0;
    color: #ffffff;
    font-weight: bold;
    display: block;
    background: url(../images/common/related-links-nav-top.jpg) top left no-repeat;
    height: 51px;
}

/* related links styles */
.related-links ul
{
    list-style: none;
    margin:0;
    padding: 10px;
    background-color: #D1EBF7;
    width: 199px;
}

.related-links ul li
{
    margin: 0;
    padding: 0;
    display: inline;
}

.related-links ul li a
{
    background: url(../images/common/list-square-blue.jpg) center left no-repeat;
    color: #005C9E;
    display: block;
    margin: 0;
    padding: 4px 0 4px 15px;
    font-size: 93%;
}

.related-links ul li a:hover
{
    text-decoration: none;
}

.related-links ul li.selected
{
    background-color: #A2006E;
}
/* = Main navigation
--------------------------------------------------------------*/
#navigation
{
    width: 950px;
    height: 40px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background-color: red;
    position: relative;
    background: url(../images/navigation/bgnd-main-nav.jpg) top left repeat-x;
}

/* main nav ul */
#main-navigation
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    width: 950px;
    list-style: none;
    height: 35px;
    display: block;
}

#main-navigation li
{
    float: left;
    display: inline;

}

#main-navigation li a
{
    color: #ffffff;
    /**background: url(../images/navigation/nav-sep.jpg) center right no-repeat;**/
    padding: 0 13px;
    margin: 0 0 0 0;
    line-height: 35px;
    height: 35px;
    display: block;
    text-decoration: none;
    font-size: 93%;
    float:left;


}

#main-navigation li a:hover,
#main-navigation li.selected a
{
    text-decoration: none;
    background-color: #0182C4;
    background-image: none;
}

#main-navigation li#register a
{
    color: #ffffff;
    background: none;
}

/* = Main content, top row
--------------------------------------------------------------*/
#top-row
{
    width: 950px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    color: #FFF;
    padding: 0;
}

.hero-banner-home
{
    margin: 0 10px 0 0;
    height: 250px;
    padding: 0;
    background-color: #8BCFF2;
    width: 950px;
}


.hero-banner-home-col-one
{
    float: left;
    width: 440px;
    padding: 20px;
}

.hero-banner-home-col-two
{
    float: left;
    width: 470px;
}

.hero-banner-home h2
{
    color: #492F92;
    font-size: 167%;
    margin: 0 0 1em 0;
    display: block;
}

.hero-banner-home h3
{
    color: #492F91;
    font-size: 108%;
}

.hero-banner-home p
{
    color: #492F91;
    font-size: 108%;
}


.hero-banner img
{
    margin: 0;
    padding: 0;
}

.hero-banner p
{
    margin: 0;
    padding: 0;
}

.nuggets
{
    width: 310px;
    float: left;
    padding: 0;
    display: inline;
    margin: 0;
    margin-right: -3px;
}

.nuggets img
{
    margin: 0 0 10px 0;
    padding: 0;
}

.nuggets p
{
    padding: 0;
    margin: 0;
}

/* = Main content, bottom row
--------------------------------------------------------------*/
#bottom-row
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
}


.home-lister-container
{
    float: left;
    width: 270px;
    height: 235px;
    padding: 10px 20px;
    margin: 0 10px 0 0;
}

.home-lister-container h1
{
    font-size: 123.1%;
    font-weight: bold;
    color: #fff;
    margin: 0 0 0 15px;
    display: block;
    height: 60px;
}

.home-lister-container ul
{
    display: block;
    padding: 10px 20px;
}

.home-lister-container ul li
{
    list-style-type: disc;
    color: #003366;
    line-height: 20px;
}

.home-lister-container ul li a
{
    color: #003366;
    text-decoration: none;
}

.home-lister-container ul li a:hover
{
    text-decoration: underline;
}

.home-lister-container.sexual-health
{
    background-color: #BBAFD6;
    background: url(../images/common/bg-home-lister-sexual-health.jpg) 0 0 no-repeat;
}

.home-lister-container.relationships
{
    background-color: #FFE06A;
    background: url(../images/common/bg-home-lister-relationships.jpg) 0 0 no-repeat;
}

.home-lister-container.professional
{
    background-color: #8BCFF2;
    background: url(../images/common/bg-home-lister-professionals.jpg) 0 0 no-repeat;
    margin-right: 0px;
}



#tabs-1, #tabs-2, #tabs-3
{
    padding: 20px 0 20px 10px;
}

#tabs-1 .left, #tabs-2 .left, #tabs-3 .left
{
    float: left;
    width: 101px;
    margin: 0 20px 0 0;
}

#tabs-1 .left img, #tabs-2 .left img, #tabs-3 .left img
{
    border: 1px solid #7764AD;
    padding: 1px;
}

#tabs-1 .right, #tabs-2 .right, #tabs-3 .right
{
    float: left;
    width: 125px;
}

#tabs-1 .right ul, #tabs-2 .right ul, #tabs-3 .right ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs-1 .right ul li, #tabs-2 .right ul li, #tabs-3 .right ul li
{
    padding: 0 0 5px 0;
    margin: 0;
    display: inline;
}

#tabs-1 .right ul li.email a, #tabs-2 .right ul li.email a, #tabs-3 .right ul li.email a
{
    color: #005C9E;
    text-decoration: underline;
    background: url(../images/common/map-email.jpg) center left no-repeat;
    padding: 5px 0 5px 20px;
    display: block;
}

#tabs-1 .right ul li.info a, #tabs-2 .right ul li.info a, #tabs-3 .right ul li.info a
{
    color: #005C9E;
    text-decoration: underline;
    background: url(../images/common/map-info.jpg) center left no-repeat;
    padding: 5px 0 5px 20px;
    display: block;
}

#tabs-1 .right ul li.info a:hover, #tabs-2 .right ul li.info a:hover, #tabs-3 .right ul li.info a:hover, #tabs-1 .right ul li.email a:hover, #tabs-2 .right ul li.email a:hover, #tabs-3 .right ul li.email a:hover
{
    text-decoration: none;
}

/* = Main content boxes
--------------------------------------------------------------*/
.about-catscan p.link, .cancer-information p.link, .health-professionals p.link
{
    margin: 0;
    padding: 0 0 20px 20px;
}

/* = Footer
--------------------------------------------------------------*/
#footer
{
    width: 1005px;
    margin-left: auto;
    margin-right: auto;
    height: 125px;
    background-color: #ffffff;
    position: relative;
    padding: 0;
    background: url(../images/common/bgnd-footer.jpg) repeat-x;
}

#footer p
{
    font-size: 93%;
    color: #ffffff;
    padding: 0;
    margin: 45px 0 0 40px;
    float: left;
    display: inline;
}

/* footer nav */
#footer-nav-right
{
    float: right;
    text-align: right;
    padding: 0;
    margin: 20px 40px 0 0;
    line-height: 1.5em;
    display: inline;
}

#footer-nav-right li
{
    list-style: none;
}

#footer-nav-right li a
{
    color: #ffffff;
    text-decoration: none;
    font-size: 93%;
}

#footer-nav-right li a:hover
{
    text-decoration: underline;
}

/* = Listers
--------------------------------------------------------------*/
.lister {
  
}

.lister ul {
    margin:0 0 20px 0;
    padding: 0;
    }

.lister ul li{
    list-style-type:none;
    list-style-image:none;
    border-bottom:1px dotted #CCCCCC;
    margin:0 0 0;
    padding:10px 0 5px;
    }
    
.lister ul li a{
    display:inline-block;
    margin:0;
    padding:0 5px 3px 0;
    }
    
.lister ul li h3 {
    margin:0px;
    padding:0px;
    color:#482E91;
    background-color:Transparent;
    border:none;
    }
    
.lister ul li span{
    float: left;
    padding: 0;
    display: block;
    }
    
.lister ul li p{
    display: block;
    padding: 5px 0 10px 0;
    }
    
   
.library img{
    float: left;
    margin-right: 10px;
    }
    
.library div img{
    padding: 0 3px 0 0;
    margin: 0;
    }
    
.library div {
    font-size:90%;
    font-weight:bold;
    margin:3px 0;
    }
    
.library  p{
    font-size:108%;
    margin:0 0 0 20px;
    padding: 0;
    }
.searchNuggetLabel
{
    display: none;
}