/*
	Colors of defaut category page (same as those of default-everything):
	page background: #F7F3EF (off-white)
	light box background: #DEDFE7	(light color)
	Darker background and regular text: #4A597B (dark color)  :: formerly slightly lighter: #526184

*/

body {color: #4A597B;}
/* Override Sekelon positioning, to accomodate Article content (move separator line by resizing #right) */

/* content box inside right column */
#rightContent {
margin: 0px 45px 0px 0px;
padding: 0px;
width: 500px !important;
}

#right {
width: 580px;	/* sets position of side separator line */
border: 1px solid;
border-color: #F7F3EF #4A597B #F7F3EF #4A597B;
min-height: 1100px;
}

/* Summary */
#summary { position: relative;  width: 500px; height: 76px; margin: 0px 0px 0px 0px; background-color: #DBDEE5; }
	#summaryText { position: absolute; top: 0px; right: 8px; margin: 0px; width: 400px; z-index: 5; font-size: 12px;}
	#summaryPic { position: absolute; top: 0px; left: 0px; height: 100%; width:230px; background: #DEDFE7 url("images/allcreatures.jpg") no-repeat left top; z-index: 4;} /* background image URL is relative to Stylesheet! */
	#summaryright { position: absolute; top: 0px; right: 0px; height: 100%; width: 11px; background: url("images/allcreaturesright.jpg") no-repeat left top; z-index: 6;} /* left rounding of box */

/* category descriptive text */
#theText {width: 500px;  margin: 0px 0px 0px 0px;  padding-top: 10px; font-size: 11pt; text-align: justify;}

/* the List */
#theList { color:#4A597B; width: 500px;  margin: 10px 0px 0px 0px; position: relative; height: 1100px; min-height: 1100px; height: auto;}
.subcategoryList {margin: 10px 0px 15px 0px; position: relative; }
.subcategoryListTitle {background-color:#4A597B; color:#ffffff; text-align: center; font-weight: bold; font-size: 12pt; }
.subcategoryItem {background-color:#DEDFE7; color:#ffffff; text-align: right; font-size: 11pt; padding: 2px 15px 5px 15px; margin: 1px 0px 1px 0px; }
.linkToSuperCategory {margin: 10px 0px 0px 0px; }

.categoryTitle {font-size: 18pt; font-weight: normal; line-height: 20pt; margin: 8px 0px 0px 0px; color: #4A597B;}
.short{font-size: 10pt; font-weight: normal; line-height: 12pt; width: 370px; margin: 0pt; color: #4A597B;}

.text {color: #000000;}
a {color: #4A597B; }
#theText  a {border-bottom:1px dotted #4A597B; }

.darkBG {background-color:#4A597B !important; color:#ffffff !important;}
.midBG {background-color:#DEDFE7 !important; color: #4A597B !important;} 
input, textarea, select {border: 1px solid #4A597B; }