/* Stylesheet for NonPrintable CMS 
   ~\Templates\NonPrintable\Stylesheet.css
*/

/* Basic layout */

body
{
   padding: 0;
   margin: 0;
   border: 0;
   
   text-align: center;
   color: #000000;

   background-image: url(/images/interface/background.jpg);
   background-repeat: repeat-x;

   font: x-small;
   font-family: helvetica, arial, sans-serif;
}

body, p, td, input, select, textarea {
   font-size: 8.5pt;
}

html
{

	width:100%;
	margin:0;
	padding:0;
}

body form
{
	margin:0;
	padding:0;
	line-height: 1.5em;	
	text-align: left;
	margin: 0 auto;
	width:760px;
	min-height:430px;

}

div
{
	margin:0;
	padding:0;
}

td
{
	vertical-align:top;
}

h3, h1, h2
{
	font-family: georgia, helvetica, arial, sans-serif;
	font-weight: normal;
	border: none;
}

img, a img
{
	border: 0;
}


h1
{
	color: #000000;
	font-size: 200%;
}

h2
{
	color: #666666;
	font-size: 150%;
}


h3
{
	color: #999900;
	font-size: 125%;
}

h4
{
	font-size: 100%;
}


a
{
	color: #aacc00;
	text-decoration:none;
}

a:visited
{
	color: #999999;
}

a:hover
{
	color: #ccee00;
}



p a
{
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 2px;
}
		
hr 
{
	clear:both;
}
		
/* IDs */

#pageWrapper
{
	text-align: left;
	margin: 0 auto;
	width:760px;
}

#mainMenu
{
	padding-top:8px;
	font-family: "lucida grande", helvetica, verdana, sans-serif;

	text-transform: uppercase;
	letter-spacing: 0.1em;

	color: #666666;
			font-size: 80%;

}

#mainMenu a
{
	color: #ffffff;

	text-decoration:none;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;


}

#mainMenu a:hover
{
	color: #cccc00;
	background-color: #333300;

	
}


#mainMenu a:active
{
	color: #eeee00;
	background-color: #444400;

	
}

#mainBody
{
	padding-top:20px;
	
}

#mainTable
{
	width:98%;
}	


#logos
{
	clear:both;
}

#whiteSpace
{
	height:2em;
	
	clear:both;
}

#footer
{
	padding-top:20px;
	padding-bottom:10px;
}

/* Main individual elements on the page */


#breadcrumbtrail
{
   font-family: "lucida grande", helvetica, verdana, sans-serif;
   text-align: left;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 80%;
   color: #666666;

}

#breadcrumbtrail a, #breadcrumbtrail a:visited
{
	border-bottom: 1px dotted #aaaaaa;
	padding-bottom: 2px;
	  text-decoration: none;
	  font-weight: bold;
	  color: #aacc00;
}

#breadcrumbtrail a:hover
{
	border-bottom: 1px solid #ccee00;
}

#introRegion, #modulesRegion
{
   /*border: dotted 1px #000000;*/
   margin: 0px;  
   padding: 0px; 
}

#footer
{
   text-align:center;
   font-family: "lucida grande", helvetica, verdana, sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;
   font-size: 80%;
   padding: 5px 0px 5px 0px;   
   color: #aaaaaa;
}


#footer a
{
	border-bottom: 1px dotted #aaaaaa;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}

#breadcrumbtrail a:hover
{
	border-bottom: 1px solid #ccee00;
}

#minHeight
{
	height: 400px;
	float: right;
}
		
		
		
/* Classes */

.backLink
{

	background-image: url(/images/interface/back_arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.backLink a
{
	margin-left: 20px;
	font-family: "lucida grande", helvetica, verdana, sans-serif;
	text-decoration: none;
	
}


.backButton
{

	background-image: url(/images/interface/back_arrow_small.gif);
	background-repeat: no-repeat;
	background-position: center left;
	clear: none;
	float: left;
}

.backButton a
{
	margin-left: 10px;
	font-family: "lucida grande", helvetica, verdana, sans-serif;
	text-decoration: none;
	
}

.categoryLink
{

	background-image: url(/images/interface/category.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.categoryLink a
{
	margin-left: 20px;
	font-family: "lucida grande", helvetica, verdana, sans-serif;
	text-decoration: none;
	
}

.greyedOut
{
	color: #666666;
}

.featureButtonModule
{
	clear: both;
}

.featureButtonImage
{
	float: left;
}

.dottedLine
{
	background-image: url(/images/interface/dotted_line.gif);
	background-repeat: repeat-x;
	height:5px;
	width:100%;
}

.clearLeft
{
	clear: left;
}


/* Add any specific styles for items within the Content Element List here */

.CEL
{
	clear: left;
}

/* Specific styles for the texteditor */
body.threeRTEdit
{
	background-image: none ! important;
	background: #eeeeee ! important;
      text-align: left ! important;
}

/* Specific admin styles */
.adminLinkDiv
{}

.adminFormattingButton
{
	height: 39;
	width: 33;
	background-color: #000000;
}

.adminFormattingButton:hover
{
	background-color: #ff0000;
}

.TEimagebutton
{
	height: 29;
	width: 23;
}

.TEimagebutton:hover
{
	background-color: #ff0000;
}

.TEimage
{
	height: 19px !important;
	width: 19px !important;
	border: 0px;
}

.TEhtlmiframe
{
	background: #eeeeee;
}

.TEtoolbar
{
	height: 30;
}

.TEtoolbartable
{
}

div.htmlEditor
{
	border: 1px solid red;
	width: 400px;
	height: 300px;
}

#htmlEditors
{
	background-color: #F9F9F0;
	border-color: #000000;
	padding: 10px;
	border: 2px solid #333333;
	width: 400px;
}

.adminLinkSpan, .adminLinkSpan img, .Add .Edit .Delete .MoveUp .MoveDown {margin:0; padding:0;border:0px solid ! important;}
.adminLinkSpan, .adminLinkSpan img {vertical-align:middle ! important;}

.adminLinkSpan a:hover
{
	background: #eeee88;
}



.adminLinkSpan a img {vertical-align:bottom; }
.adminLinkSpan a, .adminLinkSpan a:visited {background: none;}
.adminLinkSpan.Add {clear:left;}
.adminLinkSpan.Add {border:1px dotted red; display:block; text-align:center;}

.outlined {border: 1px solid #666666; display:block;}
.outlined .al {display:block; background: #666666;}
.CEL .a_o.outlined .al .adminLinkSpan {float:left;}
.CEL .a_o.outlined .al .adminLinkSpan.Delete {float:right ! important; clear:none ! important;}
.outlined .al {height:15px; padding:1px;}

.indexPageThumbnail a.thumbnailLink
{
	border: 2px solid #aacc00;
	background: #ffffff;
	float: left;
	margin-right:10px;
	margin-bottom:4px;
	padding: 4px;
}

.indexPageThumbnail a:hover
{
	border: 2px solid #ccee00;
}

.indexPageThumbnail a:visited
{
	border: 2px solid #cccccc;
}
.indexPageThumbnail a:visited:hover
{
	border: 2px solid #ccee00;
}

.indexPageItemContainer
{

	background: #ffffff;
	margin: 0px;
	padding: 0px;
	width:100%;
}

.indexPageItemTable
{
	width:98%;
}

.mediaHeader
{
	background-image: url(/images/interface/dotted_line.gif);
	background-repeat: repeat-x;
}

.mediaSeparator
{
	background-image: url(/images/interface/dotted_line.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 50%;
}

/* Related pages icons */

.relatedPageLink
{
	width: 20em;
	height: 1.5em; 
	clear: both;
}

.relatedPageLink a
{
	background-repeat: no-repeat;
	display: block;
	clear: left;
	background-position: 0px -2px;
	padding-left: 24px; 
	text-decoration: none;
	height: 24px;
	margin-top: 2px;
}

.relatedPageLink a:hover, .relatedPageLink a:focus
{
	background-repeat: no-repeat;
	background-position: 0px -34px;
}


.relatedPageLink a:active
{
	background-repeat: no-repeat;
	background-position: 0px -66px;
}

.introductionLink a
{
	background-image: url(/images/icons/introduction_link.gif);
}

.inspirationLink a
{
	background-image: url(/images/icons/inspiration_link.gif);
}

.biographyLink a
{
	background-image: url(/images/icons/biography_link.gif);
}

.familyLink a
{
	background-image: url(/images/icons/family_link.gif);
}

.contemporaryLink a
{
	background-image: url(/images/icons/contemporary_link.gif);
}

.responseLink a
{
	background-image: url(/images/icons/response_link.gif);
}

.morePageLink a
{
	background-image: url(/images/icons/response_link.gif);
}

.moduleTitle
{
	border-bottom: 1px dotted #cccccc;
}

.atozentry
{
	width: 66%;
		clear:left;
	margin-bottom: 10px;
	margin-top: 0px;
}

.atozentry a
{
	border-bottom: 1px dotted #cccccc;
}

.atozentry a:hover
{
	border-bottom: 1px solid #ccee00;
}

.atozbody
{
	padding-top: 1px;
	margin-left: 60px;
}

.atozentryCapital
{
	font-size: 400%;
	font-family: georgia, helvetica, sans-serif;
	color: #dddddd;
	float: left;
	width: 60px;
	line-height: 120%;
}

.atozentryCapital h3, .atozentryCapital div
{
	clear:none;
}

.link
{
	border-bottom: 1px dotted #cccccc;
}

.link:visited
{
	border-bottom: 1px dotted #cccccc;
	color: #999999;
}


.link:hover, .link:visited:hover
{
	color: #ccee00;
	border-bottom: 1px solid #ccee00;
}

.dateSubtitle
{
	font-family: georgia, helvetica, arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #aaaaaa;
	padding-bottom: 1em;
}

h3 a
{
	text-decoration: none;
	border: none;
}


h2 a
{
	text-decoration: none;
	border: none;
}