@import url("/css/content.css");

/**** imarts.com Layout Styles ****/
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.printonly {
position: absolute;
left: -999em;
}
body {
min-width: 900px;
color: #444;
font: 75% Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
text-align: center;
}
#bg-default {
background: #fff url(/layout/bg-stripes.gif) repeat-y center 108px;
}
#page {
width: 100%;
min-width: 904px;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}

#header-wrapper {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
background: #FAF3E0;
text-align: center;
z-index: 99;
}
#header {
width: 904px;
margin: 0 auto;
padding: 10px 0 12px;
background: #FAF3E0;
text-align: left;
}
#logo { 
}
#navbar {
clear: both;
min-width: 100%;
height: 32px;
margin: 0;
border: solid 1px #fff;
border-width: 1px 0;
background: #bccea2;
}

#container {
width: 904px;
height: 100%;
margin: 0 auto;
text-align: left;
vertical-align: top;
}
.column {
vertical-align: top;
}
#leftcol { 
width: 200px;
overflow: hidden;
margin: 0;
padding: 108px 0 7em 1px;
background: #E8EDEE;
}
#main {
width: 630px;
overflow: hidden;
margin: 0;
padding: 108px 48px 7em 24px;
background: #fff;
}
.totop {font-size: 92%;}

#footer-wrapper {
clear: both;
position: relative;
width: 100%;
min-width: 904px;
height: 6.8em;
min-height: 6.8em;
margin: 0px auto;
margin-top: -6.8em;
padding: 0;
font-size: 11px;
text-align: center;
background: #00788d;
}
#contactbar {
width: 100%;
min-width: 904px;
margin: 0px auto;
padding: 0.4em 0;
background: #016F54;
border-top: solid 1px #fff;
}
#footer {
width: 100%;
min-width: 904px;
margin: 0px auto;
padding: 0.4em 0 0.4em;
background: #00788d;
border-top: solid 1px #fff;
}
.copy {
width: 902px;
margin: 0 auto;
padding: 0 1px;
text-align: left;
}
.copy, .copy a:link, .copy a:visited, .copy a:active {
color: #fff;
text-decoration: none;
}
.copy a:hover {
color: #00788d;
background: #fff;
text-decoration: none;
}
.spacer {width: 0px; margin: 1.5em;}

/**** Home Page ****/
#bg-home {
background: #fff url(/layout/bg-stripes-home2.gif) repeat-y center 108px;
}
#home-container {
width: 904px;
height: 100%;
margin: 0 auto;
text-align: left;
vertical-align: top;
}
#home {
width: 904px;
margin: 108px 0 0;
text-align: left;
vertical-align: top;
}
#home-top-wrapper {
min-width: 100%;
margin: 0 auto;
text-align: left;
background: #D5D7AA;
border-bottom: solid 1px #fff;
}
#home-top {
width: 904px;
margin: 0 auto;
text-align: left;
}
#home-top .column {
width: 300px;
overflow: hidden;
margin: 0;
padding: 0 1px 1px 0;
}
#home-top #top-left {padding-left: 1px;}
#top-centre {background: #fff;}
#top-right {background: #fff;}
#home-bot {
width: 904px;
margin: 0 auto;
text-align: left;
}
#home-bot .column {
width: 260px;
overflow: hidden;
margin: 0;
padding: 20px 21px 7em 20px;
}
#bot-left {}
#bot-centre {}
#home-bot #bot-right {padding-left: 21px;}

#home-top .events-small-list, #home-bot .events-small-list {
font-size: 92%;
margin: 0;
padding: 0 12px;
line-height: 1.3em;
}
#home-top h2.events-small-list-category {
color: #fff;
font-size: 100%;
margin: 0 -12px 0.5em;
padding: 0.3em 12px;
text-transform: lowercase;
background: #00788D;
}
h3.events-small-list-title {
font-size: 100%;
font-weight: normal;
letter-spacing: 0;
padding: 1em 0 0;
}

#home-container .detail-wrapper {
height: 100%;
margin-bottom: -200px;
padding-bottom: 200px;
background: #fff url(/layout/bg-stripes.gif) repeat-y center -108px;
}
#home-container .detail {
width: 632px;
margin: 0 auto;
padding: 128px 49px 7em 225px;
}

#home-top .news, #home-bot .news {
font-size: 92%;
margin: 0;
padding: 0 12px;
line-height: 1.3em;
}
#home-top h2.news-category, #home-top .news-archive h2 {
font-size: 100%;
margin: 0 -12px 0.5em;
}
#home-top .news-headline {
line-height: 1.3em;
}
#home-top div.news-rss, #home-bot div.news-rss {
margin: -1.5em 0 0;
padding: 0;
}

/**** Navigation Styles ****/
/* Main Menu */
#nav-text1 {
width: 904px;
margin: 0 auto;
text-align: left;
}
#nav-text1 a {
display: block;
float: left;
margin: 0 10px 0 4px;
padding: 6px 4px 2px 15px;
color: #005F47;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.5px;
text-transform: lowercase;
text-decoration: none;
background: url(/layout/nav-bullet.gif) no-repeat left bottom;
}
#nav-text1 a:hover {
padding: 14px 4px 2px 15px;
}
#nav-text1 a.nav-text-current {
padding: 14px 4px 2px 15px;
font-weight: bold;
letter-spacing: 0px;
}

/* Top Right Menu */
#nav-text2 {
float: right;
width: auto;
margin-top: -100px;
padding-top: 40px;
background: url(/layout/nav-bullet-rt.gif) no-repeat right bottom;
}
#nav-text2 a {
display: block;
width: auto;
margin: 4px 0 0;
padding: 4px 15px 1px 4px;
color: #005F47;
font-size: 11px;
line-height: 11px;
letter-spacing: 0.5px;
text-align: right;
text-transform: lowercase;
text-decoration: none;
background: url(/layout/nav-bullet-rt.gif) no-repeat right bottom;
}
#nav-text2 a:hover {
letter-spacing: 1.5px;
}
#nav-text2 a.nav-text-current {
font-weight: bold;
}

/* Sub-Menu */
#subnav, #subnav ul, #subnav li {
list-style: none;
width: 200px;
margin: 0;
padding: 0;
}
#subnav a,  #subnav span {
display: block;
width: 184px;
padding: 0.5em 4px 0.5em 12px;
line-height: 1.3em;
color: #fff;
font-size: 92%;
letter-spacing: 0.5px;
text-transform: lowercase;
text-decoration: none;
background: #00788d;
border-bottom: solid 1px #fff;
}
#subnav a:visited {color: #fff;}
#subnav ul a, #subnav ul span {
display: block;
width: 172px;
padding: 0.4em 4px 0.4em 24px;
color: #00788d;
letter-spacing: 0px;
text-decoration: none;
text-transform: none;
background:transparent;
}
#subnav ul ul a, #subnav ul ul span {
display: block;
width: 160px;
padding: 0.4em 4px 0.4em 36px;
}
#subnav ul a:visited {color: #00788d;}
#subnav a:hover {
letter-spacing: 1.5px;
}
.subnav-current {
font-weight: bold;
}

/* Site Map */
#sitemap2 {margin-bottom: 0;}


/**** Module Styles ****/
/**** CALENDAR OF EVENTS ****/
table.events-table {
margin: 1em 0 0;
width: 526px;
border-collapse: collapse;
}
.events-table td, .events-table th {
margin: 0px;
padding: 2px;
vertical-align: top;
font-size: 90%;
border: solid 1px #fff;
background: #e8edee;
}
td.events-months, td.events-arrow-month {
text-align: center;
vertical-align: middle;
background: #e8edee;
}
span.events-current-month {
color: #00788D;
font-weight: bold;
}
td.events-months a, td.events-arrow-month a {
text-decoration: none;
}
td.events-arrow-year, td.events-header {
text-align: center;
vertical-align: middle;
padding: 0 4px;
color: #fff;
background: #00788D;
}
td.events-header h2 { /* month and year */
text-align: center;
margin: 0;
padding: 0.3em;
color: #fff;
}
td.events-arrow-year a {
text-decoration: none;
color: #fff;
}
td.events-arrow-year a:hover {
color: #00788d;
background: #fff;
}
th.events-subheader { /* days of the week */
margin: 0px;
padding: 2px;
background: #C3DBDF;
}
th.events-subheader p { /* days of the week */
font-size: 90%;
letter-spacing: 1px;
text-transform: lowercase;
text-align: center;
margin: 0;
}
.events-empty-day {
width: 70px;
height: 70px;
}
.events-day {
width: 70px;
height: 70px;
}
td.events-current-day {
font-weight: bold;
width: 70px;
height: 70px;
background: #fff;
}
td.events-event-day {
font-weight: bold;
width: 70px;
height: 70px;
background: #C3DBDF;
}
p.events-title {
font-weight: normal;
text-align: left;
line-height: 1.2em;
margin-bottom: 0.6em;
}

/* EVENTS LIST */
h1.events-categories {
width: 500px;
margin: 0 0 0.5em;
padding: 0.3em 12px;
color: #fff;
font-size: 95%;
text-transform: lowercase;
background: #00788D;
border-left: solid 1px #fff;
}
/* detail view */
h3.events-title {
}
span.events-date {font-weight: bold;}
span.events-location {font-weight: bold;}

/* EVENTS SMALL LIST */
.events-small-list {}
h2.events-small-list-category {
color: #fff;
font-size: 95%;
margin: 0 0 0.5em;
padding: 0.3em 12px;
text-transform: lowercase;
background: #00788D;
}
h3.events-small-list-title {
font-size: 100%;
font-weight: normal;
letter-spacing: 0;
padding: 1em 0 0;
}

/* EVENTS SMALL CALENDAR */
.events-small-table {
margin-top: 1em;
width: 15em;
border-collapse: collapse;
}
.events-small-table td {
height: 1.8em;
margin: 0px;
padding: 2px;
text-align: center;
border: solid 1px #fff;
}
table.events-small-table td a {
display: block;
}
td.events-small-arrow-month a {
color: #fff;
text-decoration: none;
}
td.events-small-arrow-month a:hover {
color: #00788d;
background: #fff;
}
td.events-small-arrow-month, td.events-small-header {
background: #00788D;
}
td.events-small-header p { /* month and year */
color: #fff;
font-size: 92%;
font-weight: normal;
letter-spacing: 1px;
display: block;
text-align: center;
margin: 0px;
padding: 2px;
}
th.events-small-subheader { /* weekday headings */
border: solid 1px #fff;
background: #C3DBDF;
margin: 0px;
padding: 2px;
font-size: 90%;
font-weight: normal;
text-transform: lowercase;
text-align: center;
}
td.events-small-empty-day {
background: #e8edee;
}
td.events-small-day {
background: #e8edee;
}
td.events-small-current-day {
font-weight: bold;
background: #fff;
}
td.events-small-current-day a {
font-weight: bold;
}
td.events-small-event-day {
font-weight: bold;
background: #C3DBDF;
}

/* EVENTS RSS */
div.events-rss {padding: 1em 0;}


/********* FORMs ********/
.form-title {
color: #016F54;
letter-spacing: 0px;
font-size: 120%;
font-weight: bold;
margin-top: 0;
padding: 1em 0 0.25em;
}
.form td {padding: 2px 4px 2px 0px;}
.form-tdtext {width: 20%;}
.form-tdreq {width: 6px;}
.form-required, .form-tdreq {color: #FB4955;}
span.form-required {font-size: 125%;}
.form-tdinput {width: 80%;}
.form-input {width: 50%; border: solid 1px #888; margin-bottom: 0.5em; background: #E8EDEE;}
.form-textarea {width: 70%; border: solid 1px #888; background: #E8EDEE;}
.form-submitbtn, .form-resetbtn {
font-size: 90%;
color: #fff;
font-weight: bold;
text-transform: lowercase;
margin: 0.5em 0;
background: #00788D;
border: solid 1px #00788D;
border-bottom-width: 2px;
}


/***** NEWS MODULE *****/
h2.news-category, .news-archive h2 {
color: #fff;
font-size: 95%;
margin: 0 0 0.5em;
padding: 0.3em 12px;
text-transform: lowercase;
background: #016F54;
}
.news-date {
display: block;
margin-top: 1em;
}
.news-headline {
clear: both;
}
.news a:link {
color: #016F54;
}
.news a:hover {
color: #FFF;
background: #016F54;
}
.news a:active {
color: #016F54;
}
.news-archive-link {display: block;}

/***** PHOTO GALLERY *****/
table.photos-album-table {}
td.photos-album {
background: #ECEDD5;
text-align: left;
vertical-align: top;
}
h2.photos-album-header {
display: block;
width: 100%;
margin: 0px;
padding: 0.3em 12px;
background: #bccea2;
border-bottom: solid 1px #fff;
}
.photos-album-photobox {
width: auto;
display: block;
float: left;
text-align: center;
}
.photos-album-thumbnail {
margin: 12px 12px 2px;
border: 1px solid #fff;
}
a:hover .photos-album-thumbnail {
margin: 11px 11px 1px;
border: 2px solid #fff;
background-color: transparent;
}
.photos-album-photobox a:hover, .photos-album-photobox a:active {
background-color: transparent;
}
.photos-album-textbox {
width: auto;
display: block;
padding: 12px 12px 12px 0px;
float: left;
}
.photos-album-lastupdated {
font-size: 85%;
display: block;
margin: 2px 12px 12px;
}

/* Pop-up Window */
body#photos-view-body {
width: 100%;
min-width: 400px;
max-width: 100%;
background: #fff;
background-image: none;
}
#photos-view-container {
width: 100%;
background: #fff;
}
.photos-buttonbar {
background: #BCCEA2;
}
.photos-view-button {
float: left;
margin: 5px;
margin-top: 0px;
color: #016F54;
text-decoration: none;
text-transform: lowercase;
}
.photos-view-button a {
color: #016F54;
text-decoration: none;
text-transform: lowercase;
}
.photos-view-button a:hover {
background: #fff;
}
.photos-view-button a:active {
background: #fff;
}
.photos-view-photo {
margin-top: 1em;
border: 1px solid #fff;
}
.photos-fulllink {
font-size: 90%;
margin-top: 0px;
padding-top: 0px;
}
h2.photos-phototitle {
text-align: center;
}

/* Thumbnail View */
div.thumbnail {
padding: 12px;
background: #ECEDD5;
}
div.thumbnail-top {
padding-bottom: 12px;
}
h2.thumbnail-album-title {
margin: -12px -12px 0px;
padding: 0.3em 12px;
color: #016F54;
background: #BCCEA2;
border-bottom: 1px solid #fff;
}
table.thumbnail-table {
width: 100%;
}
table.thumbnail-table td.thumbnail-pic {
vertical-align: top;
text-align: center;
}
td.thumbnail-pic img {
border: 1px solid #fff;
margin: 12px 12px 2px;
}
td.thumbnail-pic a:hover img {
margin: 11px 11px 1px;
border: 2px solid #fff;
}
td.thumbnail-pic a:hover, td.thumbnail-pic a:active {
background-color: transparent;
}
p.photos-phototitle a:hover {
background: #00788D;
}
p.photos-phototitle a:active {
background: #fff;
}