/* 
  
  .oooo.        ooooooooo    oooooooooo.   oooooooooooo  .oooooo..o ooooo   .oooooo.    ooooo      ooo  .oooooo..o 
.dP""Y88b      d"""""""8'    `888'   `Y8b  `888'     `8 d8P'    `Y8 `888'  d8P'  `Y8b   `888b.     `8' d8P'    `Y8 
      ]8P'           .8'      888      888  888         Y88bo.       888  888            8 `88b.    8  Y88bo.      
    <88b.           .8'       888      888  888oooo8     `"Y8888o.   888  888            8   `88b.  8   `"Y8888o.  
     `88b.         .8'        888      888  888    "         `"Y88b  888  888     ooooo  8     `88b.8       `"Y88b 
o.   .88P  .o.    .8'         888     d88'  888       o oo     .d8P  888  `88.    .88'   8       `888  oo     .d8P 
`8bd88P'   Y8P   .8'         o888bood8P'   o888ooooood8 8""88888P'  o888o  `Y8bood8P'   o8o        `8  8""88888P'  

  
 Like the code you see? - www.3point7designs.com

  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
  || TABLE OF CONTENTS 									        ||
  =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 
  =01 : UNIVERSAL SELECTORS
  =02 : BODY STRUCTURE
  =03 : LINKS
  =04 : NAVIGATION
  =05 : HELPER CLASSES
  =06 : ACCESSIBILITY
  =07 : TABLES


  MARGINS:

  SMALL t10px / b10px
  DEFAULT  t20px / b20px
  LARGE t30px / b30px

*/

/* =01 : UNIVERSAL SELECTORS */

/* @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { */
/* @import url('opera7.2.css'); /* 7.2 up */  
/* head~body … { /* 9 up */  
/* @import url('opera9.css'); } */
/* :root … { /* 9.5 up */ 
/* @import url('opera9.5.css'); } */
/*} */

* { }
html, body { font-family: arial, helvetica, san-serif; background: #fff;  
background: url('../images/structure/background.gif') top center fixed no-repeat #e6ebee; height: 100% !important; margin: 0 0 1px !important; padding: 0;   }

html { } 

h1{ font-family: Garamond, 'Times New Roman', Times; color: #8fb7d6; font-size: 43px !important; margin: 0 0 10px 0 !important;}
h2,h3,h4,h5 { color: #000 !important; font-weight: bold; margin-bottom: 3px !important;}
h2 { font-size: 18px; margin-bottom: 3px !important; }
h3 { font-size: 15px; margin-bottom: 3px !important; color: #000; font-weight: bold;}

/* =02: HTML5 BASED NAMING CONVENTIONS + BODY STRUCTURE */

#page { width: 938px; margin: 0 auto; background: #fff; padding-right: 25px;}

.article {}
.section {}
.aside

.navigation {}

#header { background: #fff; padding: 53px 0 0 0; }
#header-row { height: 47px; position: relative;}
#logo {
	width: 347px; float: left;
	height: 47px; 
}

#breadcrumbs { position: absolute; right: 0; margin-top: 15px !important; z-index: 500; }
#breadcrumbs a { color: #000;}

#logo a {
	display: block;
	width: 347px;
	height: 0;  margin-left: 56px;
	font-size: 1em; 
	padding-top: 47px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/structure/logo.gif') no-repeat;
}

#utility-navigation { margin: 0; padding: 0; list-style: none; font-size: 11px; position: absolute; right: 0; bottom: 0; }
#utility-navigation li { display: inline; margin-left: 25px; }
#utility-navigation li a { color: #000; font-size: 12px; letter-spacing: -1px; }

#main-navigation { list-style: none; margin: -13px 0 0 0; position: relative; z-index: 100;}
#main-navigation li { list-style: none; float: left; border-right: 2px solid #fff; border-top: 2px solid #fff; }
#main-navigation li a { display: block; background: #000; text-decoration: none; color: #fff; padding: 0 25px 0 25px; height: 21px; line-height: 21px; font-size: 13px;}

#main-navigation li a:hover { background: #333; color: #fff;}

#main-navigation ul { position: absolute; left: -9999px; margin-left: 0; padding-left: 0; }
#main-navigation ul li { margin-left: 0; padding-left: 0; float: none; }
#main-navigation ul li a { background: #aaa; filter:alpha(opacity=90); color: #000; height: 23px; display: block;
-moz-opacity:0.9; width: 150px;
-khtml-opacity: 0.9;
opacity: 0.9;
 }
#main-navigation li:hover ul, #main-navigation li.sfhover ul { left: auto; }


#content a { color: #000;}

#sup-navigation { border-top:  4px solid #fff; margin:  0;padding: 0; list-style: none;}
#sup-navigation li { list-style: none; margin: 0; padding: 0; border-bottom: 2px solid #fff; }
#sup-navigation li a.button { display: block; height: 80px; line-height: 80px; background: #cbe1ee; color: #000; text-decoration: none; text-transform: uppercase; font-size: 16px; padding:  0 0 0 44px;font-weight: bold;}
#sup-navigation li a.button:hover{ background: #9fc5dd;}

#sup-navigation li ul { position: absolute; left: -99999px; margin: -80px 0 0 240px; width: 240px; z-index: 500;}
#sup-navigation li:hover ul, #sup-navigation li.sfhover ul { left: auto; }
#sup-navigation li ul li { margin: 0; padding: 0; float: none; margin: 0 !important; padding: 0 !important;}
#sup-navigation li ul li a { font-weight: bold; display: block; margin: 0; background: #9fc5dd; padding: 5px; color: #000; text-decoration: none; filter:alpha(opacity=90); color: #000;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9; }

#search-box { padding: 40px 20px 40px 45px;}
#search-box #SearchForm_SearchForm_Search { width: 80px; float: left; height: 15px; }
#search-box #SearchForm_SearchForm_action_results { margin-left: 5px; float: left; margin-top: 8px;}


.newsletter-signup { padding: 20px 20px 20px 44px !important; background: #cbe1ee; line-height:  13px;font-size: 11px !important;}
.box-button { 
	
	background: url('/themes/conlintravel/images/signup-button.gif'); width: 173px; height: 27px; text-indent: -999999px; overflow: hidden; 
	display: block;
	margin-top: 10px;}

#footer { clear: both; width: 960px; margin: 16px auto 0 auto; text-align: center; line-height: 16px;}

.footer-disclaimer { font-size: 10px !important;}

.asta-logo { margin-top: -10px;}

#footer-navigation { list-style: none; margin: 0 0 16px 0; text-align: center; }
#footer-navigation li { display: inline; padding: 0 7px 0 0; border-right: 1px solid #000; margin-left: 5px; }
#footer-navigation li.last { border-right: 0px;}
#footer-navigation li a { color: #000;}

#content { clear: both; background: url('../images/structure/content-bg.gif') left repeat-y #fff; position: relative; }
#content-main { width: 546px; float: right; padding: 45px 87px 0 0; position: relative;}
#content-sup { width: 240px; float: left;  }
#content p { font-size: 13px; line-height: 16px;}

#travel-school-logos { width: 190px; float: right; text-align: center; margin-right: -70px; margin-left: 10px;}
#travel-school-logos img { margin-bottom: 10px; }

.green-box { background: #deead9; padding: 16px 16px 6px 16px; margin-top: 10px;}


/* =03: LINKS */

a { }
a:hover { text-decoration: none; }
a:vistied {}
a:active {}


/* =04: NAVIGATION */


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

/* 
ACCESSIBLE CSS ROLL OVERS 
#main_nav li a { display: block; float: left; width: 0px; height: 0px; text-indent: -99999px; overflow: hidden; }
*/

#subnav {}

#breadcrumbs { list-style: none; margin: 0 0 18px 0; padding: 0; }
#breadcrumbs li { display: inline; font-size: 10px; color: #999; }
#breadcrumbs li a { color: #666; }

/* =06: HELPER CLASSES */

.tac, .center { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }

.fl, .left { float: left; }
.fr, .right { float: right; }

.imgfl { float: left; margin-right: 18px; }
.imgfr { float: right; margin-left: 18px; }

.clear { clear: both; }
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.nolist, .nolist li { margin: 0; padding: 0; list-style: none;}

/* =07: ACCESSIBILITY */

#skiplinks { position: absolute; top: -500px; }

/* =08: TABLES */

table
table tr
table td
summary {}
th {}
legend {}
fieldset { border-width: 0px }
#SearchForm_SearchForm fieldset { border: 0px; }

#GroupTravelInformation { position: relative; }

#group-travel-phone { width: 237px; position: absolute; left: 0; bottom: 0; text-align: center;}
#group-travel-phone p { font-size: 17px !important; line-height: 20px; margin-bottom: 10px;}
#travel-logo { float: right; }

#header-banners { margin-top: 10px; }
#header-banners img { display: none; }
#header-banners img.active { display: block;}

/* ================= */
/* = Travel Agents = */
/* ================= */

#travel-photo { float: right; right: 0; bottom: 0; margin-right: -20px; }
#travel-info { position: absolute; bottom: 0; left: 0; width: 400px;  }
#travel-info ul { margin-bottom: 0px !important; }
#travel-basics { position: relative; margin: 60px 0 10px 0; padding: 60px 0 0 0;}
#travel-info ul li { padding: 10px;}

.bio-basics { list-style: none; margin-left: 0; padding-left: 0; }
.bio-basics li { margin-left: 0; padding-left: 0; }
.bio-link a { color: #000 !important;}
.bio-info { width: 400px; float: left;}

/* ===================== */
/* = Vacation Packages = */
/* ===================== */

#vacation-packages-list { margin: 0; padding: 0;}
#vaction-packages-list, #vacation-packages-list li { list-style: none; }
#vacation-packages-list li { float: left; margin: 0 8px 13px 0; padding: 0;}
#vacation-packages-list li img { display: block; margin: 0 0 5px 0; }
#vacation-packages-list a { color: #000; }

/* ===================== */
/* = Find a Consultant = */
/* ===================== */

.field-options { display: none; }
select.active { display: inline; !important;}

#search-area ul, #search-area li { list-style: none; }
#search-area select {  width: 150px; }

#search-fields label { float: left; line-height: 30px;}
#search-fields input { margin: 0; }

#travel-emp-searches li { display: none; }
#travel-emp-searches li.active { display:block !important; }
#travel-emp-searches li.active li { display: block !important;}

/* ===================== */
/* = Contact Locations = */
/* ===================== */

#contact-locations { width: 191px; float: left;  } #contact-locations p { font-size: 11px;} #contact-locations strong { font-size: 12px; }
#contact-services { width: 449px; float: right; margin-right: -100px;}

#contact-content h4 { font-weight: bold; text-transform: uppercase; margin-bottom: 3px;}

#contact-services td { padding: 10px 5px 10px 10px !important;}

/* ========= */
/* = Forms = */
/* ========= */

.FormHeading { padding: 15px 0 10px 0 !important; font-size: 12px; font-weight: 100; }

#Form_Form label { display: block; float: none !important; margin-top: 5px; clear: left; }
#Form_Form { padding-bottom: 30px;}

.checkboxset label { padding-top: 15px; }
.checkboxset { }
.checkboxset ul { padding: 5px 0 0 0 !important; margin-bottom: 10px !important;}
.checkboxset li label { font-weight: normal; margin-top: 0;}

#Form_Form .Actions { padding-left: 15px;}

#Form_Form .optionset { list-style: none; margin: 0; padding: 0; }
#Form_Form .optionset label { display: inline; }
#Form_Form .optionset li { float: left; width: 150px; margin-right: 5px; }

#side-nav { width: 150px; margin: 0 0 20px 20px; float: right; }
#side-nav ul { list-style: none; margin: 0; padding: 10px; background: #deead9;}
#side-nav ul li { padding: 10px 0 10px 0;}
#side-nav li a { color: #000;}

.green-table p { margin: 5px;}

/* ====================== */
/* = Social Media Links = */
/* ====================== */

.social-media-links { padding: 20px 0 10px 0; }
.social-media-links img { margin-left: 25px; }

/* ================ */
/* = Disney Links = */
/* ================ */

.disney-links {  }
.disney-links ul { list-style: none; margin: 0; padding: 0;position: absolute; width: 640px; }
.disney-links li { float: left; margin-right: 10px; }
.disney-links li.last { margin-right: 0 !important;}
.disney-links p { clear: both; padding-top: 100px;}