/* ----- RESET ----- */
/* Here, we are going to reset all browsers, so we don't have to declare a bunch of stuff over and over */
@import url("reset.css");

body { font: 16px/26px Helvetica,Arial,sans-serif; background:#cdb7ae;  color: #000000; padding:0 0 0 0; }
html { overflow-y: scroll; }
input, textarea { font: normal 13px/20px Verdana, Arial, sans-serif; color: #000000; }

/* We use em and strong in the text, instead of <b> or <i> ... these are read by browsers to be emphasis terms, and help for readers
by vision-impaired users and spiders */
em { font-style: italic; }
strong { font-weight: bold; }
.anchorlink {height:1px;line-height:1px;font-size:1px;}
p { margin: 0 0 17px 0; }


h1 { font: bold 23px/21px Georgia, Cambria, serif; color: #473633; letter-spacing: 1px; margin: 0 0 3px 0; }
h2 { font: bold 20px/21px Georgia, Cambria, serif; color: #f2904a; margin: 0 0 13px 0; }
h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #b39385; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 6px 0; }
h4 { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #b39385; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px 0; }

.caption { color: #b39385;font-family:Helvetica, Arial, sans-serif;font-size:14px;font-style:normal;font-variant:normal;font-weight:normal;line-height:16px;text-align:center; }
.tan { font: 16px/26px Helvetica,Arial,sans-serif; color: #b39385; }
.tansmall { font: 14px/17px Helvetica,Arial,sans-serif; color: #b39385; }
.tanbold { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #b39385; }
.tanhead { font: bold 20px/26px Helvetica,Arial,sans-serif; color: #b39385; }
.tanheadserif { font: italic bold 20px/23px Georgia, Cambria, serif; color: #b39385; }
.quote {text-indent: 1em; font: bold italic 16px/19px Georgia, Cambria, serif; color: #f0a26a; }
.quote-plain {text-indent: 1em; font: 16px/19px Georgia, Cambria, serif; color: #f0a26a; }
.quote-italic {text-indent: 1em; font: italic 16px/19px Georgia, Cambria, serif; color: #f0a26a; }
.quote-big { font: italic 19px/26px Georgia, Cambria, serif; color: #f0a26a; }
.quote-extra-big { font: italic 22px/26px Georgia, Cambria, serif; color: #f0a26a; }
.dropcap { font: 30px/32px Helvetica,Arial,sans-serif; color: #000000; }
.dropcap2 { font: 25px/29px Helvetica,Arial,sans-serif; color: #000000; }
.xuni { font: 12px/14px Verdana, Arial, sans-serif; color: #9b7869; }
.xuni a:link, .xuni a:visited {font: 12px/14px Verdana, Arial, sans-serif; color: #9b7869;font-weight:normal;text-decoration:underline;}
hr.mt {color: #ebe6c6;background-color: #ebe6c6;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mtb {color: #473633;background-color: #473633;border:0; height:1px;  margin:27px 0 25px 0px; text-align: left;}
hr.mtb2 {color: #473633;background-color: #473633;border:0; height:1px;  margin:7px 0 25px 0px; text-align: left;}
hr.mtb3 {color: #afa3b2;background-color: #afa3b2;border:0; height:1px;  margin:6px 0 25px 0px; text-align: left;}
hr.mtb4 {color: #afa3b2;background-color: #afa3b2;border:0; height:1px;  margin:10px 0 10px 0px; text-align: left;}
.center, .center p {text-align:center;}

.tcontents {margin:0px; padding:3px 20px 0px 40px; list-style-image:initial;}
.tcontents-left {float: left; width: 90%}
.tcontents-right {float: right;text-align:right;width: 5%}

/* ----- LINKS ----- */
/* We change the link color here. The first line color is the color of the link, the second line is the color of the rollover */
a:link, a:visited { font-weight: bold; color: #694174; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #260132; text-decoration: none; }

.xunibook, .xunibook2 {float:left;text-align:center;margin:10px 20px 10px 0;}
.xunibookseries {float:left;text-align:center;margin:10px 6px 10px 0;}
.xunibookright {float:right;text-align:center;margin:0px 15px 10px 20px;}
.xunibookleft {float:left;text-align:center;margin:0px 20px 10px 0px;}
.xunibook img, .xunibook img a {margin:0px 0px 3px 0;}
.xunibook2 img, .xunibook2 img a {margin:0;}
.table {display:table;}
.table-row {display:table-row;}
.table-cell {display:table-cell;text-align:center;}
.table-cell2 {display:table-cell;text-align:left;}
.table-cell3 {display:table-cell;text-align:right;}
.boxleft {float:left;min-width:50%;box-sizing: border-box;margin: 0 20px 0 0;}
.boxright {float:left;box-sizing: border-box;}


/* ----- ARCHITECTURE ----- */
html, body {
       height:auto !important; /* FF and compliant browsers should automatically size the body/html */
       height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
       min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}
.imgblock{display:block;margin:0;padding:0;}
.imgbottom {margin-bottom:50px;position: absolute; bottom:0;}
#container{
	width: 1100px;   
	margin: 0 auto;
	background: #ffffff; 	
} 
#middle {text-align:left;width:1007px;padding:33px 55px 0 60px;}
.none {margin:0;padding:0;clear:both;}
#navigation { width: 1100px; height: 39px;padding:0;margin:0; } 
#navigation ul { float:left; display:inline;height: 39px;line-height: 39px;padding:0;margin:0;list-type:none;list-style-type:none; }
#navigation ul li, #navigation ul li a {display:inline;float:left;padding:0;margin:0;  list-type:none;list-style-type:none;}
.none {margin:0;padding:0;clear:both;}
#footer { clear:both;width: 1100px;background-color:#cdb7ae;z-index:999;padding-top:10px;text-align:center; }
#bottomspace { width:1100px;clear:both; height: 30px; background:#cdb7ae;z-index:99;}
#backtotop { padding-top: 20px; text-align:center;clear:both;}
.clear {clear:both;line-height: 0px;}