@charset "UTF-8";

/* Note: this file combines several CSS files as part of this web sites optimization process  */

/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	MAIN_CSS stylesheet
	Filename extracted from the EE template: 
		/stylesheets/main_css
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */

/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } 

/* TrottStockPhotos.com - an open source xhtml/css website based on template by Andreas Viklund  - http://andreasviklund.com . 
Free to use for any purpose as long as the proper credits are given to the original author.
Template heavily reworked by OMaxdigital.com

Version: 1.3 (Nov 28, 2005)

Screen layout: */
html { margin: 0; padding: 0; }

body{
margin:0 auto;
padding:0;
font:76% Verdana, Tahoma, Arial, sans-serif;
background:#f4f4f4;
color:#303030;
text-align: center;  /*  This is to center the layout in IE5x browsers  */
}

#wrap{
background:#e5e5e5;
color:#303030;
margin:0 auto;
width:955px;
border-left: 10px solid #ffffff;
border-right: 10px solid #ffffff;
border-top: 1px solid #ffffff;
position: relative;
text-align: left;
}

#header{
	clear:both;
	margin:0;
	padding:0;
	height:115px; 
	width: 955px;
	background: #3e5ba7 url(/themes/site_themes/ltrott_v1/images/top_bgrnd.jpg) repeat-x left top;
	position: relative;
	overflow: hidden;
}

#header h1{
width:250px;
margin:0 0 10px 0;
float:left;
}

#header p {
width:500px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color: transparent;
}

#header #logo-main {
	display: block;
	width: 350px;
	height: 50px;
	position: absolute;
	margin-top: 45px;
	margin-left: 29px;
	left: -16px;
}

#header #logo-main h1 {
display: none;
}

#header #links-top {
	display: block;
	position: absolute;
	margin-top: 5px;
	margin-left: 40px;
	width: 300px;
	color: #ffffff;
	left: 16px;
	top: 5px;
}

#header #member-home-info {
	display: block;
	position: absolute;
	margin-top: 5px;
	margin-right:300px;
	width: 500px;
	color: #ffffff;
	left: 441px;
	top: 6px;
}

#header #member-home-info form {
	display: inline;
}

#header #member-home-info form #textfield {
	width: 70px;
	border: 1px solid #d9f7b1;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}

form .input-field {
	border: 1px solid #d9f7b1;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}

#header #member-home-info form #button1 {
	font-size: 10px;
	font-weight: bold;
	color: #365aa5;
}

#header #quote {
	display: block;
	position: absolute;
	margin-top: 40px;
	margin-right: 952px;
	width: 505px;
	color: #ffffff;
	left: 438px;
	top: 17px;
}

#quote-open
{
	color: #d9f7b1;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 4.5em;
	line-height: 5px;
	vertical-align: -25px;
}

#quote-close
{
	/*
	color: #d9f7b1;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 3em;
	line-height: 10px;
	vertical-align: -15px;
	*/
	display: none;   
}

#searchrow {
clear:both;
margin:0;
padding:0;
height:33px;
width: 955px;
background: #d9f7b1;
}

#messagerow {
	clear:both;
	margin:0;
	padding:0;
	height:25px;
	width: 955px;
	background-color: transparent;
}
 
#messagerow p {
	text-align: center;
	font-weight: bold;
	color: #FF3300;
	padding: 5px;
}

#banner-row {
	clear:both;
	margin:0;
	padding:0;
	height:100px;
	width: 955px;
	background-color: transparent;
}

#banner-row p {
	padding: 5px;
	text-align: center;
}

/* ----------------------------------- Comment & Tell a Friend form --------------------------------------- */
form#formComment, form#comment_form, form#tellafriend_form {
	margin: 0 10px;
	display: block;
}

.content form#comment_form, form#tellafriend_form {
	width: 390px;
}

.content form#comment_form #genSearchText, form#tellafriend_form .input-field {
	width: 376px;
	padding: 2px;
}

.content form#comment_form #genSearchText:hover, form#tellafriend_form .input-field:hover {
	background-color: #d9f7b1;
}

.content form#comment_form #genSearchText:focus, form#tellafriend_form .input-field:focus {
	background-color: #e5eaf6;
}

form#formComment #button2, form#comment_form #button2, form#tellafriend_form #button1 {
	margin: 10px 0;
}
/* ------------------------------- End comment & tell a friend form --------------------------------- */

#searchrow form {
	display: inline;
}

form #button2 {
	font-size: 11px;
	font-weight: bold;
	color: #365aa5;
}

form#formSearchSection, form#formSearchSection2 {
	text-align: center;
	padding: 10px;
	margin: 0 0 -5px 0;
	background-color: #d9f7b1;
}

form#formSearchSection2 {
	text-align: left;
}

#searchrow #home-nav {
	text-align: left;
	width: 550px;
	margin-left: 14px;
	margin-top: 5px;
	float: left;
	font-size: 11px;
}

#searchrow #searchGlobal {
	text-align: right;
	width: 300px;
	margin-right: 14px;
	margin-top: 5px;
	float: right;
}

#searchrow #searchGlobal #gSearchText {
	width: 150px;
	border: 1px solid #365aa5;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}

#genSearchText {
	width: 100px; 
	border: 1px solid #365aa5;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
}

#hpImagePic {
	background: #4e73ce;
	width: 611px;
	margin: 0 0 10px 0px;
	display: inline;
	}

#hpImage {
	background: #e5e5e5;
	border: 8px solid #ffffff;
	width: 595px;
	height: 364px;
	margin: 0;
	position: relative;
	clear: both;
	float: left;
	}
		
#frontphoto{
margin:0 0 10px 0;
border:0;
}

.hd-col01{
	float:left;
	width:612px;
	margin:14px 0 10px 14px;
	padding:0;
	font-size:0.9em;
	
}

.hd-col01 .hd-content {
	margin: 10px 0 0px 0px;
	background-image: url(/themes/site_themes/ltrott_v1/images/hd2_612px.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #ffffff;
}

.hd-col01 .hd-content h2 {
	color: #3c5aa5;
	margin: 0 0 10px 0;
	padding: 8px 5px 10px 20px;
}
.hd-col01 .hd-content p {
	margin:0 10px 15px 10px;
}

.hd-col01 #image-pick {
	margin: 0;
	background: #4e73ce;
	height: 24px;
	text-align: center;
	font-size: 10px;
	position: relative;
}

.hd-col01 #image-pick div {
	font-size: 10px;
	position: relative;
	top: 5px;
}

.hd-col01 #image-pick div a {
	color: #ffffff;
	padding: 2px 4px;
	text-align: center;
	text-decoration: none;
}

.hd-col01 #image-pick div a:hover {
	color: #d9f7b1;
	text-decoration: none;
}

.hd-col01 #image-pick div a.picked {
	color: #d9f7b1;
	border: 1px solid #d9f7b1;
}

.hd-col01 #home-image {
	width: 612px;
	text-align: center;
	margin: 0;
	padding: 8px 0px;
	background-color: #ffffff;
}

.hd-col01 #home-image img{
	border: none;
}

.hd-col01 h2 {
	margin: 10px 0;
}

span.image-caption {
	display: block;
	margin: 5px 20px 15px 15px;
	font-size: 90%;
}

span.image-caption strong, span.image-caption b {
	color: #3c5aa5;
}


.col01{
clear:left;
float:left;
width:170px;
margin:14px 0 10px 14px;
padding:0;
font-size:0.9em;
background: #e5e5e5;
}

/*  main navigation   */
.col01 ul.menu-main {	
list-style:none;
width:170px;
margin:0 0 20px 0;
padding:0;
font-size:.9em;
}	

.col01 ul.menu-main li {
margin-bottom:2px;
}

.col01 ul.menu-main li a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#000000;
display:block;
padding:4px 0 0 6px;
background:#d9f7b1;
border-left:4px solid #3c5aa5;
}	
	
.col01 ul.menu-main li a:hover, .col01 ul.menu-main li a.selected {
background:#3c5aa5;
color:#ffffff;
border-left:4px solid #d9f7b1;
}

.col01 ul.menu-main li a.selected {
border-left:4px solid #798e4e;
}

/*  sub navigation  */
.col01 ul.menu-main ul {	
list-style:none;
width:170px;
margin:0;
padding:0;
font-size:.9em;
}	

.col01 ul.menu-main ul li {
margin-bottom:2px;
}

.col01 ul.menu-main ul li a {
font-weight:bold;
height:18px;
text-decoration:none;
color:#505050;
display:block;
padding:2px 0 0 10px;
background:#cccccc;
border-left:4px solid #afc09e;
}	

.col01 ul.menu-main ul li a:hover {
background:#cccccc;
color:#ffffff;
border-left:4px solid #d9f7b1;
}

.col01 ul.menu-main ul li a.selected {
background:#cccccc;
color:#000000;
border-left:4px solid #3c5aa5;
}

/*  sub navigation level 2  */

.col01 ul.menu-main ul ul {	
list-style:none;
width:170px;
margin:0;
padding:0;
font-size:.9em;
}	

.col01 ul.menu-main ul ul li {
margin-bottom:2px;
}

.col01 ul.menu-main ul ul li a {
font-weight:bold;
height:18px;
text-decoration:none;
color:#505050;
display:block;
padding:2px 0 0 18px;
background:#dfdfdf;
border-left:4px solid #cccccc;
}	

.col01 ul.menu-main ul ul li a:hover {
background:#dfdfdf;
color:#333333;
border-left:4px solid #d9f7b1;
}

.col01 ul.menu-main ul ul li a.selected {
background:#dfdfdf;
color:#3c5aa5;
border-left:4px solid #3c5aa5;
}

.announce{
margin:10px 0 10px 0;
padding:0px;
width:170px;
color:#505050;
background-color:#f4f4f4;
line-height:1.3em;
display: none;
}

#wrapper03 {
	float: right;
	width:314px;
	margin:14px 0px 14px 0px;
	padding: 0px;
	font-size:0.9em;
	line-height:1.5em;
	position: relative;
}

.col03{
/* float:right; */
	width: 300px;
	background: #ffffff;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.col03 h2.heading {
	font-size: 1.2em; 
	font-weight: bold;
	color: #3c5aa5;
	margin: 0 0 10px 0;
	padding: 8px 5px 10px 10px;
	background-image: url(/themes/site_themes/ltrott_v1/images/hd2_300px.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 300px;
}

.col03 p, .col03 h2, .col03 h3, .col03 h4 {
	margin: 0px 20px 10px 10px;
}

#member-home-info #member-info {
	text-align: right;
}

#links-top, #member-home-info #member-info {
	font-size: .8em;
}

#links-top a, #member-home-info #member-info a {
	color: #d9f7b1;
}

/* *************************************************************
   teaser calendar listing
   ************************************************************* */
.content { position: relative; }

.cal-teaser {
 /* float: left;
  width: 290px !important;  */
  width: 290px;
  position: relative;
 /*  margin-bottom: 1.5em;  */
  margin-bottom: 1.0em;
  padding-bottom: 0.3em;
  margin-left: .5em;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
}

.cal-teaser .sm-date {
	position: absolute;
	top: 0;
	left: 5px;
	/* width: 2.3em;  */
  width: 3em;
	text-align: center;
	border: 4px solid #e9e9e9;
	background-image: url(/themes/site_themes/ltrott_v1/images/bg_sm_cal.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

.cal-teaser .sm-date .sm-month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.cal-teaser .sm-date .sm-day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.cal-teaser .title, .cal-teaser .title a {
  display: block;
  /* padding: 0 0 5px 0;  */
  padding: 0 0 3px 0; 
  font-size: 1.1em;
  font-weight: bold;
  color: #798e4e;
}

.cal-teaser p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1.0em 1.2em;
 /*  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC; */
}


/* *************************************************************
   teaser calendar2 listing  410 px wide
   ************************************************************* */
.cal-teaser2 {
 /* float: left;
  width: 290px !important;  */
  width: 410px;
  position: relative;
 /*  margin-bottom: 1.5em;  */
  margin-bottom: 1.0em;
  padding-bottom: 0.5em;
  margin-left: .5em;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
}

.cal-teaser2 .sm-date {
	position: absolute;
	top: 0;
	left: 5px;
	/* width: 2.3em;  */
  width: 3em;
	text-align: center;
	border: 4px solid #e9e9e9;
	background-image: url(/themes/site_themes/ltrott_v1/images/bg_sm_cal.gif);
	background-repeat: repeat-x;
	background-position: left center;
}

.cal-teaser2 .sm-date .sm-month {
  text-transform: uppercase;
  font: 700 1.0em arial, sans-serif;
  color: #888;
}

.cal-teaser2 .sm-date .sm-day {
  display: block;
  margin-top: -5px;
  font: 700 2.1em arial, sans-serif;
  color: #888;
}

.cal-teaser2 .event-p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1.0em 1.2em;
 /*  padding:  0 0 1em 1.2em; */
}

.cal-teaser2 .title {
  display: block;
  /* padding: 0 0 5px 0;  */
  padding: 0 0 3px 0px; 
  font-size: 1.1em;
  font-weight: bold;
  color: #798e4e;
}


/* *************************************************************
   teaser thumbnail listing
   ************************************************************* */

.icon-teaser {
 /* float: left;
  width: 290px !important;  */
  width: 290px;
  position: relative;
 /*  margin-bottom: 1.5em;  */
  margin-bottom: 1.0em;
  margin-left: .5em;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
}

.icon-teaser .sm-date {
	position: absolute;
	top: 0;
	left: 5px;
	/* width: 2.3em;  */
   width: 40px;
}

.icon-teaser .title {
  display: block;
}

.icon-teaser .title, .icon-teaser .title a {
  /* padding: 0 0 5px 0;  */
  padding: 0 0 3px 0; 
  font-size: 1.1em;
  font-weight: bold;
  color: #798e4e;
}

.icon-teaser a.title-cat {
	font-weight: normal;
	font-style:italic;
	font-size: .9em;
	color: #3c5aa5;
}

.icon-teaser p {
  margin: 0 0 0 45px;
  padding:  0 0 1.0em 1.2em;
 /*  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC; */

}



/* *************************************************************
   teaser document / article listing
   ************************************************************* */

.doc-teaser {
 /* float: left;
  width: 290px !important;  */
  width: 290px;
  position: relative;
 /*  margin-bottom: 1.5em;  */
  margin-bottom: 1.0em;
  margin-left: .5em;
  border-bottom: 1px solid #CCCCCC;
  overflow: hidden;
}

.doc-teaser:hover, .icon-teaser:hover, .cal-teaser:hover, .cal-teaser2:hover {
	background-color: #e5eaf6;
}

.doc-teaser .sm-icon {
	position: absolute;
	top: 0;
	left: 5px;
	/* width: 2.3em;  */
   width: 20px;
}

.doc-teaser .title {
  display: inline;
  margin-right: 10px;
}

.doc-teaser .title, .doc-teaser .title a {
  /* padding: 0 0 5px 0;  */
  padding: 0 0 3px 0; 
  font-size: 1.1em;
  font-weight: bold;
  color: #798e4e;
}

.doc-teaser a.title-cat, .doc-teaser span.title-cat {
	font-weight: normal;
	font-style:italic;
	font-size: .9em;
	color: #3c5aa5;
}

.doc-teaser p, .content .doc-teaser p, .content-wd .doc-teaser p {
  margin: 0 0 0 20px;
  padding:  0 0 1.0em 1.2em;
 /*  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC; */

}

.content .doc-teaser {
	width: 410px;
}

.content-wd .doc-teaser, .content-wd #tint-box {
	width: 720px;
}

.content .doc-teaser .sm-icon, .content-wd .doc-teaser .sm-icon {
	position: absolute;
	top: 0;
	padding: 0;
	left: 0px;
	width: 20px;
}

.content .doc-teaser .sm-icon img, .content-wd .doc-teaser .sm-icon img {
	padding: 0;
}

.content .doc-teaser span.title a, .content-wd .doc-teaser span.title a {
	font-size: 1em;
	font-weight: bold;
	color: #3c5aa5;
}

/* *************************************************************
   teaser spotlight home page listing
   ************************************************************* */

.spotlight-teaser {
 /* float: left;
  width: 290px !important;  */
  width: 410px;
  position: relative;
 /*  margin-bottom: 1.5em;  */
  margin-bottom: 1.0em;
  margin-left: .5em;
  border: 1px solid #CCCCCC;
  overflow: hidden;
}

.spotlight-teaser .sm-date {
	position: absolute;
	top: 0;
	left: 5px;
	/* width: 2.3em;  */
   width: 125px;
   border: 1px solid red;
}

.spotlight-teaser .title {
  display: block;
}

.spotlight-teaser .title, .spotlight-teaser .title a {
  /* padding: 0 0 5px 0;  */
  padding: 0 0 3px 0; 
  font-size: 1.1em;
  font-weight: bold;
  color: #798e4e;
}

.spotlight-teaser a.title-cat {
	font-weight: normal;
	font-style:italic;
	font-size: .9em;
	color: #3c5aa5;
}

.spotlight-teaser p {
  margin: 0 0 0 125px;
  padding:  0 0 1.0em 5.2em;
 /*  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC; */
}

/* *************************************************************
   end of teaser listings
   ************************************************************* */



/*  Inline navigation links  */

.all-link { 
	text-align: right; 
	margin-top: -7px;
	clear: both; 
}

.all-link-line { 
	margin: 0 5px;
}

.all-link a {
	display: inline;
	text-decoration: none;
	font-size: .8em;
	padding: 1px 5px;
	border: 1px solid #798e4e;
	background-color: #d9f7b1;
	margin-right: 5px;
	text-align: center;
}

.all-link a:hover {
	background-color: #365aa5;
	color: #ffffff;
	text-decoration: none;
}

.content .all-link, .content-wd .all-link {
	margin-right: 10px;
}

a.more-info {
	display: inline;
	padding: 0px 2px;
	font-size: .8em;
	font-weight: normal;
	border: 1px solid #d9f7b1;
	text-decoration: none;
}

a:hover.more-info {
	background-color: #d9f7b1;
	text-decoration: none;
}

.content {
	margin:14px 328px 10px 198px;
	padding: 0 0 15px 0;
	text-align:left;
	background: #ffffff;
}

.content-wd {
	width: 742px;   /*  955 - 198 -15  */
	padding: 0 0 15px 0;
	margin:14px 15px 10px 198px;
	text-align:left;
	background: #ffffff;
	overflow: auto;
}

.content h2, h2, .content-wd h2 {
	color: #798e4e;
	padding:0 10px 0 10px;
	line-height:1.6em;
	font-size:1.4em;
	margin:0 0 0.5em 0;
}

.content h3, h3, .content-wd h3 {
	padding:0 10px 0 10px;
	margin: 0 0 1.6em 0;
	font-size: 1.0em;
	line-height: 1.2em;
	margin: 0 0 .8em 0;
}

.content p, .content-wd p {
	padding:0 10px 0 10px;
	font-size: 1.0em;
	line-height: 1.6em;
	margin: 0 0 .8em 0;
}

.content img, .content-wd img {
padding:5px;
margin: 0 10px;
display:inline;
background:#ffffff;
color:#303030;
/* border:4px solid #e9e9e9; */
}

.content .related-item, .content-ed .related-item {
	border-top: 1px solid #e9e9e9;
	margin: 10px 10px;
	padding: 10px 10px 10px 0px;
}

 p.related-images img {
	margin: 0 10px 10px 0;
	padding: 0 0px 0px 5px;
}

p.gallery-small {
	border-bottom: 1px solid #cccccc;
	margin: 0px 5px 12px 5px;
}

.content .related-item h3, .content-wd .related-item h3 {
	color: #3c5aa5;
	font-size: 1.2em;
}

.content h2.heading, .content-wd h2.heading {
	/* font-size: 18px; 
	font-weight: bold;
	color: #3c5aa5;
	 margin: 0 0 10px 0; 
	padding: 8px 3px 10px 0px;
	background-image: url(/themes/site_themes/ltrott_v1/images/hd2_428px.gif);
	background-position: 0px top;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 400px; */
	padding: 8px 3px 10px 10px;
	background-image: url(/themes/site_themes/ltrott_v1/images/hd2_428px.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

.content-wd h2.heading {
	background-image: url(/themes/site_themes/ltrott_v1/images/hd2_742px.gif);
}

.content h3.heading, .content-wd h3.heading {
	color: #3c5aa5;
	font-size: 1.3em;
}

.content h3.heading span.h3-date, .content-wd h3.heading span.h3-date, .content h3.heading span.h3-date2 {
	font-size: .7em;
	font-weight: normal;
	font-style: italic;
	color: #cccccc;
}

h3.nospace-after {
	margin-bottom: -5px;
}

/* *************************************************************
   Gallery thumbnail listing
   ************************************************************* */
.gallery1, #galleryResults, #galleryResults2 {
	width: 600px;
	position: relative;
	margin: 0 0 10px 10px;
}

#galleryResults2 { display: none; }

.content-wd .gallery1, .content-wd #galleryResults, .content-wd #galleryResults2 {
	width: 720px;
	margin: 0 0 10px 10px;
}

.gallery-thumb {
	margin: 0 14px 20px 10px;
	width: 120px;
	display: block;
	float: left;
}

.gallery-thumb .thumb {
	display: block;
}

.gallery-thumb .caption {
	display: none;
	margin-bottom: 10px;
}
	
.gallery1 .all-link, #galleryResults .all-link, #galleryResults2 .all-link { 
	padding: 6px 0px 5px 0px;
	margin-right: 20px;
	border-top: 1px solid #e9e9e9;
}
	
#loadingPage { 
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}

#loadingPage2 { 
	font-size: .8em;
	font-family: Arial, Helvetica, sans-serif;
 }

/* *********************************************************** */
   
h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:955px;
height: 120px;
text-align: left;
vertical-align: top;
color:#808080;
background-color: #afc09e;
font-size:0.9em;
position: relative;
}

#footer p { 
	margin-bottom: 3px; 
}

#footer a{
color:#808080;
text-decoration:underline;
}

#footer a:hover{
text-decoration:none;
}

#footer #footer-logo
{
	position: absolute;
	top: 15px;
	left: 12px;
	width: 300px;
	height: 40px;
}

#footer #copyright-note
{
	position: absolute;
	top: 20px;
	left: 338px;
	width: 540px;
	clear: both;
	color: #ffffff;
	font-weight: bold;
}

#footer #footer-col1 {
	position: absolute;
	left: 15px;
	top: 83px;
	width: 300px;
}

#footer #footer-col1 p {
	margin-left: 32px;
}

#footer #footer-col1 p, #footer #footer-col2 p, #footer #footer-col3 p {
	margin-top: 0px;
}

#footer #footer-col2 {
	position: absolute;
	left: 338px;
	top: 83px;
	width: 290px;
}

#footer #footer-col3 {
	position: absolute;
	left: 652px;
	top: 83px;
	width: 300px;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

/* *************************************************************
     Tell-a-Friend  and  Comments  links with icons   
   ************************************************************* */
.share-link {
	position: relative;
	top: 10px;
	margin: 0 10px 10px 10px;
	/* background: url('images/a33.gif') repeat-x;  */
	height: 32px;
	border-top: 1px solid #cccccc;
	display: block;
}

.share-link ul {
	list-style: none;
	position: absolute;
	top: -6px;
	right: 15px;
	bottom: 15px;
}

.share-link ul li {
	display: inline; 
	line-height: 20px;
	padding-left: 20px;
	margin-left: 12px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 90%;
	color: #666666;
	height: 29px;
}

.share-link ul li.tell-a-friend {
	background-image: url(/themes/site_themes/ltrott_v1/images/icon_comment_gr.gif);
}

.share-link ul li.comment {
	background-image: url(/themes/site_themes/ltrott_v1/images/icon_comment_or.gif);
}

.share-link ul li.addthis {
	width: 200px;
	border: red 1px solid;
	clear: both;
	display: block;
}

.share-link ul li.addthis img {
	position: absolute;
	top: -2px;
	right: -8px;
	margin-left: 5px;
}

.textinfo {
	text-align: right;
	font-style: italic;
	color: #798e4e;
}

/* *************************************************************
   Tint-box  on Spotlight home page  
   ************************************************************* */
#tint-box {
	background-image:url(/themes/site_themes/ltrott_v1/images/home_tint_box.gif);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	text-align: center;
	margin: 7px auto;
	width:420px;
	overflow: hidden;
}

.spotlight-img-box {
	width: 120px;
	height: 160px;
	padding: 5px;
	margin: 7px 0px 15px 8px;
	background-color: #FFFFFF;
	text-align: center;
	float: left;
	clear: right;
}

.spotlight-img-box:hover {
	background-color: #e3e3e3;
}

.spotlight-img-box img, .content-wd .gallery1 .spotlight-img-box img {
	border: 0px;
	margin: 0px auto;
}

.gallery1 .spotlight-img-box img {
	margin: 0px 5px;
}

.spotlight-img-box p
{
	font-size: 10px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 0px;
	line-height: 1.1em;
}

.spotlight-img-box .spotlight-img {
	width: 110px;
	height: 110px;
	border: 0px;
}

/* ******************************************************** */

.black-text, .black-text a
{
	color: #000000;
	font-weight: normal;
}

span.title {
	color: #4e73ce;
	font-weight: bold;
}

/* *************************************************************
   Search results page
   ************************************************************* */
div.row01, div.row02 {
	display: block;
	padding: 5px;
	margin: 0px 15px 5px 15px;
}

div.row01 {
	background-color: #ffffff;
}

div.row02 {
	background-color: #e9e9e9;
}

div.row01:hover, div.row02:hover {
	background-color: #ffffcc;
}

div#search-head, div#filter-head {
	width: 700px;
	padding: 10px;
	margin:5px 10px;
   background:#D9F7B1;
   color:#000;
}

div#filter-head {
	width: 685px; 
	text-align: left; 
}

#search-foot {
	border: 2px solid #e9e9e9;
}

/* *************************************************************
   Mini calendar
   ************************************************************* */
.calendarBG {
 background-color: #000; 
}

.calendarBlank { 
 background-color: #9DB7A7;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #000; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #798e4e;
 text-decoration:   none;
 background-color:  transparent;
}
   
/* *************************************************************
   ajaxticker styles
   ************************************************************* */
#ajaxticker1{
width: 280px;
height: 180px;
/* border: 1px solid #e3e3e3;  */
padding: 0px 0px 5px 10px;
background-color: transparent;
clear: both;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: transparent;
}

.eventclass { /* class to apply to your scroller(s) if desired  */
	margin-left: 5px;
}

/* *************************************************************
   Tell-A-Friend link
   ************************************************************* */
a.friend-link
{
	margin-left: 15px;
	padding: 2px 8px 2px 24px;
	background-image: url(/themes/site_themes/ltrott_v1/images/icn_email.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	border: 1px solid #798e4e;
	background-color: #d9f7b1;
	text-decoration: none;
	font-size: .8em;
}

a:hover.friend-link
{
	border: 1px solid #798e4e;
	background-color: #365aa5;
	color: #ffffff;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	CSS for  CSS Popup Image Viewer 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid #365aa5;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px !important; /*position where enlarged image should offset horizontally */
}

/* *************************************************************
   LG Social Bookmarks
   ************************************************************* */
p.lg-social-links 
{
color: #999;
text-align: right;
border: none;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 0;
margin: 0 10px 5px 10px;
}

p.lg-social-links a img
{
margin: 0px;
padding: 2px;
}

/* *************************************************************
   ThumbnailViewer CSS
   ************************************************************* */
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #3c5aa5;
visibility: hidden;
z-index: 10;
/* cursor: hand; */
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px Arial, Verdana, sans-serif;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/*     END OF MAIN_CSS   */





/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

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

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: right;
	padding: 3px 5px 2px 5px;
	margin: -10px 10px 5px 5px;
	font: normal 0.9em sans-serif;
	background-color: #fff;
	list-style: none;
	border: solid 1px #798e4e;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #286ea0;
}

.TabbedPanelsTabHover {
	background-color: #CCC;
}

.TabbedPanelsTabSelected {
	background-color: #d9f7b1;
	/* border-bottom: 1px solid #EEE; */
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	/* border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999; */
	background-color: #fff;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #d9f7b1;
	position: relative;
	border: solid 1px #798e4e;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	Jquery for lightbox
	Filename extracted from: 
		/themes/site_themes/js/NiftyCube/niftyCorners.css
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	Jquery for lightbox
	Filename extracted from: 
		/themes/site_themes/js/jquery-lightbox/lightbox.css
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	/* filter:alpha(opacity=60);  */
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/*  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	CSS for Shade Tabs. Remove if not using
	Filename extracted from: 
		/themes/site_themes/ajaxtabs/ajaxtabs.css
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */

.shadetabs{
padding: 1px 8px;
margin-right: 14px;
margin-top: 1px;
margin-bottom: 0;
font-size: .8em;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
position: relative;
z-index: 1;
padding: 1px 8px;
margin-right: 3px;
border: 1px solid #798e4e;
color: #2d2b2b;
background-color: #d9f7b1;

/* background: white url(shade.gif) top left repeat-x; */
	
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
background-color: #365aa5;
color: #ffffff;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
text-decoration: none;
background-color: #365aa5;
color: #ffffff;
/* top: 1px; */
}

.shadetabs li a.selected  { /*selected main tab style */
text-decoration: none;
background-color: #365aa5;
color: #ffffff;
/* background-image: url(shadeactive.gif);
	border-bottom-color: white; */
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
background-color: #798e4e;
color: #ffffff;
}


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}

 #gallerydivcontainer {
 /* border:1px solid gray; */
 width:590px; 
 margin-bottom: 1em; 
 padding: 10px;
 }