/* courtesy of http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; padding-bottom: 60px; } ol, ul { list-style: none; } sup{font-size: 75%; vertical-align: top; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a {color:#bd6601; text-decoration:none;} a:hover {text-decoration:underline;} body {padding-top: 11px; background: #2e3126 url(../images/interface/bg.jpg) 0 0 repeat-x;} #wrapper {width: 947px; margin: 0 auto; background:none;} /* Masthead Area */ #masthead {display:block; float:left; width: 742px; height: 27px; text-indent: -9999px; border-top: 1px solid #676758; border-left: 1px solid #676758; background: #3c3f33 url(../images/interface/h1masthead.gif) 0 0 no-repeat;} #badge {display:block; position:absolute; margin: 77px 0 0 -43px; width: 121px; height: 120px; z-index: 1999;} #badge a {display:block; position:absolute ; width: 121px; height: 120px; text-indent: -9999px; background: url(../images/interface/h1badge.png) 0 0 no-repeat; z-index: 2000;} #badgeTT {display:block; position:absolute; margin: 77px 0 0 -43px; width: 250px; height: 69px; z-index: 1999;} #badgeTT a {display:block; position:absolute ; width: 250px; height: 69px; text-indent: -9999px; background: url(../images/interface/h1badgeTT.png) 0 0 no-repeat; z-index: 2000;} #homelink {display:block; width: 240px; height: 27px;text-indent: -9999px; margin: -27px 0 0 1px; z-index: 5000; float:left;} #nav {clear:left; float:left; display:block; width: 743px; border: 1px solid #676758; border-right:none; border-left:none;} #nav li {float:left; border-left: 1px solid #676758;} #nav li a {display:block; float:left; height: 27px; background-position: 0 0; background-repeat:no-repeat; text-indent: -9999px;} #nav li a.hover, #nav li:hover a, #nav li a:hover {background-position: 0 -27px;} #nav a.enrolnow {width: 99px; background-image: url(../images/nav/enrolnow.gif);} #nav a.findatrip {width: 95px; background-image: url(../images/nav/findatrip.gif);} #nav a.ourleaders {width: 105px; background-image: url(../images/nav/ourleaders.gif);} #nav a.requestcatalog {width: 132px; background-image: url(../images/nav/requestcatalog.gif);} #nav a.tripresources {width: 122px; background-image: url(../images/nav/tripresources.gif);} #nav a.whoweare {width: 98px; background-image: url(../images/nav/whoweare.gif);} #nav a.whyarcc {width: 85px; background-image: url(../images/nav/whyarcc.gif);} #nav li ul {position:absolute; width: 148px; padding: 0 10px; margin: -9999px 0 0 0; border: 3px solid #dee0d1; background: #f8faf2;} #nav li:hover ul {margin-top: 27px; display:block; z-index: 4000;} #nav li ul li {float:none; border:none; line-height: 19px;} #nav li ul li a {text-indent: 0; float:none; font-size: 11px; height: auto;} #globalnav {display:block; float:right; width: 182px; padding: 10px; border: 1px solid #676758; margin-top: -28px; background: #3c3f33;} #globalnav li {display:block; float:left;} #globalnav a {display:block; float:left; height: 17px; text-indent: -9999px; background-repeat:no-repeat; background-position: 0 0;} #globalnav .blog a {width: 36px; background-image: url(../images/nav/blog.gif);} #globalnav .contactus a {width: 63px; background-image: url(../images/nav/contactus.gif);} #globalnav .jobs, #globalnav .facebook {padding-left: 20px;} #globalnav .facebook a {width: 38px; background: url(../images/nav/facebook.png) 8px 0 no-repeat;} #globalnav .blogger a {width: 36px; background: url(../images/nav/blogger.png) 19px 0 no-repeat;} #globalnav .twitter a {width: 63px; background: url(../images/nav/twitter.png) 30px 0 no-repeat;} #globalnav .video {padding-left: 10px;} #globalnav .video a {width: 48px; background-image: url(../images/nav/video.gif);} #globalnav .travel a {width: 63px; background-image: url(../images/nav/travelLogs.gif);} #globalnav .contact a {width: 42px; background-image: url(../images/nav/contact.gif);} .video a:hover, .travel a:hover, .contact a:hover {background-position: 0 -17px !important;} #globalnav .ourvideo {padding-left: 8px; border-bottom: 1px solid #676758;} #globalnav .ourvideo a {width: 62px; background-image: url(../images/nav/ourvideo.gif);} #findtripdropdown {margin: -9999px 0 0 -738px; position:absolute; border: 3px solid #dee0d1; background: #f8faf2; font-size: 11px; z-index: 2500;} #findtripdropdown.activated {margin: 57px 0 0 0; } #findtripdropdown ul {float:left;} #findtripdropdown li {float:left; width: 157px; border-right: 3px solid #dee0d1; padding: 5px;} #findtripdropdown h4 {border-bottom: 1px solid #dee0d1; padding: 0 0 5px 4px; font-family: verdana; font-weight:bold; font-size: 10px; font-weight:bold; color:#71645a; text-transform:uppercase;} #findtripdropdown li li h4 {border-bottom: 0; border-top: 1px solid #dee0d1; margin: 3px 0 -1px -5px; padding-bottom: 0; text-transform: none;} #findtripdropdown li li {float:none; border-right:none; padding:0 0 0 4px; line-height: 19px; width: 153px; color:#bd6601;} #findtripdropdown li li a {display:block;} #findtripdropdown li.activities {border-right:none; width: 424px;} #findtripdropdown li.activities ul {width: 424px;} #findtripdropdown li.activities li {float:left; width: 208px;} #findtripdropdown ul ul {min-height: 260px; padding-top: 3px;} * html #findtripdropdown ul ul {height: 260px !important;} #subnav {margin: 0 -10px 27px -10px; height: 27px; border: 1px solid #babbaa; border-right:none; background: #eff2e7; float:left; clear:both;} #subnav li {float:left; display:block; height: 27px; border-right: 1px solid #babbaa;} #subnav li a {font-size: 12px; line-height: 1.10em; color:#71645a; text-align:center; display:block; padding: 6px 12px 0 12px; height: 21px; font-weight:bold; white-space:nowrap;} #subnav li a:hover {background:#ffffff; text-decoration:none;} #subnav li a.selected {color:#bd6601; background: #FFF;} /* Home Page*/ .homepage #contentarea {float:left; clear:left; padding-bottom: 6px; background: #FFF; width: 738px; margin-top: 11px; overflow:hidden;} .homepage #ie6fixer {width: 726px; padding: 6px; clear:both;} #homepageflash {width: 726px; height: 406px; position:relative; z-index: 500; margin-bottom: 6px;} .pathway {float:left; width: 234px; height: 133px; padding: 3px;} .pathway div {width: 207px; height: 106px; padding: 13px; overflow:hidden;} .pathway h2 {font-size: 22px; font-weight:bold; letter-spacing: 0.025em; line-height: 22px; margin: -3px 0 10px 0; text-transform:uppercase; color:#FFF; display:block; height: 22px; width: 215px; text-indent: -9999px; background-position: 0 0; background-repeat: no-repeat;} .pathway h3 {font-size: 10px; font-weight:bold; text-transform:uppercase; margin: 8px 0 2px 0;} .pathway p {font-size: 11px; line-height: 14px; color:#FFF;} .pathway p a {color:#FFF; text-decoration:none;} .pathway p a:hover {text-decoration:underline;} .learn {background: #cc9014;} .learn div {border: 1px solid #723f04;} .learn h2 {background-image: url(../images/interface/h2learn.gif);} .learn h3 {color: #723f04;} .serve {background: #91a974; margin: 0 3px;} .serve div {border: 1px solid #455336;} .serve h2 {background-image: url(../images/interface/h2serve.gif);} .serve h3 {color: #ffffff; font-size: 22px; font-weight:bold; letter-spacing: 0.025em; line-height: 22px; margin: -3px 0 10px 0; text-transform:uppercase; color:#FFF; } .explore {background: #70a0aa;} .explore div {border: 1px solid #23435f;} .explore h2 {background-image: url(../images/interface/h2explore.gif);} .explore h3 {color: #23435f;} .serve1 {background: #91a974; margin: 0 3px;} .serve1 div {border: 1px solid #455336;} .serve1 h2 {} .serve1 h3 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 18px; font-weight:bold; letter-spacing: 0.025em; line-height: 21px; margin: -3px 0 10px 0; text-transform:uppercase; } .learn1 {background: #cc9014;} .learn1 div {border: 1px solid #723f04;} .learn1 h2 {} .learn1 h3 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 18px; font-weight:bold; letter-spacing: 0.025em; line-height: 21px; margin: -3px 0 10px 0; text-transform:uppercase; } .explore1 {background: #70a0aa;} .explore1 div {border: 1px solid #23435f;} .explore1 h2 {} .explore1 h3 {font-family: Arial Narrow, Arial, Helvetica, sans-serif; color: #ffffff; font-size: 18px; font-weight:bold; letter-spacing: 0.025em; line-height: 21px; margin: -3px 0 10px 0; text-transform:uppercase; } #contentarea {width: 947px; /*padding: 6px;*/ background: #FFF; clear:both; margin: 11px auto 0 auto; float:left;} #ie6fixer {width: 935px; margin: 0 auto; clear:both; padding: 6px;} /* Side Bar*/ #menu ul, #sidebar .ll {font-size: 11px;} .homepage #sidebar .ll {padding: 0 10px 0 9px;} #sidebar .ll li.first a {border-top:none;} #sidebar .ll li.selected a {color:#71645a; font-weight:bold; background-position: 0 -40px;} #header ul a, #menu ul a, #sidebar .ll a {color: #bd6601; width: 157px; display:block; padding: 4px 0 4px 10px; text-decoration:none; line-height: 15px; font-weight:normal; border-top: 1px solid #cbc5b7; font-size: 11px; text-transform:none; background: url(../images/interface/arrow_sidebarli.gif) 0 10px no-repeat;} #menu ul li ul {margin: 4px 0 8px 0;} #menu ul li.widget {font-weight:bold; color:#71645A; text-transform: uppercase; font-size: 9px;} #sidebar .tighter {margin-top: 8px; margin-bottom: 8px;} #sidebar .tighter a {border-top: 1px solid #dee0d1; padding: 0 0 0 10px; background-position: 0 5px;} #sidebar .hr {border-top: 1px solid #babbaa;} #sidebar div.box {width: 186px; padding: 10px; border: 5px solid #dee0d1; margin-bottom: 11px; background: #f8faf2; overflow:hidden;} #sidebar img.map {border-bottom: 5px solid #dee0d1;margin: -10px 0 0 -10px;} #sidebar h4 {padding: 12px 0 0 9px; font-size: 10px; font-weight:bold; text-transform:uppercase; color:#5b4f46;} #sidebar h3.reservespace a {display:block; width: 216px; height: 29px; text-indent: -9999px; margin-bottom: 11px; background: url(../images/interface/button_reservespace.gif) 0 0 no-repeat;} #sidebar h3.moretripinfo {display:block; width: 186px; height: 41px; text-indent: -9999px; background: url(../images/interface/h3moretripinfo.gif) 0 0 no-repeat;} #sidebar h3.findanothertrip {display:block; width: 186px; height: 24px; text-indent: -9999px; background: url(../images/interface/h3findanothertrip.gif) 0 0 no-repeat;} #sidebar h3.contactonline a {display:block; width: 186px; height: 14px; text-indent: -9999px; background: url(../images/interface/h3contactonline.gif) 0 0 no-repeat;} #sidebar h3.tripmap a {display:block; width: 180px; height: 32px; margin: 0 0 -10px -10px; background: url(../images/interface/h3tripmap.gif) 0 0 no-repeat; font-size: 11px; font-weight:bold; text-decoration:none; padding: 32px 0 0 26px;} #sidebar h3.adminmenu, #sidebar h3.inthissection {display:block; width: 186px; height: 23px; margin-top: -10px; text-indent: -9999px; background: url(../images/interface/h3inthissection.gif) 0 0 no-repeat;} #sidebar h3.adminmenu {background-image: url(../images/interface/h3administrationmenu.gif);} #sidebar h3.watcharccvideos {width: 186px; height: 99px;} #sidebar h3.watcharccvideos a {display:block; width: 186px; height: 99px; background: url(../images/interface/h3watcharccvideos.jpg) 0 0 no-repeat; text-indent: -9999px;} #sidebar h3.arccinyourarea {width: 144px; height: 28px; background: url(../images/interface/h3arccinyourarea.gif) 0 0 no-repeat; text-indent: -9999px;} #sidebar p.joinus {width: 142px; height: 24px; background: url(../images/interface/pjoinus.gif) 0 0 no-repeat; text-indent: -9999px;} .findtrip li {/*float:left; clear:both; */ margin: 0 0 2px -1px; } .findtrip a {display:block; width: 188px; height: 22px; text-indent: -9999px; background-position: 0 0; background-repeat:no-repeat; font-weight:normal !important;} .findtrip .activity a {background-image: url(../images/interface/dropdownactivity.gif);} .findtrip .date a {background-image: url(../images/interface/dropdowndate.gif);} .findtrip .location a {background-image: url(../images/interface/dropdownlocation.gif);} .findtrip li ul {position:absolute; display:block; margin-top: -9999px; width: 186px;overflow:auto; overflow-x:hidden; overflow-y:scroll; border: 1px solid #D4D8C8; border-top:none; height: 245px; background: #eff2e7;} .findtrip li:hover ul {margin-top:-267px; border-top: 1px solid #D4D8C8; z-index: 6000;} .findtrip li.date:hover ul {margin-top: -242px;} .findtrip li.location:hover ul {margin-top: -198px;} .findtrip li.date ul {overflow:hidden; height: 220px;} .findtrip li.location ul {overflow:hidden; height: 176px;} .findtrip li ul li {line-height: 10px; margin:0 !important; z-index: 5002; display:block; position:relative;} .findtrip li ul a {text-indent: 0 !important; font-size: 11px !important; height: auto !important; width: 170px; padding: 6px 8px; background:#eff2e7 !important; position:relative; } .findtrip li ul a:hover {background: #FFF !important; text-decoration:none;} body.homepage {background-position: 50% 0; background-repeat:no-repeat;} .bg1 {background-image: url(../images/homepagebg/bg1.jpg);} .bg2 {background-image: url(../images/homepagebg/bg2.jpg);} .bg3 {background-image: url(../images/homepagebg/bg3.jpg);} .bg4 {background-image: url(../images/homepagebg/bg4.jpg);} .bg5 {background-image: url(../images/homepagebg/bg5.jpg);} .bg6 {background-image: url(../images/homepagebg/bg6.jpg);} .bg7 {background-image: url(../images/homepagebg/bg7.jpg);} .bg8 {background-image: url(../images/homepagebg/bg8.jpg);} .homepage #sidebar {border: 6px solid #babbaa; background: #f0f3ea; width: 186px; float:right; margin: 11px 0 0 0; height: 551px;} #sidebar .findatrip a {display:block; width: 186px; height: 146px; text-indent: -9999px; background: url(../images/interface/h2findatrip.gif) 0 0 no-repeat;} /*#sidebar .findatrip a {}*/ .homepage ul.findtrip {padding-left: 9px;} .homepage .findtrip li {margin-bottom: 2px; width: 178px; } .homepage .findtrip li a {display:block; width: 168px; height: 22px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px;} .homepage .findtrip li ul {width: 166px;} .homepage .findtrip li ul a {width: 150px;} .homepage .findtrip li:hover ul {margin-top: 0; border-top:none;} .homepage .findtrip .activity a {background-image: url(../images/interface/hp_dropdownactivity.gif);} .homepage .findtrip .date a {background-image: url(../images/interface/hp_dropdowndate.gif);} .homepage .findtrip .location a {background-image: url(../images/interface/hp_dropdownlocation.gif);} .homepage #sidebar h3.receivecatalog {display:block; width: 148px; height: 54px; text-indent: -9999px; background: url(../images/interface/h3receivecatalog.gif) 0 0 no-repeat;} .homepage #sidebar h3.arccslideshows {display:block; width: 186px; height: 48px; text-indent: -9999px; background: url(../images/interface/h3arccslideshowsTT.gif) 0 0 no-repeat;} .homepage #sidebar h3.arccslideshows2 {display:block; width: 186px; height: 64px; text-indent: -9999px; background: url(../images/interface/h3arccslideshowsTT2.gif) 0 0 no-repeat;} .homepage #sidebar .catalogimg {position:absolute; display:block; width: 103px; height: 90px; margin: 4px 0 0 103px; background: url(../images/copy/catalogdvd.png) 0 0 no-repeat;} .homepage #sidebar .requestonline {display:block; width: 96px; height: 16px; margin: 3px 0 18px 11px; text-indent: -9999px; background: url(../images/interface/button_requestonline.gif) 0 0 no-repeat;} .homepage #sidebar .requestonline {display:block; width: 96px; height: 16px; margin: 3px 0 18px 11px; text-indent: -9999px; background: url(../images/interface/button_requestonline.gif) 0 0 no-repeat;} .homepage #sidebar .viewdates {display:block; width: 74px; height: 16px; margin: 3px 0 12px 11px; text-indent: -9999px; background: url(../images/interface/button_viewdates.gif) 0 0 no-repeat;} /* Content + Sidebar Layout*/ #content {width: 621px; float:left; margin:30px 0 0 25px; padding: 0 10px 50px 10px; min-height: 400px; background:#FFF;} #popup {padding:0; overflow:hidden !important; width: 645px; height: 622px;} #popup #content {width: auto; float:none; margin:0; min-height:0; height: 622px;} #content.fullwidth {width: 656px; padding: 0 0 50px 0; float:none; margin: 0 auto;} #sidebar {width: 216px; float:right; margin: 30px 23px 0 0;} #sidebar a:hover {text-decoration:underline;} /*Content STyles*/ #content ul, #content p { font-size: 12px; line-height: 21px; color:#71645a; margin:0 0 15px 0; } #content ul.stats {font-size: 11px;} #content p.nb {font-size: 10px; line-height: 15px;} #content p.intro {font-size: 14px; line-height: 23px;} #content p.alignright {text-align:right;} #content blockquote {margin: 15px 0 -5px 0;} #content blockquote p {font-size: 13px; text-align:center; font-style: italic; margin:0;} #content blockquote.callout {padding: 15px 30px; background: #EFF2E7;} #content blockquote.callout p {text-align:left;} #content p.leadin {margin-bottom:0;} #content p.leadin a.more{font-size: 10px; font-weight: bold; background-position: 100% 4px;} #content div.more {padding-top: 15px;} /* because we are delaying the replacement of the following two text items in sifr in order to pull the right colour via the body class name, we are seeing the to hidden visbility to stop the FOUC */ .sIFR-active #content blockquote p.color {font-size: 16px; line-height: 16px; visibility:hidden;} /*.sIFR-active #content blockquote p.morequotes {margin-top: -20px;}*/ #content blockquote p.morequotes {font-size: 10px; font-style:normal; text-align:right;} #content blockquote p.morequotes a {font-weight:bold; padding-right: 9px; background: url(../images/interface/morequotesarrow.gif) 100% 50% no-repeat;} #content img.imgleft {float:left; clear:left; background: #FFF; padding: 1px; border: 1px solid #71645a; margin: 2px 10px 7px 0;} #img.imgleftnoborder {float:left; clear:left; margin: 6px 20px 10px 0;} .img.TT {text-align: right; margin: 2px, 2px, 2px, 2px;} #content div.thinhr, #content div.hr {border-top: 2px solid #dee0d1; clear:both; margin: 15px 0;} #content div.thinhr {border-top-width: 1px;} #content h1 {font-size: 23px; color:#71645a;} .sIFR-active #content h1 {font-size: 24px; line-height: 24px; height: 25px; visibility:hidden; } #content h2 {font-size: 15px; margin: 15px 0; color:#71645a; color:#71645a;} .sIFR-active #content h2 {font-size: 15px; line-height: 15px; height: 15px; margin-bottom: 12px; visibility:hidden;} #content.fullwidth h2 {font-size: 21px;} .sIFR-active #content.fullwidth h2 {font-size: 21px; line-height: 21px;} #content h2.colored {padding: 7px 0 7px 13px; color:#FFF; clear:left; margin: 0;} #content h2.service {margin-top:15px;} #content h4 {font-size: 12px; font-weight:bold; margin: 0; line-height: 21px; color:#71645a;} #content h4+p {margin-top:0;} #content h5 {font-size: 10px; line-height: 21px; color: #71645a;} #content.fullwidth h5 {font-weight:bold;} #content a.more {padding-right: 7px; background: url(../images/interface/arrow_sidebarli.gif) 100% 6px no-repeat;} #content a:hover {text-decoration:underline;} #content ul.ll li {display:block; width: 206px; float:left;} #content ul.ll li a {padding-left: 16px; background: url(../images/interface/arrow_sidebarli.gif) 9px 5px no-repeat; } #content ul.ll li ul li {margin-left: 20px;} #content ul.simple {padding-left: 20px;} #content ul.simple li {width: auto; float:none;} #content ul.iconlist li {float:left; clear:both; width: 423px; padding: 7px 180px 7px 18px; padding: 7px 0 7px 18px; width: 603px; line-height: 19px; background: url(../images/interface/browndottedborder.gif) 0 0 repeat-x;} #content ul.iconlist li a {padding: 0 0 0 10px; margin-left: -10px; background: url(../images/interface/arrow_sidebarli.gif) 0 5px no-repeat;} #content ul.iconlist li img {float:right; /*margin-right: -181px;*/ margin-left: 20px;} #content ul.lltwocol {padding: 15px 0 20px 0; background:#f8faf2; margin:0;} #content ul.lltwocol li {width: 290px; padding-left: 20px; float:left; background: url(../images/interface/arrow_sidebarli.gif) 10px 8px no-repeat;} #content ul.threecol li {width: 190px; float:left;padding-left: 10px; background: url(../images/interface/lidot.gif) 0 10px no-repeat;} #content ul.items {list-style:disc outside; padding-left: 30px;} #content div.faq {float:left; width: 155px;} #content div.twocol {width: 400px;} #content div.faq ul.simple {padding:0;} #content div.faq ul.simple a {background-position: 0 5px; padding-left: 7px;} #content div.col3 {width: 621px;} #content div.col3 ul.simple li {width: 207px; float:left;} #content div.minilist div.faq {width: 155px;} #content div.minilist div.faq a {font-size: 10px; line-height: 12px;} #content .floatimage {float:left; margin-right: 20px;} #content .floattext {float:left; width: 510px; margin-top: -4px} #content .floattext h4 {font-weight:normal;} #content .floattext blockquote {margin-bottom:15px; padding-left: 15px;} #content .floattext blockquote p {text-align:left !important; } /* Trip Journal*/ .bluewater h2#header {text-indent:-9999px; background: url(../images/interface/journalheader_bluewater.gif) 0 0 no-repeat;} .service h2#header {text-indent:-9999px; background: url(../images/interface/journalheader_service.gif) 0 0 no-repeat;} .language h2#header {text-indent:-9999px; background: url(../images/interface/journalheader_language.gif) 0 0 no-repeat;} .leadership h2#header {text-indent:-9999px; background: url(../images/interface/journalheader_leadership.gif) 0 0 no-repeat;} /* blog entries */ #content .entry {border-bottom: 1px solid #dee0d1; padding: 0 0 0 0; margin: 0 0 15px 0;} #content .entry.last {border:none;} #content .entry .more {font-weight:bold;} #content .entry h4 {font-size: 14px;} #content .entry .meta {font-size: 10px; font-weight:bold;} #content .entry .meta a {font-weight:normal;} /* Flash Video Player*/ .flashvid {float:left; border: 4px solid #71645a; background:#71645a; margin: 0 15px 15px 0; width: 128px; height: 72px;} .flashvid * {float:left;} .flashtext {width: 450px; float:left;} #videoplayer {width: 512px; height: 335px;} /* Video page layout and library*/ #content.videolayout {width: 518px; margin: 25px 0 0 34px; padding: 0;} .videolayout #videoplayer {border-width: 3px;} #videolibrary {width: 317px; border: 1px solid #babbaa; float:right; margin: 25px 24px 50px 0;} #videolibrary h3 {display:block; width: 317px; height: 28px; text-indent: -9999px; background: url(../images/interface/h3videolibrary.gif) 0 0 no-repeat;} #videolibrary .list {height: 416px; overflow-y:scroll; padding-top: 11px; color:#71645a;} #videolibrary .list li {display:block; width: 134px; float:left; font-size: 11px; min-height: 123px; padding-left: 11px; line-height: 14px;} #videolibrary a {font-weight:bold;} #videolibrary img {border: 3px solid #71645a;} #videolibrary #topshadow{width: 302px; height: 5px; position:absolute; background: url(../images/interface/vl_shadowtop.png) 0 0 no-repeat; margin: -11px 0 0 0;} #videolibrary #bottomshadow {width: 302px; height: 4px; position:absolute; background: url(../images/interface/vl_shadowbottom.png); margin: 412px 0 0 0;} /* Slideshows area */ #slideshows h2 {margin-top: 0;} #slideshows h3 {font-size: 14px; margin: 10px 0; color:#71645a; color:#71645a;} .sIFR-active #slideshows h3 {font-size: 14px; line-height: 14px; height: 14px; margin-bottom: 7px; visibility:hidden;} #slideshows p.indent {margin: 0 0 6px 17px;} #slideshows div.leftcolumn {width: 310px; border-right: 1px solid #dee0d1; margin: 0 -1px 15px 0; float:left; clear:left;} #slideshows div.rightcolumn {width: 300px; padding: 0 0 0 10px; float:left; border-left: 1px solid #dee0d1; margin: 0 0 15px 0;} #slideshows div.noborder {border: 0 !important;} #slideshows div.leftcolumn div.thinhr {margin-right: 25px;} #slideshows div.leftcolumn select {width: 92%;} #slideshows ul {list-style-type: disc; margin: 0 0 25px 20px;} #slideshows ul.slideshowlisting {margin: 0 0 25px 0;} #slideshows ul.slideshowlisting li {width: 290px; float: left; margin: 0 0 20px 20px;} #slideshows #searchagain {margin: 10px 0 20px 0; padding: 7px 0 7px 5px; border-top: 2px solid #dee0d1; border-bottom: 1px solid #dee0d1; background-color: #f8faf2;} #slideshows #searchagain label {font-weight: bold; color: #71645a; font-size: 12px;} #slideshows #searchagain select {width: 180px;} #slideshows #onlineslideshows {clear: both; border: 1px solid #dee0d1; padding: 17px 0px 0 17px; margin: 0 0 28px 0;} #slideshows #onlineslideshows p, #slideshows #onlineslideshows li {font-size: 11px;} #slideshows #onlineslideshows p {margin: 0;} #slideshows #onlineslideshows div.leftcolumn {width: 250px; border: 0; padding: 0;} #slideshows #onlineslideshows div.rightcolumn {width: 330px; border: 0; padding: 0; margin: 0 0 0 20px;} #slideshows ul.webinarlisting {margin: 0 0 25px 0;} #slideshows ul.webinarlisting li {width: 290px; float: left; margin: 0 0 0 20px;} /* Trip List*/ .fullwidth {width: 888px; margin: 15px auto;} .calendar {width: 888px; margin: 0 auto;} .triplist table {width: 100%; clear:both; font-size: 11px; border-collapse:collapse; color:#586153;} .triplist caption {font-size: 12px; color:#71645a; padding: 8px 0 8px 1px;} .triplist caption span {width: 250px; padding-right: 2px; text-align:right; float:right; line-height: 1.1em; color:#babbaa;} .triplist caption a {font-weight:bold} .triplist td, .triplist th {padding: 6px 0 6px 14px; background: #dee0d1; color:#5b5550; line-height: 19px;} .triplist th {font-weight:bold; padding: 6px 0 6px 14px;} .triplist td.first {font-size: 12px; padding: 5px 0 5px 14px; width: 220px;} .triplist tbody td {border-bottom: 1px solid #dfe3d4; background:#f8faf2;} .triplist tfoot td, .triplist tr.even td {background: #f0f3ea;} .triplist .first a, .triplist tfoot a {font-weight:bold;} .triplist td.edit a, .triplist td.highlights a {padding-right: 9px; background: url(../images/interface/arrow_triptable.gif) 100% 5px no-repeat;} .triplist td.reserve {width: 88px;} .triplist td.reserve a {padding-right: 23px; background: url(../images/interface/icon_calendar.gif) 100% 0 no-repeat;} .triplist tr.last td {padding-bottom: 25px; border-bottom:none;} .triplist tfoot td.findanother {background: #dee0d1; padding:0;} .triplist label.find {display:block;float:left; width: 132px; height: 34px; text-indent: -9999px; background: url(../images/interface/labelfindanother.gif) 0 0 no-repeat;} .triplist td.findanother li {float:left; margin: 6px 6px 0 0;} .triplist a.viewcal {margin: 7px 0 0 0; padding: 0 8px 0 0; float:left; white-space:nowrap; background: url(../images/interface/arrow_viewcal.gif) 100% 50% no-repeat;} .triplist td.highlights {width: 88px;} .triplist td.highlights a {text-decoration:none;} .triplist td.highlights ul ul {margin: -9999px 0 0 -80px; display:block; position:absolute; background:#FFF; border: 1px solid #CCC; height: 220px; padding: 10px 10px 10px 30px; width: 250px; z-index: 8000;} .triplist td.highlights ul li:hover ul {margin-top:-260px;} .triplist td.highlights ul ul li {list-style: disc outside;} .triplist div {float:left; clear:both; width: 100%; /*margin-top: 30px;*/} .triplist div h3 {float:left; font-size: 20px; width: 600px; padding: 15px 0 0 13px; color:#FFF; line-height: 1.1em;} .sIFR-active .triplist div h3 {font-size: 21px; line-height: 21px; height: 21px;} .triplist div.adventure h4 {float:left; text-indent: -9999px; background-position: 0 0 ; background-repeat:no-repeat; height: 29px; display:block;} .service div.adventure h4 {width: 683px; background-image: url(../images/interface/h4tagline_service.gif);} .language div.adventure h4 {width: 723px; background-image: url(../images/interface/h4tagline_language.gif);} .globalaction div.adventure h4 {width: 688px; background-image: url(../images/interface/h4tagline_globalaction.gif);} .leadership div.adventure h4 {width: 743px; background-image: url(../images/interface/h4tagline_leadership.gif);} .bluewater div.adventure h4 {width: 742px; background-image: url(../images/interface/h4tagline_bluewater.gif);} .discovery div.adventure h4 {width: 742px; background-image: url(../images/interface/h4tagline_discovery.gif);} .triplist div.adventure p {float:left; width: 41px; height: 18px; padding-top: 3px; display:block;} .triplist div.adventure p a {display:block; width: 41px; height: 18px; text-indent: -9999px; background: url(../images/interface/button_more.png) 0 0 no-repeat;} .triplist div img {float:left;} #content .triplist td ul {margin-bottom:0;} #content .triplist td ul li ul {background: #fff; width: 100px; margin-left: -30px; border: 1px solid #DFE3D4; padding: 5px; position:absolute; margin-top:-9999px;} #content .triplist td ul li:hover ul {margin-top:-4px;} #content .triplist td ul li ul li {line-height: 18px;} #content .triplist td ul li ul a {background:none; font-size: 11px; display:block; text-decoration:none; padding: 1px 3px;} #content .triplist td ul li ul a:hover {background: #F0F3EA;} #content .triplist td ul li ul a.delete {color:#C00;} /* Overview Area for Program and Trip Detail pages*/ #overview {width: 929px; padding: 3px; overflow:hidden;} #visual {float:left;} .information {border-left:none !important; float:left;} .information1 {border-left:none !important; float:left;} .static {height: 398px;} .static #visual {height: 396px;} .static .information {height: 336px; width: 470px; padding: 30px;} .static .information1 {height: 336px; width: 470px; padding: 30px;} #visual {width: 396px;} .dynamic {height: 302px;} .dynamic #visual {height: 300px;} .dynamic .information {height: 300px; width: 530px; padding:0 !important; overflow:hidden;} .dynamic .information1 {height: 300px; width: 530px; padding:0 !important; overflow:hidden;} #overview h1 {font-size: 27px; font-weight:bold; color:#FFF;} .sIFR-active #overview h1 {font-size: 33px; line-height: 33px; height: 33px; overflow:hidden; visibility:hidden;} .dynamic h1 {padding: 13px 0 0 15px; height: 31px; line-height: 1.1em;} #overview.dynamic h2 {color:#FFF; padding: 0 0 0 15px; height: 32px; line-height: 1.2em;} .sIFR-active #overview.dynamic h2 {font-size: 18px; line-height: 18px; } #overview.static h2 {color:#FFF; font-size: 14px; margin: 6px 0 18px 0; font-family: arial; font-style: italic;} .sIFR-active #overview.static h2 {font-size: 22px; line-height: 22px; margin-bottom: 2px; /*height: 22px;*/ visibility:hidden;} #overview p {font-size: 12px; line-height: 22px; color:#FFF;} #overview .moreinfo {margin: 18px 0 0 0;} #overview .moreinfo h3 {display:block; width: 355px; height: 68px !important; margin:0 !important; text-indent: -9999px; background: url(../images/interface/h3getinfo.png) 0 0 no-repeat; visibility:visible !important;} #overview .moreinfo p {position:absolute; margin: -33px 0 0 197px;} #overview .moreinfo a {display:block; width: 116px; height: 16px; text-indent: -9999px; background: url(../images/interface/button_contactonline.png) 0 0 no-repeat;} #overview .moreinfo .dvdimg {position:absolute; width: 119px; height: 107px; margin: -90px 0 0 356px; background: url(../images/copy/catalogdvd_large.png) 0 0 no-repeat;} /* Header Area for search results and secondary pages*/ div#header {height: 127px; margin-bottom: 15px; width: 935px;} #header .graphic {float:left; width: 254px; height: 127px; background-repeat:no-repeat; background-position: 0 0;} #header h2 {display:block; float:left; width: 414px; height: 77px; padding: 50px 0 0 27px; background-position: 0 0; background-repeat:no-repeat; color:#71645a; font-size: 26px; text-transform:uppercase; font-weight:bold;} #header p .thomas {display:block; float:left; width: 414px; height: 77px; padding: 50px 0 0 27px; background-position: 0 0; background-repeat:no-repeat; color:#71645a; font-size: 26px; text-transform:uppercase; font-weight:bold;} .sIFR-active #header h2 {font-size: 27px; line-height: 27px;} .sIFR-active #header h2.twolines {padding: 35px 0 15px 27px;} #header .contact {float:left; width: 240px; height: 127px; background:url(../images/interface/headercontactbg.gif) 0 0 no-repeat} #header h3 {width: 221px; height: 74px; text-indent: -9999px; background: url(../images/interface/h3getinfoheader.gif) 100% 100% no-repeat;} .img1 .graphic {background-image: url(../images/interface/headerbg/img1.jpg);} .img1 h2 {background-image: url(../images/interface/headerbg/bg1.jpg);} .img2 .graphic {background-image: url(../images/interface/headerbg/img2.jpg);} .img2 h2 {background-image: url(../images/interface/headerbg/bg2.jpg);} .img3 .graphic {background-image: url(../images/interface/headerbg/img3.jpg);} .img3 h2 {background-image: url(../images/interface/headerbg/bg3.jpg);} .img4 .graphic {background-image: url(../images/interface/headerbg/img4.jpg);} .img4 h2 {background-image: url(../images/interface/headerbg/bg4.jpg);} .img5 .graphic {background-image: url(../images/interface/headerbg/img5.jpg);} .img5 h2 {background-image: url(../images/interface/headerbg/bg5.jpg);} .img6 .graphic {background-image: url(../images/interface/headerbg/img6.jpg);} .img6 h2 {background-image: url(../images/interface/headerbg/bg6.jpg);} .img7 .graphic {background-image: url(../images/interface/headerbg/img7.jpg);} .img7 h2 {background-image: url(../images/interface/headerbg/bg7.jpg);} .img8 .graphic {background-image: url(../images/interface/headerbg/img8.jpg);} .img8 h2 {background-image: url(../images/interface/headerbg/bg8.jpg);} .img9 .graphic {background-image: url(../images/interface/headerbg/img9.jpg);} .img9 h2 {background-image: url(../images/interface/headerbg/bg9.jpg);} .img10 .graphic {background-image: url(../images/interface/headerbg/img10.jpg);} .img10 h2 {background-image: url(../images/interface/headerbg/bg10.jpg);} .img11 .graphic {background-image: url(../images/interface/headerbg/img16.jpg);} .img11 h2 {background-image: url(../images/interface/headerbg/bg6.jpg);} .img12 .graphic {background-image: url(../images/interface/headerbg/img17.jpg);} .img12 h2 {background-image: url(../images/interface/headerbg/bg7.jpg);} .img18 .graphic {background-image: url(../images/interface/headerbg/img18.jpg);} .img18 h2 {background-image: url(../images/interface/headerbg/bg18.jpg);} /* Header area for interactive trip map*/ #header .pageinfo {width: 555px; height: 127px; padding: 0 50px 0 90px; float:left; background:#eff2e7 url(../images/interface/headermapbg.gif) 0 0 no-repeat; font-size: 12px; line-height: 17px; color:#71645a;} #header .pageinfo h2 {width: auto; height: auto; background:none; padding:24px 0 0 0; width: 555px; font-size: 21px;} .sIFR-active #header .pageinfo h2 {font-size: 21px; line-height: 21px; height: 24px; overflow:hidden;} #header .pageinfo p {margin: 0 0 0 0;} #header .pageinfo p.key {font-size: 11px; font-weight:bold; text-transform:uppercase; margin-top: 0;} #header .pageinfo p.key label {font-size: 10px; text-transform:none; margin-right: 15px;} #header .pageinfo p.key img {margin: 0 0 -17px 5px;} /* interactive gallery */ #gallery {padding: 2px 2px 22px 2px; margin-top: 4px; width: 615px; border: 1px solid #babbaa; background:#FFF; overflow:hidden; clear:both;} #gallery .mainimage {background:#f8faf2;} #gallery #reel {background:#959688; /*position:absolute;*//* height: 73px;*/ width: 524px; padding: 8px 0 0 11px; margin-left: 38px; /*overflow:hidden;*/} #gallery #reel li {float:left; margin: 0 6px 6px 0; padding: 0 2px 2px 0; background: url(../images/interface/gallery_imgshadow.gif) 100% 100% no-repeat;} #gallery #reel li a {float:left; display:block; width: 63px; height: 63px; border: 1px solid #FFF;} #gallery #reel li a img {position:absolute;} #gallery #reel li a:hover {width: 61px; height: 61px; border: 2px solid #d6930a; z-index: 5001; overflow:hidden; position:relative;} #gallery #reel li a:hover img {position:absolute; border:none; margin:0; z-index: 4999; margin: -1px 0 0 -1px;} #gallery .reelholder{ width: 615px !important; /*overflow:hidden;*/ height: 81px; clear:left; margin-top: 20px; } * html #gallery .reelholder {margin-left: 0;} #gallery .controls {position:absolute; margin-top: 462px; z-index: 6000; display:none;} #gallery .controls li {position:absolute;} #gallery .leftbutton a, #gallery .rightbutton a {display:block; width: 38px; height: 81px; overflow:hidden; text-indent: -9999px; background-color:#eff2e7; background-position: 0 0; background-repeat:no-repeat;} #gallery .leftbutton a:hover, #gallery .rightbutton a:hover {background-position: 0 -81px;} #gallery .leftbutton a.inactive, #gallery .rightbutton a.inactive {background-position: 0 -162px;} #gallery .leftbutton a {background-image: url(../images/interface/button_arrowleft.gif);} #gallery .rightbutton a {background-image: url(../images/interface/button_arrowright.gif);} #gallery .rightbutton {margin-left: 577px;} #gallery .leftshadow, #gallery .rightshadow {width: 4px; height: 81px; background-position: 0 0; background-repeat: no-repeat;} #gallery .leftshadow {background-image: url(../images/interface/gallery_shadowleft.png); margin-left: 38px;} #gallery .rightshadow {background-image: url(../images/interface/gallery_shadowright.png); margin-left: 573px;} #gallery .photoholder {width: 615px; height: 460px; text-align:center; background:#959688; display:none;} #photocount {width: 150px; margin:0 !important; float:right; text-align:right; display:none;} /* interactive trip map*/ #gmap {width: 935px; height: 625px; background: #eff2e7; clear:both; margin: -9px 0 -18px 0; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;} #gmap.tripmap {width: 621px; height: 538px;} #gmap p {padding: 0; margin: 0;} #gmap p {font-size: 10px; line-height: 13px; color:#736258;} #gmap h3 {font-size: 12px !important; line-height: 12px !important; margin: 0 0 7px 0!important; font-weight:bold;} #gmap li {font-size: 12px; color: #736258; font-weight: bold; } #gmap p.header {font-size: 12px; font-weight: bold;} #gmap a {color: #bd6601; text-decoration: none;} #gmap a:hover {color: #bd6601; text-decoration: underline;} #gmap ul {list-style-type: none; margin: 0; padding: 0;} #gmap ul li {line-height: 1.2em; background: transparent url('images/li_dash.gif') no-repeat left 8px; margin: 0; padding: 0 0 3px 10px;} /* Header links styles defined in sidebar LL*/ #header ul {font-size: 11px; padding: 7px 0 0 11px;} #header ul a {width: 205px; padding: 2px 0 2px 10px; background-position: 0 8px;} #header .dvdimg {margin: -62px 0 0 160px;} #header .dvdimg a {text-indent: -9999px; display:block; width: 71px; height: 62px; background: url(../images/interface/minidvdcatalog.png) 0 0 no-repeat;} /* simplified version of header */ h2#pagenotfound, h2#ealerts, h2#reservationcomplete, h2#makereservation, h2#sitemap, h2#header {display:block; width: 934px; height: 39px; padding: 24px 0 0 0; margin: 0 0 30px 0; text-align:center; font-weight:bold; text-transform:uppercase; color:#71645a; background: url(../images/interface/h2header.gif) 0 0 no-repeat;} h2#makereservation {text-indent: -9999px; text-align:left; background: url(../images/interface/h2makereservation.gif) 0 0 no-repeat;} h2#reservationcomplete {text-indent: -9999px; background: url(../images/interface/h2reservationcomplete.gif) 0 0 no-repeat;} h2#ealerts {text-indent: -9999px; background: url(../images/interface/h2ealerts.gif) 0 0 no-repeat;} h2#pagenotfound {text-indent: -9999px; background: url(../images/interface/h2pagenotfound.gif) 0 0 no-repeat;} h2#sitemap {text-indent: -9999px; background: url(../images/interface/h2sitemap.gif) 0 0 no-repeat;} /* Form Steps*/ ul.steps {border-bottom: 2px solid #babbaa; clear:both; width: 716px; float:left; margin: 0 0 30px 109px;} ul.steps li {float:left; font-size: 13px; color:#71645a;text-align:center; padding: 7px 0 14px 0; margin-bottom: -6px; position:relative; background: url(../images/interface/reservationnav.gif) 50% 100% no-repeat;} ul.steps li.label {font-size: 10px; text-transform:uppercase; color:#92937d; font-weight:bold; text-align:left; padding: 11px 0 7px 0; margin:0; background:none;} ul.steps li.tripinfo {width: 120px; margin-left: -40px;} ul.steps li.studentinfo {width: 144px;} ul.steps li.parentinfo {width: 144px;} ul.steps li.agreement {width: 144px;} ul.steps li.confirm {width: 144px;} ul.steps li.done {width: 150px; position:absolute; margin-left: 623px;} ul.steps li.selected {background-image: url(../images/interface/reservationnav_selected.gif); color:#bd6601;} /* Form info overview*/ div.overview {border: 2px solid #dee0d1; padding: 28px; clear:both; margin: 0 0 13px 0; width: 657px; float:left;} div.overview h2 {font-size: 15px; color:#71645a; font-weight:bold; margin: 0 0 15px 0;} div.overview h4 {padding: 7px; background:#eff2e7; font-size: 12px; margin:0 !important;} div.overview h4 img {margin: -5px 0 -4px 0;} dl {margin: 10px 0 20px 0;} dl dd {font-size: 10px; color:#92937d; width: 164px; padding: 2px 10px 0 0; margin: 0 0 10px 0; text-align:right; float:left; clear:left; font-weight:bold;} dl dt {font-size: 12px; color:#71645a; margin-bottom: 10px;} dl dt span {width: 240px; float:left;} /* Form Layout*/ #form {width: 717px; margin: 0 auto; clear:both;} #form h2 {color:#71645a; font-size: 18px;} #form h4 {color:#71645a; font-size: 12px; font-weight:bold; margin-top:0; margin-bottom: 15px; clear:both;} #form h4.label {margin-bottom: 0} #form p {color:#71645a; font-size: 12px; line-height: 21px; margin: 0 0 15px 0;} #form p.intro {width: 535px;} #form h2.intro {margin: 40px 0 10px 0;} /*#form div.hr+h4 {margin-bottom: 17px;} */ .sIFR-active #form h2.intro {line-height: 18px; height: 18px;} #form div.hr {border-top: 1px solid #dee0d1; margin: 10px 0 15px 0; clear:both;} #form div.thickhr {border-top: 2px solid #dee0d1; margin: 10px 0; clear:both;} #form div.leftcolumn {width: 328px; padding: 5px 20px 0 10px; border-right: 1px solid #dee0d1; margin: 0 -1px 15px 0; float:left; clear:left;} #form div.rightcolumn {width: 328px; padding: 5px 0 0 20px; float:left; border-left: 1px solid #dee0d1; margin: 0 0 15px 0;} #form form div div.hr {margin-bottom: 22px;} #form p.text input, #form p select {font-size: 12px; padding: 0 0 0 3px; /*min-height: 17px;*/ margin-top: 4px; color: #333; color:#71645a; float:left;} #form p.text input {padding: 1px 0 1px 3px;;} #form p label {float:left; clear:both; padding-left: 1px; font-size: 10px; line-height: 10px;} #form form p {float:left; clear:left !important; padding-bottom: 15px; margin:0;} #form form p {line-height: 1em; margin:0;} #form form p.stack {clear:none !important; border-left: 4px solid #FFF;} #form .validation-failed {background: #FFE6D8;} #form .validation-advice {color:#C00; font-size: 10px; visibility:visible !important; clear:left;} #form #advice-required-student_dob_month, #form #advice-required-student_dob_day {display:none !important;} #advice-required-studentagrees, #advice-required-parentagrees {margin-top: 5px;} #advice-required-emailaddress, #advice-validate-email-emailaddress {color:#c00; font-size: 9px; margin: 28px 0 0 10px; position:absolute;} #form form p {width: 300px; margin-left: 10px;} #form form label, #form form p.text input, #form form p select {width: 300px;} #form form p.text input#trips {width: 270px;} #form form p.shorter, #form form p.shorter label, #form form p.shorter select {width: 105px !important;} #form form p.shorter input {width: 95px !important;} #form form div p {width: 162px; /*overflow:hidden;*/ margin-left:0;} #form form div label {width: 161px; } #form form div p.text input, #form form div p select {width: 155px; } #form form div p.longer {width: 300px;} #form form div p.longer select {width: 265px;} #form form div p.longer input {width: 300px;} #form form div p.longer label {width: 300px;} #form form div p.selects select {width: auto; float:left; margin-right: 4px;} #form form div p.selects label {width: 100%;} #form form div p.selects {width: 100%;} #form p.radios {font-size: 10px; padding-bottom: 18px; width: 100%;} #form p.radios label {width: auto; clear:none; padding: 10px 15px 0 1px; font-size: 12px;} #form p.radios input {float:left; clear:none; margin: 9px 0 0 0;} #form p.checkbox {padding-bottom:15px; width: 400px;} #form p.checkbox input {margin:0 7px 0 0; float:left;} #form p.checkbox label {width: auto; clear:none; float:left; padding: 1px 0 0 0; margin:0; font-size: 12px;} #form p.checkboxes span {padding-top: 4px; display:block; float:left; clear:both;} #form p.checkboxes span input {float:left; clear:left; margin:0 3px 5px 0;} #form p.checkboxes span label {clear:none !important; width:auto; padding-top: 2px; white-space:nowrap;} #form p.submit {width: auto;} #form p.submit input {display:block; height: 23px; text-indent: -9999px; margin:0; padding:0; border:none; cursor:pointer;} #form p label {float:left; clear:both;} #form textarea {width: 460px; margin-top: 4px; padding-left: 3px; float:left; clear:left; font-size: 12px; line-height: 16px; height: 80px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;} /* special cases*/ /* Phone Number*/ #form p.phone {width: 100%;} #form p.phone .phonenumber {clear:left;} #form p.phone input {float:left;} #form .mainphone {width: 100%;} #form .ext {float:left; padding: 9px 0 0 0; width: 30px; text-align:center; clear:none;} #form .extension {width: 38px !important;} /* City State Zip*/ #form p.state {width: 80px !important;} #form p.state * {width: 73px !important;} #form p.zip, #form p.zip * {width: 60px !important;} /* Info Request*/ #form p.tripinterest, #form p.tripinterest * {width: 274px} #form p.referrer, #form p.referrer * {width: 190px;} /* ARCC Agreement*/ #form div.agreement {height: 160px; overflow:scroll; overflow-x: hidden; border: 1px solid #DEE0D1; border-right:none; margin-bottom: 15px;} #form div.agreement p, #form div.agreement h4 {padding: 0 10px; line-height: 17px;} #form div.agreement h4 {margin: 17px 0 0 0; } /* Catalog Request Page*/ #form .catalogdvd {position:absolute; margin: -140px 0 0 540px;} /* Lives with select box*/ p.liveswith, p.liveswith label, p.liveswith select {width: 350px !important;} /* multi selects */ #form p.multiselects {float:left; clear:none !important; margin-left:10px !important;} #form p.selectcontrols + p.multiselects {margin-left: 0 !important;} #form p.multiselects select {height: 162px;} #form p.selectcontrols {width: 38px; float:left; margin-top: 10px; height: 162px; clear:none !important;} #form p.selectcontrols a {display:block; width: 38px; height: 81px; float:left; clear:left; text-indent: -9999px;} #form p.selectcontrols a.add {background: url(../images/interface/button_arrowright.gif) 0 0 no-repeat;} #form p.selectcontrols a.remove {background: url(../images/interface/button_arrowleft.gif) 0 0 no-repeat;} #form p.selectcontrols a:hover {background-position: 0 -81px;} /* Submit Buttons*/ #form #sendrequest {width: 170px; background: url(../images/interface/button_sendrequest.gif) 0 0 no-repeat;} #form #continue {width: 100px; background: url(../images/interface/button_continue.gif) 0 0 no-repeat; float:right; } #form .complete {width: 186px; background: url(../images/interface/button_completereservation.gif) 0 0 no-repeat;} #form #savechanges {width: 122px; background: url(../images/interface/button_savechanges.gif) 0 0 no-repeat;} #form #uploadimages {width: 127px; background: url(../images/interface/button_uploadimages.gif) 0 0 no-repeat;} #form #completetop {float:right; margin-top: -6px; position:relative;} #form #login {width: 73px; background: url(../images/interface/button_login.gif) 0 0 no-repeat;} #form .submit input {text-indent: -9999px;} #form #share {width: 116px; background: url(../images/interface/button_sharetrip.gif) 0 0 no-repeat;} /* Trip Detail Info Table*/ .information table {border-collapse: collapse; font-size: 11px; float:left;} .information table.details {width: 180px; height: 225px;} .information table.details tr.daterow td, .information table.details tr.daterow th {/*height: 50px;*/ padding-top: 7px; vertical-align:top; line-height: 14px;} .information table.details tbody tr th, .information table.details tr td {border-top: 1px dotted #000;} .information table.details tbody tr th {width: 71px;} .information table.highlights {width: 350px;} .information table thead {height: 25px !important;} .information table thead th {text-transform:uppercase; font-weight:bold; padding: 0 9px; height: 25px !important;} .information table tbody th {font-size: 10px; font-weight:bold; padding: 0 0 0 9px; text-align:right;} .information table td {color:#FFF; padding: 0 0 0 9px;} .information table td, .information table th {height: 25px; vertical-align:middle;} .information table td.nb {padding: 10px; line-height: 14px;} .information1 table th {height: 25px; vertical-align:middle;} .information1 table td.nb {padding: 10px; line-height: 14px;} .information1 table {border-collapse: collapse; font-size: 11px; float:left;} .information1 table.details {width: 180px; height: 225px;} .information1 table.details tr.daterow td, .information1 table.details tr.daterow th {/*height: 50px;*/ padding-top: 7px; vertical-align:top; line-height: 14px;} .information1 table.details tbody tr th, .information1 table.details tr td {border-top: 1px dotted #000;} .information1 table.details tbody tr th {width: 71px;} .information1 table.highlights {width: 350px;} .information1 table thead {height: 25px !important;} .information1 table thead th {text-transform:uppercase; font-weight:bold; padding: 0 9px; height: 25px !important;} .information1 table tbody th {font-size: 10px; font-weight:bold; padding: 0 0 0 9px; text-align:right;} .information1 table td {color:#000; padding: 0 0 0 9px;} .information1 table td, .information1 table th {height: 25px; vertical-align:middle;} .information1 table td.nb {padding: 10px; line-height: 14px;} /* Blog Tweaks*/ #comment {width: 620px;} /* Admin Layout */ body.admin #contentarea #content, body.admin #contentarea #sidebar {margin-top:20px;} .sIFR-active body.admin #content h2 {height: 24px !important; overflow:hidden;} .sIFR-active body.admin #form h3 {height: 22px !important; overflow:hidden; } body.admin .triplist table tr td:last-child {padding-right: 10px;} body.admin #subnav {float:left; margin:0;} body.admin #subnav li a {width:auto; padding: 8px 12px 0 12px;} body.admin #badge {display:none;} body.admin #content {width: 888px !important; padding-left:0 !important; } body.admin #sidebar {/*position:absolute;*/ display:none;} body.admin #form {padding-top: 20px;} body.admin #nav, body.admin #globalnav {display:none;} body.admin #masthead {width: 947px; border-right: 1px solid #676758; border-bottom: 1px solid #676758;} #subnav .home a {width: 138px !important;} #subnav .homepage a {width: 92px !important} #subnav .trips a {width: 98px !important;} #subnav .tripjournal a {width: 108px !important;} #subnav .blog a {width: 108px !important;} #subnav .user a {width: 108px !important;} #subnav .logoff a {width: 102px !important; color:#A00;} body.admin .wym_box {width: 600px !important; clear:both; margin-top: 4px; float:left;} /* Remove Right Hand Menu*/ .nomenus .wym_area_right {display:none!important;} .nomenus .wym_area_main {margin-right:0 !important; } body.admin #jumpmenu {position:absolute; width: 200px; margin: -20px 0 0 688px;} body.admin #jumpmenu select {width: 200px;} body.popup {background:none; padding:0; height: 100%;} body.popup #wrapper {width: 100%; margin:0; overflow-x: hidden; height: 100%;} html>body.popup #wrapper {overflow-y:hidden;} body.popup #contentarea {width: 100%; margin:0; padding:0;} body.popup #content {width: 615px !important; margin:0 0 0 10px !important; padding:0;} body.popup #form {width: 100%; padding-top:0; padding-bottom: 10px;} ul.imglist {padding: 15px 0 0 15px; background:#959688;} ul.imglist li {float:left; margin: 0 14px 14px 0; line-height:10px;} ul.imglist p {font-size: 10px !important; white-space:nowrap; font-family: arial, verdana !important; margin:0 !important; background: #CCC; line-height: 14px; text-align:center; border-top: 2px solid #959688;} ul.imglist li img {border: 1px solid #FFF;} #contentarea>#subnav {margin:0;} /* Action Bar (General Page Footer)*/ #actionbar {background: #f0f3ea; padding: 3px; margin-top: 30px; width: 929px; clear:both;/* float:left;*/} #actionbar h4, #actionbar form {border-top: 1px solid #babbaa; border-bottom: 1px solid #babbaa; float:left; display:block; height: 39px;} #actionbar .reservations {border-left: 1px solid #babbaa; width: 261px; text-indent: -9999px; background: url(../images/interface/h4reservations.gif) 0 0 no-repeat;} #actionbar .email a {width: 84px; display:block; height: 39px; text-indent: -9999px; background: url(../images/interface/h4emailarcc.gif) 0 0 no-repeat;} #actionbar form {width: 376px; overflow: hidden;} #actionbar label {float:left; display:block; width: 125px; height: 39px; text-indent: -9999px; background: url(../images/interface/label_getalerts.gif) 0 0 no-repeat;} #actionbar #emailaddress {float:left; width: 140px; border: 1px solid #dfe3d4; margin: 11px 0 0 0; font-family: verdana, arial; font-size: 10px; color:#9d987c;} #actionbar #subscribe {float:left; display:block; border:none; width: 65px; height: 18px; margin: 11px 0 0 3px; text-indent: -9999px; background: transparent url(../images/interface/button_subscribe.gif) 0 0 no-repeat;} #actionbar .catalog {border-right: 1px solid #babbaa;} #actionbar .catalog a {display:block; width: 136px; margin: 0 70px 0 0; height: 39px; text-indent: -9999px; background: url(../images/interface/h4requestcatalog.gif) 0 0 no-repeat;} #actionbar .dvdimg {position:absolute; display:block; width: 71px; height: 62px; margin:-14px 0 0 852px; background: url(../images/interface/minidvdcatalog.png) 0 0 no-repeat;} /*Footer*/ #footer {float:left; clear:both; width: 947px; padding-top: 10px;} #footer p {float:right; width: 400px; font-family: verdana,arial; font-size: 10px; text-align:right; color:#7f7e6f; line-height: 1.1em;} #footer #about {float:left; text-align:left;} .homepage #footer #about {margin-top: -1.1em; font-weight:normal;} #footer #about a {font-weight:bold; color:#7f7e6f; } #footer #about a.aboutlink {padding-right: 10px; background: url(../images/interface/arrow_about.gif) 100% 50% no-repeat;} #footer #about span {position:absolute; width: 400px; margin: 16px 0 0 0; line-height: 17px; padding-bottom: 10px; display:none;} #footer #about span.showinfo {display:inline;} #footer #about span.longer {width: 920px;} #footer ul {font-size: 10px; width: 400px; float:left;} #footer li {float:left; padding-right: 9px; margin-right: 6px; background: url(../images/interface/footermiddot.gif) 100% 4px no-repeat;} #footer li.request {background:none;} .homepage #footer li#about span {border: 1px solid #49473C; color:#49473C; padding: 10px; background:#BABBAA;} #footer ul {padding-top: 10px;} #footer ul a {color:#babbaa !important; font-weight: bold;} #footer form {width: 525px; padding: 6px 0; float:right; margin:0;} #footer form p {float:left; width: auto;} .homepage #footer #emailaddress {float:left; background: #49473c; height: 13px; padding:2px 1px 0 2px; border: 1px solid #505141; color:#b1b8b0; font-size: 9px; width: 163px;} #footer p.contact {text-align:left; float:left; display:block; width: 165px; height: 17px; text-indent: -9999px; background: url(../images/interface/pcontact.gif) 0 0 no-repeat;} #footer label {text-align:left; float:left; display:block; width: 114px; height: 17px; text-indent: -9999px; background: url(../images/interface/labelreceivealerts.gif) 0 0 no-repeat;} #footer #submit {float:left; display:block; width: 71px; height: 18px; border:none; margin: 0 0 0 4px; background: url(../images/interface/button_footersubscribe.gif) 0 0 no-repeat;} #footer p.copyright {clear:both; text-align:right; width: 947px; float:none; padding-top: 6px; border-top: 1px solid #676758;} /*#footer form input {float:left;} */ .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .entry:after, ul.iconlist:after, ul.imglist:after, #content ul.lltwocol:after, #content ul.threecol:after, #content ul.ll:after, #reel:after, #subnav:after, #overview:after, #contentarea:after, #actionbar:after, #overview:after, #sidebar .ll:after, #wrapper:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.imglist, #contentwrapper, #content ul.lltwocol, #actionbar, #contentarea, #content, #wrapper, .clearfix {height: 1%;} div.clear {clear:both;} .clearleft {clear: left;} div.superclear {float:left; width: 100%; clear:both;} .gapsemester { font-size:14px; color:#ffffff; } .gapsemester a{ font-size:15px; color:#ffffff; font-weight:bold; font-decoration:none; line-height:22px; }