/******   CONTENT EDITOR STYLES - START *******/

.p_NoSpacing {margin:0px;padding:0px;}

    .pseudolink {color:Blue;cursor:pointer;}
    .pseudolink:hover {text-decoration:underline;}

.takeout_quote {font-family: "Century Gothic", sans-serif !important;font-style:italic;font-size:1.3em;border:0px;
margin:15px 50px;padding-left:0px;padding-right:0px;padding-bottom:15px;}

.takeout_quote hr {width:80%;text-align:center;border:1px solid gray;margin-left:10%;}

.takeout_quote_test {font-family: "Century Gothic", sans-serif !important;font-style:italic;font-size:1.3em;border:0px;
margin:15px 50px;padding-left:0px;padding-right:0px;padding-bottom:15px;}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.EDN_all_fields_table_value div, .EDN_all_fields_table_value div P {
word-break: break-all !important;
}


/******    CONTENT EDITOR STYLES - END  *******/

.nv_navt_b a {font-family: "Century Gothic", sans-serif !important; font-size:11px; font-weight:bold; font-size-adjust:none; font-variant:normal; letter-spacing:normal!important;}
.nv_navt_b a:hover {font-family: "Century Gothic", sans-serif !important; font-size:11px; font-weight:bold; font-size-adjust:none; font-variant:normal; letter-spacing:normal !important;}

.nv_navt .root .navU { padding: 0 18px 1px 18px !important }  /* mobile menu adjustment */

/******   Caption Creator Flags *******/

.left_img_with_caption { /* no style, this class is read by script */ }

.right_img_with_caption { /* no style, this class is read by script */ }

.noWrap_img_with_caption { /* no style, this class is read by script */ }

.sgSectColor {/* no style, this class is only for getting dynamic color of current tab section */}

/****** End Caption Creator Flags ******/

/******  GENERAL CONTENT  Headers, paragraphs and links  (and lists - mep) ******/

body,h1,h2,h3,h4,h5,h6,p,a,span,li, {
    text-align:left !important;
    font-family: "Century Gothic", sans-serif !important;	
}

h1,h2,h3,h4,h5,h6 {line-height:1.1em;}

ul > li, ol > li {
    font-family: "Century Gothic",sans-serif;
    font-size: 13px !important;
}

.Normal{font-family: "Century Gothic",sans-serif!important; font-size:13pxt; color:#333333; text-align:left; letter-spacing:normal !important;letter-spacing:normal; font-size:13px;}
P {font-family: "Century Gothic",sans-serif!important; font-size:13px;color:#333333; text-align:left; letter-spacing:normal !important;letter-spacing:normal;}

/* Slider Font Styles */
.viewport p {font-size:12px !important;margin:0px; color:#ffffff !important;opacity:1 !important;}
.viewport h2 {margin:0px; font-size:16px !important; color:#ffffff!important;opacity:1 !important;}
.viewport h2 a:link {color: #ffffff!important; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal; text-align:left !important;opacity:1 !important;}
.viewport h2 a:visited {color: #ffffff!important; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;text-align:left !important;opacity:1 !important;}
.viewport h2 a:hover{color:#ffffff!important; text-decoration: underline;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;text-align:left !important;opacity:1 !important;}

.scrollable_box {background-color: #0f73a7 !important; opacity:0.4 !important;}
.item_info{background-color:#0f73a7  !important; opacity:0.8!important;}
.caption_wrapper { background-color: #0f73a7 !important; opacity:0.8 !important;}


/* This fixes stupid thick border around modules */

.seagrant_article_box
{padding: 0px !important;
background-color: transparent !important;}


/* Slider Thumbnail positioning */
div.thumb_window {
    top: 7px !important;}
	

/****** Link styles ******/
P a:link {color: #009edc !important; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
P a:hover{color: #009edc !important; text-decoration: underline;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
P a:visited {color: #009edc !important; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}

.Normal a:link {color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
.Normal a:hover{color: #009edc; text-decoration: underline;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
.Normal a:visited {color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}

h1 a:link, h2 a:link, h3 a:link{color: #009edc!important; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal; text-align:left !important;}
h1 a:visited, h2 a:visited, h3 a:visited {color: #009edc!important; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;text-align:left !important;}
h1 a:hover, h2 a:hover, h3 a:hover{color: #009edc!important; text-decoration: underline;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;text-align:left !important;}

.easy_news_title a:link{color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif; word-spacing: normal; text-align:left !important;letter-spacing:normal;}
.easy_news_title a:visited {color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif; word-spacing: normal; text-align:left !important;letter-spacing:normal;}
.easy_news_title a:hover{color: #009edc; text-decoration: underline;font-family:"Century Gothic", sans-serif;  word-spacing: normal; text-align:left!important;letter-spacing:normal;}

a {color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
a:hover {color: #009edc; text-decoration: underline; font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
a:visited {color: #009edc; text-decoration: none; font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}

ul li a {color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}
ul li a:link {color: #009edc; text-decoration:none;font-family:"Century Gothic", sans-serif !important;letter-spacing:normal;}


/****** Link styles End ******/
h1 { 
font-size:26px; font-size:bold; color:#009edc !important; 
letter-spacing:normal;font-family: "Century Gothic",sans-serif !important;
text-align:left !important;
padding:0px !important;
margin-bottom: 8px !important;
}

h2 { font-size:18px; font-size:bold; color:#009edc !important; padding:0px; margin-bottom:10px; line-height:20px !important;letter-spacing:normal;font-family: "Century Gothic",sans-serif !important;text-align:left !important;}

h3 { font-size:14px; margin-bottom:10px; padding:0px; line-height:16px; color:#0055a5 !important; letter-spacing:normal !important;letter-spacing:normal;font-family: "Century Gothic",sans-serif !important;text-align:left !important;}

p, p a:link,ul > li > a {font-size:13px; colo:#009edc;font-family:"Century Gothic",sans-serif !important;letter-spacing:normal;}

p a:link, ul > li > a:link {color:blue;font-size:13px;color:#009edc; font-family:"Century Gothic",sans-serif!important;letter-spacing:normal;}
 
p a:hover, li a:hover { text-decoration:underline;font-size:13px;color:#009edc;font-family:"Century Gothic",sans-serif!important;letter-spacing:normal;}

.noBullets li { list-style-type: none;font-size:13px;letter-spacing:normal;}

.noBullets li > ul > li { list-style-type: disc;font-size:13px;letter-spacing:normal;}

div.eonCHead.nvcon1 {display:none !important;}

/* End headers, paragraphs and links */

/* Social */

#Social_SeaGrant {/*float: right;width: 35% !important;*/}

/* End Social */

/* Background */

td.PanePad.eon_cpane13r, td.PanePad.eon_cpane13l, td.PanePad.eon_cpane3c, table tbody, div.eonMain {
    background-color: none;
}

table tbody {
    background-position:-130px 0px; font-size:13px;  	
}

div.breadDiv {
    background-color: white;
}

div.footerDiv {
 
}

/* End background */

/* utility classes */

.rounded-corners {
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;

-moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.float_L { float:left;}
.float_R { float:right;}
.clear_B { clear:both;}

/* end utility classes */

/* Banner */

#SITE_Banner_Links{background-color:#416479; padding:5px 0; /* fixes IE 7 */ margin-left:0; height:13px;}
#SITE_Banner_Links li {display:block; list-style-type: none; float:left; margin:0 10px 0 10px;}
#SITE_Banner_Links li a {text-transform:uppercase; text-decoration:none; font-weight:bold; color:#FFF;
cursor:pointer; font-family:"Century Gothic",sans-serif;!important; font-size:10px;}
#SITE_Banner_Links li a:hover {color:#999;}
#Image_Wrapper a img {margin-top: -11px;}

#NOAA_Container_Div {position: relative; top: 0px; 
left: 0px; width: 100%; background-color: #c7c8ca; overflow:visible;}

#NOAA_Banner_Div {margin: 0px auto;}

#NOAA_Banner_Div img {margin-top: -11px;}

#SG_Banner {float:right;position:relative;padding-top:0px;margin-top:0px;}
.headerBar {position:absolute;top:-2px;left:460px;color:#ffffff;word-spacing:8px;text-transform:uppercase;z-index=1;font-size:85%;}
.headLink {font-size:0.9em;}
a:link.headLink { color: #ffffff; text-decoration: none; }
a:visited.headLink { color: #ffffff; text-decoration: none; }
a:hover.headLink { color: #00bce2; text-decoration: none; }
a:active.headLink { color: #ffffff; text-decoration: none; }
.noaaHeader {top:-18px;position:relative;z-index=-1;}
@-moz-document url-prefix() {.noaaHeader { margin-bottom:-4px; }}

#Banner_Container {margin:20; padding:400;}

#Banner_Container .home {
color:#0f73a7;
}

#Banner_Container .fifty_ann {
color:#2F5191;
}

#Banner_Container .whoWeAre {
color:#35947c;
}

#Banner_Container .whatWeDo {
color:#498a49; 
}

#Banner_Container .whereWeWork {
color:#71b865;
}

#Banner_Container .howWeWork {
color:#2f586b;
}

#Banner_Container .programs {
color:#68228B;
}

#Banner_Container .seagrant_news {
color:#293552;
}

#Banner_Container .funding {
color:#38756b;
}

#Banner_Container .education {
color:#de3e3e;
}

#Banner_Container .network {
    color:#bab27b;
}


#Banner_Container .pier {
    color:#750745;
}

div.home,div.whatWedo,div.about,div.programs,div.seagrant_news,div.funding,
div.education,div.network,div.pier {
  float: left; margin:0; font-size: 25px; padding:0;
  font-family: "Century Gothic", sans-serif;!important;
  font-weight:bold;
}

div.nvbor11, div.LogoDiv {
    height: 0px;
}



    .header {z-index:98; visibility:visible;
    margin-top: -3px;
    position: absolute;
    margin:0px;
    padding:0px;
    }
    .links {
    z-index:99; visibility:visible;
    left: 440px;
    position: absolute;
    margin:0px;
    padding:0px;
    background:none !important;
    }
    ul.links {
    position:static !important;
    }
    .noaalinks{font-size:10px;
    font-family:Century Gothic;
    font-weight:bold;
    color:#333 !important;
    background:none !important;}



/* End Banner */

/* Twitter Feed */
.timeline-header h1 {display:none !important;}

/* End Twitter Feed */

/* Footer Styles */

#Footer_Head {margin:0; padding:0px auto 0 auto;text-align:center;font-size:1.1em;background-color:none;}
#Footer_Head li {margin:7px 3px 0 0; display:inline; list-style-type:none;white-space: nowrap; color:white;}
#Footer_Head li a {color:white; font-family:"Century Gothic",sans-serif;!important; font-size:11px;}
#Footer_Head li a:hover {color:#666; text-decoration:none;}

#SITE_Footer {margin:0; padding:0;text-align:center;font-size:0.9em;background-color:none; color:#333}
#SITE_Footer li {margin:7px 3px 0 0; display:inline; list-style-type:none;white-space: nowrap; color:white;}
#SITE_Footer li a {color:white; font-family:"Century Gothic", sans-serif;!important; font-size:11px;}
#SITE_Footer li a:hover {color:#666; text-decoration:none;}

div.nvbor8 {
    height: 0px;
}

div.footerDiv {
    margin-bottom: -20px;
}

#ContactSection{
	background:url(/portals/0/Documents/global_images/footer_bg.jpg) no-repeat;
	background-position:fixed; back
}

/* End footer Styles */

/* In Progress Styles */

.main_panel {
    margin: 20px;
}

a.navigation_button.next {
    right: 220px;
}

a.navigation_button.prev {
    left: 20px;
}

div.seagrant_box .Normal {
    padding-right:5px;
}

div.seagrant_box {
    border-width:1px;
    border-style:solid;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    background-color:white;
    min-height:282px;
}

div.seagrant_box.seagrant_max_box{
	
}

div.scrollable_box.item_info, div.thumb_wrapper {
    background: none;
}

div.content > p {
    color: black;
}

.shadow {
    -moz-box-shadow: 4px 3px 7px #999;
    -webkit-box-shadow: 4px 3px 7px #999;
    box-shadow: 4px 3px 7px #999;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999000');
}

/* End In Progress Styles */


.thumb_container > ul > li {
    margin-bottom: 40px !important;
}


div.nv_navwrp {
	background:url(/portals/0/Images/sea_banner_bg_02.jpg) no-repeat;
	background-position:fixed; 
}


/* Focus Areas */
#Focus_Areas_Container { text-align:right; color:white; font-size:22px; padding-right:40px;
    /*padding:5px 0;*/ /* fixes IE 7 */ 
}

#Focus_Areas_Links {text-align:center;padding: 7px;}

#Focus_Areas_Links  li {
    padding: 7px;
    display: inline;
    list-style-type: none;
}

#Focus_Areas_Links > li > a {
    color: white; 
    text-decoration: none;
}

#Focus_Areas_Links li.focus_first {
       font-weight: bold;
}

#Focus_Areas_Links > li > a:hover {
    color: #cccccc;
}



/****************************************************************************** Fixes do not remove *******************************************/

/* submenu length fix */

nvnav .m { width:300px !important; }
.nvnav .m .mi { min-width:295px !important;word-wrap: break-word; }

/* News Container fix */

.eonCFoot {clear:both;}

/* Breadcrumb Scrollbar fix */

div.breadMid {
    overflow: hidden !important;}

/*****************************************************************************  End fixes ******************************************************/

/* Easy DNN News Custom Styles */

.easy_news_title{font-size:30px; font-weight:bold;font-family: "Century Gothic", sans-serif; word-spacing: normal; text-align:left;}
p.easy_news_subtitle{ margin-left: 0px; margin-top:-20px; padding:0;font-size:13px;font-family: "Century Gothic", sans-serif;  word-spacing: normal; text-align:left; color:#333333;}

/* End Custom News Styles */

/*****************************************************************************  PIER MODULE STYLING  ******************************************************/
    .popoutCenter{
position:absolute;
 left:50%;
z-index:10000;
}
.popoutCenter .popoutCenterWrapper{
position:relative;
left:-50%;
background-color:LightGray;
border-radius:15px;
border: 5px solid blue;
padding: 75px 150px;
}            
.popoutCenterWrapper p {font-size:150%;font-weigh:bold;font-style:italic;}
    .filterBox 
    {
        padding:10px;
        border:2px solid #498a49 ;
        border-radius:5px;
    }
    .results
        {   padding:10px;
            border:2px solid #498a49 ;
            border-radius:5px;}
    
    .dynamicEntry {margin:0px;}
    .dynamicEntry h3 {clear:both;margin:0;}
    .dynamicEntry h4 {margin-bottom:5px;}
    .dynamicDetails{margin-right:10px;padding-right:10px; }
   
    .lbl {font-style:italic;color:#0055a5;font-family: "Century Gothic", sans-serif;!important;}
    .recordDetails {padding-left:10px;font-family: "Century Gothic", sans-serif;!important;}
    .recordDetails ul {padding:0px;margin:0px;}
    .recordDetails li 
    {
    margin:0px;padding:0px;
    display: inline;
    list-style-type: none;
    font-family: "Century Gothic", sans-serif;!important;
    padding-right: 10px; margin-right:10px;
    border:none; color:#0055a5;
    }
    .hideFirst {display:none;}
    .hideRecord {display:none;}
    .AssociatedRecord {border-left:1px dashed black;border-bottom:1px dashed black;}
    .pseudolink {color:Blue;cursor:pointer;}
    .pseudolink:hover {text-decoration:underline;}
        @media screen
        {
            .hideAll {cursor:pointer}
            .printOnly { display:none; }
            #selectedProject 
            {
                position:fixed;top:100px;left:10%;
                max-height:500px;width:80%;overflow:auto;
                border:5px solid blue;
                border-radius:25px;
                background-color:LightGray;
                padding:20px;
            }
        }
        @media print
        {
        .printOnly {display:block; }
        .noPrint {display:none !important;}
        #impactFilters * {display:none !important;}
        #SearchTerms * { visibility: visible; }
        #impactResults * { visibility: visible; }
        .forDNN * {border:none;}
        }

/*****************************************************************************  End PIER MODULE STYLING******************************************************/

/* ------------------------------------- Print Styles ------------------------------------------- */ 

@media print {
      div#dnn_PanelPane.PanelPane,.nv_navt_b,.searchDiv {
          display:none;
      }

      #dnn_Pane_4_Center .ModDNNHTMLC {
          min-height: 300px;
          border-width:2px;
          border-style:solid;
          -webkit-box-shadow:none;
          -moz-box-shadow:none;
          box-shadow:none;
      }

      .hideSlider {
          display:none;
      }
      .printVerImg {
          display: list-item;
          list-style-image: url('/Portals/0/Images/demo.jpg');
          list-style-position: inside;
          width:1030px;
          height:400px;
         
      }

}


/* --------------------------------------- Photo Caption Styles ---------------------------------- */

p .left_image_holder .div_caption_holder,   
p .right_image_holder .div_caption_holder,
p .noWrap_image_holder .div_caption_holder, 
.left_image_holder .div_caption_holder,
.right_image_holder .div_caption_holder,
.noWrap_image_holder .div_caption_holder,
.div_caption_holder {
    padding: 0px;
    font-family: "Century Gothic", sans-serif;!important;
    font-size:11px;
    line-height: 11px;
    font-weight: bold;
    text-align: left;
}

.left_image_holder {
    float: left;
    margin-right: 10px;
    padding: 0;
    margin-bottom: 5px;
}

.right_image_holder {
    float: right;
    margin-left: 10px;
    padding: 0;
    margin-bottom: 5px;
}

.noWrap_image_holder {
    padding: 0;
    margin-bottom: 5px;
}


/* --------------------------------------- ShowHide Styles ---------------------------------- */

      .ShowHideHeader {cursor:pointer;}
      .ShowHideText {display:none;padding:5px 20px;}


/* --------------------------------------- GOOGLE Styles ---------------------------------- */

.googft-card-view {font-family:  "Century Gothic", sans-serif;!important; padding: 10px; overflow: auto;font-size:0.85em;'}
.googft-card-view td {vertical-align: top;text-align: left;}