
@import url(http://fonts.googleapis.com/css?family=Bevan|Special+Elite);
/* $Id: style.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  font: 80% Verdana, Arial, Helvetica, sans-serif;
  min-width: 1000px;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #39c;
}
a:visited {
  color: #369;
}
a:hover {
  color: #39c;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
/*  font-size: 12px; */
  font-size: 1em;
  border: 1px solid #fff;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;;
  /* width: 1200px; */
}
#header {

}
#logo {
  #vertical-align: middle;
  #border: 0;
}
#logo img {
  #float: left;
  #padding: 0 1em;
 # border: 0;
}
#menu {
  #padding: 0.5em 0.5em 0 0.5em;
  text-align: left;
  vertical-align: middle;
  width: 1000px;
  background-color: #fcebcf;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0;
  color: #9cf;
}
#navlist a {
  font-weight: bold;
  }
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0;
  font-size: 0.8em;
  color: #9cf;
}
#subnavlist a {
  font-weight: bold;
  color: #9cf;
}
ul.links li {
  border-left: 1px solid #9cf;
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0 0 0;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}
#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left {background-color: #fff;}
#sidebar-left, #sidebar-right {

  width: 16em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}
#footer {
  background-color: #eee;
  background-image: url("spacer.gif");
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a, .pane-title {
  font-weight: bold;
  font-size: 1.3em;
  color: #ff9933;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
  clear: both;  /* cph 5/5/09 - prevent wrapping node title around photo on frontpage view */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block ul {
  padding: 0 0 0.25em 1em;
}
.block .title {
  margin-bottom: .25em;
  color: #58b16f;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
/* changed by Dave Ascher to prevent images from overflowing space */
/* changed again on 2011-30-04 to deal with front page articles in 
/* half width space	*/
/*#main .node .content p img {position:relative; max-width: 100%;} */
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #fff;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em;
}
.node .picture {
  border: 1px solid #fff;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}
/* From http://drupal.org/node/240489 */
.view-images .tr {
  width: 33%;
  float: left;
}

.view-images {
/*
	  height: 120px;
*/
	width: 100%;

}


/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #fff;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}
tbody {
  border-top: 0px;
}

div.event-start, div.event-end {
  display:none;
}

/* Cost of Afghanistan war - http://www.costofwar.com/   */
#costOfWarAf { text-align: left; width: 270px; font-weight: bold; } #costOfWarAf_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarAf_Link { font-size: .7em; }
#costOfWarIraq { text-align: left; width: 250px; font-weight: bold; } #costOfWarIraq_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarIraq_Link { font-size: .7em; }

#block-search-0
{
border-bottom:0px;
margin-bottom:0px;
}


ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #fcebcf;
}

ul.nice-menu li {
  border: 1px solid #fcebcf;
  border-top: 0;
  float: left;
  background-color: #fcebcf;
  /* Additional overrides to deal with Garland theme. */
  margin: 0;
  padding-left: 0;
  background-image: none;
}

/* Overrides for Garland header. */
#header-region ul.nice-menu li {
  margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: #fcebcf;
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px;
  border: 0;
  border-top: 1px solid #fcebcf;
  margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.7em;
}

ul.nice-menu ul li {
  width: 12.5em;
}

ul.nice-menu-down {
  float: left;
  border: 0;
}

ul.nice-menu-down li {
  border-top: 1px solid #fcebcf;
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px;
}

ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
  background: #fcebcf right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
  background: #c1dbf2  right center no-repeat;
}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
  background: #fcebcf url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
  background: #ccc url(arrow-right.png) right center no-repeat;
}

.panel-2col-stacked {
  width: 98%;
}
.panel-2col .panel-col-first {
  float: left;
  width: 50%;
}
.panel-col-first .panel-col-first {width:220px;}

/* In Event, suppress unwanted portions of Location fields and put 2 category fields side by side.    CPH 1/9/10 */

#edit-locations-0-locpick-user-latitude-wrapper,
#edit-locations-0-locpick-user-longitude-wrapper,
#edit-locations-0-delete-location-wrapper
{
	display: none;
}
.location .fieldset-wrapper .description
{
	display: none;
}
#edit-taxonomy-3-wrapper,
#edit-taxonomy-5-wrapper {
	  width: 50%; float:left;
}

/* Stop any text wrapping before upcoming events in newsletter.    CPH 1/17/10 */

.field-field-eventlist,
.simplenews-template-footer  {
	clear: both;
}

/* No embedded event listings on front page,     CPH 1/25/10 
   no embedded event listings in any views,      CPH 8/9/10 
   nor image fields below front page articles,   CPH 10/21/10.
   nor Site Newsletter Sequence field            CPH 10/31/10
   nor Long Running field                        CPH 12/5/10   */

.view-content-frontpage .field-field-eventlist,
.view-content .field-field-eventlist,
.view-content-frontpage .field-field-image,
.field-field-image .field-label,
.field-field-sitenewslettersequence,
.field-field-long-running
 {
	display: none;
}

/* Try to scale images in email upcoming events list      CPH 11/6/10 */

img.view-field-node-data-field-image-field-image-fid
{
    height: 60px;
}

/* Hide annoying formatting tips. MS 2/12/10 */
ul.tips {display:none}
ul.tips + a p {display:none}

/* No radio buttons in simplenews subscription block on front page.   CPH 3/5/10 */

#edit-action-subscribe-wrapper,
#edit-action-unsubscribe-wrapper {
	display: none;
}

/* DA 4/3/11 style the blogger authors */
DIV.view-item-Recent-Blog-Posts DIV.view-data-profile-name-value { 
color: #A00 ;
font-style: italic;
}
DIV.block-aggregator, DIV.view-data-node-title {
text-shadow: .3em .3em .2em #ccc;
text-shadow: .3em .3em .4em #BBB;
text-shadow: -1px -1px .1em #3BF, .3em .3em .4em #BBB;
text-shadow: -1px -1px 0.1em #99FFFF, 0.2em 0.2em 0.1em #CCCCCC;
}
DIV.block-aggregator, DIV.view-data-node-title a:link {
color: #33C;
}

/* added 2013.09.29 */
/* title links turn white with dark blue background and no underline on hover */

div.view-data-node-title:hover  a, div.block-aggregator li:hover a {
color: white !important;
text-decoration: none;
}
div.view-data-node-title:hover, div.block-aggregator li:hover {
color: white ! important;
background-color: #003;
background-color: #1bc;

text-shadow: none;
text-decoration: none;
outline: 2px solid orangered;
}
/* end of addition */


DIV.view-data-profile-name-value  {
text-shadow:  .3em .3em .4em #C90;
}

H1.title, H2.title {
text-shadow:  -1px -1px .05em black, 1px 1px .05em black ;
text-shadow: .2em .2em .4em #CCC, -1px -1px .05em #FF3, 1px 1px .05em gray;
}

TD#menu {
text-shadow: -1px -1px .05em yellow, 1px 1px .05em yellow;

text-shadow: -1px -1px .01em #BFB, 1px 1px .01em #BFB;
}

TABLE#mastheadTable {
background-image:url(/files/bluemarine_logo_ujp.jpg); 
background-image:url(/files/bluemarine_logo.jpg); 
background-repeat:no-repeat;
}


#main .content * img {
position: relative;
max-width: 100%;
}
.content img[src*="/files/u415/ChuckTurnerOct30_2010_c.png"],
.content img[src$=".jpg"], 
.content img[src$=".jpeg"], 
.content img[src$=".JPG"], 
img.rect  
{
border: 3px solid #C0C0C0;
border: 3px solid #FCEBCF;
border: 3px solid #FF9933;
border: 2px solid rgb(0,0,0) ;
outline: 2px solid #000;
outline: 0px solid #000;
padding: 2px;
margin: 5px 10px !important;
/* new outline/border settings */
margin: 1% 2% 10px !important; /* changed by D.A. 2013.10.21 */
outline: 2px solid 
}
img.nb , img.no_borders {
border: 0 !important ;
outline: 0 !important;
}
/* img.imagefield.imagefield-field_image { */
img.imagefield.imagefield-field_image, div.views-field-field-image a img {
box-shadow: 0px 5px 12px grey !important ;
box-shadow: 0px 15px 22px grey !important;
border: 1px solid grey !important ;
padding: 2px !important ;
}
A.node_read_more:link, A.node_read_more:active, A.node_read_more:visited {
background-color: #3399cc;
color: white;
text-decoration: none;
/* border-radius: 10px; */
padding: 0 2px;
box-shadow: 0 4px 5px silver;
font-size: 12px;
font-weight: bold;
background-color: #369;
color: white ;
}
A.node_read_more:hover:after {
content: "->";
}

A.node_read_more:hover {
background-color: white;
color: #3399CC;
color: black ;
color: red ;
border: 1px solid blue ;
box-shadow: 0 4px 5px blue;
font-weight: bold;
font-size: 11px;
/* word-spacing: -1px;
/* letter-spacing: -2px;
/* */
background: #39c;
color: white;
color: blue;
background: none;
border-radius: 9px ;
}
DIV.view-field.view-data-node-data-field-image-field-image-fid {
position: relative;
text-align: center;
left: -4%;
}
img.imagefield.imagefield-field_image:hover {
box-shadow: 0 10px 22px orange !important;
outline: 2px solid red;
}






a.imagefield.imagefield-field_image.imagefield-nodelink img {
padding: 22px;
background-color: white;
background-position: -30px;
display: block;
/* float: left; */
margin: auto;
color: #565656;
horizontal-align: middle;
vertical-align: middle;
text-decoration: none;
border: 1px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
-moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
outline: 0;
}

a.imagefield.imagefield-field_image.imagefield-nodelink img:hover {
background-position: 0;
-webkit-border-bottom-left-radius: 50% 0px;
-moz-border-radius-bottomleft: 50% 20px;
border-bottom-left-radius: 50% 20px;
-webkit-border-bottom-left-radius: 50% 30px;
-moz-border-radius-bottomleft: 50% 30px;
border-bottom-left-radius: 50% 30px;
-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
position: relative;
z-index: 10;
outline: 0 !important;
}






/* $Id: style.css,v 1.19 2006/12/27 13:17:15 drumm Exp $ */

/*
** HTML elements
*/
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  font: 80% Verdana, Arial, Helvetica, sans-serif;
  min-width: 1000px;
}
tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
}
a:link {
  color: #39c;
}
a:visited {
  color: #369;
}
a:hover {
  color: #39c;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
/*  font-size: 12px; */
  font-size: 1em;
  border: 1px solid #fff;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/
#header, #content {
  width: 100%;;
  /* width: 1200px; */
}
#header {

}
#logo {
  #vertical-align: middle;
  #border: 0;
}
#logo img {
  #float: left;
  #padding: 0 1em;
 # border: 0;
display: none;
}
#menu {
  #padding: 0.5em 0.5em 0 0.5em;
  text-align: left;
  vertical-align: middle;
  width: 1000px;
  background-color: #fcebcf;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0;
  color: #9cf;
}
#navlist a {
  font-weight: bold;
  }
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0;
  font-size: 0.8em;
  color: #9cf;
}
#subnavlist a {
  font-weight: bold;
  color: #9cf;
}
ul.links li {
  border-left: 1px solid #9cf;
}
ul.links li.first {
  border: none;
}
#search .form-text, #search .form-submit {
  border: 1px solid #369;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0 0 0;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}
#mission, .node .content, .comment .content {
  line-height: 1.4em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left {background-color: #fff;}
#sidebar-left, #sidebar-right {

  width: 16em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}
#footer {
  background-color: #eee;
  background-image: url("spacer.gif");
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.title, .title a, .pane-title {
  font-weight: bold;
  font-size: 1.3em;
  color: #ff9933;
  margin: 0 auto;  /* decrease default margins for h<x>.title */
  clear: both;  /* cph 5/5/09 - prevent wrapping node title around photo on frontpage view */
}
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0;
}
.block {
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.75em;
  margin-bottom: 1.5em;
}
.block .title {
  margin-bottom: .25em;
  color: #58b16f;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em 0;
}
/* changed by Dave Ascher to prevent images from overflowing space */
/* changed again on 2011-30-04 to deal with front page articles in 
/* half width space	*/
/*#main .node .content p img {position:relative; max-width: 100%;} */
#main .content * img {position:relative; max-width: 100%;} 
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #fff;
}
.node .content, .comment .content {
  margin: .5em 0 .5em 0;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em;
}
.node .picture {
  border: 1px solid #fff;
  float: right;
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right;
  font-weight: bold;
  font-size: 0.8em;
  float: right;
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right;
  margin: 0.5em;
}
/* From http://drupal.org/node/240489 */
.view-images .tr {
  width: 33%;
  float: left;
}

.view-images {
/*
	  height: 120px;
*/
	width: 100%;

}


/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #fff;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}
tbody {
  border-top: 0px;
}

div.event-start, div.event-end {
  display:none;
}

/* Cost of Afghanistan war - http://www.costofwar.com/   */
#costOfWarAf { text-align: left; width: 270px; font-weight: bold; } #costOfWarAf_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarAf_Link { font-size: .7em; }
#costOfWarIraq { text-align: left; width: 250px; font-weight: bold; } #costOfWarIraq_Total { font-size: 1.3em; font-weight: bold; color: #990000; } #costOfWarIraq_Link { font-size: .7em; }

#block-search-0
{
border-bottom:0px;
margin-bottom:0px;
}


ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #fcebcf;
}

ul.nice-menu li {
  border: 1px solid #fcebcf;
  border-top: 0;
  float: left;
  background-color: #fcebcf;
  /* Additional overrides to deal with Garland theme. */
  margin: 0;
  padding-left: 0;
  background-image: none;
}

/* Overrides for Garland header. */
#header-region ul.nice-menu li {
  margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  background: #fcebcf;
}

ul.nice-menu a {
  padding: 0.3em 5px 0.3em 5px;
}

ul.nice-menu ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.8em;
  left: -1px;
  border: 0;
  border-top: 1px solid #fcebcf;
  margin-right: 0;
}

/* Override for Garland header. */
#header-region ul.nice-menu ul {
  top: 1.7em;
}

ul.nice-menu ul li {
  width: 12.5em;
}

ul.nice-menu-down {
  float: left;
  border: 0;
}

ul.nice-menu-down li {
  border-top: 1px solid #fcebcf;
}

ul.nice-menu-down li li {
  border-top: 0;
}

ul.nice-menu-down ul {
  left: 0;
}

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px;
}

ul.nice-menu-down li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent {
  background: #fcebcf right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
  background: #c1dbf2  right center no-repeat;
}

ul.nice-menu-down li li.menuparent,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent {
  background: #fcebcf url(arrow-right.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header. */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {
  background: #ccc url(arrow-right.png) right center no-repeat;
}

.panel-2col-stacked {
  width: 98%;
}
.panel-2col .panel-col-first {
  float: left;
  width: 50%;
}
.panel-col-first .panel-col-first {width:220px;}

/* In Event, suppress unwanted portions of Location fields and put 2 category fields side by side.    CPH 1/9/10 */

#edit-locations-0-locpick-user-latitude-wrapper,
#edit-locations-0-locpick-user-longitude-wrapper,
#edit-locations-0-delete-location-wrapper
{
	display: none;
}
.location .fieldset-wrapper .description
{
	display: none;
}
#edit-taxonomy-3-wrapper,
#edit-taxonomy-5-wrapper {
	  width: 50%; float:left;
}

/* Stop any text wrapping before upcoming events in newsletter.    CPH 1/17/10 */

.field-field-eventlist,
.simplenews-template-footer  {
	clear: both;
}

/* No embedded event listings on front page,     CPH 1/25/10 
   no embedded event listings in any views,      CPH 8/9/10 
   nor image fields below front page articles,   CPH 10/21/10.
   nor Site Newsletter Sequence field            CPH 10/31/10
   nor Long Running field                        CPH 12/5/10   */

.view-content-frontpage .field-field-eventlist,
.view-content .field-field-eventlist,
.view-content-frontpage .field-field-image,
.field-field-image .field-label,
.field-field-sitenewslettersequence,
.field-field-long-running
 {
	display: none;
}

/* Try to scale images in email upcoming events list      CPH 11/6/10 */

img.view-field-node-data-field-image-field-image-fid
{
    height: 60px;
}

/* Hide annoying formatting tips. MS 2/12/10 */
ul.tips {display:none}
ul.tips + a p {display:none}

/* No radio buttons in simplenews subscription block on front page.   CPH 3/5/10 */

#edit-action-subscribe-wrapper,
#edit-action-unsubscribe-wrapper {
	display: none;
}

/* DA 4/3/11 style the blogger authors */
DIV.view-item-Recent-Blog-Posts DIV.view-data-profile-name-value { 
color: #A00 ;
font-style: italic;
}
DIV.block-aggregator, DIV.view-data-node-title, DIV.views-field-title {
text-shadow: .3em .3em .2em #ccc;
text-shadow: .3em .3em .4em #BBB;
text-shadow: -1px -1px .1em #3BF, .3em .3em .4em #BBB;
text-shadow: -1px -1px 0.1em #99FFFF, 0.2em 0.2em 0.1em #CCCCCC;
}
DIV.block-aggregator, DIV.view-data-node-title a:link {
color: #33C;
}


DIV.view-data-profile-name-value  {
text-shadow:  .3em .3em .4em #C90;
}

H1.title, H2.title, H1.pane-title, H2.pane-title {
text-shadow:  -1px -1px .05em black, 1px 1px .05em black ;
text-shadow: .2em .2em .4em #CCC, -1px -1px .05em #FF3, 1px 1px .05em gray;
}

TD#menu {
text-shadow: -1px -1px .05em yellow, 1px 1px .05em yellow;

text-shadow: -1px -1px .01em #BFB, 1px 1px .01em #BFB;
}

TABLE#mastheadTable {
background-image:url(./files/bluemarine_logo_ujp.jpg); 
background-image:url("../../../../files/bluemarine_logo.jpg"); 
background-repeat:no-repeat;
}

/* #main .content * img , #main .content * iframe {*/
#main .content * img, #main .content *  .panel-row-2 * iframe {
/* position: relative;*/
max-width: 100%;
outline-width: 0 !important;
margin-left: -2%; /* DA 2013.10.07 */
margin-left: 2%; /* DA 2013.10.21 */
margin-bottom: 9px;/* DA 2013.10.21 */
max-width: 94% !important;
height: auto !important; /* this makes the resizing of images proportional D.A. 2003.09.23 */
}

/* img.imagefield.imagefield-field_image */
/*
#main .content div.panel-row-2 img {
box-shadow: 0px 5px 12px grey !important ;
box-shadow: 0px 15px 22px grey !important;
border: 1px solid grey !important ;
padding: 2px !important ;
}
img[src$=".png"]{
border-width: 0 !important ;
box-shadow: none !important;
}
*/

A.node_read_more:link, A.node_read_more:active, A.node_read_more:visited {
background-color: #3399cc;
color: white;
text-decoration: none;
}
A.node_read_more:after {
content: " >";
}

A.node_read_more:hover {
background-color: white;
color: #3399CC;
color: orangered;
}
A.node_read_more:hover:after {
content: " >>";
}
img.imagefield.imagefield-field_image:hover {
box-shadow: 0 10px 22px orange !important;
/* outline: 2px solid red;
 */
}
DIV.view-field.view-data-node-data-field-image-field-image-fid {
position: relative;
left: 20%;
}
/* fixing alignment of thumbnail images in blocks */
/* D.A. 2015.01.14 */
/* DIV.view-content.view-content-Upcoming-Events-Block2 li DIV.view-field.view-data-node-data-field-image-field-image-fid { */
DIV.view-field.view-data-node-data-field-image-field-image-fid,
DIV.views-field.views-field-field-image {
position: relative;
text-align: center;
left: -17%;
left: 0% ; /* D. A. 2013.10.07 */
}
a.imagefield.imagefield-field_image.imagefield-nodelink img,
DIV.views-field.views-field-field-image a img {
padding: 2px;
background-color: white;
background-position: -30px;
display: block;
/* float: left; */
margin: auto;
color: #565656;
horizontal-align: middle;
vertical-align: middle;
text-decoration: none;
border: 1px solid #CCC !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition-property: background-position, -webkit-border-bottom-left-radius, -webkit-box-shadow;
-webkit-transition-property: background-position, border-bottom-left-radius, box-shadow;
-moz-transition-property: background-position, -moz-border-radius-bottomleft, -moz-box-shadow;
-moz-transition-property: background-position, border-radius-bottomleft, box-shadow;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
outline: 0 !important;
}

a.imagefield.imagefield-field_image.imagefield-nodelink img:hover, 
DIV.views-field.views-field-field-image a img:hover {
background-position: 0;
-webkit-border-bottom-left-radius: 50% 0px;
-moz-border-radius-bottomleft: 50% 20px;
border-bottom-left-radius: 50% 20px;
-webkit-border-bottom-left-radius: 50% 30px;
-moz-border-radius-bottomleft: 50% 30px;
border-bottom-left-radius: 50% 30px;
-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);
/*box-shadow: -5px 10px 15px rgba(0, 0, 0, 0.25);*/
box-shadow: 0 10px 22px orange !important;
position: relative;
z-index: 10;
outline: 0 !important;
}
.field-field-image img {
outline: 0 !important;
}
.block-submenutree {
box-shadow: 0 3px 8px #708090;
}
.block-submenutree .title {
color: #ff0000;
}
.block-submenutree a {
color: black;
}
.block-submenutree a:hover {
color: white;
background: black;
text-decoration: none;
}
#block-campaigns td {
background: #FFD700 !important;
box-shadow: 0 3px 8px #C0C0C0;
}
DIV.inside a.imagefield.imagefield-field_image.imagefield-nodelink {
position: relative;
left: 20%;
left: 0% ; /* D. A. 2013.10.07 */
}
/* fixing alignment of thumbnail images in blocks */
/* D.A. 2015.01.14  this CSS is not needed anymore */
/* DIV.view-item.view-item-Upcoming-Events-Future a.imagefield.imagefield-field_image.imagefield-nodelink {
position: relative;
left: -20%;

}
*/

div.view-data-node-title a:hover {
color: white;
text-decoration: none;
}
div.view-data-node-title:hover {
background-color: #003;
text-shadow: none;
text-decoration: none;
outline: 2px solid orangered;
background-color: #39c;
}
#mini-panel-Frontpage * table {
width: 95%;
}
#menu a , h2.title {
xfont-family: 'Special Elite' , Verdana, Arial, Helvetica, sans-serif;
xfont-family: Verdana, Arial, Helvetica, sans-serif;
}


/* D7 FIXES */
#header tr:first-child{
  margin: 0;
  padding: 0;
  height: 59px;
  overflow: hidden;
}
#header td #mastheadTable {
  width: 1000px !important;
  height: 59px !important;
  overflow: hiddne;
}
#header td #mastheadTable td{
  padding: 0 !important;
}
#header td #mastheadTable{
  padding: 0 !important;
  margin: 0 !important;
}
#header td #mastheadTable tr{
  padding: 0 !important;
  margin: 0 !important;
}
#header td #mastheadTable tr td a{
  padding: 0 !important;
  margin: 0 !important;
  float: left;
  height: auto;
}
#header td #mastheadTable tr td a img{
  padding: 0 !important;
  margin: 0 !important;
  float: left;
}
#header td #mastheadTable tr td .region{
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

#header td #mastheadTable tr td .region #block-search-form{
margin: 0;
  border: 0;
  margin-left: -150px;
  margin-top: 0px;
  padding: 0;
}
#header td #mastheadTable #block-search-form div{
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}
#header td #mastheadTable #block-search-form input[type="text"]{
    border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #336699;
  border-right-color: #336699;
  border-bottom-color: #336699;
  border-left-color: #336699;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  font-size: 1.0em;
  height: 1.4em;
  vertical-align: middle;
  width: 120px;
}
#header td #mastheadTable #block-search-form input[type="submit"]{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #336699;
  border-right-color: #336699;
  border-bottom-color: #336699;
  border-left-color: #336699;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  font-size: 1.1em;
  height: 1.5em;
  vertical-align: middle;
}
#header #menu .block{
  border: 0;
}
li.node-readmore a {
    color: #EE3333;
}
td.views-field.views-field-field-image {
    width: 100px;
}
