/***
CSS NOTES:
-- layout is 912 wide, 6px on left, 6px on right is for shadow
***/
body {
	background-color: #C8E1A5;
	padding: 10px 0 7px 0;
	margin: 0;
	background-image: url(images/bg_body_turtles.gif);
	background-repeat: no-repeat;

	font-family: "Trebuchet MS", sans-serif;
	color: #996633;
	font-size: 14px;
}

a:link, a:visited
{
	color:#330000;
	text-decoration:underline;
}


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

h1 {
	color: #4B1C13; /**web safe is #333300, sk used #4B1C13*/
	font-style: italic;
	font-size: 21px;
	margin: 0;
	padding: 0 0 15px 0;
}

h1.lowerLevelPage 
{
	padding: 0 0 10px 170px; /**ID301: 
									framed photos not lined up with rest content;
									so border bottom 10px here, then 5px non-framed photo columns **/
}

h2 
{
	color: #4B1C13; /**web safe is #333300, sk used #4B1C13*/
	font-size: 14px;
	margin: 0;
	padding: 5px 0 15px 0;
}

h3 
{
	color: #4B1C13; /**web safe is #333300, sk used #4B1C13*/
	font-size: 14px;
	margin: 0;
	padding: 0;
}

p
{
	padding: 0 0 15px 0;	
	margin: 0;
	line-height: 130%; /*change in ul li also*/
}

.noPad
{
	padding: 0;
	margin: 0;
}
.navigation {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #996633;
}

.navigation a:link, .navigation a:visited{
	text-decoration: none;
	color: #996633;
}
.navigation a:hover {
	text-decoration: none;
	color:#336699;
}
.navigation a.navActiveItem {
	color:#330000;
}

.footer {
	color: #669933;
	font-size: 10px;
}

.footer a.light:link, .footer a.light:visited
{
	color: #669933;
	text-decoration:underline;
}
.leftNavItem 
{
	border-bottom: solid 1px #9BBE69;	
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.leftNavItemBottom 
{
	border: none;	
}


/**LISTS**/
ol, ul {
	padding: 4px 0 10px 1em;
	margin: 0;	
}

ol.noTopPadding, ul.noTopPadding {
	padding-top: 0;
}

ol.noBottomPadding, ul.noBottomPadding {
	padding-bottom: 0;
}

ol li, ul li {
	padding-left: 1px; 
	margin-left: 5px;
	line-height: 130%;
}

ul li ul 
{
	padding-top: 0;
	padding-bottom: 0;
}
ul {
	list-style-type: disc;
}

ul.highlight li
{
	font-weight: bold;	
}

/***FRAME WORK***/
div#container {
	width: 912px;
	margin-left: auto;
	margin-right: auto;
}

/***BANNER***/
.bgShadeTop {
	background-image: url(images/bg_shade_top.png);
	background-repeat: no-repeat;
	padding-top: 7px;
	width: 912px;
}
.bgShadeLeft{
	background-image: url(images/bg_shade_left.png);
	background-repeat: repeat-y;
	background-position: top left;
}
.bgShadeRight{
	background-image: url(images/bg_shade_right.png);
	background-repeat: repeat-y;
	background-position: top right;
}
div#swf_banner_main{
	width: 900px;
	height: 335px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div#lowerPageBanner{
	width: 900px;
	height: 155px; /**needed for IE?**/
	padding: 0 6px 0 6px;
}

/****PARCHMENT
-- parchment container is 912-60 = 862 wide
***/


div#parchmentContainer
{
	/*AFTER IE6 support is not needed
	background-image: url(images/bg_parchment_middle.png);
**/
	background-image: url(images/bg_parchment_middle-long.png);
	
	background-repeat: repeat-y;
	clear: both;
	margin: 0;
	padding: 0;
	background-color: #C8E1A5;
}

div#parchmentTop {
	background-image: url(images/bg_parchment_top_no_shade.png);
	background-repeat: no-repeat;
	clear: both;
}

div#parchmentBody{
	padding: 20px 30px 0 30px;
}

div#parchmentBottom {
	background-image: url(images/bg_parchment_bottom.png);
	background-repeat: no-repeat;
	height: 29px;
	background-color: #C8E1A5;
}

/****OTHER***/
div#topNavigationContainer 
{
	padding-bottom: 30px;
	text-align: right;
}

div#leftNavigationContainer
{
	text-align: left;
	padding: 0 30px 0 6px;	
}


/***
HOME PAGE COLUMNS
-- home page columns: left: xxx, right: yyy;
***/
.homeLeftColumnContainer {
	vertical-align: top;
	text-align: left;
	width: 264px;
	float: left;
}

.homeRightColumnContainer{
	vertical-align: top;
	text-align: left;
	width: 588px;
	float:left;
}


/***
LOWER PAGE COLUMNS
-- lower page columns: left: 170, middle: 450+, right: ?;
***/
.lowerLeftColumnContainer {
	vertical-align: top;
	text-align: left;
	width: 170px;
	padding-top: 5px; /**ID301*/
}

.lowerMiddleColumnContainer{
	vertical-align: top;
	text-align: left;
	/*width: 450px;  -- try not assigning this so right column and come and go**/
	padding-top: 5px; /**ID301*/
}

.lowerRightColumnContainer{
	vertical-align: top;
}

/****Footer***/
div#pageFooter {
	text-align: center;
	background-color: #C8E1A5;
	padding-top: 10px;
}


/***FRAMED PHOTOS***/

/***HOUSE PHOTOS***/
div#framedHousePhotoArea
{
	
}
div.framedHousePhoto 
{
	background-image: url(images/frame_house_photos.png);
	background-repeat: no-repeat;
	padding: 14px 9px 0 14px;
	width: 208px;
	margin-left: 24px;
	min-height: 179px;

	/*frame is 208x179, photo is 185x127.  X diff=23*/
}

div.framedHousePhoto div.framedHousePhotoNav
{
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 3px;
	font-style: italic;
	font-size: 12px;
}


/***END HOUSE PHOTOS***/

div.framedPhotoSmallContainer
{
	width: 212px;
	margin-left: 10px;
}

div.framedPhotoSmall
{
	background-image: url(images/frame_small.png);
	background-repeat: no-repeat;
	padding: 17px 0 0 16px;
	/*width: 212px;*/
	height: 188px;
	/*frame is 212x188, photo is 179x154.  X diff=33/2 = approx 16, Y diff=34 = 17*/
}


div.framedPhotoMedContainer
{
	width: 246px;
	margin-left: 10px;
}
div.framedPhotoMed
{
	background-image: url(images/frame_med.png);
	background-repeat: no-repeat;
	padding: 16px 0 0 17px;
	min-height: 224px;
	/*frame is 246x224, photo is 213x192.  X diff=33/2 = approx 16, Y diff=32 = 16*/
}

div.framedPhotoLargeContainer
{
	width: 308px;
	margin-left: 10px;
}
div.framedPhotoLarge
{
	background-image: url(images/frame_large.png);
	background-repeat: no-repeat;
	padding: 16px 0 0 19px;
	height: 282px;
	/*frame is 308x282, photo is 269x249.  X diff=39/2 = approx 19, Y diff=33/2 = 16*/
}

/**Guest Book**/
div.guestBookComment
{
	padding-top: 15px;
}
div.guestBookCommentFirst 
{
}
div.guestBookSignature
{
	text-align: right;
	padding-left: 100px;
	font-style: italic;
	font-size: 12px;
	color: #4B1C13;
	padding-bottom: 10px;
}


/***Organizations***/

.organizationGroup
{
	color: #4B1C13; /**web safe is #333300, sk used #4B1C13*/
	font-size: 14px;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
}

.organizationItem 
{
	padding-bottom: 10px;
}

.organizationLocationNotes {}

.organizationEditorial {}

/***Reservation Request***/
table#ReservationRequest tr td
{
	font-size: 12px;
	color: #4B1C13;
}

.dateExample 
{
	font-size: 9px;
}

.paypalLogoLower, .paypalLogoMain 
{
	text-align: right;
}

/*ie6 png fix*/
img, div {behavior: url(ie6-png-fix/iepngfix.htc) }