@charset "UTF-8";

@import url("reset.css");

/* ---------------------------- GENERAL ------------------------------------*/


body  {
	font: 80% "Helvetica light", Verdana, Arial, sans-serif;
	line-height: 1.8em;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #231F20;
}

strong {
	color: #000;
	font-size: 1.1em
}

p {
	widows: 6;
	orphans: 3;
}

a {
	color: #503935;
	text-decoration: none;
}

a:hover {
	color: #57A9AD;
	text-decoration: none;
}

h1 {

	margin: .5em 0 .3em 0;
	padding-top: 30px;
	
}

h2 {
	margin: 1em 0 .2em 0;
}

table {
	margin-top: 20px;
}

td {
	line-height: 1.5em;

}

	
ul {
	margin-left: 2em;
}


li { 
	list-style: disc outside;
	line-height: 1.4em;
	margin-bottom: .7em;
}

ul li ul {
	margin-left: 0em;
}

ul li ul li {
	list-style: none;
	line-height: 1.4em;
	margin-bottom: .7em;
}

.thrColAbsHdr #mainContent table td h2 {
	color: #7c6c2f;
	margin: 0;
	
}


 td h2 {
	padding-bottom: 4px;
	border-bottom: solid 2px #ecf0f2;
	
}


#swapMenu {
	margin-top: .5em;
}

.styled { 	font-size:  1.1em;
			font-style:italic;
			text-align:justify;
			}
			


.thrColAbsHdr #mainContent  h1.color2 { color: #7c6c2f; }

.active {
	color: #57A9AD;
}
.color { color: #57A9AD; }

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.gototop {
	display: block;
	margin: 20px auto 0;
	height: 50px;
	width: 50px;
	padding-top: 12px;
	background: url(../images/up.png) no-repeat;
}

.gototop:hover {
	text-decoration: none;
	background: url(../images/up_o.png) no-repeat;
}

.thrColAbsHdr #container { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/background.png) repeat-y;
	margin: 0 auto 40px; /* the auto margins (in conjunction with a width) center the page */
	padding-left: 10px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
} 
			

/* ---------------------------- HEADER ------------------------------------*/


#home_link {
	display: block;
	height: 100px;
	width: 493px;
	position: absolute;
	left: 9px;
	top: 26px;
	background: url(../images/blank.png); /* --thi s is needed for IE */
	z-index: 100;
}


.thrColAbsHdr #header { 
	position:relative;
	background: #fff; 
	height: 180px;
	width: 960px;
	background: url(../images/header.png) no-repeat;
	text-align: center;
	
} 


.thrColAbsHdr #header #navigation {
	position: absolute;
	top: 140px;
	left: 130px;
	font: 14px Georgia, "Times New Roman", Times, serif ;
	color: #A7BABB;
	
}

.thrColAbsHdr #header #contact {
	position: absolute;
	top: 63px;
	left: 550px;
	width: 400px;
	font: 12px Georgia, "Times New Roman", Times, serif ;
	text-align: left;
	color: #FFF;
	text-shadow: #000 2px 2px 1px
	
}


/* ---------------------------- SIDEBAR 1 ------------------------------------*/


.thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 190px;
	left: 10px;
	width: 210px;
	height: 100%;
	padding: 0 5px 0 5px; 
}

.thrColAbsHdr #sidebar1 ul li ul li:before { 
	content: "\2014  ";
}

.thrColAbsHdr #sidebar1 .top {
	height: 38px;
	padding-top: 7px;
	background: #503935; 
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	font: 13px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #fff;
	line-height: 1.2em;
	vertical-align:middle;
	
}


.thrColAbsHdr #sidebar1 .main {
	height: 100%;
	background: #ecf0f2; 
	padding-top: 10px;
}




/* ---------------------------- SIDEBAR 2 ------------------------------------*/


.thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 190px;
	right: 20px;
	width: 210px;
	height: 100%;
	padding: 0 5px; 
}

.thrColAbsHdr #sidebar2 .top {
	height: 35px;
	padding-top: 10px;  
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	font: 13px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color: #fff;
	vertical-align:middle;
}

.thrColAbsHdr #sidebar2 .ibt {
	height: 30px;
	padding-top: 15px;
	padding-left: 30px;
	background:url(../images/globe.png) no-repeat #8C7E42;
}

.thrColAbsHdr #sidebar2 .bla {
	padding-left: 50px; 
	height: 30px;
	padding-top: 15px;
	background:url(../images/relatedLinks.png) no-repeat #a7b9ba;
}


.thrColAbsHdr #sidebar2 .main {
	height: 100%;
	background: #fff; 
	padding-top: 10px;
	color: #8C7E42;
}


.thrColAbsHdr #sidebar2 ul { 
	margin-left: 15px;
}

.thrColAbsHdr #sidebar2 li { 
	list-style: none;
	font-size: 11px;
	line-height: 1.7em;
	text-transform:uppercase;
}



.thrColAbsHdr #sidebar2 ul li p{ 
	color: #231F20;
	text-transform: none;
	margin-bottom: 15px;
}

.thrColAbsHdr #sidebar2 ul li {
	display: block;
	width: 100%;
}

.thrColAbsHdr #sidebar2 ul li:hover {
	display: block;
	/* background: #ecf0f2; */
	cursor: pointer;
	cursor: hand;
}

.thrColAbsHdr #sidebar2 ul li:hover a{
	color: #57A9AD;
}

.thrColAbsHdr #sidebar2 ul li a:hover {
	text-decoration: none;
}

.busLit #sidebar2 ul li a {
	color: #7c6c2f; 
}

.busLit #menu2 ul li a:hover {
	color: #57A9AD; 
}

.busLit #menu2 ul li:hover {
	display: block;
	background: inherit;
	cursor: default;
}


input {
		margin: 10px 0;
}
	




/* ---------------------------- MAIN CONTENT ------------------------------------*/

.thrColAbsHdr #home {
	margin: 0 auto;
	width: 510px;
	padding: 0 20px 30px 0px;
	text-align: center;
	min-height: 490px;
}
	

.thrColAbsHdr #mainContent { 
	margin: 0 245px 0 225px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	border-right: #a7b9ba thin solid;
	border-left: #a7b9ba thin solid;
	padding: 0 20px 40px 20px ; 
	min-height: 500px;
}

.thrColAbsHdr #mainContent p { 

	margin-bottom: 1em;
	line-height: 1.7em;
	}
.thrColAbsHdr #mainContent li { 

	line-height: 1.7em;
	}

.thrColAbsHdr #mainContent .top {
	height: 45px;
	margin: 10px 0 -10px;
	overflow: hidden;
	background:url(../images/books_cropped.jpg) no-repeat;
}

.ibt #mainContent .top {
	height: 45px;
	overflow: hidden;
	background:url(../images/columns_crop.jpg) no-repeat;
}


.thrColAbsHdr #mainContent #page li.page {
	list-style: none;
	min-height: 500px;
}

.thrColAbsHdr #mainContent #page li.page ul{
	margin-left: 1em;
}

.thrColAbsHdr #mainContent #page li.page ul li{
	list-style: disc;
}



.thrColAbsHdr #mainContent h1 { 
	font: italic 1.7em Georgia, "Times New Roman", Times, serif ;
	color: #A7BABB;
	
}

.thrColAbsHdr #mainContent h2 { 
	font: italic 1.5em Georgia, "Times New Roman", Times, serif ;
	color: #A7BABB;
}

.thrColAbsHdr #mainContent table {
	margin-bottom: 20px;
	font-size: 10px;
}

.thrColAbsHdr #mainContent table h2 { 
	font: italic 18px Georgia, "Times New Roman", Times, serif ;
	color: #A7BABB;
	margin: 0;
}


	

/* ---------------------------- FOOTER ------------------------------------*/


.thrColAbsHdr #footer { 
	position: relative;
	height: 30px;
	padding: 15px 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../images/footer.png) no-repeat;
	background-position: -10px 0px;

	zindex: 1000;
} 

.thrColAbsHdr #footer p {
	font: 10px Georgia, "Times New Roman", Times, serif ;
	text-align: center;
	
}

/* ----------------------------END ------------------------------------*/
	
.thrColAbsHdr #menu a {

}