@charset "UTF-8";
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image: url(../images/mainpage-bkg.gif);
	font-size: 100.1%;
}

/*---------------------------------------- page elements ----------------------*/

#extCage {
	position: relative;
	height: auto !important; /* !importamt makes safari,ff and opera comply - footer either stas beneath content, or at the bottom of the page - never at the bottom of the screen */
	height: 100%;
	min-height: 100%; /* real browsers */
	width: 795px;
	margin: 0 auto;
	padding-left: 12px;
	padding-right: 12px;
	background-image: url(../images/extcontcage-bkg.png);
}


#headerCage {
	padding: 0em;
}

#titleHeader {
	width: 785px;
	height: 115px;
	padding-top: 10px;
	padding-left: 10px;
	background-color: #00FFCC;
}
/* different title header graphics */
	.titleHeader01 {
		background-image: url(../images/titleheader06.jpg);
	}
	.titleHeader02 {
		background-image: url(../images/titleheader02.jpg);
	}
	.titleHeader03 {
		background-image: url(../images/titleheader03.jpg);
	}
	.titleHeader04 {
		background-image: url(../images/titleheader04.jpg);
	}
	.titleHeader05 {
		background-image: url(../images/titleheader05.jpg);
	}
	.titleHeader06 {
		background-image: url(../images/titleheader01.jpg);
	}
	
/*--------------------------------------- menu style ------------------------------*/

/*------------------------------ menu list 01 --------------------------*/

#menuList01 {
	margin: 0px;
	margin-top: -1em;
	width: 795px;
	height: 25px;
	border: 0;
	background-color: #c08f48;
}

#menuList01 ul {
	margin-left: 0;
	padding-left: 2px;
}

#menuList01 li {
	float: left;
	list-style: none;
}

#menuList01 li a {
	display: block;
	padding-top: 7px;
/*	padding-bottom: 6px;	*/
	padding-left: 10px;
	padding-right: 10px;
	border-width: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.7em;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
}

#menuList01 li a:hover {
	border-width: 0px;
	color: #78DFEB;
}

#list01item01 a:hover {
	background-image: url(../images/menu-bkg1st01.gif);
	background-repeat: repeat-x;
}

#list01item02 a:hover {
	background-image: url(../images/menu-bkg1st02.gif);
	background-repeat: repeat-x;
}

#list01item03 a:hover {
	background-image: url(../images/menu-bkg1st03.gif);
	background-repeat: repeat-x;
}

#list01item04 a:hover {
	background-image: url(../images/menu-bkg1st04.gif);
	background-repeat: repeat-x;
}

#selected01 a {
	color: #FFECE4;
	background-color: #966b2f;
}

#selected01 a:hover {
	color: #FFECE4;
	background-color: #966b2f;
}

/*------------------------------------ menu list 02 ---------------------------------*/

#menuList02 {
	margin: 0px;
	margin-top: -1em;
	width: 795px;
	height: 20px;
	border: 0;
	background-color: #c5a16d;
}

#menuList02 ul {
	margin-left: 0;
	padding-left: 2px;
}

#menuList02 li {
	float: left;
	list-style: none;
}

#menuList02 li a {
	display: block;
	padding-top: 4px;
/*	padding-bottom: 2px;	*/
	padding-left: 10px;
	padding-right: 10px;
	border-width: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.6em;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
}

#menuList02 li a:hover {
	border-width: 0px;
	color: #60B444;
}

#list02item01 a:hover {
	background-image: url(../images/menu-bkg2nd01.gif);
	background-repeat: repeat-x;
}

#list02item02 a:hover {
	background-image: url(../images/menu-bkg2nd02.gif);
	background-repeat: repeat-x;
}

#list02item03 a:hover {
	background-image: url(../images/menu-bkg2nd03.gif);
	background-repeat: repeat-x;
}

#list02item04 a:hover {
	background-image: url(../images/menu-bkg2nd04.gif);
	background-repeat: repeat-x;
}

#list02item05 a:hover {
	background-image: url(../images/menu-bkg2nd05.gif);
	background-repeat: repeat-x;
}

#list02item06 a:hover {
	background-image: url(../images/menu-bkg2nd06.gif);
	background-repeat: repeat-x;
}

#list02item07 a:hover {
	background-image: url(../images/menu-bkg2nd07.gif);
	background-repeat: repeat-x;
}

#selected02 a {
	color: #9E5C34;
	background-color: #a37e48;
}

#selected02 a:hover {
	color: #9E5C34;
	background-color: #a37e48;
}

/*------------------------------------menu list 03 ---------------------------------*/

#menuList03 {
	margin: 0px;
	margin-top: -1em;
	width: 795px;
	height: 20px;
	border: 0;
	background-color: #c5ac8a;
}

#menuList03 ul {
	margin-left: 0;
	padding-left: 2px;
}

#menuList03 li {
	float: left;
	list-style: none;
}

#menuList03 li a {
	display: block;
	padding-top: 4px;
/*	padding-bottom: 2px;	*/
	padding-left: 10px;
	padding-right: 10px;
	border-width: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.6em;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;
}

#menuList03 li a:hover {
	border-width: 0px;
	color: #FF41AC;
}

#list03item01 a:hover {
	background-image: url(../images/menu-bkg3rd01.gif);
	background-repeat: repeat-x;
}

#list03item02 a:hover {
	background-image: url(../images/menu-bkg3rd02.gif);
	background-repeat: repeat-x;
}

#selected03 a {
	color: #794628;
	background-color: #af8f63;
}

#selected03 a:hover {
	color: #794628;
	background-color: #af8f63;
}

/*-----------------------------------page element--------------------------------*/


#contCage {
	padding-top: 1em;
	padding-left: 0em;
	padding-right: 1em;
/*	padding:1em 1em 5em;  /* bottom padding for footer */
	padding-bottom: 5em;
/*	height: 100%;	*/
}

#sectionImg {
	float: left;
	width: 185px;
	height: 390px;
	padding-right: 0px;
	margin-top: -1em;
}

#content {
	padding-left: 200px;
}

#contImgCage {
	height: 220px;
}

#lineBreak {
	height: 20px;
}

#footer {
	position: absolute;
	width: 795px;
	height: 17px;
	bottom: 0;
	padding-top: 0.4em;
	background-color: #c08f48;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .7em;
	color: #FFECE4;
}


/*------------------------------------------------ element style -------------------------------*/

.contImgL {
	float: left;
	margin-right: 5px;
	padding: 2px;
	text-align: left;
}

.contImgR {
	float: right;
	margin-left: 5px;
	padding: 2px;
	text-align: right;
}

.contImgC {
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
}

.boxCont {
	float: right;
	width: 150px;
	margin: 5px;
	padding: 5px;
	background-image: url(../images/inbox-bkg.gif);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	font-style: italic;
	color: #666666;
}

.contImgLnk {
	border: 0px;
	text-decoration: none;
}

/*------------------------------------- text style --------------------------------*/

#contCage a {
	color: #c0a98b;
	text-decoration: none;
}

#contCage a:hover {
	color: #ffffff;
	background-color: #debd8e;
	text-decoration: none;
	border-width: 1px;
	border-bottom-style: dashed;
}

#footer a {
	color: #FFECE4;
	text-decoration: none;
}

#footer a:hover {
	color: #FFECE4;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #a38b68;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #a38b68;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #a38b68;
	font-style: italic;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #bea684;
}

.boxContTextOnly {
	padding: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	font-style: italic;
	color: #a38b68;
}
.date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #739E4F;
}

.brown {
	color: #c76700;
}

.green {
	color: #61B54B;
}

.bodyh3brown {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c76700;
}