/* ****************************************************** Style Sheet for mareltrout.net ****************************************************** */
/* ****************************************************** Created January 01, 2004 ****************************************************** */

/****************************************************** Redefined Tags ******************************************************/

/* built to govern body properties in entire mt site */
body { 
	margin: 10px; 
	padding-left: 50px;
	padding-right: 50px;
	background-color: #000000; 
} 

a {
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
}



a:hover { color:#ff9900 
} 

a:followed { color:#ff9900 
} 

a:active {
	color: #ff9900;
}

h1 {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	line height: 151%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

h2 {
	font-size: 140%;
	font-weight: normal;
	line height: 130%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	line height: 121%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

/****************************************************** General Headers & SubHeaders ******************************************************/

.Header804040 {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #804040;
}

.HeaderFF9900 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FF9900;
}

.HeaderGeorgia666666 {
	font-family:  Georgia,Times,serif;
	font-size: 24px;
	font-weight: normal;
	color: #666666;
}

.HeaderLargeArialNarrowWhite {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #FFFFFF;
}

.HeaderLargeArialD23721 {
	font-family:  Arial,Verdana,Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #D23721;
}

.HeaderLargeArialCCCCCC {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #CCCCCC;
}

.HeaderLargeArialFFED87 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFED87;
}

.HeaderLargeArial7780CD {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #7780CD;
}

.HeaderLargeArialCC99CC {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #CC99CC;
}

.HeaderLargeArial658383 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #658383;
}

.HeaderLargeArialFFFFFF {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
}

.HeaderLargeArialRose {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #B46578;
}

.HeaderLargeArialFFEED8 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFEED8;
}

.HeaderLargeArial00CC00 {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #00CC00;
}

.HeaderArialWhite {
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.HeaderArialD23721 {
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #D23721;
}

.SubHeaderArialWhite {
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.SubSubHeaderArialWhite {
	font-family:  Arial, Verdana,Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

/****************************************************** Text: Normal Classes ******************************************************/

.TextNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.TextNormal333333 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.TextNormalBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.TextNormal804040 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #804040;
}

.TextNormalWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}
.TextNormalBold003366 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

.Text16VerdanaFF9900 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF9900;
}

.Text16VerdanaD23721 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #D23721;
}

.Text16VerdanaFFED87 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFED87;
}

.Text16VerdanaCCCCCC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #cccccc;
}

.Text16VerdanaFFEED8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFEED8;
}

.Text16VerdanaRose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #B46578;
}

.Text16VerdanaCC99CC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #CC99CC;
}

.Text16Verdana658383 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #658383;
}

.Text16VerdanaFFFFFF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
}

.Text16Verdana00CC00 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #00CC00;
}

.Text16Verdana7780CD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #7780CD;
}

.Text14VerdanaBoldCCCCCC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cccccc;
}

.TextNormalBoldFF9900 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
}

.TextNormalBold009900 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
}
.TextNormalE4DEC2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #E4DEC2;
}
.TextNormalBoldE4DEC2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E4DEC2;
}
/****************************************************** Text: Small Classes ******************************************************/

.TextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: ex-small;
	font-weight: normal;
	color: #000000;
}

.TextSmallBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #336699;
}

.TextSmallArial {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

.TextSmall804040 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #804040;
}

.TextSmallBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.TextSmallBoldGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #009900;
}

.TextSmallPink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #CC0099;
}

.TextSmallItalic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	font-style: italic;
}

.Text10px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.Text10px658383 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #658383;
}

.Text10pxBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

.Text10pxBoldCCCCCC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
}


/****************************************************** Link Classes ******************************************************/

.LinksNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000066;
}
.LinksNormalBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

.LinksSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #666666;
}

.LinksSmallBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #336699;
}
.LinksSmallD23721 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #D23721;
}

.LinksSmall658383 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #658383;
}

.LinksSmallFFEED8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFEED8;
}

.LinksSmallcccccc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #cccccc;
}

.LinksSmallBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #666666;
}

.LinksNormalWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.LinksSmallWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	color: #FFFFFF;
}

.LinksSmallCC99CC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #CC99CC;
}

.LinksSmallWhiteArial {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
}

.LinksSmallWhiteBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
}

.LinksSmall00CC00 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #00CC00;
}
.LinksSmallFF9900 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF9900;
}
.LinksSmallFF00FF {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FF00FF;
}
.LinksSmallFFED87 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FFED87;
}
.LinksSmallFF9900Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FF9900;
}
.LinksSmallArialFF9900Bold {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FF9900;
}
.LinksSmall868686 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #868686;
}
.LinksSmall00CC00 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #00CC00;
}

.LinksSmallRose {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #B46578;
}

.LinksSmall7780CD {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #7780CD;
}

.LinksSmallArialebebe9 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #ebebe9;
}
.LinksSmallArialFF00FF {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #FF00FF;
}

/****************************************************** Text Classes: Miscellaneous ******************************************************/

/* tasteful substitute for a horizontal rule */
.DottedLine {
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

.tilda {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 18px; 
	font-weight: normal; 
	color: #336699}

.tildaWhite {  
	font-family: "Times New Roman", Times, serif; 
	font-size: 18px; 
	font-weight: normal; 
	color: #ffffff}

/****************************************************** Ceaseless Torture of Adulthood ******************************************************/

.adultpagetitle {  
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
	font-size: 18px; color: #336699; 
	font-weight: normal}

.adulttitlenumbers {  
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif; 
	font-size: 16px; color: 336699; 
	font-weight: normal}

.adultphotocredit {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #336699; 
	font-weight: bold}

.adultbodytext {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #000000}

.adultphotocredittext {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #000000}

.adultquote {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; color: #336699}

/****************************************************** Page Layout: Adulthood ******************************************************/

/* headerAdulthood holds the banner, etc. */
div#headerAdulthood { 
	background-color: #fffff5;
	height: 484px; 
	padding-top: 5px;
	padding-bottom: 5px;  
} 

/*  contans include for adulthood banner with imagebase */
div#header2Adulthood { 
	height: 100%;
	background-color: #fffff5; 
	padding: 5px; 
} 

/*  contans small adulthood banner */
div#header3Adulthood { 
	height: 40px;
	background-color: #fffff5; 
	padding: 5px; 
} 

/* starboardColumn and portsideColumn nested inside columnContainer et. al. creates equal-sized two-column format*/
div#columnContainerAdulthood { 
	height: auto;
	background-color: #fffff5; 
	padding: 2px; 
} 

/*  */
div#starboardColumnAdulthood { 
	float: right;
	height: 100%;
	width: 49%;
	padding: 1px;
	background-color: #E4DEC2; 
} 

/*  */
div#portsideColumnAdulthood {  
	float: left;
	height: 100%;
	width: 49%;
	padding: 1px;
	margin-left: 3px;
	background-color: #E4DEC2; 
}

/****************************************************** Chickenloaf Papers ******************************************************/

.HeaderChickenloaf {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #666666;
}

/* contains page-level content in the monthly issues of Gracie's World */
div#middleChicken {
	padding: 10px;
	margin: 0px;
	background-color: #E4DEC2;
}
/****************************************************** Gracie's World ******************************************************/

.TextMuffinLetters {
	font-family: Courier, Times, serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

.TextMuffinLettersBold {
	font-family: Courier, Times, serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

.TextNormalGeorgia {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.TextNormalGeorgiaBold {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.TextNormalGeorgiaWhite {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

.NinisDiary {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

.NinisDiaryBold {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.column1Gracie  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	background-color: #cccccc
}

.column2Gracie  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	background-color: #E4DEC2
}

/****************************************************** Gracie's World: These Shredded Times ******************************************************/

.HeaderMimulusBeak {
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 36px;
	font-weight: normal;
	color: #00000;
}

.HeaderLiceLand {
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #00000;
}

.HeaderGroundChuck {
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #00000;
}

.SubHeaderShreddedTimes2ndPage {
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00000;
}

.TextShreddedTimesBreakoutQuote {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}

.LinksSmallShreddedTimes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: ##0066FF;
}

/****************************************************** Page Layout: Gracie's World ******************************************************/

/* headerGracieMenu holds the smaller Gracie's World banner */
div#headerGracieMenu { 
	height: 103px;
	background-color: #fffff5; 
	padding: 5px; 
}

/* headerGracie holds the monthly Gracie's World  header and links */
div#headerGracie { 
	background-color: #000000;
	height: 15px; 
	padding-top: 5px;
	padding-bottom: 5px;  
} 

div#starboardGracie { 
	float: right; 
	width: 650px; 
	background-color: #000000; 
} 

/* starboardColumn and portsideColumn nested inside columnContainer et. al. creates equal-sized two-column format*/
div#columnContainer { 
	height: 100%;
	background-color: #fffff5; 
	padding: 2px; 
} 

/* starboardColumn and portsideColumn nested inside columnContainer et. al. creates equal-sized two-column format*/
div#starboardColumn { 
	float: right;
	height: 55px;
	width: 49%;
	padding: 1px;
	background-color: #E4DEC2; 
} 

div#portsideColumn {  
	height: 55px;
	width: 49%;
	padding: 1px;
	margin-left: 3px;
	background-color: #E4DEC2; 
} 

/* does the same as starboardColumn, only background is light grey */
div#starboardColumn2 { 
	float: right;
	height: 55px;
	width: 49%;
	padding: 1px;
	background-color: #E4DEC2; 
} 

/* does the same as portsideColumn, only background is brown */
div#portsideColumn2 {  
	height: 55px;
	width: 49%;
	padding: 1px;
	margin-left: 3px;
	background-color: #E4DEC2; 
}

/* contains page-level content in the monthly issues of Gracie's World */
div#middle {
	padding: 10px;
	margin: 0px;
	background-color: #fffff5;
}

/****************************************************** Page Layout: Gardens ******************************************************/

/* same as in Gracie's World, etc. */
div#columnContainerPlants {
	height: auto;
	width: 800px;
	background-color: #E4DEC2;
	padding: 1px;
	overflow: auto;
	display: block;
} 


/* starboardColumnPlants and portsideColumnPlants nested inside columnContainer et. al. creates two-column format*/
div#starboardColumnPlants { 
	float: right;
	height: auto;
	width: 78%;
	padding: 3px;
	background-color: #214343;
} 

div#starboardColumnPlantsE4DEC2 { 
	float: right;
	height: auto; 
	width: 78%;
	padding: 3px;
	background-color: #E4DEC2;
} 

div#portsideColumnPlants {  
	height: 100%;
	width: 19.5%;
	padding: 3px;
	margin-left: 3px;
	background-color: #E4DEC2;
} 

/* these tow divs (starboardColumnPlants2, portsideColumnPlants2) contain the list of gardens at gardens/plants.cfm  */ 
div#starboardColumnPlants2 { 
	float: right;
	height: 300px;
	width: 49%;
	padding: 1px;
	background-color: #E4DEC2; 
} 

div#portsideColumnPlants2 {  
	height: 300px;
	width: 49%;
	padding: 1px;
	margin-left: 3px;
	background-color: #E4DEC2; 
} 

/* these tow divs (starboardColumnPlants3, portsideColumnPlants3) contain the photo thumbnail etc. output for each garden  */ 
div#starboardColumnPlants3 { 
	float: right;
	height: 700px;
	width: 49%;
	padding: 1px;
	background-color: #E4DEC2; 
} 

div#portsideColumnPlants3 {  
	height: 700px;
	width: 49%;
	padding: 1px;
	margin-left: 3px;
	background-color: #E4DEC2; 
} 



/****************************************************** Page Layout: Home Page ******************************************************/

div#HeaderHomePage { 
	background-color: #000000;
	height: 10px;
	width: 100%; 
	padding: 1px; 
}

div#Container { 
	background-color: #000000;
	height: auto;
	width: 100%;
	padding: 1px; 
}

div#SubContainer { 
	background-color: #000000;
	height: auto;
	width: 100%;
	clear: both; 
	padding: 1px; 
}

/* starboardColumn and portsideColumn nested inside columnContainer et. al. creates equal-sized two-column format*/
div#columnContainerHome { 
	height: 100%;
	width: 100%;
	background-color: #000000; 
	padding: 2px; 
} 

div#columnContainerHomeGrayBlue {
	height: auto;
	width: 100%;
	background-color: #333333;
	padding: 4px;
	border: thin solid #7780CD;
	clear: both;
} 

div#columnContainerHomePearl658383 {
	height: 200px;
	width: 100%;
	background-color: #ebebe9;
	padding: 4px;
	border: thin solid #658383;
	clear: both;
} 

div#columnContainerHomeGrayRose {
	height: auto;
	width: 100%;
	background-color: #cccccc;
	padding: 4px;
	border: thin solid #B46578;
	clear: both;
} 

/* starboardColumn and portsideColumn nested inside columnContainer et. al. creates equal-sized two-column format*/
div#starboardColumnHome { 
	float: right;
	height: 100%;
	width: 48%;
	padding: 1px;
	background-color: #000000; 
} 

div#starboardColumnHomeGray { 
	float: right;
	height: 100%;
	width: 48%;
	padding: 1px;
	background-color: #333333; 
}

div#portsideColumnHome {  
	height: 100%;
	width: 48%;
	padding: 1px;
	margin-left: 1px;
	background-color: #000000; 
} 

div#portsideColumnHomeGray {  
	height: 100%;
	width: 48%;
	padding: 1px;
	margin-left: 1px;
	background-color: #333333; 
}

/****************************************************** Page Layout: General ******************************************************/

div#3ColumnStarboard { 
	float: right;
	height: 55px;
	width: 30%;
	padding: 1px;
	background-color: #E4DEC2; 
} 

div#3ColumnCenter { 
	float: right;
	height: 55px;
	width: 40%;
	padding: 1px;
	background-color: #cccccc; 
} 

div#3ColumnPortside {  
	height: 55px;
	width: 30%;
	padding: 1px;
	margin-left: 3px;
	background-color: #ebebe9; 
} 

div#3ColumnContainer { 
	background-color: #fffff5; 
	margin-left: 100px;
	padding: 1px; 
}


/* div.clearer is used within floating divs to ensure that they do 
not spill over the margins of their parent containers. This is
necessary when using floating divs to create column layout. */
div.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
}

/* Left empty, this "header" container creates a nice thin 
gray divider line between other horizontally placed containers. 
A tasteful substitute for a horizontal rule. */ 
div#header3 { 
	background-color: #cccccc; 
	padding: 1px; 
} 

/* Built to contain the mareltrout text header: mareltrout.net */
div#header { 
	background-color: #000000; 
	padding: 1px;
	height: 100%; 
} 

/* General-use horizontal bucket for either a header of 
subsequent body material*/
div#header2 { 
	height: 100%;
	background-color: #fffff5; 
	padding: 5px; 
} 

/* div footer is built to contain the footer for the entire mt site */
div#footer {  
	background-color: #000000;
	font-color: #ffffff;
	font-size: small;
} 
div#footer a:link {color: #ffffff;}


/* Not currently used, but will be handy in the future */
div#portside {
	float: left;
	width: 50px;
	background-color: #fffff5;
} 

/********* here lies the more semantic tags of late *********/
.gracie_songs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #CC0099;
}

.gracie_nini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #336699;
}

.gracie_dad {
	font-family:  Verdana,Arial,Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00000;
}

.gracie_chessiesnooples {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: italic;
}

.gracie_pia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
}

/********************************************************* Resources *************************************************************/

/* From http://www.r7designer.com/news/css/000093.php: