/*
	TEMPLATE OVERRIDE
	-----------------
*/

.l {
	width: 638px;
}

#c {
	margin: 0 0 0 32px;
	background: #fff url("/ezstatic/data/overlandsummers/i/bg-sidebar.gif") repeat-y 669px top;
}

.mainimage {
	width: 928px;
	height: 278px;
}

/*
	LIST VIEW PAGE
	--------------
*/

#lv-list {
	list-style: none;
	margin: 20px 0;
}

#lv-list li {
	border: 1px solid #b6b7b7;
	margin: 0 0 20px 0;
	padding: 0;
	background: #fcfbfb url("/ezstatic/data/overlandsummers/i/bg-listviewwrapper.gif") repeat-x left top;
	position: relative;
	min-height: 120px;
	height: auto !important;
	height: 120px;
}

#lv-list li div.lv-ir {
	border: 3px solid #fff;
	padding: 6px;
}

#lv-list li div.lv-imagewrapper {
	width: 140px;
	height: 100px;
	float: left;
	overflow: hidden;
	position: relative;
}

#lv-list li div.lv-imagewrapper a {
	display: block;
	width: 140px;
	height: 100px;
}

#lv-list li div.lv-imagewrapper a img {
	position: absolute;
	top: 0;
	left: 0;
}

#lv-list li div.lv-desc {
	margin: 0 0 0 150px;
}

#lv-list li h4 {
	margin: 0;
}

#lv-list li h4 a {
	color: #002f65;
	text-transform: uppercase;
}

#lv-list li p {
	margin: 0 !important;
}

.startingmonthyear {
	font-style: italic;
	font-size: .9em;
	display: block;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 10px;
}
/*
	DETAIL VIEW PAGE
	--------------
*/        

.instructions {
background: #eaeaea;
border: 2px solid #ccc;
padding: 10px;
margin: 20px;
}


.overview-blue {   /* first paragraph of overview section */
	color: #2f76b2;
	color: #198add;
	font-weight: bold;
}


body#detailview #c {
	background: #fff url("/ezstatic/data/overlandsummers/i/bg-sidebar-dv.gif") repeat-y 626px top;
}

body#detailview .l {
	width: 536px;
	margin: 40px 0 10px 15px;
}

body#detailview .r {
	background: #2f76b2;
	width: 287px;
	margin: -80px 15px 0 0;
	position: relative;
}

body#detailview .ir {
	width: 267px;
}

.blueborder {
	border: 1px solid #8fb5d5;
	padding: 4px;
}

.avatar {         
	/*
	width: 240px;
	height: 170px;
	height: 288px;
	 */
	width: 240px;
	height: 180px;
	margin: 8px auto;
	position: relative;
	background: #002f65;
	background: #333;
}

.avatar img {
	display: block;
	margin: 0 auto;
}

.i-avatar {
	width: 240px;
	margin: 10px auto;
}

.i-avatar a {
	color: #fff;
	text-decoration: underline;
}

/*
.avatar-right {
	width: 130px;
	float: right;
	margin: 0;
	padding: 0;
}
  
*/
.lnk-learnmore a span {
	display: block;
	text-decoration: underline;
}

.axn-watchvideo {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}                    

.axn-watchvideo li {
	cursor: pointer;
	background: transparent url("/ezstatic/data/overlandsummers/i/carat.gif") no-repeat left 5px;
	padding: 0 0 0 12px;
	margin: 0 0 8px 10px;
}

p.leadername {
	margin: 0;
	padding: 0 0 0 14px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #002e63 url("/ezstatic/data/overlandsummers/i/bg-header-leader.png") no-repeat 4px 7px;
	opacity: .8;
	filter: alpha(opacity=80);
	width: 226px;
	overflow: hidden;
}

#hdr-leaderprofile {
	margin: 2px 0;
}

body#detailview #b {
	height: 0;
	background: transparent;
	clear: both;
}

body#detailview .r {
	font-size: .85em;
}

.r h3 {
	font-size: 1.2em;
	text-transform: capitalize;
}

.r .header {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-header.gif") no-repeat left 5px;
	padding: 3px 0 3px 16px;
}

.widget {
	margin: 0 0 34px 0;
}

.checkoutphotos img {
	width: 200px;
}

#similartripslist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#similartripslist li {
	margin: 0 0 14px;
	line-height: normal;
	clear: left;
}

a.st-image img {

}

a.st-image {
	display: block;
	width: 95px;
	height: 66px;
	float: left;
	margin: 0 8px 8px 0;
}

#similartripslist li a {
	color: #fff !important;
}

#similartripslist li a:hover {
	text-decoration: underline;
}

.stl-trip {
	text-transform: uppercase;
	display: block;
}

img#sb-lnk-photos,
.checkoutphotos img {
	cursor: pointer;
}


ul.checkbox {
	margin-left: 20px;
	padding-left: 0;
	list-style: none;
}
ul.checkbox li {
	padding-left: 21px;
	background: url("/ezstatic/data/overlandsummers/i/checkbox.gif") 0 2px no-repeat;
}

p.printviewlink a {
display: block;
width: 80px;
border: 1px solid #faefce;
background: #fec00f;
text-align: center;
float: right;
color: #fff;
}

p.printviewlink a:hover {
border: 1px solid #fec00f;
background: #fff;
color: #fec00f;
text-decoration: none;
}


/*
	ACTIVITY LEFT BAR
	-----------------
	[displays the activity name in the left side of the template in vertical text]
*/

#activity-bar {
	width: 32px;
	height: 327px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
} 

#m .ow,
.avatar {
	background: #92b7d6;
}

/* hiking */
body.activity-1 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #4d89bc;
}

body.activity-1 #activity-bar {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat right 10px;
}


/* biking */
body.activity-2 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #8db25a;
}

body.activity-2 #activity-bar {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -331px 10px;
}

/* service */
body.activity-3 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #1eb5b4;
}

body.activity-3 #activity-bar {
	background-position: -281px 10px;
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -281px 10px;
}

/* language immersion */
body.activity-4 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #a45e86;
}

body.activity-4 #activity-bar {
	background-position: -181px 10px;
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -181px 10px;
}

/* writing programs */
body.activity-5 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #ca5f62;
}

body.activity-5 #activity-bar {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -81px 10px;
}

/* environmental studies */
body.activity-6 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #b3bb4a;
}

body.activity-6 #activity-bar {
	background-position: -32px 10px;
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -32px 10px;	
}



/* field studies */
body.activity-7 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #a0b2d3;
}

body.activity-7 #activity-bar {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -231px 10px;	
}

/* gap year */
body.activity-8 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #bb6a4b;
}

body.activity-8 #activity-bar {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat 19px 10px;	
}

/* introductory */
body.activity-9 #m .ow { 
	/* This is for the color of the left sidebar that lists the activity */
	background: #fec00f;
}

body.activity-9 #activity-bar {
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-activityname.png") no-repeat -131px 10px;	
}

/*
	TRIP HEADERS ON DETAIL VIEW PAGE
	--------------------------------
*/

.activity-summary {
	background: #002f65;
	margin: 0;
	padding: 0;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}

.activity-name {
	display: block;
	width: 31%;
	float: left;
	margin: 0;
	padding: 8px 0 8px 15px;
}
              
.activity-name h1 {
	text-transform: lowercase;
	margin: 0;
	padding: 0;	
	color: #fec00f;
	font-size: 1.7em;
}   

.activity-req {
	display: block;
	width: 32%;
	float: left;        
	margin: 0;
	padding: 9px 0 8px 14px;
	text-align: right;
	color: #fff;
}

h2.activity-tagline {
	text-transform: uppercase;
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.activity-req img {
	vertical-align: middle;
}

/*
	TABBED NAVIGATION
	-----------------
*/     

/*
	Tabs for the FAQ page:
	---------------------
*/

.faq-hide, .byg-hide {
	position: absolute;
	left: -9999em;
	top: 0;
}

.active-link { 
	font-weight: bold;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
		position: absolute;
		top: 0;
		left: -9999em;
		height: 10px;
		overflow: hidden;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-wrapper {
	border-top: 1px solid #8e9091;
	border-top: 1px solid #7b7d7f;
	border-bottom: 1px solid #7b7d7f;
	background: transparent url("/ezstatic/data/overlandsummers/i/bg-tabs.gif") repeat-x left top;
	position: absolute;
	top: -40px;
	left: -15px;
	width: 928px;
	
}
.l ul.tabs-nav {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    clear: both;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    width:157px;
}

.tabs-nav li.firsttab {
    margin: 0;
	width: 155px;
}

.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 6px;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
	text-transform: lowercase;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}

.tabs-nav .tabs-selected a {
    color: #681616;     
	font-weight: bold;
}                     

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
    color: #681616;
	color: #002155;
    background: #fff;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
    background: #8e9091;
	background: #7b7d7f;
}
.tabs-nav a span {
    width: 50px; /* IE 6 treats width as min-width */
    min-width: 50px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 3px;
	padding-bottom: 4px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 3px;
	padding-bottom: 4px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
    background: #fff;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
    background: #8e9091;
	background: #7b7d7f;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-container {
    border-top: 1px solid #fff;
    padding: 1em 0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
    width: 100%; /* stupid ie 6 */
	width: 596px;
}

.tabs-loading em {
    padding: 0 0 0 20px;
    background: url("/ezstatic/data/overlandsummers/i/preloader.gif") no-repeat 0 50%;
}

/*
	PROGRAM LEADER PAGES
	--------------------
*/

.dv-leader-image {
width: 300px;
overflow: hidden;
float: left;
}

.dv-leader-description {
width: 320px;
float: right;
}








/*
	PHOTO GALLERY PAGE
	------------------
*/
#gallery-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

#gallery-list li {
	width: 49%;
	float: left;
	margin: 0 0 20px 0;    
	line-height: normal;
}

.gl-image {
	border: 1px solid #002f65;
	width: 130px;
	height: 100px;
	overflow: hidden;
	float: left;
	margin: 0 8px 10px 0;
}

.gl-image img {
	display: block;
	margin: 0 auto;
}


/*
	New slideshow gallery
*/

.dv-gallery ul {
list-style: none;
margin: 0;
padding: 0;
}

.dv-gallery li {
width: 180px;
height: 150px;
margin: 6px 6px;
float: left;
display: inline;
}

.dv-gallery li img {
display: block;
margin: 0 auto;
border: 1px solid #2f76b2;
}


/*
	This is so portrait and landscape images
	can be in the same gallery
*/
/*
div.slideViewer ul li {
width: 500px;
background: #000;
}

div.slideViewer ul li img {
display: block; 
margin: 0 auto;
}
*/

/*
a.left, a.right {
position: absolute;
}

a.right {
left: 220px;
top: 544px;
}

a.left {
left: -220px;
top: 544px;
}

.thumbSlider ul li { 
height: 100px;
overflow: hidden;
position: relative;
}
*/

dt {
	background:url("/ezstatic/data/overlandsummers/i/bg-header.gif") no-repeat scroll left 5px transparent;
	padding:2px 0 0 16px;
	font-size:1.1em;
	font-weight: bold;
}
dd {
	margin: 0 0 5px 16px;
	padding: 0;
}
.o {
	color: #FEC00F;
}