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

/* this document contains styles common to the entire site; specifics, colors, etc will be overwritten by specific page styles */

* {
	padding: 0px;
	margin: 0px;
}

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

body {
	background-color: #dcd8bd;
	background-image:url(/images/home/bg_home.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

body.plain {
	background-color: #fff;
	background-image: none;
}

body.popupchart {
	background-color: #e8f6fb;
	background-image: none;
	margin: 30px;
	}

p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #393939;
	padding: 0px 5px 10px 5px;
	display: block;
}

p a {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #00a2d5;
	text-decoration: underline;
}

p a:hover {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #f39a00;
	text-decoration: underline;
}

#whatsHOT {
	background-color: #f6f4dc;
	border-top: 1px solid #dbd8bd;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px ! important;
	color: #8a8a85;
	height: 72px;
	width: 951px;
	padding-right: 5px;
	top: 1203px; /* was 1224 */
	left: 0px;
	position:absolute;	
	z-index: 1;
	border-right: 1px solid #fff;
}

#whatsHOT a {
	text-decoration: none;
	color: #eb7900;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px ! important;
}

#whatsHOT a:hover {
	text-decoration: underline;
	color: #626262;
}

img#hot {
	position: absolute;
	top: 13px;
	left: 20px;
}

p.hotwords {
	position: absolute;
	top: 17px;
	left: 148px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px ! important;
	line-height: 20px;
	color: #8a8a85;
	width: 780px;
	height: 45px;
}

img.left_callout {
	margin-top: 10px;
}


#flashcontent {
	color:#8080a2;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#flashcontent a {
	color:#8080a2;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

#footer {
	background-color: #dbd8bd;
	background-image:url(/images/footer/foot_grd.gif);
	background-position:top;
	background-repeat:repeat-x;
	padding: 5px 0px 0px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#939288;
	text-decoration: none;
	line-height: 18px;
	left: 0px;
	top: 1271px; /* this will change on pages in the site */
	position:absolute;	
	width: 942px;
}

.footer_txt {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#939288;
	text-decoration: none;
	line-height: 18px;
}

.footer_txt:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#939288;
	text-decoration: underline;
	line-height: 18px;
}


#wrap {
	float: left;
	width: 100%;
	clear: both;
}

h1 {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00a2d5;
	padding: 0px 5px 10px 5px;
	display: block;
	clear: both;
}

h1.green {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #66b116;
	padding: 0px 5px 10px 5px;
	display: block;
	clear: both;
}

h1.orange {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f39a00;
	padding: 0px 5px 10px 5px;
	display: block;
	clear: both;
}

h1.blue {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00a2d5;
	padding: 0px 5px 10px 5px;
	display: block;
	clear: both;
}

h1.blue a {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00a2d5;
	text-decoration: underline;
}

h1.blue a:hover {
	color: #393939;
	text-decoration: underline;
}

h2 {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00a2d5;
	padding: 10px 5px 0px 5px;
	}
	
h2 a {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	color: #00a2d5;
}

h2 a:hover {
	color: #393939;
	text-decoration:none;
}

h3 {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00a2d5; /* this is ca blue */
	padding: 2px 5px 0px 5px;
}


p.header {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f39a00; /* this will change according to section color */
	padding: 10px 5px 10px 5px;
	/* width: 300px; */
}

p.header a {
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #f39a00; /* this will change according to section color */
	text-decoration: none;
}

p.header a:hover {
	color: #393939;
	text-decoration: none;
	}

/* these are lists */
ul.general { 		
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-left: 5px;
	color: #393939;
	width: 350px;
	list-style: none;
}

ul.general li {
	background:url(/images/bg/bullet_highlights.gif) no-repeat 0 7px;
	padding-left: 8px;
}

ul.general li a {
	color: #f39a00;
	text-decoration: underline;
}

ul.general li a:hover {
	color: #393939;
	text-decoration: underline;
}

ul.generalwide { 		
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding-left: 5px;
	color: #393939;
	list-style: none;
}

ul.generalwide li {
	background:url(/images/bg/bullet_highlights.gif) no-repeat 0 7px;
	padding-left: 8px;
}

ul.generalwide li a {
	color: #00a2d5;
	text-decoration: underline;
}

ul.generalwide li a:hover {
	color: #393939;
	text-decoration: underline;
}
ul.generalwide li ul {
	padding-left: 20px;
	list-style: none;
}

ul.generalwide li ul li a {
	color: #00a2d5;
	text-decoration: underline;
}

ul.generalwide li ul li a:hover {
	color: #393939;
	text-decoration: underline;
}

ul.grayarrow {
	list-style: none;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: bold;
	color: #393939;
	padding: 5px;
	}
	
ul.grayarrow li {
	background: url(../images/buttons/grey_arrow.gif) no-repeat 0 4px;
	padding-left: 8px;
	}
	
	
ul.grayarrow li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #393939 ! important;
	font-weight: bold ! important;
	color: #393939;
	text-decoration: none;
}

ul.grayarrow li a:hover {
	color: #393939 ! important;
	text-decoration: underline;
}

ul.grayarrow li ul {
	list-style: none ! important;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #393939 ! important;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
ul.grayarrow li ul li {
	background:url(/images/bg/bullet_highlights.gif) no-repeat 0 7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #393939 ! important;
	font-weight: normal;
	padding-left: 8px;
	}
	
ul.grayarrow li ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #393939 ! important;
	font-weight: normal ! important;
	text-decoration: none;
	}
	
ul.grayarrow li ul li a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #393939 ! important;
	font-weight: normal ! important;
	text-decoration: underline;
	}

ul#highlights { 		/* this is a highlights list on a glance page */
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 45px 0px 0px 20px;
	color: #393939;
	width: 350px;
	list-style: none;
}

ul#highlights li {
	background:url(/images/bg/bullet_highlights.gif) no-repeat 0 7px;
	padding-left: 8px;
}

ul#highlights li a {
	color: #f39a00;
	text-decoration: underline;
}

ul#highlights li a:hover {
	color: #393939;
	text-decoration: underline;
}

ul.brglance { 		/* this is a highlights list on a glance page */
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 4px 0px 0px 20px;
	color: #393939;
	width: 350px;
	list-style: none;
}

ul.brglance li {
	background:url(/images/bg/bullet_highlights.gif) no-repeat 0 7px;
	padding-left: 8px;
}

ul.brglance li a {
	font-weight: normal;
	color: #f39a00;
	text-decoration: underline;
}

ul.brglance li a:hover {
	color: #393939;
	text-decoration: underline;
}

ul#trip_glance {
	float: right;
	padding: 5px 8px 0px 8px; 
	margin: 0px;
	display: block;
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
	
ul#trip_glance li {
	list-style: none;
	display: block;
}

ul#trip_glance li a {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f39a00;
	text-decoration: underline;
}

ul#trip_glance li a:hover {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #f39a00;
	text-decoration: none;
}


.glance_list {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #393939;
	line-height: 14px;
	padding-left: 5px;
}



/* styles from program pages */

#discovery { 		/* this is the flash movie area for program pages */
	background-color: #22225c;
	width: 736px;
	height: 279px;
	top: 20px;
	left: 220px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
	padding: 0px;
	margin: 0px;
}

#underwaterdiscovery{ /*this further defines the program page flash area */
	padding: 0px;
	margin: 0px;
	position:absolute;
	top:60px;
}

img#nextmap {
	margin: 8px 0px 0px 130px;
}

img#nextstep {
	margin: 10px 12px 0px 235px;
}

img#diver {
	margin: 0px 0px 0px 25px;
}

img#customertext {
	margin: 10px 0px 0px 10px;
	float: left;
}

img.press {
	float: left;
	padding-right: 10px;
	}

#ata_glance {
	background-color: #fff8dd; /* this is the background for the main copy */
	width: 411px;
	height: 888px;
	top: 0px;
	left: 130px;
	position:absolute;
	border-bottom: 1px solid #f39a00; /* this will change according to section color */
}


#imgcolumn { /* vertical images on program pages */
    width: 119px;
    height: 889px; /*MODIFIED */
}

#imgcolumn img{
    float:left;
    margin-left:11px;
}


.readabout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color:#000000;
}

/* this is itinerary stuff */

img#map {
	padding-top: 20px;
	}
/* this is interior stuff */

img#photo_int {
	padding: 10px 0 5px 10px;
	}

img#top {
	padding: 5px;
	float: right;
	}
	
img#news {
	padding: 10px;
	float: right;
	}

table#form {
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #393939;
	}
	
table#form td {
	padding:2px;
	}
	
table.form {
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #393939;
	}
	
table.form td {
	padding:2px;
	}
	
table.costsdates {
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #393939;
	}
	
table.costsdates td {
	padding:2px;
	}
	
	
/* styles from old site */
.formLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4A4A4A;
	font-weight: bold;
}

.formSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.submitText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

a.submitText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-decoration: none ! important;
}

a.submitText:hover {
	color: #699BCD;
}

.formSection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.subtitleGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333 ! important;
}

a.subtitleGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333 ! important;
	text-decoration: none ! important;
}

a.subtitleGray:hover {
	color: #999999 ! important;
}

.blueDark {
	background-color: #00a2d5;
}

.blueDim {
	background-color: #afe2fd;
}

.blueLight {
	background-color: #cbecfd;
}

.finePrintGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666! important;
}

.linkHeavy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #454545! important;
}

a.linkHeavy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #454545! important;
	text-decoration: none;
}

a.linkHeavy:hover {
	color: #4382C0 ! important;
}

.linkHeavyWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF ! important;
}

a.linkHeavyWhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
  	text-decoration: none;
	color: #FFFFFF ! important;
}


a.linkHeavyWhite:hover {
	color: #A7D1F7 ! important;
}

.linkThin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22225c ! important;
}

a.linkThin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #22225c ! important;
	text-decoration: none;
}

a.linkThin:hover {
	color: #666666 ! important;
}

.bodyTextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #333333;
}

a.bodyTextSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

a.bodyTextSmall:hover {
	color: #999999;
	text-decoration: underline;
}

.grayMed {
	background-color: #999999;
}

.greenDim {
	background-color: #F5FFD7;
}

.greenLight {
	background-color: #c8ee89;
}

.greenDark {
	background-color: #66b116;
}
.orangeMed {
	background-color: #FAB938;
}

.subtitleBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00a2d5;
	line-height: 18px;
}

a.subtitleBlue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00a2d5 ! important;
	text-decoration: none ! important;
	line-height: 18px;
}

a.subtitleBlue:hover {
	color: #000044 ! important;
	text-decoration: underline ! important;
}

.subtitleGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #649b0d! important;
	line-height: 18px;
}

a.subtitleGreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #649b0d! important;
	text-decoration: none ! important;
	line-height: 18px;
}
a.subtitleGreen:hover {
	color: #000044 ! important;
}

.subtitleGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

a.subtitleGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline ! important;
}

a.subtitleGray:hover {
	color: #666666;
	text-decoration: underline;
}

.headerGray {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.subtitleAlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ! important;
	color: #333333 ! important;
}

a.subtitleAlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold ! important;
	color: #333333 ! important;
	text-decoration: none ! important;
}

a.subtitleAlink:hover {
	color: #FFFFFF ! important;
}

.subtitleA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.bodyText, .bodyText a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333 ! important;
	line-height: 18px;
}


.bodyText a:hover {
	color: #333333 ! important;
}

.noteOrange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #F3A100 ! important;
	text-decoration: none ! important;
	line-height: 18px;
}

/* This class should match the one referenced in 
	\_app\objectSupport.asp and \_scripts\fValConfig.js */
.errHilite {
	background-color: #FFFFCC;
}


/* these styles set the page up depending on if it has a top photo, a right nav, etc -- i am pulling these styles from individual section style sheets and collecting them here */

#header_graphic {
	top: 20px;
	left: 220px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
}

#header_graphic_full { /*for pages like costs and dates where header extends length of page; there is no left nav */
	top: 20px;
	left: 0px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
	width: 956px;
}

#header_graphic.ajournals { /*for pages like costs and dates where header extends length of page; there is no left nav */
	top: 0px;
	left: 0px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
	width: 700px;
}

#top_photo { /* these values are consistent for all pages that have a top photo outside of the programs section where top photo is done in flash */
	top: 81px;
	left: 220px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
}

#top_photo_full { /* these values are consistent for all pages that have a top photo outside of the programs section where top photo is done in flash */
	top: 81px;
	left: 0px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
}



/* this set up is all for pages like about us where there is a top photo, dk blue bkgrd, light content area and right nav */

#trip { /* this is the dark blue box */
	background-color: #22225c;
	width: 735px;
	height: 906px;
	top: 297px;
	left: 220px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
	border-left: 1px solid #f6f4dc;
	border-bottom: 1px solid #f6f4dc;
}

#trip.A {
	top: 297px;
}

#copy_interior { /* light blue box that holds copy_description; this one is set up for an about page with photo, text and right nav */
	background-color: #e8f6fb; /* this is the background for the main copy */
	width: 530px;
	height:	909px; /* this value is the same as the height of the right menu box */
	top: 0px; /* this value will change if the main top photo is altered in height */
	left: 11px;
	position:absolute;	
	border-bottom: 1px solid #00a2d5; /* this will change according to section color */
	border-top: 1px solid #00a2d5; /* this will change according to section color */
	border-left: 1px solid #00a2d5; /* this will change according to section color */

}

#copy_description { /* this is where the content goes in the main portion of the page; this one is set up for an about page with photo, text and right nav */
	width: 497px;
	padding: 15px 15px 18px 15px; 
	margin: 0px;
	float: left;
}

#rightmenu.A {
	top: 0px;
	margin: 0px;

}

/* this setup is for pages like the applications which have a photo but no right nav; content area extends width of page under photo */
#trip.B {
	top: 297px;
}

#copy_interior.B {
	width: 710px;
	border: 1px solid #00a2d5;
}

#copy_description.B {
	width: 680px;
}

/* this setup is for pages like photos and videos which have no top photo or right nav */
#trip.C {
	top: 81px ! important;
	position:absolute;	
}

#copy_interior.C {
	width: 710px;
	top: 12px;
	border: 1px solid #00a2d5;

}

#copy_description.C {
	width: 680px;
}

#rightmenu.C {
	top: 0px;
	margin: 0px;

}

/* this setup is for pages like alumni journals which have no photo but have a right nav */

#trip.D {
	top: 81px;	
}

#copy_interior.D {
	width: 530px;
	top: 15px
}

#rightmenu.D {
	top: 0px;
	margin: 0;
}

#copy_description.D {
	padding: 0; /* the cell with the info has padding */
}

/* this setup is for pages like the program comparison chart with no light content, photo or right nav */

#trip.E {
	top: 81px;
}

#copy_description.E {
	padding: 0; /* the cell with the info has padding */
	width: 710px;
}

/* this is an attempt to get the space out of the flash area for faqs, etc in IE */
#faq { /* this is the dark blue box */
	background-color: #22225c;
	width: 735px;
	height: 924px;
	top: 81px;
	left: 220px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
	border-left: 1px solid #f6f4dc;
	border-bottom: 1px solid #f6f4dc;
}

#faq_interior { /* light blue box that holds copy_description; this one is set up for an about page with photo, text and right nav */
	background-color: #e8f6fb; /* this is the background for the main copy */
	width: 710px;
	height:	909px; /* this value is the same as the height of the right menu box */
	top: 12px; /* this value will change if the main top photo is altered in height */
	left: 11px;
	position:absolute;	
	border-bottom: 1px solid #00a2d5; /* this will change according to section color */
	border-top: 1px solid #00a2d5; /* this will change according to section color */
	border-left: 1px solid #00a2d5; /* this will change according to section color */

}
#faq_description { /* this is where the content goes in the main portion of the page; this one is set up for an about page with photo, text and right nav */
	width: 680px;
	padding: 15px 15px 0px 15px; 
	margin: 0px;
	float: left;
}

#whatsup_interior {
	background-color: #f3f6eb; /* this is the background for the main copy */
	width: 710px;
	height:	909px; /* this value is the same as the height of the right menu box */
	top: 12px; /* this value will change if the main top photo is altered in height */
	left: 11px;
	position:absolute;	
	border: 1px solid #649b0d; /* this will change according to section color */
}

#rightmenufaq {
	width: 180px;
	background-color: #d3e5b0;
	top: 0px;
	left: 540px;
	position: absolute;
	border: 1px solid #649b0d;
	margin: 12px 0px 0px 0px;
	height: 888px;
}

#faq_interiorshort { 
	background-color: #f3f6eb; /* this is the background for the main copy */
	width: 530px;
	height:	909px; /* this value is the same as the height of the right menu box */
	top: 12px; /* this value will change if the main top photo is altered in height */
	left: 11px;
	position:absolute;	
	border-bottom: 1px solid #649b0d; /* this will change according to section color */
	border-top: 1px solid #649b0d; /* this will change according to section color */
	border-left: 1px solid #649b0d; /* this will change according to section color */

}	

#ajournals {
	top: 61px;
	left: 0px;
	position:absolute;	
	border-right: 1px solid #f6f4dc;
	width: 704px;
	padding: 15px;
	background-color: #f3f6eb;
}

table.tripspecial {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
margin: 0;
}

table.tripspecial tr {
background-color: #e8f6fb;
}

table.tripspecial tr.white {
background-color: #fff;
}

table.tripspecial td {
padding: 5px;
margin: 0;
border-bottom: 1px solid #1885be;
}


/* landing page styles */

#discountlanding {
	border-bottom: 1px dotted #00a2d5;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
	
img#hotlanding {
	position: relative;
	top: 0px;
	left: 0px;
	margin-right: 5px;
}

p.hotwordslanding {
	position: relative;
	top: 0px;
	left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px ! important;
	color: #828181;
	margin: 0;
	padding: 0;
}

#discountlanding a {
	text-decoration: none;
	color: #00a2d5;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px ! important;
}

#discountlanding a:hover {
	text-decoration: underline;
	color: #626262;
}

/* new videos/photos pullout in right nav */
#right_videocallout {
	float: left;
	width: 180px;
	border-top: 1px dotted #00a2d5;
	border-bottom: 1px dotted #00a2d5;
	margin-bottom: 10px;
	}
	
#right_videocallout.orange {
	border-top: 1px dotted #f39a00;
	border-bottom: 1px dotted #f39a00;
	}
	
#right_videocallout.green {
	border-top: 1px dotted #649b0d;
	border-bottom: 1px dotted #649b0d;
	}

img#videothumb {
	float: left;
	padding: 15px 5px 15px 15px;
	border: 0;
	}

img#videolink {
	float: left;
	padding: 37px 0 0 0;
	border: 0;
	}
	

img#videobrthumb {
	clear: left;
	float: left;
	padding: 0px 5px 15px 15px;
	border: 0;
	}

img#videobrlink {
	float: left;
	padding: 15px 0 0 0;
	border: 0;
	}
	
img#photothumb {
	float: left;
	padding: 0 9px 15px 15px;
	border: 0;
	}
	
img#photolink {
	float: left;
	padding: 15px 0 0 0;
	border: 0;
	}
	
img#livechat {
	margin: 10px 0;
}

/* pop up chart for salesforce stuff */

h2.chart {
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 16px;
}

table.shipchart {
	border: 1px solid #00a2d5;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	text-align: left;
	background-color: #afe2fd;
}

table.shipchart th {
	background: #22225c;
	color: #ffffff;
	padding: 8px;
	font-size: 14px;
}

table.shipchart td {
	padding: 8px;
	font-size: 12px;
}

table.shipchart tr.white {
	background: #ffffff;
}

/*sometimes for SEO we want links not to be underlined*/
p a.hidlink, ul#news li a.hidlink {
	text-decoration: none;
	color: #393939;
}
p a.hidlink:hover, ul#news li a.hidlink:hover {
	color: #00a2d5;
}