@charset "utf-8";
/* CSU Hospitality Management CSS Document */

/* RESET */

body { padding: 0; margin: 0; background: #fff; }

h1 { font: bold 24px Verdana, Arial, Helvetica, sans-serif; color: #8b2346; margin: 0 0 16px 0; font-weight: bold; }
h2 { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #8b2346; margin: 0 0 16px 0; font-weight: bold; }
h3 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #8b2346; margin: 12px 0 0px 0; font-weight: bold; }
h4 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 0; }
h5 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 0; }
h6 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 0; }

p {	font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 12px 0 12px 0; line-height: 1.4em; }
blockquote { font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333; line-height: 1.4em; }

a:link,a:visited,a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #8b2346; margin: 0 0 0 0; }
a:hover{ color: #ed8c00; }

/* Common classes */

.clrFlt { clear: both; }
.headFl { float: left; }
.hidden { display: none; }
.super { position: relative; top: -5px; font-size: 0.8em; }

/* Special classes */

.attrib { color: #777; font-size: 0.6em; font-style: italic; margin: 0px 0px 1em 0px; padding: 0px; }
.attrib a:link, .attrib a:visited, .attrib a:hover, .attrib a:active { color: #ab8396; }
.byline { font-size: 0.9em; font-style: italic; line-height: 2em; padding: 0px 0px 0px 20px; }
.dateMain { font-size: 0.8em; font-style: italic; margin: 0px; padding: 0px; }
.newsH { margin: 0px; padding: 0px; }
.newsS { margin: 0px 0px 12px 0px; padding: 0px; }
.raquo { color:#8b2346; font-size: 1.5em; font-weight: bold; padding-left: 5px; position: relative; top: 2px; }
.lev3raquo { color:#e1d2bb; }
#CapText {  font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;width:320px;height:100px;background:#000000;text-align:center; }

/* CONTENT */

#hospContentWrap {
	min-width: 800px;
	padding: 0px 0px 0px 20px;
}

/* IE min-width fix */

* html #hospHolderForIE {
	float: left;
	margin-right: -800px;
	position: relative;
}

#hospHeaderMain {
	margin: 20px 0px 0px 0px;
}

#hospCampusMain {
	background: #7d6a55;
	float: left;
	margin-left: 1px;
	.padding-left: 2px;
	_padding-left: 0px;
	width: 209px;
	.width: 211px;
	_width: 209px;
	.position: relative;
	_left: -1px;
}

#hospCampusMain .thumb {
	float: left;
	margin: 1px 0px 1px 2px;
	.margin: 1px;
}

#hospSlideshowMain {
	background: url("/hospitality/images/slideshow_temp.jpg") #abcdef;
	color: #f66;
	float: left;
	text-align: right;
	vertical-align: middle;
	width: 565px;
	height: 416px;
}

#hospCopyMain {
	background: url("/hospitality/images/hosp_copy_main_bg.gif") repeat-y;
}

.hospSideMain {
	float: left;
	padding: 10px 20px 20px 20px;
	width: 170px;
}

.hospNewsMain {
	float: left;
	padding: 20px 20px 20px 0px;
	width: 440px;
}

#hospLev2Header h2 {
	color: #fff;
	float: left;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	position: relative;
	left: 1px;
	width: 734px;
	height: 30px;
}

#hospLev3Header h2 {
	color: #fff;
	float: left;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	width: 734px;
	height: 30px;
}

.lev3Header {
	background: #7c6a54;
	border-top: 2px solid #8b2346;
}

#bumpWrap {
	margin: 0px 0px 0px 1px;
}

#hospLev2Copy {
	background: #e4d8bf;
	float: left;
	padding: 0px 20px 0px 58px;
	position: relative;
	left: 1px;
	width: 431px;
	height: auto;
}

#hospLev2Copy ul li, #hospLev2Copy ol li {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev2Copy ul p, #hospLev2Copy ol p {
	margin-top: 2px;
}

#hospLev2Copy table {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev2Copy table td p {
 	margin: 0px;
	padding: 0px;
	border-top: 1px solid #333;
}

#hospLev2Copy dl dd, #hospLev2Copy dd dt {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev2Copy dl dd {
	padding: 5px 40px 0px 40px;
}

#hospLev3Copy {
	background: #e4d8bf;
	float: left;
	padding: 0px 20px 0px 58px;
	width: 431px;
	height: auto;
}

#hospLev3Copy ul li, #hospLev3Copy ol li {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev3Copy ul p, #hospLev3Copy ol p {
	margin-top: 2px;
}

#hospLev3Copy table {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev3Copy table td p {
 	margin: 0px;
	padding: 0px;
	border-top: 1px solid #333;
}

#hospLev3Copy dl dd, #hospLev3Copy dd dt {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev3Copy dl dd {
	padding: 5px 40px 0px 40px;
}

#hospLev3Sidebar dd dt {
	font-weight: bold;
}

#hospLev2Sidebar {
	background: #7d6a55;
	float: left;
	padding: 0px 20px 0px 20px;
	width: 226px;
	.width: 229px;
	_width: 226px;
	height: auto;
}

#hospLev2Sidebar h3 {
	color: #e4d8bf;
}

#hospLev2Sidebar p {
	color: #fff;
}

#hospLev2Sidebar ul li {
	color: #fff;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev2Sidebar ul p {
	margin-top: 2px;
}

#hospLev2Sidebar a:link, #hospLev2Sidebar a:visited { color: #edac00; }
#hospLev2Sidebar a:hover { color: #8b2346; }

#hospLev3Sidebar {
	background: #e4d8bf;
	float: left;
	padding: 0px 20px 0px 20px;
	width: 225px;
	.width: 229px;
	_width: 226px;
	height: auto;
}

#hospLev3Sidebar h3 {
	color: #8b2346;
}

#hospLev3Sidebar p {
	color: #333;
}

#hospLev3Sidebar ul li {
	color: #333;
	font-size: 12px;
	line-height: 1.4em;
 	margin: 0px 0px 0.5em 0px;
	padding: 0px;
}

#hospLev3Sidebar ul p {
	margin-top: 2px;
}

.lev3Border {
	border-right: 2px solid #8b2346;
	margin-right: -20px;
	padding-right: 20px;
}

.advPhoto {
	float:left;
	margin: 5px 0px;
	width:150px;
}

.advContact {
	float:left;
	margin: 5px 0px;
	width:275px;
}

.rtShadow {
	background: url("/hospitality/images/hosp_rt_shadow.gif") repeat-y bottom right;
	height: auto;
}

/* HEADERS */

#headerPhotos {
	width: 800px;
	.width: 820px;
	height: 154px;
	margin-left: 1px;
}

.hdrPht {
	float: left;
}

#Experi {
	background: #edac00;
	text-indent: 0px;
}
#Explor {
	background: #567632;
	text-indent: -0px;
}
#Resear {
	background: #125687;
	text-indent: -0px;
}

#IndHig {
	background: url("/hospitality/images/headers/indhig.gif") no-repeat #edac00;
	text-indent: -9999px;
}

#SerExc {
	background: url("/hospitality/images/headers/serexc.gif") no-repeat #edac00;
	text-indent: -9999px;
}

#CarTou {
	background: url("/hospitality/images/headers/cartou.gif") no-repeat #edac00;
	text-indent: -9999px;
}

#Testim {
	background: url("/hospitality/images/headers/testim.gif") no-repeat #edac00;
	text-indent: -9999px;
}

#Testim {
	background: #edac00;
	text-indent: 0px;
	font-size: 1.3em;
}

#QnA {
	background: url("/hospitality/images/headers/qna.gif") no-repeat #edac00;
	text-indent: -9999px;
}

#QnA {
	background: #edac00;
	text-indent: 0px;
	font-size: 1.3em;
}

#Blogs {
	background: url("/hospitality/images/headers/blogs.gif") no-repeat #edac00;
	text-indent: -9999px;
}

#CSUHos {
	background: url("/hospitality/images/headers/csuhos.gif") no-repeat #567632;
	text-indent: -9999px;
}

#CSUHos {
	background: #567632;
	text-indent: 0px;
	font-size: 1.3em;
}

#DegOff {
	background: url("/hospitality/images/headers/degoff.gif") no-repeat #567632;
	text-indent: -9999px;
}

#AcaAdv {
	background: url("/hospitality/images/headers/acaadv.gif") no-repeat #567632;
	text-indent: -9999px;
}

#Requir {
	background: url("/hospitality/images/headers/requir.gif") no-repeat #567632;
	text-indent: -9999px;
}

#Requir {
	background: #567632;
	text-indent: 0px;
	font-size: 1.3em;
}

#CamOpp {
	background: url("/hospitality/images/headers/camopp.gif") no-repeat #567632;
	text-indent: -9999px;
}

#CamOpp {
	background: #567632;
	text-indent: 0px;
	font-size: 1.3em;
}

#IndRes {
	background: url("/hospitality/images/headers/indres.gif") no-repeat #125687;
	text-indent: -9999px;
}

#ProAss {
	background: url("/hospitality/images/headers/proass.gif") no-repeat #125687;
	text-indent: -9999px;
}

#ProAss {
	background: #125687;
	text-indent: 0px;
	font-size: 1.3em;
}

#CarAdv {
	background: url("/hospitality/images/headers/caradv.gif") no-repeat #125687;
	text-indent: -9999px;
}

#CarAdv {
	background: #125687;
	text-indent: 0px;
	font-size: 1.3em;
}

#GetCon {
	background: url("/hospitality/images/headers/getcon.gif") no-repeat #125687;
	text-indent: -9999px;
}

/* FOOTER */

#hospFooter {
	color: #ec566c;
	font-size: 12px;
}
#hospFooter a { padding: 0px 10px 0px 10px; }
#hospFooter a:link { color: #a09282; text-decoration: none; }
#hospFooter a:visited { color: #a09282; text-decoration: none; }
#hospFooter a:hover { color: #a09282; text-decoration: underline; }
#hospFooter a:active { color: #a09282; text-decoration: underline; }

	/*** Slick jQuery Slideshow ***/

	#slideshow {
		background: #7D6A55;
		float: left;
		.position: relative;
		.left: 0px;
		_left: -1px;
	}
	
	#slideshow #slidesContainer {
	  margin:0;
	  width:565px;
	  height:416px;
	  overflow: auto; /* allow scrollbar */
	  position:relative;
	}

	#slideshow #slidesContainer .slide {
	  margin:0 auto;
	  width:545px; /* reduce by 20 pixels to avoid horizontal scroll */
	  height:416px;
	}
	
	/* Overlays */
	
	#arrow {
	  position:absolute;
	  top: 476px;
	  .top: 258px;
	  width: 269px;
	  height: 92px;
	  z-index: 9999;
	}
	
	#gothereBG {
	  position:absolute;
	  top: 491px;
	  .top: 272px;
	  width: 565px;
	  height: 73px;
	  z-index: 9998;
	}
	
	/* Slideshow controls style rules. */
	.control {
	  display:block;
	  width:50px;
	  height:24px;
	  text-indent:-10000px;
	  position:absolute;
	  cursor: pointer;
	}
	#leftControl {
	  top: 606px;
	  left: 230px;
	  .top: 392px;
	  .left: 0px;
	  background:transparent url("/hospitality/images/control_left.gif") no-repeat 0 0;
	  z-index: 99999;
	}
	#rightControl {
	  top:606px;
	  left:745px;
	  .top: 392px;
	  .left: 515px;
	  background:transparent url("/hospitality/images/control_right.gif") no-repeat 0 0;
	  z-index: 99999;
	}

	/* Slide content */
	
	.slide a { color: #edac00; }
	.slide a:link { color: #edac00; }
	.slide a:visited { color: #edac00; }
	.slide a:hover { color: #edac00; }
	.slide a:active { color: #edac00; }
	
	#slide1 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide01.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide2 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide02.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide3 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide03.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide4 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide04.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide5 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide05.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide6 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide06.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide7 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide07.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}

	#slide8 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide08.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}
	
	#slide9 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide09.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}
	
	#slide10 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide10.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}
	
	#slide11 {
		width: 565px;
		height: 416px;
		background:url("/hospitality/images/slides/slide11.jpg") no-repeat 0 0;
		margin: -12px 0px 0px 0px;
		.margin: 0px;
		padding: 0px;
		text-align: left;
		vertical-align: bottom;
	}
	
	.slideCopy {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
			top: 353px;
			.top: 335px;
			left: 63px;
		width: 565px;
		height: 79px;
		.height: 81px;
		z-index: 9999;
	}

	.slideCopy p {
		color: #fff;
		font-size: 12px;
		line-height: 1.4em;
	}
	
	.slideCopyBG {
		position: absolute;
			bottom: 0px;
		z-index: 9998;
	}
	
	/* NAV MENU */

	#divNav {
		background: url(../images/hosp_menu_bg.gif) no-repeat;
		margin: 0;
		margin-left: 1px;
		padding: 0;
		height: 55px;
		width: 779px;
	}

	#nav {
		margin-left: -40px;
		.margin-left: 0px;
		margin-top: -16px;
		.margin-top: 0px;
	}

	#nav li ul, #nav li ul {
		margin: 0px;
		padding: 0px;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0px;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul.expeBG, #nav li.on ul.expeBG  { /*put the subnav below*/
		position: absolute;
		top: 189px;
		_top: 89px;
		left: -19px;
		.left: 21px; /* IE 7 */
		_left: 1px;  /* IE 6 */
		padding-top: 4px;
		background: #edac00;
		height: 21px;
		/* change width and padding accordingly if sub-nav changes */
		width: 734px;
		.width: 734px;
		padding-left: 40px;
		margin-left: 40px;
		.margin-left: 0px;
	}
	#nav li.off ul.explBG, #nav li.on ul.explBG  { /*put the subnav below*/
		position: absolute;
		top: 189px;
		_top: 89px;
		left: -19px;
		.left: 21px; /* IE 7 */
		_left: 1px;  /* IE 6 */
		padding-top: 4px;
		background: #567632;
		height: 21px;
		/* change width and padding accordingly if sub-nav changes */
		width: 644px;
		.width: 644px;
		padding-left: 130px;
		margin-left: 40px;
		.margin-left: 0px;
	}
	#nav li.off ul.reseBG, #nav li.on ul.reseBG  { /*put the subnav below*/
		position: absolute;
		top: 189px;
		_top: 89px;
		left: -19px;
		.left: 21px; /* IE 7 */
		_left: 1px;  /* IE 6 */
		padding-top: 4px;
		background: #125687;
		height: 21px;
		/* change width and padding accordingly if sub-nav changes */
		width: 330px;
		.width: 330px;
		padding-left: 444px;
		margin-left: 40px;
		.margin-left: 0px;
	}

	#nav li.on ul {
		background: #f90;
	}

	#nav li.on:hover ul.expeBG, #nav li.over ul.expeBG { /*for ie*/
		background: #edac00;
	}
	#nav li.on:hover ul.explBG, #nav li.over ul.explBG { /*for ie*/
		background: #567632;
	}
	#nav li.on:hover ul.reseBG, #nav li.over ul.reseBG { /*for ie*/
		background: #125687;
	}

	#nav li a {
		color: #125687;
		font-weight: bold;
		display: block;
		width: 264px;
		margin: 0px;
		padding: 0px;
	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 0px;
	}

	#nav li.on:hover ul.expeBG a, #nav li.over ul.expeBG li a { /*for ie - the specificity is necessary*/
	background: #edac00;
	color: #000;
	}

	#nav li.on:hover ul.explBG a, #nav li.over ul.explBG li a { /*for ie - the specificity is necessary*/
	background: #567632;
	}

	#nav li.on:hover ul.reseBG a, #nav li.over ul.reseBG li a { /*for ie - the specificity is necessary*/
		background: #125687;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#liExperience a, #liExplore a, #liResearch a {
		display: block;
		position: relative;
		height: 30px;
		background: url(../images/pres_dropdown_map.gif) no-repeat; /*contains all hover states*/
	}

	/*first, put the initial states in place*/
	
	#liExperience a {
		background-position: 0 0;
		width: 264px;
		margin: 0px;
		padding: 0px;
	}
	
	#liExplore a {
		background-position: -265px 0;
		width: 244px;
		margin: 0px;
		padding: 0px;
	}
	
	#liResearch a {
		background-position: -510px 0;
		width: 264px;
		margin: 0px;
		padding: 0px;
	}
	
	/*active area - for this demo - the code could be based on a body class, and probably work better.*/
	
	/*hover states*/
	
	#liExperience a:hover, #liExperience:hover a, #liExperience.over a, #liExperience.on a {
		background-position: 0 -30px;
	}
	
	#liExplore a:hover, #liExplore:hover a, #liExplore.over a, #liExplore.on a {
		background-position: -265px -60px;
	}
	
	#liResearch a:hover, #liResearch:hover a, #liResearch.over a, #liResearch.on a {
		background-position: -510px -90px;
	}
	
	/*subnav formatting*/
	#nav li.off ul.expeBG a, #nav li.on ul.expeBG a {
		display: block;
		background: #edac00;
		color: #000;
		font-family: arial, verdana, sans-serif;
		font-size: small;
		height:21px;
		font-size:0.7em;
		font-weight:normal;
		padding-right:25px;
	}		
	
	#nav li.off ul.explBG a, #nav li.on ul.explBG a {
		display: block;
		background: #567632;
		color: #fff;
		font-family: arial, verdana, sans-serif;
		font-size: small;
		height:21px;
		font-size:0.7em;
		font-weight:normal;
		padding-right:25px;
	}		
	
	#nav li.off ul.reseBG a, #nav li.on ul.reseBG a {
		display: block;
		background: #125687;
		color: #fff;
		font-family: arial, verdana, sans-serif;
		font-size: small;
		height:21px;
		font-size:0.7em;
		font-weight:normal;
		padding-right:25px;
	}		

	#nav li.off ul.expeBG a:hover, #nav li.on ul.expeBG a:hover {
		color: #8b2346;
	}		
	
	#nav li.off ul.explBG a:hover, #nav li.on ul.explBG a:hover {
		color: #edac00;
	}		
	
	#nav li.off ul.reseBG a:hover, #nav li.on ul.reseBG a:hover {
		color: #edac00;
	}		
	
	#nav li.on ul a {
		background: #f90;
	}