/* designed by Me and Her Designs, www.meandherdesigns.com. */
/* code written by effie, www.effie.bz */

/* 
	CONTENT.CSS contains the following styles:
		#bgContainer
		#contentContainer
		#content 
		#content p.first
		p img.floatRight
		p img.floatLeft
		img.misc
		#content a, a:link, a:active, a:visited, a:hover
		.entryNewsTicker
		.bio
		.bio img
		.graduate
		.graduate p
		.recentArrivals
		.recentArrivals p
		.caption
		div .caption
		blockquote
		blockquote img.floatRight
		.textLeftIndent
		.colLeft
		.colRight
		ul, ul li
		ol, ol li

*/

/* used in div tag to center gradient background for graphic layout*/
#bgContainer {
	/*position: relative;*/
	background-image: url(../../images/bg.jpg); /* yellow gradient background */
	background-repeat: repeat-y; /* vertical repeat */
	background-position: center center;
	min-height: 100%; /* extends background full height in FireFox & IE7 */
	height: 100%; /* extends background full height in FireFox & IE7 */
    height: auto;
	margin: 0px auto;
    padding: 0px;
	width: 950px;
}

/* use in a nested div tag to center graphic content */
#contentContainer {
	/*position: relative;*/
	margin: 0px auto; 
	width: 805px;
	height: auto;
	padding-top: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

/* content area styling */
#content {
	/*position: relative;*/
	background-image: url(../../images/content_bg.jpg);
	background-repeat: repeat-y; /* vertical repeat */
	background-color: #EDF5FD; /* bluish-white */
	color: #000; /* black */
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding: 35px 35px;
	/*height: auto;*/
	}

/* margin adjustment for first paragraph under header image */
#content p.first, div.first {
	margin-top: 0px;
	padding: 0px;
	}

/* floats image on the right with padding; use on content images within paragraphs */
p img.floatRight, div img.floatRight {
	/* position: relative;*/
	float: right;
	border: 2px solid #346799; /* grey blue */
	margin: 4px 0px 10px 15px; /* top right bottom left */
	}
	
/* floats image on the left with padding; use on content images within paragraphs */
p img.floatLeft {
	/* position: relative;*/
	float: left;
	border: 2px solid #346799; /* grey blue */
	margin: 4px 13px 10px 0px; /* top right bottom left */
	}
	
/* image border format; use on content images */
img.misc {
	border: 2px solid #346799; /* grey blue */
	}

/* content hyperlink format */
#content a,a:link {
    color: #346799; /* grey blue */
    font-weight: bold;
	text-decoration: none;
	}

#content a:visited	{
	color: #346799; /* grey blue */
    font-weight: bold;
	text-decoration: none;
	}

#content a:hover	{
    color: #EDBA1A; /* yellow */
    font-weight: bold;
	text-decoration: none;
	}

#content a:active {
    color: #346799; /* grey blue */
    font-weight: bold;
	text-decoration: none;
	}
	
.entryNewsTicker	{
	background: url(../../images/bg_entry_news_ticker.jpg); /* blue */
	background-repeat: no-repeat;
	width: 805px;
	height: 25px;
	margin: 0px 0px 0px 0px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
	z-index: 999;
}

/* keeps each staff image and bio separate from eachother */
.bio {
	clear: both;
	width: 100%;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:justify;
	}

/* sets the positioning of each staff bio image */
.bio img {
	float: left;
	margin-right: 15px;
	}
	
/* keeps each graduate image and bio separate from eachother */
.graduate {
	float: left;
	width: 152px;
	height: 355px; /* cannot be less than 355px for IE6 to work properly */
	margin: 0px 15px; /* top/bottom left/right */
	padding: 15px 0px; /* top/bottom left/right */
	text-align: left;
	}

/* sets a cushion between the graduate image and bio text */
.graduate p {
	margin-top: 5px;
	}

/* keeps each recent arrival image and bio separate from eachother */
.recentArrivals {
	float: left;
	width: 152px;
	height: 350px;
	margin: 0px 15px; /* top/bottom left/right */
	padding: 15px 0px; /* top/bottom left/right */
	text-align: left;
	}

/* sets a cushion between the recent arrivals image and bio text */
.recentArrivals p {
	margin-top: 5px;
	}

/* italized, small font text for disclaimer text and photo captions */
.caption {
	color: #346799; /* grey blue */
	font-size: 11px; 
	font-style: italic; 
	line-height: 12pt;
	}

/* used to indent photo captions below images; provides side & top margin indentation */
div .caption {
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
/* "blockquoting" is used on the news_kids_help pages */
blockquote {
	font-style: italic; 
	}
	

/* floats image on the right with padding; use on images within blockquotes */
blockquote img.floatRight {
	/* position: relative;*/
	float: right;
	border: 2px solid #346799; /* grey blue */
	margin: 4px 7px 10px 7px; /* top right bottom left */
	}

/**** ALL CSS BELOW IS USED IN FAQS PAGES ****/

/* used in FAQS pages; indents left margin with div tag */
.textLeftIndent {
	clear: both;
	margin-left: 45px;
	width: auto;
	height: auto;
	}

/* used for (left side) ENGLISH language translation sections in FAQs pages */
.colLeft {
	float: left;
	text-align: left;
	margin-left: 45px;
	width: 175px;
	height: auto;
	}

/* used for (right side) ETHIOPIAN language translation sections in FAQs pages */
.colRight {
	width: auto;
	height: auto;
	}
	
/* default unorder list format */
ul {
	list-style-type: disc;
	margin-top: 5px;
	}
	
/* cusion between unordered list items */
ul li {
	line-height: 18px;
	}
	
/* ordered list numbered format */
ol {
	list-style-type: decimal;
	margin-top: 5px;
	}

/* cusion between ordered list items */
ol li {
	line-height: 18px;
	}

/* use this class on a span tag to underline book references */
.book {
	text-decoration: underline;
	}