/*  *************************************
    ************** Layout ****************
    ************************************** */
 
 /**************** Base Layout Structure ****************/
 body {
	 background-color:#fff;
 }
div.wrapper { 
	min-width:1002px;
	background-color:#fff;
	}

div.background {
	max-height:1100px;
    overflow: hidden;
    position: absolute;
    top: 0;
	z-index:1;
	width:100%;
	min-width:1030px;
}
div.background .wallpaper {
	position:relative;
	z-index:1;
	
}
div.mask {
    position: absolute;
	z-index:2;
	background-image:url(/images/missionbay/subpage-extra-bg.png);
	background-repeat:repeat-x;
	z-index:2px;
	top:485px;
	height:622px;
	width:100%;
}

div.background img {
	width:100%;
}
div.fixedBox { width:1002px; margin:0 auto;
clear:both;

	}
	

 /**************** Header ****************/
header.hd1 {
	position:relative;
	width:100%;
	background-color:#fff;
	opacity:0.85;
	z-index:3;
	height:70px;
	font-family: FranklinGothicURW-Boo;
	/*-webkit-box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, .3);
box-shadow: 0px 2px 3px 3px rgba(0, 0, 0, .3);  */
	
}


header.hd1 h1.logo {
	text-indent:-9999px;
	background-image:url(/images/missionbay/logo_header.png);
	width:209px;
	height:53px;
	position:relative;
	float:left;
	margin:8px 0 0 17px
	
}

header.hd1 .contact {
	float:right;
	position:relative;
	width:746px;
	text-align:right;
	color:#3a708b;
	margin:4px 25px 4px 0;
	font-size:1.1em;
	letter-spacing:1px;
	
}

header.hd1 .contact span {
	font-size:.9em;
}

/**************** Main Nav ****************/
header.hd1 #containerNav {
	position:relative;
	float:right;
	width:736px;
	line-height:14px;
}

/*div.l {
	display: -moz-inline-box;
	display:inline-block;
}*/



* html header.hd1 #containerNav li{ display:inline; }  /* for IE 6 */
* + html header.hd1 #containerNav li { display:inline; }  /* for IE 7 */
/* this was used when nav was text, no longer needed
header.hd1 #containerNav div.l .navActive + .navbox{
	color:#5b9bba;
	text-decoration:none;
	text-transform:lowercase;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
	display:block;
	cursor:pointer;
	background-image:url(/images/missionbay/nav_hover_bg.png);
	background-repeat:no-repeat;
	background-position: 20px 10px;
}
*/
#nav_1 { 
	background:transparent url(/images/missionbay/nav/nav_visiting.png) no-repeat scroll 0 0; 
	display:block; 
	width:76px;
	height:45px; 
	overflow:hidden; 
	cursor:default; 
}
#nav_1.navActive 
{
    background-position: 0 -45px;
}

#nav_2 { 
	background:transparent url(/images/missionbay/nav/nav_planning.png) no-repeat scroll 0 0px; 
	display:block; 
	width:114px;
	height:45px; 
	overflow:hidden; 
	cursor:default; 
} 
#nav_2.navActive {
    background-position: 0 -45px;
}

#nav_3 { 
	background:transparent url(/images/missionbay/nav/nav_food_bev.png) no-repeat scroll 0 0; 
	display:block; 
	width:102px;
	height:45px; 
	overflow:hidden; 
	cursor:default; 
} 
#nav_3.navActive {
    background-position: 0 -45px;
}

#nav_4 { 
	background:transparent url(/images/missionbay/nav/nav_while_in_sf.png) no-repeat scroll 0 0; 
	display:block; 
	width:137px;
	height:45px; 
	overflow:hidden; 
	cursor:default; 
} 
#nav_4.navActive {
    background-position: 0 -45px;
}

#nav_5 { 
	background:transparent url(/images/missionbay/nav/nav_ucsf_campus.png) no-repeat scroll 0 0; 
	display:block; 
	width:127px;
	height:45px; 
	overflow:hidden; 
	cursor:default; 
} 
#nav_5.navActive {
    background-position: 0 -45px;
}

#nav_6 { 
	background:transparent url(/images/missionbay/nav/nav_submit_rfp.png) no-repeat scroll 0 0; 
	display:block; 
	width:67px;
	height:45px; 
	overflow:hidden; 
} 
#nav_6.navActive {
    background-position: 0 -45px;
}

.navbox {
	background-color:#FFF;
	border-top:#68a3bf solid 5px;
    color: #000000;
    display: none;
    padding: 10px 0 20px;
    width: auto;
	z-index:4;
	font-family: 'Armata', sans-serif;
}
.navbox p {
    font-size: 13px;
    margin: 0 0 0px;
    padding: 8px 20px 2px;
}
.navbox p a:link {
    color: #003366;
    text-decoration: none;
}
.navbox p a:visited {
    color: #003366;
    text-decoration: none;
}
.navbox p a:hover {
    color: #6393ac;
    text-decoration: none;
}
.navbox p a:active {
    color: #6393ac;
    text-decoration: none;
}
.navbox ul {
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0;
}
.navbox li {
    display: block;
    padding: 2px 10px 0px 33px;
    text-align: left;
}
.navbox li.category {
    color: #CB9D69;
    display: block;
    font-size: 12px;
    font-style: italic;
    padding: 4px 10px 0 0;
    text-align: left;
}
.navbox li li {
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 0 10px 0 8px;
    text-align: left;
}
.navbox ul a:link {
    color: #9B5608;
    text-decoration: none;
}
.navbox ul a:visited {
    color: #9B5608;
    text-decoration: none;
}
.navbox ul a:hover {
    color: #E17100;
    text-decoration: none;
}
.navbox ul a:active {
    color: #E17100;
    text-decoration: none;
}

div.main {

    width: 100%;
}

.l {
    float: left;
}

.r {
    float: right;
}

/**************** Homepage ****************/

section.hs1 {
	position:relative;
	width:100%;
	z-index:2;
	height:408px; 
	
} 


.slide-out-div {
          width: 560px;
		  top: 300px;
		  height: 96px;
		  position: absolute;
		  right:-600px;
		  background-color:#FFF;
		  opacity:0.9;
      } 
.slide-out-div.open a.handle {
	background:url(/images/missionbay/btn-explore-close.png) !important;
}

.hoverBox {
	overflow: hidden;
	position:relative;
	width:127px;
	height:96px;
	cursor:pointer;
}
	  
.thumbOverlay {
	
	background:url(/images/missionbay/hthumb-overlay.jpg);
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.thumbList li:first-child {
    left: 0;
}

.thumbList li.thumb {
	display:block;
	position:absolute;
	top:-10px;
	padding:10px;
		
}

.thumbList li.t2 {
	display:block;
	left:137px;

	
}
.thumbList li.t3 {
	display:block;
	left:274px;
	
}
.thumbList li.t4 {
	display:block;
	left:411px;
	
}


/*Explore Tooltips*/
#boxExploreSection2 {
	position:absolute;
	z-index:5;
	left:-132px;
	top:70px;
	font-family: 'Armata', sans-serif;
	color:#484848;
}
.explorebox {
	background-image:url(/images/missionbay/toolTip-bg.png);
    display: none;
    height: 290px;
    position: relative;
    width: 485px;
    z-index: 19;
	background-repeat:no-repeat;
	padding-bottom:15px;
}
.exploreTitle {
    color: #484848;
    font-family: 'Armata', sans-serif;
    font-size: 22px;
    height: 20px;
    left: 15px;
    line-height: 24px;
    position: absolute;
    top: 20px;
    width: 455px;
	text-transform:lowercase;
}
.exploreTitle span {
	color:#6393ac;
	
}
.exploreText {
    color: #4c4c4c;
    font-size: 12px;
    height: 60px;
    left: 15px;
    line-height: 20px;
    position: absolute;
    top: 60px;
    width: 455px;
	font-family:Arial, Helvetica, sans-serif;
}
.exploreNavList {
    height: 150px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    top: 140px;
    width: 246px;
}
.exploreNavList ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.exploreNavList ul li{
	margin-bottom:1px;
}
.exploreNavList ul a {
	font-family: 'Armata', sans-serif;
	background:url(/images/missionbay/search.arrow.right-2.png);
	background-position:97% 6px;
	background-repeat:no-repeat;
	background-color:#6ba5c1;
    border-color: -moz-use-text-color #fff #fff;
    display: block;
    line-height: 25px;
    padding: 0 4px 0 8px;
    text-align: left;
	font-size:11px;
}
.exploreNavList ul a:link {
    color: #FFFFFF;
    text-decoration: none;
}
.exploreNavList ul a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.exploreNavList ul a:hover {
    color: #41525b;
    text-decoration: none;
	background-position:97% -41px;
}
.exploreNavList ul a:active {
   color: #41525b;
    text-decoration: none;
}
.exploreMedia {
    height: 131px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 140px;
    width: 190px;
}
.exploreMediaLink {
    font-size: 11px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 265px;
    width: 190px;
}
.exploreMediaLink a:link {
    color: #9B5608;
    text-decoration: none;
}
.exploreMediaLink a:visited {
    color: #9B5608;
    text-decoration: none;
}
.exploreMediaLink a:hover {
    color: #9B5608;
    text-decoration: underline;
}
.exploreMediaLink a:active {
    color: #9B5608;
    text-decoration: underline;
}



section.hs2 {
	width:100%;
	position:absolute;
	height:274px;
	z-index:3;
	margin-top:14px;
	background:url(/images/missionbay/block-bg.png);
	background-repeat:no-repeat;
	
	padding-top:11px;
	
} 



.hcontent1 {
	background:url(/images/missionbay/h-block-blue.png);
	height:254px;
	float:left;
	width:400px;
	padding-left:52px;
	padding-top:20px;
	color:#FFF;
	margin-right:7px;
}

.hcontent1 .col1 {
	float:left;
	width:66%;
	
}
.hcontent1 .col2 {
	float:right;
	width:24%;
	border-left:dotted 1px #bfbfbf;
	padding:0 3%;
	
}

.hcontent1 h1 {
	font-family: 'Armata', sans-serif;
	font-size:32px;
	text-transform:lowercase;
	border-bottom:dotted 1px #bfbfbf;
	padding-left:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight:400;
	letter-spacing:2px;
}

.hcontent1 p {
	font-family: 'Arimo', sans-serif;
	padding-left:20px;
	padding-right:10px;
	line-height:19px;
	color:#c8dee9;
	letter-spacing:1px;
}

.hcontent1 .social {
	text-align:center;
}

.hcontent2 {
	height:254px;
	float:left;
	width:199px;
	padding:20px 24px 0 24px;
	background:url(/images/missionbay/bg-wht-90.png);
	margin-right:7px;
}

.hcontent3 {
	height:254px;
	float:left;
	width:248px;
	padding:20px 20px 0 20px;
	background:url(/images/missionbay/h-block-wht.png);
}

/**************** SubPage ******************/

.heroImage 
{
    margin-bottom:10px;
}

.heroImage img {
    max-width: 100%;
}



/**************** SubPage Article ****************/

article {
	position:relative;
	float:left;
	z-index:2; 
	width:693px;
}


aside {
	float:right;
	position:relative;
	z-index:3;
	width:232px;
}
.main.subpage {
	margin-top:206px;
}

article section {
	background-color:#FFF;
	clear:both;
	padding:17px 12px 17px 25px;
}

article header {

	
}

article header.ah1 {
	background-image:url(/images/missionbay/article-head-bg.png);
	height:114px;
	background-repeat:no-repeat;
	position:relative;
}

article header .share {
	position:relative;
	float:right;
	right:138px;
	top:28px;
}
article section.as1 .share {
    overflow: auto;
}

article section.as1 .share table {
	margin-bottom:15px;
    display: inline-block;
}

article header #boxBreadcrumb {
	position:relative;
	float:left;
	top:32px;
}

article header .font-size {
	position:relative;
	float:right;
	left:74px;
	top:25px;
}
article header .font-size label {
	display:inline-block;
	float:left;
	font-size:10px;
	margin-top:7px;
	margin-right:4px;
}
article header #fontsizer{
	display:inline-block;
}

article header h1 {
	position:relative;
	float:left;
	top:25px;
	
}

article .content {

}

article section.as1 .content {
/*	float:left;
	width:280px;*/
}

article .content a {
	color:#5b9bba;
	font-weight:bold;
}


/************** Quote ********************/
article hgroup.quote {
	border-top:4px solid #000;
	padding-top:28px;
}

article section.as1 hgroup.quote {
	float:left;
	width:270px;
	margin-right:32px;
	
}

article hgroup.quote h2 {
	margin-top:18px;
	font-size: 16px;
}

article hgroup.quote h3 {
    font-size: 18px;	
}

article hgroup.quote h5 {
	padding-top: 12px;
	border-bottom:4px solid #000;
	padding-bottom: 18px;
	font-size: .9em;
	width: 100%;
	text-align: right;
}


/************* Testimonial ****************/
article section.as1 hgroup.testimonial {
	float:left;
	width:100%;	
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #F9AA10;
}

article section.as1 hgroup.testimonial span {
	text-align: center;
}

.testimonialTitleArea .testimonialTitle {
    float: left;
    margin-left: 60px;
}

article section.as1 hgroup.testimonial h3 {
	margin-top: 24px;
	font-size: 18px;
}

article section.as1 hgroup.testimonial h2 {
	margin-top: 24px;
	font-size: 16px;
}

article section.as1 hgroup.testimonial h6 {
	margin-top: 12px;
	font-style: italic;
	font-weight: normal;
	width: 100%;
	text-align: right;
	position: relative;
	right: 30px;
}

.testimonialTitleArea {
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.testimonialTitleArea .leftbar {
    float: left;
    width: 230px;
    border-bottom: 2px solid #F9AA10;
}

.testimonialTitleArea .rightbar {
    float: right;
    width: 230px;
    border-bottom: 2px solid #F9AA10;
}


article .mediagallery header hgroup h2 {
	margin-top:25px;
}

article .divider {
	width:100%;
	clear:both;
	height:8px;
	margin-top:3px;
	margin-bottom:5px;
	background-image:url(/images/missionbay/divider.png);
	background-repeat:no-repeat;
}


/*************** Side Bar *******************/

aside {
	margin-right:33px;
}

aside .toggle-btn {
	background-color:#f9aa10;
	color:#fff;
	font-size:17px;
	font-family: 'Armata', sans-serif;
	padding:7px 28px 7px 9px;
	cursor:pointer;
	margin-bottom:30px;
}
aside section {
	margin-bottom:20px;
	width:232px;
}

aside section.as1 {
	margin-bottom:40px;
	
}

aside section.as2 {
	background-image:url(/images/missionbay/aside-bg-1.png);
	height:250px;
	padding-top:24px;
	width:212px;
	padding-left:20px;
	
	
}

aside section.as3 {
	background-image:url(/images/missionbay/aside-bg-2.png);
	height:265px;
	padding-top:20px;
	width:212px;
	padding-left:20px;
}



/***************** Footer **********************/
footer {
	background-color:#62899b;
	position:relative;
	z-index:2;
	color:#4c5d63;
	font-family: 'Armata', sans-serif;
	padding-top:9px;
	padding-bottom:30px;
	clear:both;
}

footer h6 {
	font-family: 'Armata', sans-serif;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:10px;
}

footer .footerInputs input[type="text"] {
	background-color:#566770;
	width:180px;
	color:#FFF;
	font-size:10px;
	border:none;
	padding:5px;
	position:absolute;
	z-index:4;
	font-family:Arial, Helvetica, sans-serif
	
}
footer .footerInputs input[type="submit"], footer .footerInputs input[type="button"] {
	background:url(/images/missionbay/search.arrow.right-2.png);
	position:absolute;
	z-index:5;
	top:5px;
	left:200px;
	padding-left:0px;
	padding-right:8px;
	border:none;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position:center top;
	height: 13px;
	
}

footer #searchButton:hover, footer #newsletterButton:hover {
	background-position:center -47px;
	
}

.footerInputs li {
	padding:0 5px 0px 5px;
	border-left:1px solid #4c5d63;
	margin-bottom:5px;
	position: relative;
	left: -40px;
}
.footerInputs li:first-child {
	border:none;
	margin-left:0px;
}

.footerInputs {
	
	width:230px;
	float:left;
	text-transform:lowercase;
	position:relative;
	z-index:3;
	
}

.footerInputs a {
	text-decoration:none;
	color:#4c5d63;
	font-size:1em;

}

.footerInputs a.current {
	color:#FFF;

}

.enewsletterBox, .searchBox {
	position:absolute;
	width: 220px;
	background-color:#566770;
	height: 24px;
}


footer nav {
	width:670px;
	float:right;
	text-transform:lowercase;
	letter-spacing:1px;
	margin-top:24px;
}

footer nav li {
	display:inline-block;
	float:left;
	padding-right:12px;
	padding-left:12px;
	border-left:1px solid #4c5d63;
}

footer a{
	color:#4c5d63;
	text-decoration:none;
}

footer a:hover{
	color:#484848;
}

footer nav li:first-child {
	border:none;
	margin-left:0px;
}

footer .location {
	width:100%;
	float:left;
	margin-top:55px;
	margin-bottom:35px;
}

footer .footerInputs, footer .location, footer .logos {
	margin-left:25px;
}

footer .logos img { display: inline-block; vertical-align: top; }
footer .logos img.facebookIcon { margin-left: 20px; }

.home footer .footerInputs, .home footer .location, .home footer .logos {
	margin-left:75px;
}

footer .logos {
	clear:both;
}
footer p {
    margin-bottom: 10px;
}

/* footer tabs */
.foottabs li {
	display:inline-block;
	float:left;
}

.footerInputs .searchPanes {
	clear:both;
}






/*  *************************************
    ************** Widgets **************
    ************************************* */



/*************** Weather *******************/
.hcontent1 .weather {
	text-align:center;
	border-bottom:dotted 1px #bfbfbf;
	padding-bottom:20px;
	margin-bottom:20px;
	font-family: 'Arimo', sans-serif;
}

.padWeatherL span {
	display:block;
}

.weather table {
    margin-top: 30px;
	width:100%;
}

.weather table tr td.png{
	margin-top: 15px;
	padding-top: 15px;
}

.txtWeatherHead {
    margin-bottom: 10px;
    font-weight: bold;
}

.padWeatherR, .padWeatherL {
    padding-top: 10px;
}
.txtWeatherMore {
}

.txtWeatherMore a {
    color: #fff;
    text-decoration: none;
    font-size: .8em;
    font-weight: bold;
}

.txtWeatherMore a img {
    margin-left: 10px;
}

/*************** Font Sizer *******************/

.fsizer {
}
.fsizer a {
    color: #9B5808;
    cursor: pointer;
    display: block;
    float: left;
    letter-spacing: 0;
    line-height: 100%;
    text-align: center;
    text-decoration: none;

}
.fsizer a:hover {
    background: none repeat scroll 0 0 #EAE9DC;
    color: #E17100;
    text-decoration: none;
}
.fsizer a#fs_sml {
    font-size: 9px;
    padding: 2px 3px 2px 3px;
	margin-top:5px;
	margin-right:8px;
}
.fsizer a#fs_med {
    font-size: 13px;
	padding: 2px 3px 2px 3px;
	margin-top:2px;
	margin-right:8px;
}
.fsizer a#fs_lrg {
    font-size: 16px;
	padding: 2px 3px 2px 3px;
}
.fsizer a.fsactive {
    background: none repeat scroll 0 0 #EAE9DC;
    color: #E17100;
    cursor: default;
}


/*************** Breadcrumb *******************/
#boxBreadcrumb ul {
    color:#5b9bba;
    font-size: 11px;
    list-style-type: none;
    margin: 0 0 20px 25px;
    overflow: auto;
    padding: 0;
    text-transform: uppercase;
    width: 675px;
}
#boxBreadcrumb ul li {
    float: left;
    background: url("/images/missionbay/breadcrumb_arrow.png") no-repeat scroll right center transparent;
    margin-right: 10px;
    padding-right: 15px;
}
#boxBreadcrumb ul li h6 {
	padding-top:1px;
}
#boxBreadcrumb ul a {
	padding-top:1px;
	font-family:"ProximaNova-Semibold", Arial;
}
#boxBreadcrumb ul a:link {
    color:#5b9bba;
    text-decoration: none;
}
#boxBreadcrumb ul a:visited {
    color:#5b9bba;
    text-decoration: none;
}
#boxBreadcrumb ul a:hover {
    color: #E17100;
    text-decoration: none;
}
#boxBreadcrumb ul a:active {
    color: #E17100;
    text-decoration: none;
}

#boxBreadcrumb ul li:last-child, #boxBreadcrumb ul li:last-child a {
    color: #000;
    background: none;
}

/*************** Area Maps *******************/

    /* begin overlay elements */
	/* the overlayed element */ 
	.simple_overlay { 
	    /* must be initially hidden */ 
	    display:none; 
	    /* place overlay on top of other elements */ 
	    z-index:10000; 
	    /* styling */ 
	    background-color:#fff; 
		padding: 6px;
	    border:1px solid #fff; 
	    /* CSS3 styling for latest browsers */ 
	    -moz-box-shadow:0 0 90px 5px #000; 
	    -webkit-box-shadow: 0 0 90px #000;    
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;		
	} 
	 
	/* close button positioned on upper right corner */ 
	.simple_overlay .close { 
	    background-image:url(/images/asilomar/icon_overlay_close.png); 
	    position:absolute; 
		z-index: 100;
	    right:-15px; 
	    top:-13px; 
	    cursor:pointer; 
	    height:30px; 
	    width:30px; 
	}

	.txtOverlay {
		font-size: 15px;
		font-weight: bold;
		color: #003366;
		text-transform: uppercase;
	}
	.divOverlay {
		display: inline;
		padding: 0 8px;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
	}
	/* use in combination with .draggable for a fixed size image area where you can drag the image around */
	.boxMapImage {
		width: 1000px;
		height: 600px;
		overflow: hidden;
	}
	.draggable {
		cursor: move;
	}
	.toggleMaps {
		cursor: pointer;
		color: #dbcebd;
	}

    /* end overlay elements */

	#qtvr .close {
		right: -17px;
		top: -17px;
	}
	#qtvr {
		width:450px;
		height:339px;
	}
	#qtvrCaption {
		width: 100%;
		text-align:center;
		font-weight:bold;
		padding:4px;	
	}




/*  =================================================
    Galleries
    ================================================= */

/***************** Tabbed Multimedia Gallery ********************/

/*small media Gallery*/

.playButton{
		top:50px;
		left:75px;
		position: absolute;
	}
.videoThumbContainer{ position:relative; }
	
ul.tabsModMediaGallery {
    height: 21px;
    list-style: none outside none;
    margin: 5px 0 !important;
    padding: 0 0 0 8px;
	position:relative;
	top:-25px;
	left:80px;
}
ul.tabsModMediaGallery li {
    border-right: 1px solid #C0C0C0;
    float: left;
    list-style-image: none !important;
    margin: 0 !important;
    padding: 0;
    text-indent: 0;
}
ul.tabsModMediaGallery li.last {
    border: medium none !important;
}
ul.tabsModMediaGallery a {
    background-color: #EAE9DC;
    color: #5B9BBA;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
ul.tabsModMediaGallery a:active {
    outline: medium none;
}
ul.tabsModMediaGallery a:hover {
    color: #5B9BBA;
}
ul.tabsModMediaGallery a.current, ul.tabsModMediaGallery a.current:hover, ul.tabsModMediaGallery li.current a {
    background-color: #FFF;
    color: #4C473A !important;
    cursor: default !important;
}
div.panesModMediaGallery > div {
    display: none;
    height: 220px;
    padding: 0;
    width: 175px;
}
.scrollableGalleryPhotos {
    height: 160px;
    overflow: hidden;
    position: relative;
    width: 175px;
}
.scrollableGalleryPhotos .items {
    clear: both;
    position: absolute;
    width: 20000em;
}
.scrollableGalleryPhotos div.modItemGalleryPhotos {
    cursor: pointer;
    float: left;
    height: 170px;
    overflow: hidden;
    width: 175px;
}
.scrollableGalleryPhotos .active {
    border: 2px solid #000000;
    position: relative;
    z-index: 9999;
}

#modGalleryPhotosNav {
    margin: auto;
    position: relative;
    top: 30px;
}

#modGalleryPhotosNav td {
    vertical-align: middle;
}

.txtModGenLink {
    text-align: center;
    position: relative;
    bottom: 15px;
}


/* buttons */
a.browse {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1px;
    height: 16px;
    margin: 4px;
    width: 11px;
}
a.right {
    background: url("/images/missionbay/gallery_arrow_right.png") no-repeat scroll 0 0 transparent;
    clear: right;
    margin-right: 0;
}
a.right:hover {
    background-position: 0 -16px;
}
a.right:active {
    background-position: 0 -16px;
}
a.left {
    background: url("/images/missionbay/gallery_arrow_left.png") no-repeat scroll 0 0 transparent;
    margin-left: 0;
}
a.left:hover {
    background-position: 0 -16px;
}
a.left:active {
    background-position: 0 -16px;
}
a.disabled {
    visibility: hidden !important;
}



/************ Promotion Carousels **************/
.promoCarousel {
    width:200px !important;
    height:170px !important;
}

.imgPromotion {
    height: 150px !important;
    width: 200px !important;
}

/*	root element for the SPECIALS scrollable.
	when scrolling occurs this element stays still.
*/
.scrollableSpecials, .scrollableItinerary {
	/* required settings */
	position:relative;
	overflow:hidden;
	width:175px;
	height:200px;
	/* custom decorations */

}
/*
	root element for SPECIALS scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollableSpecials .items, .scrollableItinerary .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollableSpecials div.modItemSpecials, .scrollableItinerary div.modItemItinerary {
	float:left;
	cursor:auto;
	width:235px;
	height:220px;
}

.modItemSpecials .rightColPane .txtModGen {
    text-align: left; width: 175px; height: 150px;
}

/* active item */
.scrollableSpecials .active, .scrollableItinerary .active{
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* scrollable-buttons */
/* this makes it possible to add next button beside scrollable */
.scrollableSpecials, .scrollableItinerary {
	float:left;	
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/* position and dimensions of the navigator */
.naviSpec, .naviItin {
	float: right;
	width:auto;
	height:12px;
}
/* items inside navigator */
.naviSpec a, .naviItin a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/images/asilomar/icon_scrollable_navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}
/* mouseover state */
.naviSpec a:hover, .naviItin a:hover {
	background-position:0 -8px;      
}
/* active state (current page state) */
.naviSpec a.active, .naviItin a.active {
	background-position:0 -16px;     
}
	
#modGalleryPromosNav {
    float: left;
    margin: 0 auto 0 25%;
    position: relative;
    bottom: 8px;
}

#modGalleryPromosNav td {
    vertical-align: middle;
}

#modSpecialsMissionBay .txtModGenLink {
    bottom: 0;
    width: 175px;
    margin-top: 5px;
}

/************* Quick Photo Gallery ******************/

    /* begin gallery1 scrollable */
	/*
		root element for the Gallery1 scrollable.
		when scrolling occurs this element stays still.
	*/
	.scrollableGallery1 {
		/* required settings */
		position:relative;
		overflow:hidden;
		width: 366px; /* (width of thumbs x 5) 66x5=330 + margin 8x4=32 + border 2 */
		height: 60px;
		/* custom decorations */
		margin: 0 auto;
		padding-top: 10px;
	}
	
	/*
		root element for Gallery1 scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollableGallery1 .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}
	/* single scrollable item */
	.scrollableGallery1 div.modGallery1Thumb {
		float:left;
		margin-right: 8px;
		cursor:pointer;
		width: 66px;
		height: 50px;
		display:block; 
		overflow:hidden; 
		cursor:pointer; 
	}
	
	/* active item */
	.scrollableGallery1 .active {
		z-index:9999;
		margin-top: -2px;
		position:relative;
		border: 2px solid #fff;
	}

	/* scrollable-buttons */
    /* prev, next, prevPage and nextPage buttons */
	.navGallery a.browse {
		background:url(/images/powell/icon_scrollable_arrows_gallery.png) no-repeat;
		display:block;
		width:10px;
		height:15px;
		float:left;
		margin:25px 10px 0 10px;
		cursor:pointer;
		font-size:1px;
	}
	
	/* right */
	.navGallery a.right 		{ background-position:-20px -15px;}
	.navGallery a.right:hover 	{ background-position:-10px -15px; }
	.navGallery a.right:active 	{ background-position:-20px -15px; } 
	
	/* left */
	.navGallery a.left			{ background-position:-20px 0; } 
	.navGallery a.left:hover  	{ background-position:-10px 0; }
	.navGallery a.left:active  	{ background-position:-20px 0; }
	
	/* disabled navigational button */
	.navGallery a.disabled {
		visibility: hidden !important;		
	}
    /* end gallery1 scrollable */

    /* begin gallery1 layout */
	
	#QuickPhotoGallery 
	{
	    width:100%; min-height:56px; padding:15px 0px 0px 0px; margin:0px;
	}
	
	#QuickPhotoGallery ul, #QuickPhotoGallery ol { padding:0px 0px 0px 15px; margin:0px 0px 0px 15px; }
	
	#containerGallery1 {
	    float: left;
		width: 433px;
		border: 1px solid #b6ad93;
		background: #fff;
		overflow: auto;
		/* CSS3 styling for latest browsers */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	#containerContent1 { float:left; width:200px; margin-left: 15px; }
	
	.boxGallery1Head {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		overflow: auto;
	}

	.txtGallery1 {
		float: left;
		font-size: 16px;
		color: #58451b;
		line-height: 24px;
	}

	.boxGallery1Photo {
		width: 413px; 
		height: 311px;
		
		overflow: hidden;
	}
	.boxGallery1Nav {
		width: 100%; 
		background: #fff url(/images/missionbay/bg_gallery.gif) repeat-x scroll  left top;
	}
    /* end gallery1 layout */
    


/***************** Large Media Gallery **********************/
/* root element for tabs  */
ul.mediagallery-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	position:relative;
	top:-30px;
	left:260px;
}

/* single tab */
ul.mediagallery-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.mediagallery-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.mediagallery-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.mediagallery-tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.mediagallery-panes div {
	display:none;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;
}



/************* Tabbed Carousel ***************/
#tabbedCarouselContainer { height:145px; width:600px; margin:20px 0px 0px 20px; }
#carouselElementItemDetails { margin:15px 0px 0px 0px; padding:0px 10px 25px 10px; background: #fff; }
#carouselElementItemDetails h3 { font-family: 'Armata', Sans-Serif; font-size: 22px; font-weight: normal; margin-top: 18px; margin-bottom: 10px; background: none; color: #4C473A; }

#tabbedCarousel div.link { padding:3px 10px 0px 0px; margin:0px; }
#tabbedCarousel div.link a { background:url(/images/riveradventures/icon_arrow_orange.gif) no-repeat left; padding:0px 0px 0px 20px; margin:0px; }


#tabbedCarousel h2 
{
    font-size:16px; color:#4C473A;
    text-transform:uppercase;
    margin:10px 20px 0px 13px;
}

#tabbedCarouselElements { position:relative; height:145px; width:525px; left:7px;  overflow:hidden;}
#tabbedCarouselElements .items {
	width:20000em;
	position:absolute;
	clear:both;
}


div.carouselElementItem {
	float:left; width:175px;
	padding:0px; margin:0px;
	text-align:center;
	cursor:pointer;
}
div.carouselElementItem p { color:#5B9BBA; margin:0px; padding:5px 0px; }

div.carouselElementItem, div.carouselElementItem div.details { display:none; }
div.carouselElementItem div.image { width:168px; overflow:hidden; }
div.carouselElementItem div.image img { height:120px; position:relative !important; left:0px; }

div.description { width:460px; margin: 10px 0 10px 0; }
div.learnMore   { width:150px; }

div.learnMore a {

	padding:1px 30px 0px 13px;
	font-size: 13px; font-weight:bold;
	color: #4C473A !important;
	line-height: 20px;
	height:20px;
	text-transform: uppercase;
	text-decoration: none;
	background: #C0C0C0;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;

}

#tabbedCarousel div.link {
    display: none;
}

#tabbedCarousel ul { 
	list-style:none; 
	margin: 30px 0 0 10px !important; 
	padding:10px 0px 0px 0px;
	height:21px;
}



/* single tab */
#tabbedCarousel ul li { 
	float:left;	 
	text-indent:0;
	padding: 0px 5px 5px 5px;
	margin: 0px 6px 0px 0px !important;
	list-style-image:none !important; 
	cursor:pointer;
	background-color: #EAE9DC;
	font-size:14px;
	height: 20px;  
	line-height:20px;
	width: auto;
	text-align:center;	
	color: #5B9BBA !important;

}

#tabbedCarousel ul li.first { 
   
}

#tabbedCarousel ul li.active { 
	cursor:default;
	outline:none;
	background: #FFFFFF url(/images/missionbay/tab_on_arrow.png) no-repeat scroll bottom center; 
	 color: #4C473A !important;
}

#tabbedCarousel ul li {
}

.navCompare a.tabbedBrowse {
	display:block;
	width:20px;
	height:39px;
	float:left;
	margin:42px 5px 0 5px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.navCompare a.scrollRight 		{ 
	background:url("/images/missionbay/gallery_arrow_right.png") no-repeat;
	background-position: 0 0;
	height: 16px;
	}
.navCompare a.scrollRight:hover 	{ background-position: 0 -16px; }
.navCompare a.scrollRight:active 	{ background-position: 0 -16px; } 

/* left */
.navCompare a.scrollLeft			{
    background:url("/images/missionbay/gallery_arrow_left.png") no-repeat;
	background-position: 0 0;
	height: 16px;
	} 
.navCompare a.scrollLeft:hover  	{ background-position: 0 -16px; }
.navCompare a.scrollLeft:active  	{ background-position: 0 -16px; }

.navCompare a.disabled {
	visibility: hidden !important;		
}


.button {
    padding:5px 25px;
	font-size: 13px; font-weight:bold;
	color: #4C473A !important;
	line-height: 20px;
	height:20px;
	text-transform: uppercase;
	text-decoration: none;
	background: #C0C0C0;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}


.txtModGen {
    text-align: center;

}



/* begin featured item layout */
	#containerFeatured {
		border: 1px solid #b6ad93;
		background: #fff;
		overflow: auto;
		/* CSS3 styling for latest browsers */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	.boxFeaturedHead {
		margin-bottom: 10px;
		overflow: auto;
	}

	.txtFeaturedHead {
		float: left;
		font-size: 16px;
		color: #58451b;
		text-transform: uppercase;
	}
	
	.boxFeaturedCopy {
		padding: 5px 10px;
		color: #fff;
		line-height: normal;
		background: #2d4d13 url(/images/shenandoah/bg_gallery.gif) repeat-x scroll  left top;
		/* CSS3 styling for latest browsers */
		/* needed here to prevent background color from bleeding through */
		/* rounded corner border edges on #containerFeatured element */
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
	}
	.boxFeaturedCopyTitle {
		font-family: times, serif;
		font-size: 18px;
	}
	#containerFeatured p { margin:2px 0px; }
/* end featured item layout */

	
/* begin COMPARE module - tabs + scrollable */
	/* begin compare tabs */
	/* root element for tabs  */
	ul.tabsCompare { 
		list-style:none; 
		margin: 10px 0 0 30px !important; 
		padding:0;
		height:21px;
	}
	
	/* single tab */
	ul.tabsCompare li { 
		float:left;	 
		text-indent:0;
		padding:0;
		margin:0 !important;
		list-style-image:none !important; 
		border-top: 1px solid #b3aa7f;
		border-right: 1px solid #b3aa7f;
	}
	
	ul.tabsCompare li.first { 
		border-left: 1px solid #b3aa7f; 
	}
	
	/* link inside the tab */
	ul.tabsCompare a { 
		background-color: #e7dccb;
		font-size:14px;
		display:block;
		height: 20px;  
		line-height:20px;
		width: auto;
		text-align:center;	
		text-decoration:none;
		color: #9b5608;
		padding:0 10px;
		margin:0px;	
		position:relative;
	}
	
	ul.tabsCompare a:active {
		outline:none;		
	}
	
	/* when mouse enters the tab move the background image */
	ul.tabsCompare a:hover {
		color:#9b5608;	
	}
	
	/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
	ul.tabsCompare a.current, ul.tabsCompare a.current:hover, ul.tabsCompare li.current a {
		background: #f3eee5; 
		cursor:default !important; 
		color:#9b5608 !important;
	}
	
	/* tab pane styling */
	div.panesCompare > div {
		display:none;		
		padding:0;
		/*border:1px solid red;*/
	}
	/* end compare tabs */
	
	/* compare chart link */
	#txtCompareChartLink {
		float: right;
		margin: 12px 0 0 0;
		font-size: 11px;
	}
	
	/* begin compare scrollable */
	
	.modCompareNav {
		margin: 10px 0 0 0;
		width: 584px; /* (width of .scrollableCompare + left/right buttons & margins) 524+20+10+20+10 = 584 */
	}
	
	
	/*
		root element for the COMPARE scrollable.
		when scrolling occurs this element stays still.
	*/
	.scrollableCompare {
		/* required settings */
		position:relative;
		overflow:hidden;
		width: 524px; /* (width of thumbs x 3 + thumb margin x 2) 168x3=504 + 10x2 = 524 */
		height: 150px;
		/* custom decorations */
	}
	
	/*
		root element for COMPARE scrollable items. Must be absolutely positioned
		and it should have a extremely large width to accomodate scrollable items.
		it's enough that you set the width and height for the root element and
		not for this element.
	*/
	.scrollableCompare .items {
		/* this cannot be too large */
		width:20000em;
		position:absolute;
		clear:both;
	}
	/* single scrollable item */
	.scrollableCompare div.modItemCompare {
		float:left;
		cursor:pointer;
		margin-right: 10px;
		width:168px;
		height:150px;
	}
	
	/* active item - currently not in use */
	.scrollableCompare .active {
		/*border:2px solid #000; */
		z-index:9999;
		position:relative;
		/* CSS3 styling for latest browsers */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	/* COMPARE trigger buttons */ 
	
	
	.compareTitle {
		margin-top: 125px;
		font-family: times, serif;
		font-size: 14px;
		color: #9b5608;
		text-align: center;
	}

	.boxCompareDetails {
		min-height: 56px;
		display: block;
	}
	
	.txtCompare1 {
		color: #4c473a;
	}
	.txtComparePrice {
		font-size: 10px;
		color: #736535;
	}
	.txtCompare2 {
		font-size: 10px;
		line-height: 14px;
		color: #88794f;
	}

	div.linkCompare {
		margin: 15px 0;
	}	
	
	.padCompareDiv {
		display: inline;
		padding: 0 5px 0 5px;
	}	

	/* scrollable-buttons */
		/* prev, next, prevPage and nextPage buttons */
		.navCompare a.browse {
			background:url(/images/asilomar/icon_scrollable_arrows_compare.gif) no-repeat;
			display:block;
			width:20px;
			height:39px;
			float:left;
			margin:42px 5px 0 5px;
			cursor:pointer;
			font-size:1px;
		}
		
		/* right */
		.navCompare a.right 			{ background-position: 0 0; }
		.navCompare a.right:hover 	{ background-position: -20px 0; }
		.navCompare a.right:active 	{ background-position: -20px 0; } 
		
		/* left */
		.navCompare a.left			{ background-position: 0 -39px; } 
		.navCompare a.left:hover  	{ background-position: -20px -39px; }
		.navCompare a.left:active  	{ background-position: -20px -39px; }
		
		/* disabled navigational button */
		.navCompare a.disabled {
			visibility: hidden !important;		
		}
		
		/* end COMPARE scrollable elements */
	
/* end COMPARE module - tabs + scrollable */