@import url(sitemap.css);

BODY {
	margin : 0px;
	padding : 0px;
}

#layTable {
	/*border: 1px solid #333333;*/
}

#contactInfo {
	text-align: center;
	margin:  30px 0 0 0;
}

DIV.contactInfo, DIV.contactInfo A {
	font: italic 20px/30px Verdana,sans-serif;
	color: #6D1950;
}

#navTab {
	width:605px;
	background: #ffffff;
	margin: 30px 0 0 0;
	text-align: center;
	/* url(images/navTabBG.gif) no-repeat right */
}

DIV.navtab {
	height: 29px;
	margin:0 2px 0 2px;
	padding-left: 0px;
	background: #ffffff;
}

A.navtab {
	font: 12px Tahoma,Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #560627;
	display: block;
	padding: 6px 6px 7px 6px;
	border-top: 1px solid #A44D7C;
	border-left: 1px solid #A44D7C;
	border-right: 1px solid #A44D7C;
	background-color: #F1D4D1;
}

A.navtab:hover {
	background-color: #fee9e9;
	color: #560627;
}

DIV.navtabactive {
	height: 29px;
	background: #FFFFFF;
	margin:0 2px 0 2px;
}

A.navtabactive {
	font: 12px Tahoma,Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #560627;
	display: block;
	padding: 6px 6px 7px 6px;
	border-top: 1px solid #A44D7C;
	border-left: 1px solid #A44D7C;
	border-right: 1px solid #A44D7C;
}

TD.navSub {
	padding-top: 10px;
}

A.navSub {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6D1950;
	text-decoration: none;
	display : block;
	padding: 4px 2px 8px 2px;
}

A.navSubActive  {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #6D1950;
	padding: 4px 2px 8px 2px;
	text-decoration: none;
	display : block;
	background: url(images/navArrow.gif) no-repeat center bottom;
}

A.navSub:hover {
	background-color: #FFE3E0;
}

.navSubDivider {
	font: 15px sans-serif;
	color: #A44D7C;
	padding: 8px 6px 0 6px
}

#contentArea {
	background-color : #ffffff;
	width: 645px;
	text-align: left;
	margin: 0 0 0 75px;
}

#homeContentArea {
	background-color : #ffffff;
}

#generalTextContentArea {
	padding: 5px 0 40px 50px;
}


#pageTitle {
	margin: 15px 10px 10px 0px;
}

DIV.pageTitle {
	padding: 4px 0 8px 4px;
	background: url(images/titleGradient.png) no-repeat left bottom; 
	/* border-bottom: 1px solid #00B000; */
}

.pageTitle {
	font: italic 22px Verdana, Arial, Helvetica, sans-serif;
	color: #6E1A50;
	margin-bottom : 2px;
}

/* --- Standard content classes --- */
DIV.title {
	padding-right:130px;
	font: italic 22px Verdana, Arial, Helvetica, sans-serif;
	color: #6E1A50;
	margin: 20px 0 5px 0;
}

DIV.subtitle, DIV.question {
	padding: 0 130px 0 0;
}

.subtitle {
	font: italic 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ab287d;
	margin: 13px 0 5px 0;
}

.question {
	font: bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #23383E;
	margin: 5px 0 5px 0;
}

DIV.answer {
	padding:0 100px 0 30px;
}

DIV.text {
	padding: 0 130px 0 0;
}

.text, .answer {
	font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #101719;
	margin: 0 0 16px 0;
	text-decoration: none;
}

.text A:link, .answer A:link, .text A:visited, .answer A:visited {
	color: #c11044;
	font-weight : bold;
	text-decoration : none;
}

.text A:hover, .answer A:hover {
	color: #009900;
	font-weight : bold;
	text-decoration : none;
} 

A.text {
	background/* */: url(images/linkArrow.gif) no-repeat right;	
	padding-right: 13px;
}

DIV.inset {
	padding: 8px;
	background-color: #cbe7fe;
}

/* inline image styles for text content container */
.inimgright{
	margin:5px 0 16px 20px;
}

.inimgleft{
	margin:5px 16px 16px 0;
}

.inimgcenter{
	padding:4px 100px 10px 0;
}

.inimg{
	margin:4px 0 10px 0;
}

/*styles for text in left column and right pod */

TABLE.rightPod {
	background: #F5F5F8;
	margin: 20px 0 20px 20px;	
	border-top : 1px solid #9EA4BC;
	border-left : 1px solid #9EA4BC;
	border-bottom : 1px solid #9EA4BC;
}

DIV.rightPod {
	padding: 10px 0 6px 0;
}

/* I tried to center align the captions under
the right pod images in house overview here  */
DIV.rightPod .smallText {
	text-align: left;
}

#leftNavButtons {
	padding: 20px 0 20px 0;
	
}

#leftNavButtons DIV {
	margin-bottom:9px;
}


/*.leftTextCC {
	padding: 12px 0 4px 0;
}*/

.smallTitle {
	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5E6787;
	padding: 0 5px 7px 10px;	
}

DIV.smallSubtitle {
	padding: 7px 5px 7px 10px;
	margin-bottom:7px;
	background: #D7DAD6;
}

.smallSubtitle {
	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #615E5E;
}

.smallText {
	font: 11px/15px  Arial, Helvetica, sans-serif;
	color: #615E5E;
	text-decoration : none;
	padding: 0 5px 7px 10px;
}

A.smallText {
	background/* */:url(images/linkArrow.gif) no-repeat right;
	padding:0 13px 0 0;
}

.smallText A:link, .smallText A:visited {
	color: #6b9145;
	font-weight : bold;
	text-decoration : none;
}

.smallText A:hover {
	color: #C2382C;
	font-weight : bold;
	text-decoration : none;
} 

/* IMAGE GALLERY TEMPLATE */

#portfolioContentArea {
	padding: 15px 0 50px 50px;
}

TABLE.pImage {
	margin-top: 12px;
}

TD.pImage {
	border: 1px solid #8497a0;
	padding: 8px;
}

.pThumb {
	float: left;
	padding: 0 13px 13px 0;
}

.caption {
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #23383e;
	text-align : center;
	margin: 0 0 16px 0;
	padding: 3px;
	
}

.galleryCaption {
	font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #23383e;
	margin: 0 0 16px 0;
	padding: 3px 70px 3px 70px;
}

.galleryBase {
	height: 40px;
}

/* this is for the bullets in the text - nice format */
LI {
	margin-left : 16px;
	padding-left : 0px;
	list-style : disc outside;
	list-style-image : url(images/bulletBlue.gif);
} 


#staticSiteMap {
	float:right;
	padding:4px;
}

.footer {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #6D1950;
}

.footer A:link, .footer A:visited  {
	color: #6D1950; 
}

.footer A:hover, #staticSiteMap A:hover {
	color: #460f33;
}

.hint {
	font : 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
}

.hinthover {
	font : 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
	cursor : default;
}



/* - Used in the events template -*/
 TD.eventTitle {
	padding: 3px 3px 3px 10px;
}
 .eventTitle {
	font: bold 12px Verdana, sans-serif;
	color: #000000;
	background-color : #fdeaff;
}

 .eventTitle A:VISITED,.eventTitle A:LINK,.eventTitle A:ACTIVE {
	color: #000000;
}

 .eventTitle A:hover {
	color: #aa2063;	
}

 .eventDate {
	font: 12px Verdana, sans-serif;
	color: #000000;
	background-color : #fdd5f2;
	border-left : 1px solid #A44D7C;
	padding: 3px 3px 3px 10px;
}

 .eventStartingTime {
	font: 12px Verdana, sans-serif;
	color: #000000;
	background-color : #ffffff;
	padding: 3px 3px 3px 10px;
}

.eventPrice {
	font-family: Verdana, sans-serif;
	font-size :12px;
	color: #000000;
	background-color : #fdeaff;
	border-right : 1px solid #A44D7C;
	padding: 3px 3px 3px 10px;
}

.eventSeparator{
	background-color: #A44D7C;
}


/* for orange headers in event schedule */
.monthYear {
	background-attachment : scroll;
	background-image : url(images/orangeRoundCorner_Left.gif);
	background-repeat : no-repeat;
	background-position : top left;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color: #ffffff;
	background-color : #A44D7C;
	padding-left : 14px;
}

.header {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #ffffff;
	background-color : #A44D7C;
	padding-left : 10px;
}

.headerRight {
	background-attachment : scroll;
	background-image : url(images/orangeRoundCorner_Right.gif);
	background-repeat : no-repeat;
	background-position : top right;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #ffffff;
	background-color : #A44D7C;
	padding-left : 10px;
}





A:link, A:visited, A:active {
	text-decoration : none;
}

/* 
use comment hack in background image to hide the style from IE 5 
only when display: inline
not needed when display: block
*/