/* TSNHS Joint Site - CSS Custom for CONSTRUCT-UNIFIED Template  - 1/22/2012 update

 *  rebuilt from example.css

 * (c) 2011, Heritage Muse, Inc.

 *

 * Global HM - changed background and foreground colors to TSNHS defaults in all styles

 * 

 * Default font size is set in the BODY tag to 75%.  All percentages are based on 12pt/16px/1em/100% web standard.

 * % is used to size all text to ease the transition into good looking and scalable mobile apps.

 */



@charset "utf-8"; /* CSS Document */



/* HM - Do not use the web fonts for this site - yet! See BODY tag below for new site defaults.

@font-face { font-family: 'BebasNeueRegular'; src: url('../fonts/BebasNeue-webfont.eot'); src: local('?'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfontDYsPqAbQ') format('svg'); font-weight: normal; font-style: normal; }

*/



/* HM - added to set default site fore and background colors */

/* HM - Set up the default font style for the site.*/

body {background-color: #f5f4ed;  /*#333333;*/

      color: #292928;

      font-family: Verdana, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;

      font-weight: normal;

      font-style: normal;

      font-size: 75%;

      line-height: 1.3em;

}

 /* Overrides for basic links, blockquote, indent paragraph, formatting orig set in screen.css*/

a,

a:link {color: #98804b;}

a:visited {color: #98804b;}

a:active{text-decoration:none}

a:hover{text-decoration:none; color: #666666;}

b{font-weight:bold}

blockquote{margin:15px;font-style:italic; border:none;}



/* HM - set header column-module widths */

#footer-firstbreak {width:100%;}

#footer-above-1 {width:34%;}

#footer-above-2 {width:50%;}

#footer-above-3 {width:16%;}

#content-above-1 {width:33%;}  

#content-above-2 {width:34%;}  

#content-above-3 {width:33%;}

#content-below-1 {width:32%;}

#content-below-2 {width:34%;}
#content-below-3 {width:34%;}







/* HM - override of auto spacing set to zero for blank canvas spacing */

.gutter {margin:0;}



/* HM - Set up the floating mid-section for all pages on the site.

 * width:920px;

 * margin:0 auto;

 * background-color:#f5f4ed;

 * display:block;

 */

#pagewrapper {

  margin: 0 auto;

  width:960px;

  background-color:#f5f4ed;

  display:block;

}



.pageback {

  background-image:url(images/tsnhs_tmplt/linenseamless100.png);

  background-repeat:repeat;

}



#innerwrapper {

  width:920px;

  margin: 0 20px 0 20px;

}



/*HM - GLOBAL OVERIRDE to screen.css when an article is the only item in the main content area!

.main-only #content-main {

               width: 920px;

               float: left;

}*/



#colwrapper-50 {width:50%; margin:0 auto;}

#colwrapper-66L {width:66%; margin-left: 20px;}

#colwrapper-66R {width:66%; margin-right: 20px;}



/* Set classes for formatting sidebars*/

.barleft {float:left; text-align: justify; width:150px; height: 400px; background-color:#687694;}

.barright {float:right; text-align: justify;width:150px; height: 400px; background-color:#687694;}



/* HM - Set up the colors and textures

.setBackground {background-color: #f5f5ed;background-image: url(../images/bgstone.jpg);background-repeat: repeat;}*/

.setBackground {background-color: #f5f5ed;}

.tan-text {color: #f5f4ef;}

.tan-bkgd {background-color: #f5f4ef;}

.gold-text {color: #98804b;}

.gold-bkgd {background-color: #98804b;}

.cji-blue-text {color: #687694;}

.cji-blue-bkgd {background-color: #687694;}

.redbrown-text {color: #291709;}

.redbrown-bkgd {background-color: #291709;}

.brown-text {color: #292928;}

.test-bkgd {background-color: #A52A2A;}



/* Do not comment out.  This is an override to screen.css*/

#footer { color: #292928; background: #f5f5ed; }

#header { color: #292928; background: #f5f5ed; }

/*#header .gutter{margin:0 auto}*/

#footer .gutter{margin:0, 15px, 0, 15px;}

#nav    .gutter{margin:0, 15px, 0, 15px;}*/



/* HM - Home page content modules sizing and text formats */

.homebox {width: 294px; height: 390px; float:left; display:block;}

/* HM - place class="pixbox" directly in the img tag : DO NOT use a separate div */

.pixbox {margin-top:15px; width: 294px; height: 246px;}

.titlebox {margin-top: 15px; margin-left: 12px; text-align: left; width:270px; height: 23px;}

.homebox-menu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 25px;}

/*.donatebox {float:left; margin:20px; width: 274px; height: 130px; margin-top: 7px; background-color: brown;}

.donatebox ul (list-style-type: none; margin:0px; padding:0px; text-align: center;}

.donatebox li{display:inline-block; padding:1px; width: 87px;}*/



/* HM - Set up images to center in the container */

IMG.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto }



/* Front page vst ID and UL styles*/

#vst {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 25px; width: 270px; padding:0px; margin-top: 8px; margin-left:12px;margin-bottom:10px;}

#vst ul {list-style-type: none; border:none;}

#vst ul li {list-style-type: none; margin: 0px; padding:0px;}

#vst ul li a {font-size: 100%; display: block; border-bottom: 1px dashed #C39C4E; padding 5px 0px 2px 4px; text-decoration:none; color: #F5F4ED; width: 270px;}

#vst ul li a:link, #vst ul li a:visited {color: #F5F4ED; background-color: #291709;}

#vst ul li a:hover, #vst ul li a:focus {color: #666666; background-color: #291709;}



/* Front page CJI ID and UL styles*/

#cji {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 25px; width: 270px; padding:0px; margin-top: 8px; margin-left:12px;margin-bottom:10px;}

#cji ul {list-style-type: none; border:none;}

#cji ul li {list-style-type: none; margin: 0px; padding:0px;}

#cji ul li a {font-size: 100%; display: block; border-bottom: 1px dashed #C39C4E; padding 5px 0px 2px 4px; text-decoration:none; color: #F5F4ED; width: 270px;}

#cji ul li a:link, #cji ul li a:visited {color: #F5F4ED; background-color: #687694;}

#cji ul li a:hover, #cji ul li a:focus {color: #666666; background-color: #687694;}



/* Front page vst ID and UL styles*/

#hst {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; line-height: 25px; width: 270px; padding:0px; margin-top: 8px; margin-left:12px;margin-bottom:10px;}

#hst ul {list-style-type: none; border:none;}

#hst ul li {list-style-type: none; margin: 0px; padding:0px;}

#hst ul li a {font-size: 100%; display: block; border-bottom: 1px dashed #C39C4E; padding 5px 0px 2px 4px; text-decoration:none; color: #F5F4ED; width: 270px;}

#hst ul li a:link, #hst ul li a:visited {color: #F5F4ED; background-color: #98804b;}

#hst ul li a:hover, #hst ul li a:focus {color: #666666; background-color: #98804b;}



/* Front page calender link classes*/

.cal a:link {color: #98804b;}

.cal a:hover {color: #666666;}

.cal a:visited {color: #1f0b02;}

.cal {float: left;

 padding-left: 30px;

 font-weight: bold;

 font-size: 62.5%;

 color: #98804b;

 letter-spacing: 2px;}



/* Footer text-menu link classes*/

#footer-menu a:link {color: #98804b;}

#footer-menu a:hover {color: #666666;}

#footer-menu a:visited {color: #1f0b02;}

#footer-menu {float: left;

 font-weight: bold;

 font-size: 75%;

 color: #98804b;

 letter-spacing: 2px;

 text-align:right;

}



/* HM - copied from screen.css (Construct-Unified template package)

 * added here to override settings for the logo 

 * shorthand order is: background-color; background-image; background-repeat; background-attachment; background-position

*/

/* HM - with EMBEDDED image - DO NOT USE  #logo a:hover {background:#f5f4ed url('../images/tsnhs_tmplt/tsnhslogo-full.png') 0 0 no-repeat;display:block;width:920px;height:85px;} or 

 *  

 */

#logo {display:none;text-decoration:none;text-indent:0;width:920;background-color:#f5f4ed;}

#logo a:link,

#logo a:visited,

#logo a:hover {background-color:#f5f4ed;}



/* HM - set the top margin between items in the paragraph */

.vspace15 {margin: 15px 0 0 0}

.vspace10 {margin: 10px 0 0 0}

.vspace05 {margin: 5px 0 0 0}



/* HM - the default text styling at 10.5pt, 14px, 0.875em, 87.5% */

.basictext {

  color: #292928;

  font-family: Verdana, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;

  font-weight: normal;

  font-style: normal;

  font-size: 87.5%;

  line-height: 1.2em;

}



/* HM - the default text styling at 10.5pt, 14px, 0.875em, 87.5% */

.copyright {

  color: #292928;

  font-family: Verdana, Trebuchet MS, Geneva, Helvetica, Arial, sans-serif;

  font-weight: normal;

  font-style: normal;

  font-size: 75%;

  line-height: 1.3em;

  text-align: center;

}



/* HM - revised styling for headers, etc.*/

/* HM - 24pts, 32px, 2em */

.componentheading,

.contentheading,

.je-header,

h1 {

  font-family:Georgia, "Times New Roman", Times, serif; 

  font-size: 200%; 

  line-height: 1.3em;

  letter-spacing:.5 em;

}



/* HM - 22pts, 29px, 1.8em */

h2 {font-family:Georgia, "Times New Roman", Times, serif;

  font-size: 180%; 

  line-height: 1.3em;

  letter-spacing:.5 em;

}



/* HM - 18pts, 24px, 1.5em, top margin of .03em is set in screen.css */

h3 {

  font-family:Georgia, "Times New Roman", Times, serif;

  font-size: 150%;

  font-style: normal;

  line-height: 1.3em;

  font-weight: bold;

  font-variant: normal;

}



/* HM - Sans Serif, 12p, 16px, 1em, 100% - BOLD */

h4 {

  font-family:Verdana, Geneva, sans-serif;

  font-size: 100%;

  font-style: normal;

  line-height: 1.3em;

  font-weight: bold;

  font-variant: normal;

}



/* HM - small caps */

.smcaps {

  font-variant: small-caps;

}



/* HM - Sans Serif, 12p, 16px, 1em, 100%  */

.listhead12 {

  font-size: 100%;

}
/* HM modification to blockquote in typography.php from jckeditor*/
.blockquote {
 /*   background: none repeat scroll 0 0 #CCCCCC;
    border-left: 10px solid #8F8F8F;
    border-radius: 0 10px 0 10px;
    color: #544C4A;*/
    font: italic 12pt/1.2em Georgia;
    margin: 10px !important;
    padding: 10px !important;
/*    text-shadow: 1px 1px 1px #FFFFFF;
*/    width: 90%;

input:focus,

.inputbox:focus,

textarea:focus { border-bottom: solid 2px #999; border-right: solid 2px #999; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.6); box-shadow: 0px 0px 2px rgba(0,0,0,0.6); }



button,

a[title="Cancel"],

input[type="submit"] { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f9f9f9; background: -moz-linear-gradient(-90deg,#f9f9f9,#dadada); background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#dadada)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#dadada'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#dadada')"; border: 1px solid #BDC0C4; color: #192832; padding: 3px 6px; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.6); -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.6); box-shadow: 2px 2px 2px rgba(0,0,0,0.6); margin: 3px 5px 6px 0; }



a[title="Cancel"] { padding: 6px; color: #000 !important; }



button:hover,



input[type="submit"]:hover { -webkit-box-shadow: 2px 2px 6px rgba(26, 97, 174,1); -moz-box-shadow: 2px 2px 6px rgba(26, 97, 174,1); box-shadow: 2px 2px 6px rgba(26, 97, 174,1); }



a[title="Cancel"]:hover { text-decoration: none; color: #333; -webkit-box-shadow: 2px 2px 6px rgba(237, 31, 36,1); -moz-box-shadow: 2px 2px 6px rgba(237, 31, 36,1); box-shadow: 2px 2px 6px rgba(237, 31, 36,1); }



button:active,

a[title="Cancel"]:active,

input[type="submit"]:active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }



.button2-left a:hover { color: #F57E20 }



table.category { border: 1px solid rgba(10, 163, 74,.8) }



.category tbody tr:hover { background: rgba(10, 163, 74,.5) }



.category .cat-list-row0,



.even { background: rgba(10, 163, 74,.2) }



/* Current Item Indicator */

ul.menu #current a {

  color: #f5f4ed

}



/* Active Item Trail */

ul.menu li a,

ul.menu .active li a,

ul.menu #current li a,

ul.menu li .active li a,

ul.menu li li .active li a,

ul.menu li li li .active li a {

  color: #251323

}



ul.menu .active a,

ul.menu li .active a,

ul.menu li li .active a,

ul.menu li li li .active a,

ul.menu li li li li .active a {

  color: #804000

}



/* inserted from screen.css

-- Menu CSS -- */

ul.menu a,

ul.menu span.separator{

  display:block;

  padding:.5em 0.7em 0.5em/*use padding to indent text*/;

  border-bottom-width: thin;

  border-bottom-style: dashed;

  border-bottom-color: #251323;

}

ul.menu li{

  float:left;

  position:relative;

  border-bottom-width: 1px;

  border-bottom-style: dashed;

  border-bottom-color: #251323;

  margin-top: 1em;

  margin-bottom: 1em;

}

ul.menu ul{

  position:absolute;

  left:-999em;

  width:auto;/*sub-menu widths*/

  z-index:999

}

ul.menu ul li{list-style-type: none; margin: 0px; padding:0px;}

ul.menu ul ul{margin:0 0 0 100%;top:0}

#nav:after,

#column-group-alpha ul.menu:after,

#column-group-beta ul.menu:after{clear:both;content:".";font:1px/0;display:block;height:0;visibility:hidden}

#column-group-alpha ul.menu,

#column-group-beta ul.menu {padding:0}/*adjust to resize menus*/

#column-group-alpha ul.menu li,



#column-group-beta ul.menu li {width:100%;margin:0}

#column-group-alpha ul.menu ul {margin:0 0 0 100%;top:0}

#column-group-beta ul.menu ul {right:100%;top:0}

#nav ul, #nav li{margin:0;padding:0}

#nav ul.menu ul ul{margin:0 0 0 100%;top:0}



#nav{z-index:999;}

#nav ul.menu li a {font-size: 100%; display: block; border-bottom: 1px dashed #C39C4E; padding 5px 0px 2px 4px; text-decoration:none; color: #F5F4ED; width: 270px;}

#nav ul.menu li span.separator{line-height:1.8em;padding:6px 15px 5px}

#nav ul.menu ul li a{border:none}

/* end of insertion*/ 



/* Menu Hover Styles */

ul.menu li a:hover {

  color: #251323;

  font-weight: bold;

},

ul.menu #current a:hover {color: #666666; background-color: #98804b;},

ul.menu #current li a:hover,

ul.menu li span.separator:hover,

ul.menu li span.separator.pie_hover { color: #F57E20 }



p.readmore { padding: 5px 0 }



p.readmore a { padding: 8px 50px 8px 0; color: #98804b; text-decoration: none;}



.pagenav-prev { float: left; position: relative; width: 32px; height: 32px; background: url(../images/example-back-icon.png) 0 0 no-repeat; }



.pagenav-prev a { height: 0; left: 0; overflow: hidden; padding-top: 32px; position: absolute; width: 100%; }



.pagenav-next { float: right; position: relative; width: 32px; height: 32px; background: url(../images/example-forward-icon.png) 0 0 no-repeat; }



.pagenav-next a { height: 0; left: 0; overflow: hidden; padding-top: 32px; position: absolute; width: 100%; }



.rounded-red,



.rounded-red a,

.rounded-green,

.rounded-green a,

.rounded-blue,

.rounded-blue a,

.rounded-orange,

.rounded-orange { color: #FFF }



#breadcrumbs { padding: 18px 0 10px 25px; background: url(../images/example-location-icon.png) 0 0 no-repeat; }



#content-left ul.menu li#current a {color: #666666; background-color: #291709;}

#content-left ul.menu li#current li a {color: #666666; background-color: #291709;}

#content-left ul.menu ul { background: #fff }

/* menu parent item indicator */

#content-left ul.menu li.parent a,

#content-left ul.menu li.parent li.parent a,

#content-left ul.menu li.parent li.parent li.parent a,

#content-left ul.menu li.parent li.parent li.parent li.parent a {

  background: #f5f4ed url(../images/example-right-arrow.png) no-repeat 100% 50%

}



#content-left ul.menu li.parent li a,

#content-left ul.menu li.parent li.parent li a,

#content-left ul.menu li.parent li.parent li.parent li a,

#content-left ul.menu li.parent li.parent li.parent li.parent li a { background: none }



/*  

Sticky Footer Solution

by Steve Hatcher 

http://stever.ca

http://www.cssstickyfooter.com

*/



* {margin:0;padding:0;} 



/* must declare 0 margins on everything, also for main layout components use padding, not 

vertical margins (top and bottom) to add spacing, else those margins get added to total height 

and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



html, body {height: 100%;}



#wrap {min-height: 100%;}



#main {overflow:auto;

  padding-bottom: 180px;}  /* must be same height as the footer */



#footer {position: relative;

  margin-top: -180px; /* negative value of footer height */

  height: 180px;

  clear:both;} 



/*Opera Fix*/

body:before {/* thanks to Maleika (Kohoutec)*/

content:"";

height:100%;

float:left;

width:0;

margin-top:-32767px;/* thank you Erik J - negate effect of float*/

}







/*

ul.menu li.parent a:after,

ul.menu li ul li.parent a:after,

ul.menu li ul li ul li.parent a:after,

ul.menu li ul li ul li ul li.parent a:after,

ul.menu li.parent span.separator:after,

ul.menu li ul li.parent span.separator:after,

ul.menu li ul li ul li.parent span.separator:after,

ul.menu li ul li ul li ul li.parent span.separator:after{content:" +"}

ul.menu li.parent li a:after,

ul.menu li ul li.parent li a:after,

ul.menu li ul li ul li.parent li a:after,

ul.menu li ul li ul li ul li.parent li a:after,

ul.menu li.parent li span.separator:after,

ul.menu li ul li.parent li span.separator:after,

ul.menu li ul li ul li.parent li span.separator:after,

ul.menu li ul li ul li ul li.parent li span.separator:after{content:""}

*/



#nav { border: 0px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); box-shadow: 2px 2px 6px rgba(0,0,0,0.6); margin: 5px 0 25px 0; background: #fff; }



#nav ul.menu li a,

#nav ul.menu li span.separator { border-right: 1px solid #999; background: none; }

#nav ul.menu ul li a {font-size: 100%; display: block; border-bottom: 1px dashed #C39C4E; padding 5px 0px 2px 4px; text-decoration:none; color: #F5F4ED; width: 270px;}

#to-page-top{position:absolute;top:10px;right:10px}



/* HM-KRM addition to cd_modlogin.css */

div.cd_moduletitle_logo {margin-top:6px;}

/* HM- adjustment for category blog spacing of articles - left aligning in column*/
.cols-1{display:block;float:none !important; margin:0 !important;}
.cols-2 .item {width:47.8%;padding-left:0px; padding-right: 2%}      
.cols-3 .item {width:30.9%;padding-left:0px; padding-right: 2%; float:right;}      
.cols-4 .item {width:22.4%;padding:1%}
.cols-5 .item {width:19.1%;padding:1%}
.cols-6 .item {width:15.9%;padding:1%}

/*added class for inline block for maps and pull boxes*/
place/55+Spring+St,+Newport,+RI+02840
.map{
  display: inline-block;
  width: 700px;
  height: 400px;
  margin-top: 10px;
}
.pullbox{
  display: inline-block;
  width: 600px;
  align:center;
  border: 1px;
  border-color: red;
  margin: 5px;
}