/* ----- 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: url('images/shana-background.jpg') #859ac1 no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; color: #000000; padding:0;margin-bottom:0; }
html { overflow-y: scroll;margin-bottom:0; padding-bottom:0; }
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: #743372; letter-spacing: 1px; margin: 0 0 3px 0; }
h2 { font: bold 20px/21px Georgia, Cambria, serif; color: #5d7fc0; margin: 0 0 13px 0; }
h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #87a0d0; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 6px 0; }
h4 { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #87a0d0; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px 0; }
h5 { font: bold 14px/17px Helvetica,Arial,sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px 0;text-align:center; }


.greenbold { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #477a4e; }
.redbold { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #bc171c; }
.blackmed { font: bold 18px/26px Helvetica,Arial,sans-serif; color: #000000; }
.caption { font: 14px/16px Helvetica,Arial,sans-serif;text-align:center; }
.blue { font: 16px/26px Helvetica,Arial,sans-serif; color: #87a0d0; }
.bluesmall { font: 14px/17px Helvetica,Arial,sans-serif; color: #87a0d0; }
.bluebold { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #87a0d0; }
.blueheadsm { font: bold 18px/26px Helvetica,Arial,sans-serif; color: #87a0d0; }
.bluehead { font: bold 20px/26px Helvetica,Arial,sans-serif; color: #87a0d0; }
.blueheadserif { font: italic bold 20px/23px Georgia, Cambria, serif; color: #87a0d0; }
.violet { font: 16px/26px Helvetica,Arial,sans-serif; color: #b031db; }
.violetsmall { font: 14px/17px Helvetica,Arial,sans-serif; color: #b031db; }
.violetbold { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #b031db; }
.violetmed { font: bold 18px/26px Helvetica,Arial,sans-serif; color: #b031db; }
.violethead { font: bold 20px/26px Helvetica,Arial,sans-serif; color: #b031db; }
.violetheadserif { font: italic bold 20px/23px Georgia, Cambria, serif; color: #b031db; }
.quote {text-indent: 1em; font: bold italic 16px/19px Georgia, Cambria, serif; color: #743372; }
.quote-plain {text-indent: 1em; font: 16px/19px Georgia, Cambria, serif; color: #743372; }
.quote-italic {text-indent: 1em; font: italic 16px/19px Georgia, Cambria, serif; color: #743372; }
.quote-big { font: italic 19px/26px Georgia, Cambria, serif; color: #743372; }
.quote-extra-big { font: italic 22px/26px Georgia, Cambria, serif; color: #743372; }
.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: #9fc0e6; }
.xuni a:link, .xuni a:visited {font: 12px/14px Verdana, Arial, sans-serif; color: #9fc0e6;font-weight:normal;text-decoration:underline;}
hr.mt {color: #ffffff;background-color: #ffffff;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mtb {color: #87a0d0;background-color: #87a0d0;border:0; height:1px;  margin:27px 0 25px 0px; text-align: left;}
hr.mtb2 {color: #87a0d0;background-color: #87a0d0;border:0; height:1px;  margin:7px 0 25px 0px; text-align: left;}
hr.mtb3 {color: #ecade7;background-color: #ecade7;border:0; height:1px;  margin:6px 0 25px 0px; text-align: left;}
hr.mtr4 {color: #ecade7;background-color: #ecade7;border:0; height:1px;  margin:10px 0 10px 0px; text-align: left;}
.center, .center p {text-align:center;}

/* 
this is what the link section looks like in our new style
}
a,
a:active,
a.active {
    outline: 0;
    color: #1959de;
	font-weight:bold;
}
a:hover,
a:focus {
  color: #5a7ecc;
 */


/* ----- 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: #d65ccc; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #ab179f; text-decoration: none; }

.xunibook, .xunibook2 {float:left;text-align:center;margin:10px 8px 8px 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: 1260px;
	clear:both; 
	margin: 0 auto;
	margin-bottom:0; padding-bottom:0;
} 
#left {float:left;width:72px;}
#right {float:left;width:72px;}
#middle1 {float:left;width:1116px;}
#middle {min-height:700px;text-align:left;width:963px;padding:36px 67px 0 86px;background: #ffffff;background: url('images/bg-content.jpg') #ffffff no-repeat;}
.none {margin:0;padding:0;clear:both;}
#footer { clear:both;width: 1116px;background-color:#ffffff;margin-left:72px;z-index:999;padding-top:10px;text-align:center; }
#backtotop { padding-top: 20px; text-align:center;clear:both;}
.clear {clear:both;line-height: 0px;}
#sbottom {text-align:left;margin:0 0 0 72px;width:1076px;height:161px;background: url('images/bottom.jpg') #aa5da8 no-repeat;padding:20px 20px 0px 20px;
text-align:center;font:12px/17px Verdana, Arial, sans-serif;margin-bottom:0; padding-bottom:0;}
#footerbox1, #footerbox2, #footerbox3 {text-align:center;display:inline-block;vertical-align: top;color:#ffffff;}
#footerbox1 {padding:0 113px 20px 0px;width:238px;}
#footerbox2 {padding:0 113px 20px 0px;width:238px;}
#footerbox3 {padding:0 0 20px 0px;width:238px;}
.list-inline2 {
margin:0;
padding:0;
  list-style: none;
}
.list-inline2 > li {
  display: inline-block;
}
.btn-social {
    display: inline-block;
    width: 25px;
    height: 50px;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
	border:0;
	margin:0 0 0 0;
	color: #fff;
}
.btn-social:hover,
.btn-social:focus,
.btn-social:active,
.btn-social:link,
.btn-social a,
.btn-social:visited {
    color: #ffffff;
}
h5 { font: bold 14px/17px Helvetica,Arial,sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px 0;text-align:center; }

#nav { position: relative; clear:both; width: 1116px; height: 47px;font-family:  Verdana, Arial, sans-serif; margin: 0 0; z-index: 2; text-transform: uppercase; }
#nav ul { float:left; display:inline;line-height: 47px;padding:0;margin:0;list-type:none;list-style-type:none;white-space: nowrap; }
#nav ul li { display:inline;float:left; position: relative; padding: 0px 0px 0px;line-height: 28px;height: 28px; }
#nav ul li a{font-weight:400;display:inline;float:left; padding: 0px 0px 0px; background-color: transparent; color: #fff; text-decoration: none; line-height: 1em;}

#nav ul li:hover > ul { display: block; opacity:1; }
#nav ul ul, nav ul ul li ul { font-size: 12px;  margin: 0 0 0 9px; padding: 0 12px 0 0; display: none; position: absolute; z-index: 99999; /* width: 220px; */ opacity: 0;
	-webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
	-moz-transition: opacity 0.2s linear, visibility 0.2s linear;
	-o-transition: opacity 0.2s linear, visibility 0.2s linear;
	transition: opacity 0.2s linear, visibility 0.2s linear;
	/* background: #383838 url('images/drop-down.png') repeat-x; */ 
	background: url('images/drop-down.png') repeat-x;
	-moz-box-shadow: 2px 2px 4px 0px rgba(65, 64, 66, 0.4); 
	-webkit-box-shadow: 2px 2px 4px 0px rgba(65, 64, 66, 0.4); 
	box-shadow: 2px 2px 4px 0px rgba(65, 64, 66, 0.4); 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#bdbbbc,direction=135,strength=4)"; /* IE8+ */ 
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#bdbbbc,direction=135,strength=4); /* IE7 and lower */ 
	}
#nav ul ul { top: 46px; left: 8px; }
#nav ul ul li ul { top: 0; left: 221px; }
#nav ul ul li { clear:both; width:100%; border:0 none; }
#nav ul ul li a { background:none; padding:7px 10px; color:#fff; text-decoration:none; display:inline-block; border:0 none; float:left; line-height: 1.3em; clear:both;  /* width:200px; */  letter-spacing: 0.1em; text-transform: none; }
#nav ul li a.first { border-left: 0 none; }
#nav ul li a.last { border-right: 0 none; }
.menuBullet { padding-bottom: 2px; margin-left: -11px; padding-right: 6px; }
#nav ul ul li a:hover { color:#c6d3eb; background: none; }
#nav ul ul li.rfirst {padding-top:10px; }
#nav ul ul li.rlast {padding-bottom:12px; }