/* Last modified 11/10/09 by ECL, Landmann InterActive
/* NOTES */
/* This style sheet is called by public-facing pages, and NOT admin pages */
/* Uses Nifty round-cornered boxes */
/* Designer-modifiable areas that are OK to change are noted */
/* 1/15/09 Added Story feature */
/* 7/6/09 Added Price1 and Price 2 */
/* 8/21/09 Added ul */
/* 9/2/09 Added VideoPlaceholder */
/* 11/10/09 Added classes for ContentPanel p and ContentPanelImage */
/* ---------------------------------------------- */
/* Standard Tags - Used throughout - OK to change */
/* ---------------------------------------------- */
body { background: #f0f0e1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	margin-left: 0;
	margin-right: 1%;
	margin-top: 0;
	margin-bottom: 5%; }
h1	{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 5px; }
h2	{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px; }
h3	{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px; }
h4	{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; }
hr	{ color: #CCC;
	height: 2px;
	line-height: 100%;
	width: 95%; }
p {	font-size: 11px;
	line-height: 140%;
	text-align: left; }
b	{ font-weight: bold; }
img { border-style: none; }
table { border-style: none; }
td 	{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000; }
u	{ text-decoration: underline; }
ul	{font-size: 11px;
	line-height: 170%;
	text-align: left; 
	margin: 10px 0 10px 8px; }

/* Standard Links */
a:link, a:visited, a:hover { text-decoration: underline;
	color: #000942; }

/* ---------------------------------------- */
/* Classes - Used throughout - OK to change */
/* ---------------------------------------- */
.border { background: #000;
	border-left: 1px solid #000; }
.containeryellow { background-color: #FF9;
	padding: 10px 10px 10px 20px; }
/* -------------------------------------- */
/* Dropdowns - OK to Change                   */
/* -------------------------------------- */
.TopNav  {
	background-color: #6B006A;
	margin: 0;
	padding: 0;
	}
a.dropdown:link, a.dropdown:active, a.dropdown:visited, p.dropdown  {
	font-size: 12px;
	text-decoration: underline;
	background-color: transparent;
	font-weight: bold;
	color: #FFF;
}
table.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #CC99FF;
	padding: 8px 20px 8px 20px;
}

/* -------------------------------------- */
/* Forms - OK to Change                   */
/* -------------------------------------- */
form { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 0;
	background: #e9ffaa;
	color: #000; }
checkbox, input, radio, select, textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	vertical-align: bottom;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	background: #FFF;
	color: #000; }

/* -------------------------------------- */
/* Left Col - OK to change                */
/* -------------------------------------- */
.LeftCol { background: #B3AE94;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #000; }
.leftnavcontainer {
	width: 161px; }
hr.leftnav {
	color: #fcff91;
	height: 2px;
	width: 95%; }
/* Left column links */
a.LeftColLink:link, a.LeftColLink:visited, a.LeftColLink:hover {
	color: #000942;
	text-align: right;
	text-indent: 10px;
	text-decoration: none;	
	background-color: transparent; }

/* -------------------------------------- */
/* Right Col - OK to change               */
/* -------------------------------------- */
.RightCol {	background: #DCDCDC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: #000; }
/* Right column links */
a.RightColLink:link, a.RightColLink:visited, a.RightColLink:hover {
	text-align: left;
	text-indent: 11px;
	text-decoration: none;	
	background-color: transparent;
	font-weight: bold;
	color: #000; }

/* -------------------------------------- */
/* Main Content Panel - OK to change      */
/* -------------------------------------- */
/* Content Panel */
.ContentPanel {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	background-color: #FFF;
	font-weight: normal;
	color: #000;
	padding: 10px 10px 10px 10px; 
	vertical-align: top; }
.ContentPanel p {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 0 10px 10px 10px;
	vertical-align: top; }
.ContentPanelImage {
	padding: 0;
	vertical-align: top; }
.SecondContentPanel,
.SecondContentPanel p
{ font-family: Verdana, Arial, Helvetica, sans-serif;
/*	width: 180px; */
	font-size: 11px;
	line-height: 150%;
	text-align: left;
	color: #000;
/*	background-color: #FFF; */
	font-weight: normal;
	padding: 0 10px 10px 10px;
	vertical-align: top; }
.SecondContentPanel h2 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	text-align: left;
	color: black;
	background-color: #fbff99;
	font-weight: normal;
	padding: 0 10px 0 10px;
	vertical-align: top; }
.ContentPanelHead {
	text-decoration: none;
	font-size: 20px;
	line-height: 130%;
	text-align: left;
	background-color: #FFF;
	font-weight: bold;
	color: #00163b; 
	padding: 10px 10px 10px 10px; }
.ContentPanelSubhead {
	text-decoration: none;
	font-size: 14px;
	text-align: left;
	background-color: #FFF;
	font-weight: bold;
	color: #00163b; 
	padding: 10px 10px 10px 10px; }
.ContentPanelAuthor {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	background-color: #FFF;
	color: #000;
	padding: 0 5px 5px 10px;
	font-style: italic; }
.ContentPanelCaption {
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	text-align: left;
	color: #000;
	padding: 5px 5px 15px 10px; }
.ContentPanelDate {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	background-color: #FFF;
	font-weight: normal;
	color: #000;
	padding: 0 5px 5px 10px; }
/* Content Panel Links */
a.ContentPanel:link, a.ContentPanel:visited {
	text-align: center;
	font-size: 11px;
	text-decoration: underline;
	background-color: #FFC;
	font-weight: normal;
	color: #000; }
a.ContentPanel:hover {
	text-align: center;
	font-size: 11px;
	text-decoration: underline;
	background-color: transparent;
	font-weight: normal;
	color: #000; }
.Price1 {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	background-color: #FFF;
	font-weight: normal;
	color: #000;
	padding: 0 10px 10px 10px; }
.Price2 {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	background-color: #FFF;
	font-weight: normal;
	color: #000;
	padding: 0 10px 10px 10px; }

/* -------------------------------------- */
/* Portfolios - OK to change              */
/* -------------------------------------- */
.PortfolioImage {
	border-style: none; 
	text-align: center;
	font-size: 10px;
	background-color: #FFF;
	font-weight: normal;
	padding: 10px 5px 5px 10px; }
.PortfolioTitle {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	background-color: #FFF;
	font-weight: bold;
	color: #000;
	padding: 0 5px 5px 10px; }
.PortfolioCaption {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	background-color: #FFF;
	color: #000;
	padding: 0 5px 5px 10px; }

/* -------------------------------------- */
/* Galleries - OK to change               */
/* -------------------------------------- */
.GalleryContainer {text-align:left;width:700px;margin:30px auto; padding:30px; background:#333}
.GalleryContainer p {margin-top:1.6em;}
.GalleryNavContainer {padding-top: 15px;
	clear: both;
	font: 80% 'helvetica neue',sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center }
.caption{ font-style:italic;color:#887;}
.gallery_final {width:702px;margin:0 auto;}
.gallery_final li {width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_final li div {left:240px}
.gallery_final li div .caption {font:italic 0.7em/1.4 georgia,serif;}
#main_image {margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img {margin-bottom:10px;}
a.GalleryNav:link, a.GalleryNav:hover, a.GalleryNav:visited {
	text-decoration: none;
	color: yellow;
	text-align: center }

/* -------------------------------------- */
/* Video - OK to change                   */
/* -------------------------------------- */
div#VideoPlaceholder {
	background-color: transparent;
	padding: 20px 10px 10px 10px; }

/* -------------------------------------- */
/* Testimonials - OK to change            */
/* -------------------------------------- */
.TestimonialContainer {
	text-align: left;
	font-size: 10px;
	background-color: #F0F0F0;
	padding: 5px 10px 5px 10px;
	width: 96%; }
.Testimonial {
	text-align: left;
	font-size: 10px;
	background-color: transparent;
	font-weight: normal;
	padding: 5px 5px 5px 5px; }

/* -------------------------------------- */
/* Stories - OK to change                 */
/* -------------------------------------- */
.StoryContainer {
	text-align: left;
	font-size: 10px;
	background-color: #F0F0F0;
	padding: 5px 5px 5px 10px; }
.StoryImage {
	padding: 5px 15px 0 15px;
	background-color: transparent; }
.StoryHead {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: #dadabf;
	padding: 5px 5px 0 5px; }
.StoryName {
	font: italic bold 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: transparent;
	padding: 5px 5px 0 5px; }
.StoryContent {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-align: left;
	background-color: transparent;
	font-weight: normal;
	padding: 0 5px 5px 5px; }
/* -------------------------------------- */
/* ErrorBoxPos Messages */
/* -------------------------------------- */
/* Used for Positive Messages */
#ErrorBoxHeadPos {
	margin: 10px 0 0 0;
	padding: 5px;
	text-align: left;
	background-color: #00CC00;
	width: 500px; }
#ErrorBoxHeadPos div.ErrorHeadPos  {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	line-height: 130%; }
#ErrorBoxMessagePos {
	margin: 0;
	padding: 5px 5px 5px 5px;
	text-align: left;
	background-color: #ffc;
	width: 500px;
	border: 1px dotted black; }
#ErrorBoxMessagePos div.ErrorMessagePos  {
	font-size: 11px;
	line-height: 130%; }
/* Used for Tooltips */
#ErrorBoxMessagePosFullWidth {
	margin: 0;
	padding: 5px;
	text-align: left;
	background-color: #ffc;
	border: 1px dotted black; }

/* -------------------------------------- */
/* ErrorBoxNeg Messages */
/* -------------------------------------- */
/* Used for Negative Messages */
#ErrorBoxHeadNeg {
	margin: 10px 0 0 0;
	padding: 5px;
	text-align: left;
	background-color: #FF0000;
	width: 500px;
	border-bottom: 1px dotted black;
	border-left: 1px dotted #F00;
	border-right: 1px dotted #F00; }
#ErrorBoxHeadNeg div.ErrorHeadNeg  {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	line-height: 130%; }
#ErrorBoxMessageNeg {
	margin: 0;
	padding: 5px;
	text-align: left;
	background-color: #ffc;
	width: 500px;
	border: 1px dotted black; }
#ErrorBoxMessageNeg div.ErrorMessageNeg  {
	font-size: 11px;
	line-height: 130%; }

/* -------------------------------------- */
/* Miscellaneous ------------------------ */
/* -------------------------------------- */
/* Display On/Off - Used for ToggleDisplay */
.DisplayOn { display:block; }
.DisplayOff { display:none; }
.ghost {
	color: #BBBBBB; 
	margin: 0;
	padding: 0;
	margin-bottom: 6px; }

img { border-style: none; }

/* For Debugging */
.debug {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000; 
	margin: 12px;
	text-align: left;
	background-color: #f6ffca; }
.debugCT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000; 
	margin: 12px;
	text-align: left;
	background-color: #ccff99; }

/* -------------------------------------- */
/* Miscellaneous - OK to Change           */
/* -------------------------------------- */
.footer {
	font-family: Verdana, Arial, sans-serif; 
	color: #FFF; 
	margin: 6px 6px 6px 10px;
	font-size: 10px;
	padding: 4px;
	text-align: center;
	background: #91A58A; }
/* Footer links */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
	font-size: 10px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none; }
a.FooterLink:hover {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-weight: normal;
	text-decoration: underline; }

/* -------------------------------------- */
/* Heirarchy - OK to Change               */
/* -------------------------------------- */
/* Used to display the heirachy tree */
/* Defining up to 10 levels of indent. Indent0 is for the root nodes */
/* The "on" is used for the navbar category head that is the **current** page */
/* Background color is different */
.indent0on {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	color: #000942;
	text-align: right;
	background-color: #FFC;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px; }
/* "off" is used for navbar category heads NOT current page */
.indent0off {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	color: #000942;
	text-align: right;
	text-decoration: none;	
	background-color: transparent;
	padding: 10px 5px 10px 0; }
.indent0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 100%;
	font-weight: bold;
	color: #000942;
	text-align: left;
	text-decoration: none;	
	background-color: #FFC;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
	display: block; 
	margin-bottom: 0; }
.indent1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 100%;
	font-weight: normal;
	color: #000942;
	text-align: left;
	text-decoration: none;	
	background-color: transparent;
	width: 150px;
	margin-left: 15px;
	display: block;
	padding-right: 5px;
	margin-bottom: 0; }
.indent2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	font-weight: normal;
	color: #00163b; 
	text-align: left;
	text-decoration: none;	
	background-color: transparent;
	width: 150px;
	margin-left: 20px;
	display: block;
	padding-right: 5px;
	margin-bottom: 0; }

/* for link found in indent */
/* Make link font size match indent0 */
a.indent0:link, a.indent0:visited, a.indent0:active
 { margin-top: 5px;
	font-size: 11px;
	color: #300;
	text-decoration: none; }

a.indent1:link, a.indent1:visited, a.indent1:active,
a.indent2:link, a.indent2:visited, a.indent2:active
 { margin-top: 5px;
	font-size: 11px;
	line-height: 120%;
	color: #300;
	text-decoration: none; }

/* Make link font size match indent0 */
a.indent0:hover
 { margin-top: 5px;
	color: #300;
	text-decoration: underline; }

a.indent1:hover, a.indent2:hover
 { margin-top: 5px;
	color: #300;
	text-decoration: underline; }

/* Special class for the link for the current page */
.linkcurrentpage {
	font-style: italic; }

/* -------------------------------------- */
/* Quicksearch - OK to Change             */
/* -------------------------------------- */
/* Used on Quicksearch results pages */
.quicksearch {
	padding: 5px 0 5px 5px;
	background: #FFF;}
.QSContainerHead {
	background-color: #e9ffaa;
	padding: 10px 10px 10px 10px; }
.QSContainerResults {
	padding: 10px 10px 10px 10px; }
.QSSearchedForHead {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #000;
	padding: 10px 10px 0 10px; }
.QSSearchedFor {
	text-decoration: none;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: red;
	padding: 10px 10px 0 10px; }
.QSFoundCount {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 10px 10px 0 10px; }
.QSHead {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #300;
	padding: 0 10px 0 10px;
 	font-stretch: condensed; }
.QSAuthor {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	color: #000;
	padding: 0 10px 0 10px;
	font-style: italic; }
.QSDate {
	text-decoration: none;
	font-size: 10px;
	text-align: left;
	font-weight: normal;
	color: #666;
	padding: 0 10px 0 10px; }
.QSText1 {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 0 10px 0 10px; }
.QSText2 {
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	color: #000;
	padding: 5px 10px 0 10px; }
/* for link found in Quicksearch */
a.QSLink:link, a.QSLink:visited, a.QSLink:active {
	font-size: 11px;
	margin-top: 5px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 0 10px 0 10px; }
a.QSLink:hover {
	font-size: 11px;
	margin-top: 5px;
	color: #300;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 10px 0 10px; }