@charset "utf-8";
/*-- Reset --*/
li {margin: 0; padding:0;}



#bg {
    padding-top: 17px;
    background:url("../image/jellyfish.jpg") center top no-repeat;
}
#visual-portal-wrapper {
    background: url(../image/bg_portal.gif) repeat-x;
}

/*-- Rounded Middle Area --*/

#pageBackground {
    background: url(../image/bgSliceMiddle.png) no-repeat;
    padding-top: 10px;
}
#bgSliceMiddle {
    background-image: url(../image/bgSliceMiddle2.png);
    background-repeat: repeat-y;
    overflow: hidden;
}
#bottomRoundedLeft {
    background: url(../image/bgSliceBottom.png) repeat-x bottom;
    height: 10px;
    font-size: 0;

}
#bottomRoundedRight {
    background: url(../image/bottomRoundedRight.gif) right bottom no-repeat;
    height: 15px;
    display:block;
    
}



/*----------Portal Story-----------*/

.headingHidden {
    margin: 0;
    height: 0;
    overflow: hidden;
    text-indent: -9999px;
    display: none;
}

.portalLogoContainer {
    margin: 20px;
}

#storyblock {
    float: right;
    width: 220px;
    padding: 10px 40px 5px 5px;
}
#storyblock p {
    margin: 0;
}
.portalImage {
    float: left;
    padding: 5px 5px 5px 15px;
}
#portalBlurb p {
    padding: 15px 20px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #333;    
}
.portalRound {
    margin: 0 0 10px;
    background: url(../image/rounded/l.gif) repeat-y left;
    overflow: hidden;
}
/*----------Portal Tiles Area-----------*/


#portalTiles h2, #portalStory h2 { 
    color:#39275B;
    letter-spacing:-0.03em;
    line-height:1.2em;  
    margin-top:5px;
}       
.tilePad {
    padding: 10px 0 0 20px;
}
.portalBlock .centerRight {
    padding: 10px;
}
.portalBlock div.centerLeft {
    padding: 0 0 0 10px;
}
.portalBlock {
    width: 200px;
    float: left;
    margin: 0 15px 10px 0;
    background: url(../image/rounded/l.gif) left repeat-y;
}
.portalBlockBG {
    background: url(../image/rounded/r.gif) right repeat-y;
    overflow: hidden;
}
.padSides {
    padding: 5px 20px 5px;
}
div.padSides {
    line-height: 1.2em;
    padding-bottom:5px;
}
.portalBlockBG img.padSides {
        max-width: 160px;
        max-height: 70px;
        overflow: hidden;
}
.portalLinks {
    margin-bottom: 30px;
    padding: 0 0 0 20px;
}
#portalLinksLeft {
    background: url(../image/l_yellow.gif)  no-repeat left;
}
#portalLinksRight {
    background: url(../image/r_yellow.gif) no-repeat right;
    padding: 0 15px 0 40px;
    height: 48px;
}

#portalLinksRight ul {
    margin: 0;
    padding-top: 5px;
}

#portalTiles .portalLinksArrowLeft {
    float: left;    
    text-decoration: none;
    list-style-type: none;
    background: url(../image/portalNavRight.gif) right top no-repeat;
    display: block;
    margin: 10px 15px 5px 0;
    color: #555;
    font-weight: bold;
    padding-left:0px;
    height:19px;
}

.portalLinksArrowLeft span {
    background: url(../image/portalNavLeft.gif) left -1px no-repeat;
    padding:0 10px 0;
}

#portalTiles .portalLinksArrowRight {
    background:url(../image/donate2.gif) left center no-repeat;
    float:right;
    padding:5px 20px 5px 32px;
    margin-top: 5px;
}
.portalLinksArrowRight a {
    background:url(../image/arrow_yellowBG.gif) right 2px no-repeat;
    padding-right:13px;
    color:#fff;
    font-weight: bold;  
    font-size: 92%;
}
.portalLinksArrowRight a:hover {
    color: #464645;
    background-position:right -22px;
}

#tiles {
    padding: 15px 0 0 20px;
}
a.highlights {
    background:url(../image/plus.gif) right 0 no-repeat;
    clear:both;
    display:block;
    font-weight:bold;
    margin:5px 5px 10px 0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:0 18px 0 0;
    text-align:right;
    text-decoration:none;
}
a.highlights:hover {
    color:#585858;
    background-position: right -20px;
}
a.highlights:focus {
    color:#7D7D7D;
    background-position: right -40px;
}
a.linkArrow {
    display: block;
    text-align: right;
    clear: both;
    font-weight:bold;
    padding: 0 18px 0 0;
    margin: 10px 30px 0 0;
    background: url(../image/plus.gif) right -58px no-repeat;
    outline:none;
    text-decoration:none;
}
a.linkArrow:hover {
    color:#585858;
    background-position: right -78px;
}
a.linkArrow:focus  {
    color:#7D7D7D;
    background-position: right -98px;
}
/*----------Extras area-----------*/

.portal-extras {
    padding-left: 20px;
    margin-bottom:30px;
    background: url(../image/widgetShadow.jpg) right top no-repeat;
}
.portal-extras h3 {
    margin-bottom: 15px;
}
#extras {
    margin: 0;
    padding-left:20px;
}
.extras-3, .extras-6  {
    background-image: none;
}

/*----------Portal News/Events/links-------------*/
div.portal-extras h5 {
  text-transform: uppercase;
}

/*----------Rounded Corners-----------*/


.roundtop { 
    background: url(../image/rounded/tr.gif) no-repeat top right; 
}

.roundbottom {
    background: url(../image/rounded/br.gif) no-repeat bottom right; 
}
.bgtop {
    background: url(../image/rounded/t.gif) repeat-x top;
    display: block;
    font-size: 0
}
.bgbottom {
    background: url(../image/rounded/b.gif) repeat-x bottom;
    display: block;
    font-size: 0;
    clear: both;
}
.centerRight {
    background: url(../image/rounded/r.gif) repeat-y right;
    display: block;
    overflow: hidden;
}
.centerLeft {
    background: url(../image/rounded/l.gif) repeat-y left;
    overflow: hidden;
}
img.corner {
    width: 9px;
    height: 12px;
    border: none;
    display: block !important;
}
.roundLeftBottom {
    background: url(../image/rounded/bl.gif) no-repeat bottom left;
    display: block;
    height: 12px;
}
.roundLeftTop {
    background: url(../image/rounded/tl.gif) no-repeat top left;
    display: block;
    height: 12px;
}
.contentInsetBox .roundLeftTop, .contentLargeBox .roundLeftTop {
    height: 25px;
    background:transparent url(../image/rounded/tl_arrow.gif) no-repeat scroll left top;
}

/*----------Left Nav-----------*/
#leftNav h3.megaphoneHeadline {
    background: url(../image/megaphone2.gif) left center no-repeat;
    margin-top: 10px;
    padding: 15px 0 5px 45px;
}
#leftNav h3.videoHeadline {
    background: url(../image/clapboard2.gif) left bottom no-repeat;
    padding: 15px 0 5px 40px;
}
#leftNav {
    background: url(../image/shadow_show.png) right top no-repeat;
}
.leftNavBackground {
    background: url(../image/shadow_show_bottom.jpg) right bottom no-repeat;
}
#menu > li.navSectionHead a, 
#menu > li.navSectionHead a:hover {
    background:url(../image/arrow_h3.gif) left 7px no-repeat;
}
#menu > li.navSectionHead {
    background:url(../image/leftNav_bg.png) center bottom no-repeat;
    border-bottom:medium none;
    font-size:118%;
    font-weight:bold;
    margin-bottom:10px;
    padding-bottom:18px;
}
#leftNav ul {
    margin: 10px 30px 0;
    list-style-type: none;
}
#leftNav a {
    color:#484848;
}
#leftNav p {
    color:#484848;
    text-decoration:none;
    font-size:92%;
}
#leftNav ul ul a:hover, #leftNav ul ul a:focus {
    color: #000;
    outline:none;
}
#leftNav ul ul a:focus {
    color: #666;
}
#leftNav ul ul li:hover {
    background-color: #F6F6F6;
}
#leftNav li {
    display: block;
    margin: 0;
    padding: 1px 0;
}
.selectedAccordion {
    padding-left: 10px;
    background:url(../image/arrow_h3.gif) -1px 5px no-repeat;
    font-weight:bold;
}
.selectedArrow:hover {
    background:url("../image/arrow_down.gif") no-repeat scroll right center transparent;
}
#menu > li >  a:hover, #menu > li > a:focus {
    background:url(../image/arrow_h3.gif) -1px 5px no-repeat;
    outline:none;
}
.selectedAccordion > a {
    color:#666;
    font-weight:bold;
    outline:none;
}
ul li ui li a.selectedAccordion {
    background-image: none;
}
#menu a {
    padding:2px 10px;
    display:inline-block;
    font-size:92%;
    line-height: 130%;
}
#menu a.trigger{
        cursor: pointer;
}
#leftNav ul li ul li:last {
    padding-bottom: 15px;
}
#leftNav ul > li{
border-bottom:1px solid #f2f2f2;
}
#leftNav ul ul {
    margin: 5px 0 10px;
    padding: 8px 0 0;
    background: url(../image/nav_notch2.gif) center top no-repeat;
}
#leftNav ul ul a {
    font-size: 88%;
    padding-left:0;
    padding-right:5px;
}
#leftNav ul ul li {
    border-bottom: 1px solid #CCC;
    padding-left: 10px;
    padding-top: 2px;
    background-color: #ECEBEC;
}
#leftNav ul ul ul {
    background-image: none;
    margin: 0;
    padding: 0;
}
#leftNav ul ul ul li {
    border-bottom: 1px none #CCC;
    border-top: 1px none #CCC;
    padding-left: 30px;
}
#leftNav ul.currentnav li.currentnav a.selectedAccordion {
    background-image: none;
}
.leftNavBlocks {
    padding: 0 45px 40px 35px;  
}
.leftNavBlocks p {
    padding-left: 2px;
}
#rightInfo .leftNavBlocks {
    padding: 0 45px 15px 20px;
}
#leftNav .leftNavBlocks ul {
    padding: 0;
    margin: 0;
    font-size:92%;
}
#leftNav .leftNavBlocks li {
  border-bottom: 1px dotted #E9E9E9;
  margin: 0;
  padding: 2px 0 2px 10px;
  background: url(../image/arrow_small.gif) left 7px no-repeat;
  line-height: 16px;
}
#leftNav ul.videoList li {
    padding: 2px 0 2px 22px;
    margin: 2px 0;
    line-height: 13px;
    border-bottom: 1px dotted #CCC;
    background: url(../image/play_button.gif) left center no-repeat;
}
#leftNav ul.videoList li:hover {
    background-position: -272px center;
}
#leftNav ul.videoList li a:hover {
    color: #000;
}
.leftNavBlocks h3 {
    padding-bottom:5px; 
}
.leftNavImg {
    float: left;
    margin: 0 10px 0 0;
}
.rightNavImg {
    float: right;
    margin: 0 10px 0 0;
}
.leftNavText {
    line-height:14px;   
    margin-bottom: 0;
}
/*----------Left Portlets-----------*/
#portlets-left {
    padding-top: 30px;
}

/*----------Typography-----------*/

#listBox h3 {
    margin-top: 20px;
    margin-right: 50px;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 3px;
}
h3.greyItal { 
    color:#888;
    text-transform: uppercase;
    font-size:125%; 
    letter-spacing:-0.03em;
    line-height:1.2em;
    margin-bottom: 1em;
    }
    h3.greyItal i {
    font-family:georgia,times,serif;
    text-transform:lowercase;
    }
.centerModule h3 {
    margin-left: 25px;
}
#informationHeadline h1 {
    font-size:27px;
    padding: 40px 0 20px 20px;
}
#portalHeadline h1 {
    text-align: right;
    margin:40px 0 30px;
    padding:0 20px 0 15px;
}
#portalLightStory h2 {
    padding-left:25px;
}
#portalHeadlineText {
    margin: 34px 0 15px;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #999;
}
#portalHeadlineText p {
    font-size:120%;
    margin-bottom:0.6em;
    padding:10px 50px 0 15px;
}
.portalBlock h2 {
    margin: 10px 0 0;
}
.portalBlock h2 a {
        text-decoration: none;
}
.portalBlock p {
    margin: 0;
    line-height: 16px;
}
p.documentDescription {
    margin-bottom:10px;
}
h1.documentFirstHeading {
    margin:30px 0 0;
    padding:0 0 10px 20px;
    background: url(../image/h1_bar.gif) left 4px no-repeat;
}
.goldHeadline {
    text-transform: uppercase; 
    color: #80612c; 
    font-size: 123%;
}
#region-content a.internal-link {
    background-image:none;
}
#region-content a.external-link {
    background-image:none;
}

/*----------Pridepoints-----------*/
#pridetop {
    width: 164px;
    height: 42px;
    background: url(../image/pride_top.gif) no-repeat;
    display: block;
}
#pridebottom {
    width: 164px;
    height: 24px;
    background: url(../image/pride_bottom.gif) no-repeat;
    display: block;
}
#pridepoint {
    background: url(../image/pride_stripe.gif) left repeat-y;
    margin: 0 0 15px 30px;
    width: 164px;
}
/* override the left margin for display with Plone content */
div.portlet-left #pridepoint {
  margin-left: 0; 
}
#pridepoint p, #pridepoint h5 {
    padding: 10px 18px 0 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 92%;
    color: #575757;
    line-height: 13px;
}

/*---------- Events portion -----------*/
dd.borderBot {
    border-bottom: 1px dotted #ccc;
    margin-right: 30px;
}
                                
.eventsModule a {
    color: #4a7c01;
}
.eventsModule a:hover, .eventsModule a:hover {
    color: #172700;
}
dl.eventsModule {
    margin: 2em 0;
    padding: 0;
}
.eventsModule dt {
    font-weight:normal;
    float: left;
    width: 3em;
    text-align:right;
    text-transform:uppercase;
    font-size:120%;
    line-height:14px;
    color:#666;
    padding-left: 0;
    padding-top:0.3em;
}
.eventsModule dd {
    margin: 0 1.4em .5em 4.8em;
    padding: 0 .1em 0.1em 0.3em;
}

/*---------- Right Column -----------*/
#right-portlets {
    padding:100px 0 0 15px;
}
#rightInfo img {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 3px 0;
}
#rightInfo h3{
    margin-bottom:0;
}
#rightInfo p {
    font-size: 92%;
    line-height: 14px;
    padding: 0;
}
.portalLinks ul,
#rightInfo ul,
.portal-extras ul,
#listBox ul {   
    list-style-type: none;
    margin: 10px 0 0;
    padding: 0 10px 15px 0;
}
#content dd {
    margin: 0 25px 4px 0;
    padding: 1px 0 1px 10px;
    line-height: 15px;
    background: url(../image/arrow_small.gif) left 5px no-repeat;
}
#content ul {
    margin: 0 0 1.5em;
}
.portalLinks li,
#rightInfo li,
#content li,
.portal-extras li, 
#listBox li {
    margin: 0 25px 4px 0;
    padding: 1px 0 1px 10px;
    line-height: 15px;
    background: url(../image/arrow_small.gif) left 5px no-repeat;
}
#content li {
    margin: 0 8px 4px 0;
    line-height: 16px;
    background-position:left 5px;
}
#listBox li {
    margin-bottom: 3px;
}
#rightInfo li {
    padding: 2px 0 2px 10px;
    margin: 0;
    border-bottom: 1px dotted #e9e9e9;
    background-position: left 7px;
}

#portalLinks h4,
.portal-extras h4 {
    list-style-type: none;
    margin: 15px 0 3px;
    color: #333;
    font-size: 104%;
}
/*---------- News  -----------*/

#portalNews p{
    font-size: 100%;
    line-height: 15px;
}   
#portalNews a {
    font-size: 92%;
    color: #9c7f0d;
}   
.rightArrow {
    background: url(../image/arrow_right.gif) right -13px no-repeat;
    padding-right: 8px;
    white-space: nowrap;
    text-decoration:none;
}
a:hover.rightArrow {
    background-position: right 3px;
    color: #675a1e !important;
}



/*----------------------------------------------------------------- Information Pages  -----------------------------------------------------------------------------*/

#listBox img {
    margin-top: 30px;
}
.pad1 {
    padding: 0 50px 30px 20px;
    display: block;
    margin: 8px 0 0;
}
.pad2 {
    padding: 0 35px 0 25px;
    display: block;
    margin: 20px 0 0;
}
.pad3 {
    display:block;
    margin:5px 0 0;
    padding:0 15px 0 15px;
}
.pad3 .newsImage {
    display:block;
    margin:10px auto 20px;
    padding-right:5px;
}
.pad3 p, .pad3 h2, .pad3 h3, .pad3 ul{
    padding:0 10px 0 10px;
}
.borderRight {
    border-right: 1px dotted #ccc;
    margin-bottom:15px;
}

.oneThird {
    width: 214px;
    float:left;
    margin-right: 13px;
}
.allPages li {
    background: url(../image/bullet_round2.gif) left center no-repeat;
    padding-left: 9px;
}
.allPages ul {
    margin:0;
}
.allPages {
    padding-bottom: 30px;
}
#portalLightStory h2 {
    padding-left: 25px;
}
#portalLightStory .pad2 {
    margin-top: 10px;
}
.portalSpotlightImage {
    padding-top:10px;
    padding-bottom:10px;
}
#listBox {
    margin-bottom: 50px;
}
.contentInsetBox {
    float:right;
    width:210px;
    margin-left:20px;
}   
    .contentInsetBoxPad {
        padding:0 5px 0 18px;
        overflow: hidden;
    }   
    .contentInsetBoxPad p, .contentInsetBoxPad ul, .contentInsetBoxPad h2, .contentInsetBoxPad h3 {
        padding:0 20px 0 3px;
    }   
.image-right {
    float: right; 
    padding: 3px 0;  
    border-bottom:1px solid #DBDBDB;
    border-top:1px solid #DBDBDB;
    margin:0 0 5px 15px;
}
.image-left {
    float: left; 
    padding: 3px 0;  
    border-bottom:1px solid #DBDBDB;
    border-top:1px solid #DBDBDB;
    margin:0 20px 5px 0;
}
.zebra {
    background-color: #f6f4eb;
}

/*----------------------------------------------------------------- Editing interface dropdowns  -----------------------------------------------------------------------------*/

.photoCaptionLeft, .photoCaptionRight {
    clear:both;
    color:#666666;
    display:block;
    float:left;
    font-size:88%;
    line-height:110%;
    padding:0 10px 5px 0;
    width:190px;
}

.photoCaptionRight { 
    float:right; 
    text-align:right;
}