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

/* ************* */
/* Main Area   */
/* ************* */

.container {
  width:                999px;
  padding:              0px;
  margin:               0px auto;
}
 
/* ************* */
/* HTML Elements */
/* ************* */

body  {
  	font:  normal 12px/20px "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
  	background: url(images/body-tile.jpg) repeat;
  	padding: 0px;
  	margin:  0px;
}

a:link {	
	color: #900026;
	text-decoration: underline;
}

a:visited {
	color: #520016;
	text-decoration: underline;

}

a:hover {
	color: #968e55;
	text-decoration: underline;
}

textarea {
	width: 530px;
}


p {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif; color: #444; text-decoration: none; word-spacing: 0.05em; text-align: justify; letter-spacing: 0; line-height: 1.4em; font-size: 1.2em; font-style:normal;
	margin: 0px;
	padding: 4px 3px 6px 30px;
	}

.body {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	line-height: 1.6em;
	font-size: 12px;
	color: #212728;
	width: 520px;
	text-align: left;
	font-style: normal;
	margin-left: 0px;
	padding: 0px;
}

.style5 {
	color: #FFFFFF;
	font-weight: bold;

}

.caption a {
	color: #690014;
	font-weight:normal;
	text-decoration: underline;
}

.caption a:visited {
	color: #333333;
	font-weight:normal;
	text-decoration: underline;
}

.caption a:hover {
	color: #eb1d1b;
	font-weight:normal;
	text-decoration:none;
}

.caption {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	width: 329px; 
	color: #000000; 
	float: left;
	text-decoration: none; 
	word-spacing: 0.05em; 
	text-align: left; 
	letter-spacing: 0; 
	line-height: 1.3em; 
	font-size: 1.0em;
	margin: 0px;
	padding: 9px 7px 16px 1px;
	
}

.caption-italics {
	font-style:italic;
	clear:both;

	
}

.subTitle {
font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif; color: #900026; text-decoration: none; word-spacing: 0.05em; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 2.0em;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	
}

#titleSub {
	float: left;
	clear:both;
	margin: 0px;
	padding: 2px 8px 0px 43px;
}

/* --- main content: Column 01 ---*/
#col01 {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif; color: #444; text-decoration: none; word-spacing: 0.05em; text-align: justify; letter-spacing: 0; line-height: 1.3em; font-size: 1.3em;
	width: 370px;
	float: left;
	margin: 0px;
	padding: 25px 0px 0 25px;
	/*border: #990000 1px solid;*/
}

/* --- main content: Column 02 ---*/
#col02, #basicContent {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif; color: #333; text-decoration: none; word-spacing: 0.05em; text-align: justify; letter-spacing: 0; line-height: 1.9em; font-size: 1.3em;
	width: 535px;
	clear:right;
	float: right;
	margin: 0px;
	padding: 40px 54px 0px 10px;
	/*border: #009900 1px solid;*/
}


#basicContent {
	width: 800px;
	margin-left: 15px;
}

#basicContent h2 {
	font-size: 2em;
}

.size-full {
	margin-left: 46px;
}

#col03 {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif; color: #444; text-decoration: none; word-spacing: 0.05em; text-align: justify; letter-spacing: 0; line-height: 1.3em; font-size: 1.3em;
	width: 860px;
	clear:right;
	float: left;
	margin: 0px;
	padding: 40px 54px 0px 16px;
}


#searchContainer { 
	position: relative;
	padding: 49px 54px 0px 0;
	float: right;
}
#searchContainer #q { 
	color: #666;
	background: #fff;
	padding: 1px 3px;
	font-size:10px;
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	border: 1px solid #c3b976;
}
#searchContainer #btnG { 
	color: #036;
	font-weight: normal;
	background: #e8de9b;
	padding: 0 5px;
	font-size:10px;
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	border: 1px double #98905b;
}

	
h1 {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:500;
	clear: right;
  	font-size: 2.1em;
	padding: 4px 0px 26px 38px;
	line-height: 24px;
	color: #8a0226;
	margin: 0px;
	}
	
h2 {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif; color: #333333; word-spacing: 0.05em; font-weight:500; text-align: left; letter-spacing: 0; line-height: 1.1em; font-size: 1.6em; font-style:normal;
	margin: 0px;
	padding: 8px 7px 18px 42px;

}


h3 {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:500;
	clear: right;
  	font-size: 1.7em;
	padding: 6px 0px 26px 38px;
	line-height: 24px;
	color: #8a0226;
	margin: 0px;
}

h4 {
  	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:500;
	clear: right;
  	font-size: 1.9em;
	padding: 8px 0px 26px 44px;
	line-height: 30px;
	color: #333333;
	margin: 0px;

}


h5 {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:500;
	clear: right;
  	font-size: 1.3em;
	padding: 6px 0px 0px 46px;
	line-height: 24px;
	color: #333;
	margin: 0px;
}


h6 {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:500;
	clear: right;
  	font-size: 1.0em;
	padding: 4px 0px 7px 48px;
	line-height: 24px;
	color: #333;
	margin: 0px;
}

	
#listen {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif; color: #444; text-decoration: none; word-spacing: 0.05em; text-align: justify; letter-spacing: 0; font-size: 0.9em;
	position: relative;
	padding: 2px 0 12px 0;
	width: 360px;
	color: #000;
	font-size: 1.4em; 
	list-style: none;
	text-align: left;
	top: 1px;
	right: 6px;
	left: 66px;
}

#listen ul {
	
	margin: 0;
	padding: 0 0 17px 0;
	text-indent: 0;
	list-style-type: none;
	clear: both;
	line-height: 21px;
	white-space: normal;
	text-align: left;
}
#listen li {
	
	display: block;
	padding: 0 6px 0 19px;
	line-height: 21px;
	background-repeat: no-repeat;
	background-image: url(images/none.gif);
	background-position: 0 0;	
	list-style-type: none;
	text-align: left;
}
#listen li a:link {
	font-size: 0.9em; 
	font-weight: normal;
	color: #8a0226;
	background-color: transparent;
	text-decoration: underline;
}
#listen li a:visited {
	font-size: 0.9em;  
	font-weight: normal;
	color: #520016;
	background-color: transparent;
	text-decoration: underline;
	}
#listen li a:hover {
	font-size: 0.9em;  
	font-weight: normal;
	color: #968e55;
	background-color: transparent;
	text-decoration: none;
}

#notes {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif; color: #444; text-decoration: none; word-spacing: 0.05em; text-align: justify; letter-spacing: 0; font-size: 0.9em;
	position: relative;
	padding: 2px 0 6px 0;
	width: 360px;
	color: #000;
	font-size: 1.4em; 
	list-style: none;
	text-align: left;
	top: 1px;
	right: 6px;
	left: 66px;
}

#notes ul {
	
	margin: 0;
	padding: 0 0 17px 0;
	text-indent: 0;
	list-style-type: none;
	clear: both;
	line-height: 21px;
	white-space: normal;
	text-align: left;
}
#notes li {
	
	display: block;
	padding: 0 6px 0 19px;
	line-height: 21px;
	background-repeat: no-repeat;
	background-image: url(images/notes.gif);
	background-position: 0 0;	
	list-style-type: none;
	text-align: left;
}
#notes li a:link {
	font-size: 0.9em; 
	font-weight: normal;
	color: #8a0226;
	background-color: transparent;
	text-decoration: underline;
}
#notes li a:visited {
	font-size: 0.9em;  
	font-weight: normal;
	color: #520016;
	background-color: transparent;
	text-decoration: underline;
	}
#notes li a:hover {
	font-size: 0.9em;  
	font-weight: normal;
	color: #968e55;
	background-color: transparent;
	text-decoration: none;
}

#on {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif; color: #444; text-decoration: none; word-spacing: 0.05em; 	font-size: 1.1em;
	position: relative;
	padding: 0 0 4px 0;
	color: #000;
	line-height: 22px;
	list-style: none;
	text-align: left;
	top: 1px;
	right: 6px;
	left: 66px;
}

#on ul {
	
	margin: 0;
	padding: 0 0 17px 0;
	line-height: 22px;
	text-indent: 0;
	list-style-type: none;
	clear: both;
	text-align: left;
}
#on li {
	
	display: block;
	padding: 0 6px 0 19px;
	line-height: 22px;
	background-repeat: no-repeat;
	background-image: url(images/bullet-side.gif);
	background-position: 0 0;	
	list-style-type: none;
	text-align: left;
}
#on li a:link {
	font-size: 1.1em; 
	font-weight: normal;
	color: #8a0226;
	background-color: transparent;
	text-decoration: underline;
}
#on li a:visited {
	font-size: 1.1em; 
	font-weight: normal;
	color: #520016;
	background-color: transparent;
	text-decoration: underline;
	}
#on li a:hover {
	font-size: 1.1m;
	font-weight: normal;
	color: #968e55;
	background-color: transparent;
	text-decoration: none;
}

	
tr {
font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif; background-color: ; color: #444; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 1.4em;
	}
	
#photoLGContainer {
	position: relative;
	margin: 7px 1px 9px -190px;
	padding: 0px;
	height: 193px;
	width: 329px;

}

#photoLG {
	position: absolute;
	margin: 7px 1px 9px -190px;
	padding: 0px;
	height: 193px;
	width: 329px;
	top: 310px;
	left: 2px;
}

#logoPhotoContainer {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 91px;
	width: 180px;
	top: 8px;
	left: 50px;

}

#logoPhoto {
	position: absolute;
	background: transparent url("/images/adamo-sm-photo.jpg") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 134px;
	width: 148px;

}

#logoPhoto a {
		display: block;
		height: 134px;
		width: 148px;
		
	}

#logoTitleContainer {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 91px;
	width: 180px;
	top: -83px;
	left: 198px;

}

#logoTitle {
	position: absolute;
	background: transparent url("/images/adamo-title.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 91px;
	width: 180px;

}

#logoTitle a {
		display: block;
		height: 91px;
		width: 180px;
		
	}

#subBannerContainer {
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
	top: 110px;
	left: 0px;

}

#photoPlacement {
	font-family: "Adobe Garamond Pro", Garamond, "Adobe Garamond", Trebuchet, "Times New Roman", Times, serif;
	font-size: 0.9em;
	position: relative;
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px 15px 10px 0px;
	width: 300px;

}
#photoPlacement a img { border:0 }

#subBanner, #subBannerLW {
	position: relative;
	background: transparent url("/images/sub-heading-lw.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;


}


#subBannerPress {
	position: relative;
	background: transparent url("/images/sub-heading-press.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerImages {
	position: relative;
	background: transparent url("/images/sub-heading-images.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerLysistrata {
	position: relative;
	background: transparent url("/images/sub-heading-lysistrata.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}



#subBannerNews {
	position: relative;
	background: transparent url("/images/sub-heading-news.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerPrint {
	position: relative;
	background: transparent url("/images/sub-heading-print.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;

}

#subBannerBiography {
	position: relative;
	background: transparent url("/images/sub-heading-biography.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;


}

#subBannerBackstory {
	position: relative;
	background: transparent url("/images/sub-heading-backstory.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerOrchestra {
	position: relative;
	background: transparent url("/images/sub-heading-orchestra.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerNewsJournal {
	position: relative;
	background: transparent url("/images/sub-heading-news.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerWritings {
	position: relative;
	background: transparent url("/images/sub-heading-writings.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerInPrint {
	position: relative;
	background: transparent url("/images/sub-heading-inprint.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerContact {
	position: relative;
	background: transparent url("/images/sub-heading-contact.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerChoirs {
	position: relative;
	background: transparent url("/images/sub-heading-choirs.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#subBannerSearch {
	position: relative;
	background: transparent url("/images/sub-heading-search.gif") top left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 83px;
	width: 999px;
}

#mainBody {
	float: left;
	font-style: normal;
	margin: -220px 0px 0px 0px;
	padding: 0px 0px 0px 60px;
	list-style: none;
	text-align: left;
	width: 510px;
	}

#mainBody ul {
	margin: 0px 0px 20px 16px;
	padding: 0px;
	text-indent: 0px;
	list-style-type: none;	
	line-height: 19px;
	white-space: normal;
	text-align: left;
}
	
#mainBody li {
	display: block;
	background-image: url(images/student-icon.gif);
	background-repeat: no-repeat;
	margin: 2px 0px 0px 24px;
	padding: 0px 0px 0px 24px;
	background-position: 0 0;	
	line-height: 18px;
}
	
#mainBody li a:link {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold; 
	color: #cd1212;
	background-color: transparent;
	text-decoration: underline;
}
	
#mainBody li a:visited {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold; 
	color: #226abf;
	background-color: transparent;
	text-decoration: underline;
}
#mainBody li a:hover {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold; 
	color: #ffae00;
	background-color: transparent;
	text-decoration: underline;
}

#navContainer {
	position: absolute;
	padding: 0px;
	margin: 0px;
	width: 792px;
	height: 80px;
	top: 92px;
	left: 18px;
	}
	
	
.hidden {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}


#middleContainer {
	position: relative;
	background: transparent url("images/container-tile.gif") top left repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	width:999px;
	clear:right;
 	}


#moreMenu {
	position: relative;
	clear:both;
	background: transparent url("images/none.gif") top left repeat;
	padding: 0px 0px 0px 36px;
	margin: 0px;
	width: 551px;
	height: 80px;
	top: 1px;
	left: -11px;
	}
	
#blueBox {
	position: relative;
	clear:both;
	padding: 36px 0px 18px 56px;
	margin: 0px;
	width: 329px;
	height: 212px;
	left: -11px;
	}

	
#navContainer {
	position: absolute;
	background: transparent url("images/none.gif") top left repeat;
	float: left;
	margin: 0px;
	padding: 0px;
	width:655px;
	height: 43px;
	clear:right;
 	}
	
#navBar {
	position: relative;
	padding: 0px;
	margin: 0px;
	width: 655px;
	height: 43px;
	top: -1px;
	left: 25px;
	}

#subnavBar {
	position: relative;
	background: transparent url("images/none.gif") top left repeat;
	padding: 0px;
	margin: 0px;
	width: 442px;
	height: 30px;
	top: 282px;
	left: 0px;
	}
	
#subHeading {
	position: absolute;
	background: transparent url("images/sub-heading.gif") top left repeat;
	padding: 0px;
	margin: 0px;
	width: 999px;
	height: 80px;
	top: 37px;
	left: 0px;
	}
	
#photoContainer {
	position: absolute;
	background: transparent url("images/photo.jpg") no-repeat;
	padding: 0px;
	margin: 0px;
	width: 999px;
	height: 193px;
	top: 88px;
	left: 1px;
	}
	
#subNav  {
	position: absolute;
	margin: 0px 0px 2px 28px;
	padding: 0px;
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif; color: #a85300; text-decoration: none; word-spacing: 0.06em; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 0.9em;
	font-weight:400px;
	width: 236px;
	list-style: none;
	text-align: left;
	top: 46px;
	right: 0px;
	left: 0px;
	}
	
#subNav  ul {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: 0px;
	text-align: left;
	}
	
#subNav  li {
	display: block;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 22px;
	background-image: url(images/bullet-side11.gif);
	background-repeat: no-repeat;
	background-position: 0 0;	
	}
	
#subNav  li a:link {
	
	color: #a85300;
	background-color: transparent;
	text-decoration: underline;
	}
	
#subNav  li a:visited {
	
	color: #a85300;
	background-color: transparent;
	text-decoration: underline;
	}
	
#subNav li a:hover {
	
	color: #a85300;
	background-color: transparent;
	text-decoration: none;
	}
	
.hidden {
	font-family: "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #212728;
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}



a.defaultLink {
  font:                 9px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  text-decoration:      none;
}

a.selected {
  font-weight:          bold;
}
a:link,
a:visited,
a:active {
  text-decoration:      underline;
}  
a:hover {
  text-decoration:      underline;
}

a.selected:hover  {
  text-decoration:      none;
}

/* fixes dotted border bug in FF when mouse-activated; border left alone for tabbing */
a:hover,
a:active {
  outline:              none; 
}

/* global declaration to avoid descender padding for images in IE6 */
img {
  display:              block;
}

table {
  padding:              0px;
  border:               0;
  margin:               0px;
}

td {
  vertical-align:       top;
}

/* ************* */
/* Main Area   */
/* ************* */

.container {
  width:                999px;
  padding:              0px;
  margin:               0px auto;
}

/* added a class akin to ID above to avoid redundant IDs */
.mainArea {
  width:                780px;
  padding:              0px;
  margin:               0px auto;
}

td.mainArea {
  height:               293px;
}

/* IE6 only hack to prop open main content area */
.forceheight {
  height/**/:/**/293px;
}

/* ************* */
/* Grid          */
/* ************* */

.gridHalfCol,
.gridHalfColExt,
.grid1Col,
.grid1ColMargin,
.grid1ColExt,
.grid1ColNarrow,
.grid1AndHalfCol,
.grid2Col,
.grid2ColMargin,
.grid2ColExt,
.grid2ColJobDetail,
.grid3Col,
.grid3ColMargin,
.grid3ColExt,
.grid4Col,
.grid4ColMargin,
.grid4ColExt,
.grid5Col
.grid5ColMargin {
  float:                left;
  display:              inline; /* fix for IE6 double margin bug */
}

.gridHalfCol,
.gridHalfColExt,
.grid1Col,
.grid1ColNarrow,
.grid1AndHalfCol,
.grid2Col,
.grid2ColJobDetail,
.grid3Col,
.grid4Col,
.grid5Col {
  margin:               0px 0px 0px 10px;
}

/* where right margin is necessary */
.grid1ColMargin,
.grid2ColMargin,
.grid3ColMargin,
.grid4ColMargin,
.grid5ColMargin {
  margin:               52px 42px 0px 33px;
}

/* when these classes are used in listingTbl td, */
/* td itself includes the left margin */
/* overwrite left margin set above */
td.gridHalfCol,
td.gridHalfColExt,
td.grid1Col,
td.grid1AndHalfCol,
td.grid2Col,
td.grid3Col,
td.grid4Col,
td.grid5Col,
td.grid1ColMargin,
td.grid2ColMargin,
td.grid3ColMargin,
td.grid4ColMargin,
td.grid5ColMargin {
  margin-left:          0px;
  display:              table-cell; /* overwrite display:inline above for proper cell height in firefox */
  float:                none;       /* overwrite float:left above for proper cell height in firefox */
}

th.gridHalfCol,
th.gridHalfColExt,
th.grid1Col,
th.grid2Col,
th.grid3Col,
th.grid4Col,
th.grid5Col {
  margin-left:          0px;
}

.gridHalfCol {
  width:                69px;
}

.gridHalfColExt {
  width:                89px;
}

.grid1Col {
  width:                230px;
}

.grid1ColMargin {
  width:                200px;
}

/* for selective use with nomargin */
.grid1ColExt {
  width:                200px;
} 

.grid1ColNarrow {
  width:                138px;
} 

.grid1AndHalfCol  {
  width:                217px;
}

.grid2Col {
  width:                306px;
}

/* for full width where right margin is necessary */
.grid2ColMargin {
  width:                296px;
}

/* for selective use with nomargin */
.grid2ColExt {
  width:                316px;
}

/* special width in job detail lightbox */
.grid2ColJobDetail {
  width:                226px;
}

.grid3Col {
  width:                464px;
}

/* for full width where right margin is necessary */
.grid3ColMargin {
  width:                454px;
}

/* for selective use with nomargin */
.grid3ColExt {
  width:                474px;
}

.grid4Col {
  width:                622px;
}

/* for full width where right margin is necessary */
.grid4ColMargin {
  width:                760x;
}

/* for selective use with nomargin */
.grid4ColExt  {
  width:                632px;
}

.grid5Col {
  width:                780px;
}

/* for full width where right margin is necessary */
.grid5ColMargin {
  width:                760px;
}

/* margin override used in conjunction with the above grid styles */
.nomargin {
  margin:               0px;
}
  
/* margin override used in conjunction with the above grid styles */
.rtmargin {
  margin:               0px 10px 0px 0px;
}

/* right align within grid cell */
.right {
  float:                right;
}

.gridRow {
  padding:              0px 0px 8px 0px;
}

/* grid modifications for Forum */
/* required for proper insertion of "new posts" icon */

.forum .grid1ColMargin {
  padding:              0px 10px 0px 0px;
  width:                148px;
}

.newpost {
  width:                10px;
  height:               11px;
  float:                left;
}

/* format lastpostdate column to align next */
/* to conditional newpost icon */
.lastpostdate {
  width:                138px;
  float:                left;
}

.alignCenter {
  text-align:           center;
  display:              block;
}

/* ************* */
/* Top Banner   */
/* ************* */

.bannerContainer {
  height:               259px;
  background: 			url(images/none.gif) repeat;
  border:               none;
  padding:              0px;
  margin:               0px 0px 0px 0px;
}

.topBanner {
  font:                 13px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  height:               66px;
  padding:              0px;
  margin:               0px;
}

a.topBanner {
  font:                 9px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  text-decoration:      none;
  display:              block;
}
 
.logoProperty,
.logoPrintProperty,
.logoCorp,
.logoPrintCorp {
  padding:              0px;
  margin:               8px 0px 0px 8px;
  float:                left;
  display:              block;
  vertical-align:       baseline;
}

.logoPrintProperty,
.logoPrintCorp {
  display:              none;
}

/* corp logo handling for 3rd party pages */
.logoShangrila3rdParty {
  height:               75px;
  width:                147px;
}
/*for IE6 only*/  
.logoShangrila3rdParty {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://202.153.123.165/images/logo/logo_shangrila_en.png');
}
/*  above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
  rules below are invisible to IE6 and display the PNGs normally */
html>body .logoShangrila3rdParty {
  background:           url('http://202.153.123.165/images/logo/logo_shangrila_en.png') top left no-repeat;
}

.bannerRightSide {
  font:                 9px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  background: url(images/redesign-body-tile.gif) repeat;
  text-align:           left;
  width:                315px;
  height:               105px;
  padding:              0px;
  margin:               4px 0px 0px 0px;
  float:                right;
}

/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
  height:               36px;
  background: 			url(images/nav-tile.gif) repeat;
  width:                840px;
  padding:              0px;
  vertical-align:       baseline;
  margin:               0px;

}

/* this style is not used in the c# code*/
a.topNavBar {
  font:                 10px/10px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  color:				#333333
  text-decoration:      none;
  padding:              0px;
}

a.topNavBar:hover {
  text-decoration:      none;
}

/* below clases used in the c# code*/
a.topNavBarSm,
a.topNavBarSmSelected,
a.topNavBarMd,
a.topNavBarMdSelected,
a.topNavBarLg,
a.topNavBarLgSelected {
  background: 		url(images/nav-tile.gif) repeat;
  font:                 10px/25px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  text-decoration:      none;
  padding:              7px 10px 7px 10px;
  vertical-align:       baseline;
  letter-spacing:       .1em;
}

a.topNavBarSm:hover,
a.topNavBarSmSelected:hover,
a.topNavBarMd:hover,
a.topNavBarMdSelected:hover,
a.topNavBarLg:hover,
a.topNavBarLgSelected:hover {
  text-decoration:      none;
}

/* ************* */
/* Footer        */
/* ************* */

#footerContainerInner {
  font:                 11px/14px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  text-align:           left;
  width:                999px;
  height:               73px;
  padding:              10px 0px 0px 10px;
  margin:               0px auto;
}

a.footer {
  font:                 11px/14px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  text-decoration:      none;
  padding:              0px 3px 0px 5px;
}

/* suppress left padding for first element */
#footerContainerInner .first {
  padding:              0px 3px 0px 0px;
}

a.footer:hover {
  text-decoration:      underline;
}
  
/* ************* */
/* Middle Banner */
/* ************* */

#homeImage {
  width:                780px;
  height:               363px; 
  padding:              0px;
  margin:               0px;
}

#homeMiddleBanner {
  text-align:           left;
  height:               49px;
  padding:              0px;
  margin:               -48px 0px 0px 0px;
}

/*for IE6 only*/  
  * html #homeMiddleBanner {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/background/bg_banner_landing_hotel.png');
}

html>body #homeMiddleBanner {
  background:           url('/images/background/bg_banner_landing_hotel.png') top left no-repeat;
  position:             relative; 
}

.homeMidBannerNav  {
  padding:              10px 0px 0px 10px;
  margin:               0px;
}

a.homeMidBannerLink {
  font:                 9px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
  text-decoration:      none;
  position:             relative;
  z-index:              1;
}

a.homeMidBannerLink:hover {
  text-decoration:      underline;
}

/* ************* */
/* Buttons       */
/* ************* */

.btn {
  font:                 9px "Adobe Garamond Pro", Garamond, Adobe Garamond, Trebuchet, "Times New Roman", Times, serif;
}

/*used on reservation checkout confirmation page */
.sendEmailBtn {
  padding-top:          3px; 
  width:                100px;
}

/* ************* */
/* Utility Styles*/
/* ************* */

/* Clear style for clearing floats */
.clear {
  font-size:            0px;     /* for IE -- avoid any space from phantom text  */
  height:               1px;
  background:           transparent; /* for IE -- avoid space from inherited filters */
  margin-bottom:        -1px;
  clear:                both;
}

.block {
  display:              block;
}

.hide {
  display:              none;
}

.italic {
  font-style:           italic;
}

.bold {
  font-weight:          bold;
}

.unbold {
  font-weight:          normal;
}

.spacer1 {
  height:               1px;
}
.spacer2 {
  height:               2px;
}
.spacer3 {
  height:               3px;
}
.spacer5 {
  height:               5px;
}
.spacer10 {
  height:               10px;
}
.spacer15 {
  height:               15px;
}
.spacer18 {
  height:               18px;
}
.spacer20 {
  height:               20px;
}
.spacer25 {
  height:               25px;
}
.spacer30 {
  height:               30px;
}
.spacer40 {
  height:               40px;
}
.spacer50 {
  height:               50px;
}
.spacer60 {
  height:               60px;
}
.nowrap {
  white-space:          nowrap;
}
.imgFloatLeft {
  margin:               0px 2px;
  float:                left;
}

.spacerCol {
  width:                2px;
  display:              inline; /* fix for IE6 double margin bug */
  margin:               0px 0px 0px 0px;
  float:                left;
}

.contentSpacer,
.contentSpacer p { /* correct multiline field wrappers coming out of CMS */
  margin:               0px 0px 10px 0px;
  display:              block;
}

.contentSpacerLg,
.contentSpacerLg p { /* correct multiline field wrappers coming out of CMS */
  margin:               0px 0px 20px 0px;
  display:              block;
}

.rightAlign {
  text-align:           right;
  padding-right:        10px;
}

.textAlignLeft,
th.textAlignLeft {
  text-align:           left;
}

.flushRight {
  margin-right:         -10px;
  float:                right;
}

.leftPadding10 {
  padding-left:         10px;
}

.btmPadding10 {
  padding-bottom:       10px;
}

.btmPadding15 {
  padding-bottom:       15px;
}

.topPadding8 {
  padding-top:          8px;
}
.topPadding15 {
  padding-top:          15px;
}


.gridCalendar {   /* hide elements from non-javascript-enable browsers */
  display:              none;
}

.hideIfNoJavascript {   /* hide elements from non-javascript-enable browsers */
  visibility:           hidden;
  /*display:none; */    /* may interefere with code at page load */
}

.printLink {
  background:           url('/images/common/icon_print.gif') center left no-repeat;
  display:              block;
  padding:              0px 0px 0px 19px;
}

.emailIcon {
  padding-top:          3px;
}

a.emailIcon {
  width:                11px;
  height:               8px;
  padding-top:          3px;
  display:              block;
}

.backtotop {
  display:              block;
  padding:              0px 10px 0px 0px;
  float:                right;
}

/* Bullet for find a venue comparison chart */
img.comparisonBullet {
  padding:              5px 5px 0px 5px;
} 
  
/* ************* */
/* Left Nav      */
/* ************* */

/* set minimum height */
td.leftNavContainer {
  height:               390px;
}

#leftNav {
  text-align:           left;
  width:                148px;
  margin:               0px;
  padding:              20px 0px 60px 0px;
  float:                left;          
}

.leftNavGroup {
  padding-top:          5px;
  padding-bottom:       15px;
}

.leftNavTitle {
  font:                 bold 10px/10px "Adobe Garamond Pro", Trebuchet, "Times New Roman", Times, serif;
  width:                135px;
  padding:              0px 0px 10px 10px;
}

.leftLinks {
  font:                 9px verdana,geneva,sans-serif;
  width:                146px;
  height:               16px;
  padding:              0px;
  margin:               0px;
}

/* container for all left nav not including time & weather feeds*/
.leftNavLinks {
  margin-bottom:        30px;
}

a.leftNav,
a.leftNavSelected {
  display:              block;
  font:                 9px verdana,geneva,sans-serif;
  text-decoration:      none;
  padding:              1px 0px 3px 10px;
}

a.leftNav:hover,
a.leftNavSelected:hover {
  font-weight:          normal; /*should be bold looking at comp but doesn't look good in web*/
  text-decoration:      none;
}

.leftNavHeader {
  font:                 10px/20px verdana,geneva,sans-serif;
  padding:              4px 0px 1px 10px;
  display:              block;
}

.leftNavFeeds {
  font:                 normal 9px/14px verdana,geneva,sans-serif;
  margin:               0px 0px 0px 10px;
  padding:              0px;
}

.leftNavFeedsTitle {
  font:                 bold 10px/17px verdana,geneva,sans-serif;
  padding:              0px 0px 20px 0px;
  margin:               0px;
}

/* the following is used in super value dates page left nav as a place holder link*/
.emailLink  {
  display:              block;
  font:                 9px verdana,geneva,sans-serif;
  text-decoration:      none;
  padding:              1px 0px 3px 10px;
}

/* ************* */
/* Tertiary Nav  */
/* ************* */

.tertiaryNav {
  padding:              0px 0px 14px 0px;
  font:                 9px verdana,geneva,sans-serif;
}

/* ************* */
/* Middle Area   */
/* ************* */

#middleArea,
#middleAreaData {
  width:                474px;
  float:                left;
  padding:              0px 0px 60px 0px;
  margin:               0px;
}

.middleContent,
.middleContentLight {
  padding:              13px 10px 10px 10px;
  margin:               0px;
}

.pageTitle,
.pageTitle a.anchor {
  font:                 14px/20px Trebuchet,serif;
  padding:              20px 0px 10px 0px;
}

.tooltipTitle {
  font:                 14px/20px Trebuchet,serif;
  padding:              10px 0px 10px 0px;
}

.pageSubtitle {
  font:                 12px/16px Trebuchet,serif;
  padding:              0px 0px 10px 0px;
}

.overview {
  font-size:            14px;
  line-height:          24px;
  width:                454px;
}

/* landing pages */
.middleContentTitle {
  font-size:            14px;
  padding:              3px 0px 5px 0px;
}

.middleContentTitlePad {
  font:                 bold 10px/10px verdana,geneva,sans-serif;
  padding:              10px 0px 45px 10px;
}

/* detail pages */

#detailContent {
  padding:              20px 0px 0px 0px;
  margin:               0px;
}

#detailContent a {
  font-size:            14px;
}

.detailContentOneCol {
  padding:              0px 20px 0px 10px;
  margin:               0px;
}

#detailLogo {
  padding-top:          0px;
}
 
#detailLogo img {
  margin-top:           25px;
}

.detailContentCol1 {
  font:                 9px verdana,geneva,sans-serif;
  line-height:          15px;
}

.detailContentCol2 {
  padding:              0px 20px 0px 10px;
}

.detailContentCol1Title {
  font:                 bold 9px verdana,geneva,sans-serif;
}

.detailContentCol2Title {
  font:                 bold 10px/10px verdana,geneva,sans-serif;
  padding:              6px 0px 5px 0px;
}

/* why is this an ID, should be a class - GB
possibly superseded by global definition of ul */
#detailContent ul {
  list-style-type:      none;
  padding:              0px;
  margin:               0px;
}

/* why is this an ID, should be a class - GB
possibly superseded by global definition of li */
#detailContent li {
  padding:              0px 0px 0px 10px;
  margin:               10px 0px 10px 0px;
}

.middleContentLightTitle {
  font:                 14px Trebuchet,serif;
  padding-bottom:       20px;
}

.detailTitle {
  font:                 14px/20px Trebuchet,serif;
  padding:              0px 0px 10px 0px;
}

/* default IE behavior is to put 1em margin at top and bottom of p. But FF puts it on bottom.*/
p {
  margin-top:           0;
  margin-bottom:        1em;
}

/* hack for cms  p br - to compensate for sloppy content entry. Hide a br that immediately follows a P */
/* does not work for ie6 
 p > br:first-child {display:none;}*/
 
.detailText {
  padding:              0 10px;
  font-size:            15px;
  line-height:          16px;
}


/* 2col master useage */
#rightContentArea table.listingTbl,
#rightContentAreaData table.listingTbl {
  width:                999px;
}

/* 3col master useage */
#middleContentArea table.listingTbl,
#middleContentAreaData table.listingTbl {
  width:                474px;
}

.listingTbl td {
  padding:              1px 0px 1px 10px;
}

/* fixed width for cells containing email icon */
/* 'E-mail' heading will wrap at hyphen in IE without it */
.listingTbl th.email {
  white-space:          pre;
}

.listingTbl th {
  padding:              1px 0px 1px 10px;
  font:                 bold 9px verdana,geneva,sans-serif; 
}

.listingTbl .header {
  font-weight:          bold;
  padding-bottom:       5px;
}

.listingTbl .center {
  text-align:           center;
  padding:              0px 6px 0px 6px;
}

/* to override td right padding set to zero above */
td.rightPadding10 {
  padding-right:        10px;
}

/* rightPadding10 above renamed */
td.rightPad {
  padding-right:        10px;
}

/* all table cells for a given table adhere to grid */
.tblGrid td {
  width:                148px;
}

/* selective widths for table rows
usage: header row only - e.g. account/gc_benefits */
.td1Col {
  width:                148px;
}

.td2Col {
  width:                316px;
}

.td3Col {
  width:                474px;
}

/* ** END reworking of section above -GB ** */

/* BEGIN Forum newpost icon handling */

/* change margin to padding for background display */
.titleBand .iconSet {
   margin-left:         0px;
   padding-left:        10px;
}

.iconSet {
  filter:               progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='/images/common/icon_forum_newpost.png');
}
/*  above proprietary Microsoft "filter" rules allow IE to display PNGs with transparency;
  rules below are invisible to IE and display the PNGs normally */
html>body .iconSet {
  background-image:     url("/images/common/icon_forum_newpost.png");
  background-repeat:    no-repeat;
}

/* END Forum newpost icon handling */

/* FAQ specific styles */

.faqLabel {
  color:                #5f4c36;
  font-weight:          bold;
}

.faqQ {
  font-weight:          bold;
  margin:               0px 0px 12px 0px;
}

.faqA {
  font-weight:          bold;
  margin:               0px;
}

.faqHeader {
  font:                 bold 12px/12px verdana,geneva,sans-serif;
  margin:               0px 0px 16px 0px;
}

/* subcat links */
.divCatTarget a {
  display:              block;
  font:                 9px/12px verdana,geneva,sans-serif;
  margin:               3px 0px 6px 0px;
}

/* Newsletter specific styles */

.newsTitle,
.newsTitleSoundbites,
.newsSubtitle {
  font:                 bold 10px/10px verdana,geneva,sans-serif;
}

a.more {
  font:                 9px/14px verdana,geneva,sans-serif;
}

.newsTitle {
  padding:              5px 0px 8px 0px;
}

.quoteBy {
  font-style:           italic;
  margin:               6px 0px 0px 0px;
}

/* ****************************************/
/* Content area for one column pages      */
/* ************************************** */

#contentArea,
#contentAreaData,
#contentAreaDataFixedHeight {
  width:                780px;
  float:                left;
  text-align:           left;
  padding:              0px 0px 60px 0px;
  min-height:           293px;
}
/*  IE6 doesn't seem to respond to min-height.
    Set fixed height on page-by-page basis. */
#contentAreaDataFixedHeight {
  height:               293px;
}

/* ****************************************/
/* Right content area for two column pages*/
/* ************************************** */

#rightContentArea,
#rightContentAreaData {
  width:                632px;
  float:                left;
  text-align:           left;
  padding:              0px 0px 6px 0px;
}

.spacerDiv {
  height:               2px;
  width:                600px;
  padding:              0px;
  margin:               0px;
}
  
tr.spacer10px {
  height:               10px;
}

td.spacer10px {
  height:               10px;
}

tr.spacer20px {
  height:               20px;
}

td.spacer20px {
  height:               20px;
}

tr.spacer15px {
  height:               15px;
}

td.spacer15px {
  height:               15px;

}

.note {
  font:                 9px verdana,geneva,sans-serif;
}

a.selectedDark {
  color:                #31261c;
  font:                 bold 9px verdana,geneva,sans-serif;
}

a.selectedDark:hover {
  text-decoration:      none;
}

/* selectedDark above renamed for investors section */
/* should rename all other refs as well */
.tertiarySelected {
  color:                #31261c;
  font:                 bold 9px verdana,geneva,sans-serif;
}

a.tertiarySelected:hover {
  text-decoration:      none;
}


/* ************* */
/* HTML Elements */
/* ************* */

/* default body styles */
body {
  color:                #c7b79f;
  background:           #5a0017 url('none.gif') top left repeat-x;
}

 
a {
  color:                #ffffff;
}
a.footer {
  color:                #c7b79f;
}
a.topBanner {
  color:                #ffffff;
}
a.topBanner:active {
  color:                #c7b79f;
}
a.selected { 
  color:                #c7b79f;
}
a.darkLink  {   
  color:                #31261c;
}


/* ************* */
/* Top Banner   */
/* ************* */

.pattern {
  background:           url('images/body-tile.jpg') top left repeat-x;
}

.topBanner {
  color:                #c7b79f;
}

/* ************* */
/* Top Nav     */
/* ************* */

#topNavBar {
  color:                #c7b79f;
  height: 36px;
  width: 840 px;
 background: url(images/nav-tile.gif) repeat;
}

/* when using as top anchor need to have color specified */
.detailTitle {
  color:                #c7b79f;
}

.rightContentArea .pageTitle,
.rightContentArea .pageTitle a.anchor,
.middleAreaContainer .pageTitle,
.middleAreaContainer .pageTitle a.anchor {
  color:                #c7b79f;
}

.rightContentAreaData .pageTitle,
.rightContentAreaData .pageTitle a.anchor,
.middleAreaContainerData .pageTitle,
.middleAreaContainerData .pageTitle a.anchor {
  color:                #31261c;
}

.bannerTitleNav,
.detailBannerNav {
  color:                #c7b79f;
}

#contentAreaData div.titleBandNoMarginBtm,
#contentAreaDataFixedHeight div.titleBandNoMarginBtm,
#middleAreaData div.titleBandNoMarginBtm,
#rightContentAreaData div.titleBandNoMarginBtm {
  margin-bottom:        0px;
}



#contentAreaData .titleBand a.anchor,
#contentAreaDataFixedHeight .titleBand a.anchor,
#middleAreaData .titleBand a.anchor,
#rightContentAreaData .titleBand a.anchor {
  background:           #786c5d;
  color:                #c7b79f;
}

/* ****************************************/
/* Content area for one column pages	    */
/* ************************************** */

#contentArea {
  background:           #5f513f;
}

#contentAreaData,
#contentAreaDataFixedHeight {
  background:           #FFFFFF;
  color:                #31261c;
}

/* ****************************************/
/* Right content area for two column pages	*/
/* ************************************** */

#rightContentArea,
#rightContent {
  background-color:     #5f513f;
}

#rightContentAreaData,
#rightContentData {
  background-color:     #e8de9b;
  width:				999px;
  color:                #31261c;
}

/* ************* */
/* Footer     */
/* ************* */

#footerContainer {
	background: url(images/footer-tile.jpg) repeat;
	color:                #7f6b5c;
}

#footerContainerInner  {
  color:                #7f6b5c;
}


.vidThumbnailBlock {
	width: 150px;
	display: inline;
	padding-right: 25px;
	padding-bottom: 10px;
	float: left;
	text-align: center;
	line-height: normal;
}

.vidThumbnailBlock img {
	padding: 0px;
}

.vidThumbnailBlock a:link, .vidThumbnailBlock a:visited {
	color: #333;
}

.vidThumbnailBlock a:hover {
	#900026;
}

.moreBlock {
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
	margin-left: 40px;
}
.moreBlock H3 {
	font-style: normal;
	color: #333;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 1.3em;
}

.moreBlock p {
	padding-left: 0px;
	font-size: 1em;
}

.moreBlock a:link, .moreBlock a:visited {
	color: #000099;
}

.moreBlock a:hover {
	color: #900026;
}

blockquote p {
	font-style: italic;
}