/**** TABLE OF CONTENTS  ****/
/*  1.  GENERAL        */
/*  2.  TYPEOGRAPHY      */
/*  3.  HEADER        */
/*  4.  CONTENT  LAYOUT    */
/*  5.  SIDEBARS      */
/*  6.  NAV MENU      */
/*  7.  FORMS        */
/*  8.  FOOTER        */
/*  9.  IMAGES        */
/*  10. OTHER        */
/*  11. JOOMLA SPECIFIC   */
/*  12. EXTENSIONS/MODULES  */
/*--------------------------*/
/*   MATT KEENE       */
/*   HTTP://WWW.AMKEENE.COM */
/*   PELICAN@RISEUP.NET     */   
/*--------------------------*/
/* NOTE: This template uses the Blueprint grid system. Stylesheet in CSS/Blueprint/.  */ 

/*  1.  GENERAL      */
* {margin: 0px;}
html,body{background:url(../images/marinechart_bg.png) no-repeat left top;}

/*  2.  TYPEOGRAPHY    */
@font-face{font-family:'FontinSansRegular';src:url('fonts/fontin_sans_r_45b-webfont.eot');src:url('fonts/fontin_sans_r_45b-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/fontin_sans_r_45b-webfont.woff') format('woff'),url('fonts/fontin_sans_r_45b-webfont.ttf') format('truetype'),url('fonts/fontin_sans_r_45b-webfont.svg#FontinSansRegular') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family:'Lobster13Regular';src:url('fonts/lobster_1.3-webfont.eot');src:url('fonts/lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/lobster_1.3-webfont.woff') format('woff'),url('fonts/lobster_1.3-webfont.ttf') format('truetype'),url('fonts/lobster_1.3-webfont.svg#Lobster13Regular') format('svg');font-weight: normal;font-style: normal;}
h1,h2,h3,h4,h5,h6{font-family:"FontinSansRegular","Helvetica Neue", Arial, Helvetica, sans-serif;margin:0 0 1em;text-align:center;color:#000;}
p {font-size:1.1em;}
a{color:#39B54A; text-decoration:none;font-weight:bold;}
a:hover{text-decoration:none;color:#000;}
a:visited{color: #39B54A;}
a.readmore {font-size: 1em;}
a:sticky {#39B54A;}

a.disabled {
   pointer-events: none;
   cursor: default;
}

blockquote{float:right;font-family:"Lobster13Regular";font-size:1.6em;line-height:1.45em;margin-left:8px;margin-bottom:24px;padding-left:18px;width:260px;color:#0073ea;border-left:2px solid #000;}

.item-page ul,ol{display: block;}
/*.item-page ul li,ol li{display:block;}*/
.item-page ul li,ol li{margin:2px;padding-left:3px;}

/*  3.  HEADER      */
/*#header {height: 195px;}*/
#header {background:url(../images/banner_mrc.png) no-repeat;height:195px;margin-top:9px;position:relative;z-index:1; padding:0px;}
/*#logo{background:url(../images/mrc_logo.png) no-repeat;height: 190px;position:relative;z-index:1; padding:0px;}*/
#logo{background:url(../images/logo_mrc.png) no-repeat;height: 150px;position:relative; padding:0px;}

/*  4.  CONTENT  LAYOUT  */
.thick {border:6px solid #B0E1B7; margin-bottom: 10px;}
.thin {border:1px solid #B0E1B7;}
.blue{border-color:#2B388F;}
.leftspace {margin-left: 10px;}
.room {padding:10px;}
.break {height: 5px;}
.box {background: none; background: url(../images/box.png) no-repeat; min-height:80px !important; overflow: hidden; color: #FFF; padding-right:0px; padding-bottom:0px; padding-left:0px;}
.box2 {background: none; background: url(../images/bluebox250x500.png) no-repeat; min-height:80px !important; overflow: hidden; color: #FFF; padding:0px !important; width:200px;}
.box h3 {color: #FFF;}
#container{min-height:100%;height:auto !important;height:100%;margin-bottom:-200px;background:rgb(255,255,255),filter:alpha(opacity=60);background:rgba(255,255,255,0.7);border-left:1px solid #CCC;border-right:1px solid #CCC;box-shadow: 0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);-o-box-shadow: 0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.5),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3);}
#container2{min-height:820px;position:relative;overflow:hidden;padding-top:5px;top:-40px;background:#a5bae0,filter:alpha(opacity=60); /* Old browsers */background:-moz-linear-gradient(top, rgba(165,186,224,0.3) 0%,rgba(255,255,255,0.1) 100%); /* FF3.6+ */background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,186,224,0.3)), color-stop(100%,rgba(255,255,255,0.1))); /* Chrome,Safari4+ */background:-webkit-linear-gradient(top, rgba(165,186,224,0.3) 0%,rgba(255,255,255,0.1) 100%); /* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top, rgba(165,186,224,0.3) 0%,rgba(255,255,255,0.1) 100%); /* Opera11.10+ */background:-ms-linear-gradient(top, rgba(165,186,224,0.3) 0%,rgba(255,255,255,0.1) 100%); /* IE10+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a5bae0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */background:linear-gradient(top, rgba(165,186,224,0.2) 0%,rgba(255,255,255,0.1) 100%); /* W3C */}
.item-page, .items-leading, .category-list, .event_content, .weblink-category, .categories-list {min-height: 450px;margin-left: 10px;margin-bottom: 20px;padding: 15px;background-color: #FFF;border: 1px solid #39B54A;overflow: hidden;}
/*.blog .items-leading {margin-left: 20px;margin-bottom: 20px;padding: 10px;}*/
.blog h2 {float: left;width: 100%;text-align: left;margin-top: 10px;margin-bottom: 0px;}
.blog .item-separator {margin-top: 10px;clear: both;}
.blog .item {width: 550px;margin-left: 40px; border:1px solid #000;}
.pagination {width: 100%;margin-top: 30px;padding-left: 20px;}
.pagination ul, li {margin: 2px;padding-left: 3px;}
.intro-text {font-size:1.3em;}

/*.pagination ul, li {display: inline;margin: 2px;padding-left: 3px;}*/

/*  5.  SIDEBARS    */
#sidebarRT{margin-right: 10px;}
.sidebar{height:auto;margin-bottom:10px;padding-left:6px;padding-right:6px;padding-top:6px;padding-bottom:20px;background-color:#FFF;overflow:hidden;}
.sidebar ul{margin:0px;padding:0px;}
/*.sidebar ul li{display:block;margin-bottom:6px;}*/
.sidebar ul li{display:block;font-size:14px;line-height:22px;padding-top:8px;margin-bottom:6px;}

/*  6.  NAV MENU    */
/*#nav{height:108px;margin:0px;padding:0px;}*/
#nav{height:80px;margin:0px;padding:0px;}
#nav ul{margin:0px;padding:0px;}
#nav ul li{list-style-type:none;font-family:"FontinSansRegular";margin:0px;padding:0px;}
#nav a{text-decoration:none;}
#nav a:hover{color:#000;text-decoration:none;}

/*  7.  FORMS      */

/*  8.  FOOTER      */
#footer{background:url(../images/heron.png) no-repeat bottom right;height:200px;overflow:hidden;}
#user13 {margin-left: 10px;}
#user13 ul{}
#user13 ul li{}
#user14{height:180px;}
#user14 p{font-size:1.25em;line-height: 1.4em;display:inline;}
#user14 h4{color:#39B54A;font-weight:bold; margin-bottom: 6px;}
#user15{text-align:center;font-size: .9em;height: 20px;}

/*  9.  IMAGES      */
div.random-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*  10. OTHER      */
.boxed {
  width: 40%;
  align:center;
  border: 1px #FFFFFF ;
}

/*  11. JOOMLA SPECIFIC */
td.list-title{padding-left:10px;height:3em;}
/*  12. EXTENSIONS / MODULES     */
#social{height: 146px;}
#breadcrumb{margin-bottom:4px;padding-left:10px;}
.breadcrumbs,.pathway{font-size:11px;}
#imageSlider {height: 340px;overflow: hidden;position: relative;padding-top: 5px;}
#blogLeft {height: auto;overflow: hidden;margin-top: 20px;margin-bottom: 40px;}
#blogLeft h4 {margin-bottom: 0px;text-align: left;display: block;clear: left;margin-top: 10px;padding-top: 8px; padding-bottom: 4px;border-top: 1px solid #000;font-size:1.2em;}
#blogLeft p{font-size: 1em;line-height: 1.1em;} /*display: inline;*/
#blogLeft img{float: left;height: 60px;padding-right: 6px;margin-bottom: 4px;}
#user07 {min-height:300px !important;height:auto;}

#newsflash {min-height: 500px !important; padding-top: 10px;}
#newsflash h4{color: #ff0084;text-align: center;font-size: 1.4em;margin-top: 8px;margin-bottom: 6px;}
/* Front Page News Feed - Unpublished */
ul.newsflash-vert {min-height: 498px !important;padding-left: 0px;}
ul.newsflash-vert li.newsflash-item {float: left;background: #FFF;border: 8px solid #B0E1B7; min-height: 140px !important; display: inline;margin-bottom: 25px;padding: 4px;padding-bottom: 10px; width: 90%; margin-left: 10px;}
ul.newsflash-vert li.newsflash-item p{font-size: 1.2em;padding: 4px; margin-bottom: 0px; display:inline;}
ul.newsflash-vert li.newsflash-item img.left {float: left;margin-left: -30px;margin-top: -65px;z-index: 2;}
ul.newsflash-vert li.newsflash-item img.right {float: right;margin-right: -30px;margin-top: -70px;z-index: 2;}

/* Featured News Module - Published */
ul.latestnews {min-height: 498px !important;padding-left: 0px;}
ul.latestnews li.latestnews {float: left;background: #FFF;border: 8px solid #B0E1B7; min-height: 140px !important; display: inline;margin-bottom: 25px;padding: 8px;padding-bottom: 10px; width: 90%; margin-left: 10px; text-align: center;}
ul.latestnews li.latestnews p{font-size: 1.2em;padding: 4px; margin-bottom: 0px; display:inline;}
ul.latestnews li.latestnews img.left {float: left;margin-left: -30px;margin-top: -85px;z-index: 2;}
ul.latestnews li.latestnews img.right {float: right;margin-right: -30px;margin-top: -90px;z-index: 2;}
ul.latestnews a.latestnews {font-family:"FontinSansRegular","Helvetica Neue", Arial, Helvetica, sans-serif;font-size:1.5em;line-height:1; pointer-events: none; cursor: default;}

.foxcontainer{background:#fff;margin:auto;margin-bottom: 10px;padding: 10px;border:6px solid #B0E1B7;}
.foxbutton{margin-left:198px;}
.foxcontainer_volunteer{background:#fff;margin:auto;margin-bottom: 10px;padding: 10px;border:0px solid #B0E1B7;}
.foxbutton_volunteer{margin-left:198px;}

#gcalendar_component{margin-top:0px;margin-left: 10px;margin-bottom: 20px;padding: 15px;background-color: #FFF;border: 1px solid #39B54A;overflow: hidden;}
.gcal p{font-size: 11px;}

#pane_9 {width: 590px; margin: auto; border:1px solid #B0E1B7;}
.panel {padding-top: 10px;}
.pane-toggler{padding: 10px; border-top:1px solid #B0E1B7;border-bottom: 6px solid #B0E1B7;}
.cfdiv_submit input {border: 6px solid #B0E1B7;}

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

.tiptable{
    background: url("/images/tips/tips-background.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 2px;
    display: block;
    float: left;
  margin-bottom:20px;
    padding: 5px;
    width: 200px;
}

.tiptable h3{
    border-bottom:2px dotted;
    color: #fff;
    display: block;
    font-size: 1.4em;
    line-height:1.0em;
    font-family:Arial, Helvetica,sans-serif;
    font-weight:bold;
    text-align:center;
    margin:5px;
}

.tiptable-image {
    text-align:center;
    margin:0px 0px 10px 5px;
}

.tiptable-text {
    color:#fff;
    font-family:Arial,Helvetica, sans-serif;
    font-size: 1.1em;
    line-height:1.2em;
    margin-left: 5px;
    padding-bottom: 10px;
    text-align: left;
}

.tiptable a{color:#fcf7a4; text-decoration:none;font-weight:bold;}
.tiptable a:hover{text-decoration:underline;color:#000;}
.tiptable a:visited{text-decoration:underline;color: #eef78c;}
.tiptable a.readmore {font-size: 1em;}
.tiptable a:sticky {color:#eef78c;}


.tipspacer {
    background: none;
    width: 15px;
    margin:0;
    padding:0;
}


/**** B. Body ****/

/*** Latest Blog Posts ***/