@charset "utf-8";
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666;
	background: url(../images/bg/headerBg.gif) repeat-x top;
}
.page #container { 
	width: 900px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
} 

.page #container_popup { 
	width: 600px;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: center;
} 


.page #header {
	background-image: url(../images/bg/headerBg.gif);
	background-repeat:repeat-x;
	height:89px;
	
} 

.page #header h1 {
	
	margin: 0; 
	padding: 4px 0 4px 0; 
	
}

.page #header img {
	float: right;
	padding: 0;
	margin: 8px 6px 0 0;
}

.page #header_popup {
	background-image: url(../images/bg/headerBg.gif);
	background-repeat:repeat-x;
	height:89px;
	
} 

.page #header_popup h1 {
	margin: 0; 
	padding: 4px 0 4px 6px; 
	
}

.page #logo {
	margin: 0;
	padding: 0;
	
}

.page #logo a {
	background:url( ../images/text/logo.jpg) no-repeat top left;
	text-indent:-20in;
	overflow:hidden;
	display:block;
	width:75px;
	height:75px;
}

.page #minilink {
	width: 120px;
	font-size:10px;
	color: #000033;
	line-height:1.4;	
	margin: -80px 0 0 90px
	
}

.page #minilink a {
	text-decoration: none;
	color: #000033;
	
}

.page #minilink a:hover {
	text-decoration: none;
	color: #666;
	
}


.page #slogan {
	font-size:14px;
	color: #000033;
	line-height:1.4;	
	font-style: italic;
	text-align: center;
	margin-left: 175px;
	margin-top: 15px;
	margin-right: 300px;
}

.page #header img {
	float: right;
	padding: 0;
	margin: 8px 6px 0 0;
}

#call {
	position:relative;
	float:right;
	clear:both;
	margin:10px 0 0 0;
	padding:0;
}

#call p{
	font-size: 16px;
}


#call h2{
	color: #000033;
	font:bold 24px  Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
}

#call a{
	text-decoration:none;
	color: #000033;
	
	margin:0;
	padding:0;
}

#call a:hover{
	text-decoration:none;
	color: #666;
	
	margin:0;
	padding:0;
}

#call p{
	color: #000033;
	margin:0;
	padding:0;
}

#contact {
	color: #000033;
	font:  Verdana, Geneva, sans-serif;
	float: right;
	clear: both;
	margin: 14px 10px 0 0;
}

#contact a {
	color: #000033;
	text-decoration:none;
}

#contact a:hover {
	color: #333;
}

#contact_popup  {
	color: #000033;
	font:  Verdana, Geneva, sans-serif;
	margin: 12px 10px 0 0;
}

#contact_popup  a {
	color: #000033;
	text-decoration:none;
}

#contact_popup a:hover {
	color: #333;
}

#nav-wrapper { 
background: url(../images/bg/nav-wrapper.gif) repeat-x;
border: solid 1px #666;
padding: 0 auto;
width: 898px; 
height: 27px;

}

#nav { 
font: 12px Verdana, Arial, Helvetica, sans-serif;
padding: 0 ;
margin: 0 auto; 
background: url(../images/bg/nav-sep.gif) left no-repeat;
list-style-type:none;
}

.page #nav { 
background: none; 
white-space: nowrap;

	}


#nav li { 
float: left;
/*padding: auto;*/
}

#nav a {
	display: block;
	color:#000033;
	padding: 6px 10px 6px 11px;
	background: url(../images/bg/nav-sep.gif) right no-repeat;
	text-align: left;
	text-decoration: none;
	line-height: 1.3;
	
}

#nav a:hover { 
color: #999; 
}



#nav .nav1 a { width: 38px;}
#nav .nav2 a { width: 74px;}
#nav .nav3 a { width: 101px;}
#nav .nav4 a { width: 88px;}
#nav .nav5 a { width: 138px;}
#nav .nav6 a { width: 99px;}
#nav .nav7 a { width: 103px;}
#nav .nav8 a { width: 89px; background: none;}

/* Navigation dropdown */
#nav li li a { padding: 5px 5px 5px 18px; background: #fff; text-align: left; position: static; width: 150px !important; border-bottom: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0;}
#nav li ul { left: -999em; position: absolute; width: 150px; border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; margin-left: -1px; }
#nav li.hover ul { left: auto; }

#nav a.current { 
	background: #fff url(../images/bg/nav-hover.gif) right bottom no-repeat;
	border-left: 1px solid #666;
	margin-left: -1px;
	color: #666;
}

.page #banner {
	width:728px;
	height:198px;
	font: 18px Verdana, Arial, Geneva, sans-serif;
	color: #fff;
	background: url(../images/photo/bannerImg.jpg) no-repeat;
	margin: 8px 0 8px 0;
	padding:0 4px 0 4px;
}

.page #btext{
	width:390px;
	float:right;
	
	font: 18px Verdana, Arial, Geneva, sans-serif;
	color: #fff;
	white-space:normal;
	margin-top:20px;
	padding:0;
}

.page #btext p{
	line-height: 25px;
	margin:0;
	padding: 6px 0 6px 0;
}

.page #btext a{
	width:390px;
	float:right;
	text-decoration:none;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	color: #fff;
	white-space:normal;
	margin:0;
	padding:0;
}

.page #btext a:hover{
	width:390px;
	float:right;
	text-decoration:none;
	font: 14px Verdana, Arial, Geneva, sans-serif;
	color: #ccc;
	white-space:normal;
	margin:0;
	padding:0;
}

.page #sidebarwrapper {
	
	float: right;
	width: 160px;
	margin: 8px 0 10px 0;
}

.page #sidebar1 {
	text-align: center;
	border: 1px solid #999;
		 
}

.page #sidebar1 img{
	
	border: 0;
		 
}

.page #sidebar1 a {
	text-decoration: none;		 
}

.page #sidebar1 a:hover {
	text-decoration: none;
		 
}

.page #sidebar1 a:visited {
	text-decoration: none;
		 
}

.page #sidebar1 h3 {
	background-image:url(../images/bg/nav-wrapper.gif);
	color: #000033;
	font-size:14px;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin: 0;
	padding: 6px 0 6px 0;
}

.page #sidebar1 p {
	font-size: 12px;
	margin: 14px 0 14px 0;
}

.page #sidebar2 {
	
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	
	 
}

.page #sidebar2 img{
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
	border: 0;
		 
}

.page #sidebar2 h3 {
	background-image:url(../images/bg/nav-wrapper.gif);
	color: #000033;
	font-size:13px;
	text-align:center;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin-top: 10px;
	padding: 6px 0 6px 0;
}

.page #sidebar2 h4 {
	color: #336699;
	font-size:13px;
	text-align:left;
	margin: 10px 4px;
	
}

.page #sidebar2 p {
	text-align:center;
	font-size: 10px;
	margin-left: 10px; 
	margin-right: 10px;
}

.page #sidebar2 a {
	color: #000033;
	padding-left:3px;
	text-decoration: none;
	font-size: 11px;
}

.page #sidebar2 a:hover {
	color: #666;
	padding-left:3px;
	text-decoration: none;
	font-size: 11px;
}

.page #sidebar2 a:visited {
	padding-left:3px;
	text-decoration: none;
		 font-size: 11px;
}

.page #sidebar3 {
	text-align: center;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}

.page #sidebar3 p{
	text-align:center;
	font-size: 12px;
	margin-left: 10px; 
	margin-right: 10px;
}

.page #sidebar3 h3 {
	background-image:url(../images/bg/nav-wrapper.gif);
	color: #000033;
	font-size:13px;
	text-align: center;
	margin: 0;
	padding: 6px 0 6px 0;
}

.page #sidebar3 h4 {
	color: #336699;
	font: 13px;
	margin: 4px 8px 4px 8px;
}

.page #sidebar3 p {
	text-align: left;
	padding: 0;
	font-size: 13px;
	margin: 10px;
}

.page #sidebar3 a {
	text-align: right;
	text-decoration:none;
	color: #666;
	color: #000033;
	font-size:13px;
	margin: 10px;
}

.page #sidebar3 a:hover {
	text-align: right;
	text-decoration:none;
	color: #666;
	font-size:13px;
	margin: 10px;
}

.page .sideBarBtm {
	margin: 0;
	padding: 0 0 18px 0 ;
	background: url(../images/bg/sideBarBtm.gif) top no-repeat;
}

.page #testimonial {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0 0 10px 0;
	padding-bottom:6px;
}

.page #testimonial a {
	text-decoration:none;
	font-size:13px;
	color: #000033;
	margin-top: 10px;
	padding: 6px 0 6px 0;
}

.page #testimonial a:hover {
	text-decoration:none;
	font-size:13px;
	color: #666;
	margin-top: 10px;
	padding: 6px 0 6px 0;
}

.page #testimonial p {
	text-align: left;
	padding: 0;
	font-size: 10px;
	margin: 0 6px 6px 6px;
}
.page #testimonial h3 {
	background-image:url(../images/bg/nav-wrapper.gif);
	color: #000033;
	font-size:12px;
	text-align:center;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	margin-top: 10px;
	padding: 6px 0 6px 0;
}

.page #test_head {
	font-size: 14px;
	text-align:center;
	padding: 6px 0 6px 0;
}

.page #mainContent {
	margin: 0 172px 0 0;
	padding:0;
} 


.page #mainContent_popup{
	margin: 0 10px 0 10px;
	padding:0;
	
}

.page #mainContent_popup p {
    padding: 0;
	text-align:center;
	font-size: 14px;
	font-family: #666 Verdana, Arial, Helvetica, sans-serif;
}

.page #mainContent h1 {
	font-size: 18px;
	border-bottom: 3px solid #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
    margin: 0;
	padding: 8px 0 4px 0;
}

.page #mainContent h3 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
    margin: 0;
	padding: 8px 0 0 0;
}


.page #contentimg {
	float: right;
	margin: 6px;
}

.page .contentimgLft {
	border: 1px solid #666;
	float: left;
	margin: 18px 8px 0px 0;
}

.page .contentimgRgt {
	float: right;
	margin: 0 6px 6px 6px;
}

.page .contentimgRgt img{
	border: 1px solid #000033;
	}

.page #mainContent hr {
    width: 100%;
	color: #000033;
	margin: 0;
	padding: 2px 0;
}

.page #contactinfo {
	width: 520px;
	margin: 0 auto;
	padding:0;
} 

.page .introbenefits {
  padding: 0;
  height: 130;
}

.page .introbenefits img {
  margin: 0;
  padding: 6px 0 0 0;
  float:none;
}

.page #legal {
  	height:130px;
	margin: 0;
	padding: 6px 0 6px 0;
}

.page #legal2 {
  	height:100px;
	margin: 0;
	padding: 6px 0 6px 0;
}

.page #changes {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #336699;
}

#services li {
	font-size: 12px;
    padding: 0 40px 0 0;
    list-style-image: url(../images/bg/bullet.gif);
	line-height: 2em;
	list-style-type:none;
}

.page #textTop {
	margin: 6px 0 0 0;
	padding: 1px 6px 0 6px;
	background: #f4f3f3 url(../images/bg/textTop.gif) no-repeat top left;
}

.page #textTop li{
	font-size: 12px;
	margin-bottom: 0;
    padding: 0 40px 0 0;
    list-style-image: url(../images/bg/bullet.gif);
	line-height: 2em;
	list-style-type:none;
}

.page #textTop h4{
	color:#336699;
	margin-bottom: 0;
}

.page #textTop ul,p{
	margin-bottom: 0;
}

.page #textBtm {
	margin: 0;
	padding: 0;
	height: 20px;
	background: #f4f3f3 url(../images/bg/textBtm.gif) no-repeat bottom left;
}

/* contact form */
#register {
	width: 526px;
	height: 100%;
	margin: 0 auto;
}

#register fieldset{
	margin: 0;
	width: 500px;
	float: left;
	clear: left;
	border: 1px solid #336699;
	padding:1em;
	font-size: 14px;
}

#register h3{
	 font:bold 18px century gothic, "Lucida Grande", Verdana, Ganeva, Helvetica;
	margin: 0 0 10px 0;
	padding:0;
}

#fielddiv {
	margin: 10px;
	padding: 0;
	
}

fieldset{
	width: 500px;
	border: 1px solid #336699;
	margin: 0 auto;
	margin-top: 10px;
	padding:1em;
	font-size:10px;
	color: #000;
}

fieldset label{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000033;
}

fieldset p{
	color: #666;
	font-size: 14px;
}

#surveyform{
	width: 620px;
}

#surveyform h4{
	font-size: 12px;
}


#surveyform p{
	font-size:12px;
}

#surveyform table{
	margin: 0 auto;
}

#surveyform table td{
	margin: 0;
	padding:0;
}

#surveyform #itinerary h3{
	font-size: 14px;
	margin:0;
}

#surveyform #comments{
	width:618px;
	margin:0 auto;
}

.topfield{
	
	width: 190px;
	height: auto;
	float:left;
	margin:0;
	padding: 0;
	
}


#itinerary {
	float:right;
	width:300px;
}

#itinerary p{
	font-size: 11px;
}

.input {
	width: 180px;	
}

.checkbox {
	vertical-align: bottom;
	text-align: center;
	width: 120px;
	height: 70px;
	float:left;
	margin: 10px 0 10px 0;
	padding: 0;
}

.checkboxsurvey {
	
	text-align: center;
	width: 36px;
	height: auto;
	float:left;
	margin:0;
	padding: 0;
}

.checkboxfollow {
	
	text-align: left;
	width: 145px;
	height: auto;
	float:left;
	margin:0;
	padding: 0;
}


.surveyQ {
	font-size:12px;
	width: 280px;
	height: auto;
	float:left;
	margin: 0;
	padding:0 0 4px 0;
}

.numberbox {
	position: relative;
	width:249px;
	height: 70px;
	float:left;
	margin: 0;
	padding: 0;
}

.numbers {
	width: 80px;
	margin: 6px 0 2px 0;
	
}

input, textarea{
	
	white-space: nowrap;
	margin: 4px 0 4px 0;
	border: 1px solid #000;
	background-color: #F1F1F1;
}

/*#email_field, #address_field {
	display: none;
}
*/

#msg {
	display:none; 
	position:absolute; 
	margin-left:100px;
	z-index:200; 
	background: url(../images/bg/msg_arrow.png) left no-repeat; 
	padding-left:7px;
}

#msgcontent {
	display:block; 
	font-size:14px; 
	font-weight:bold; 
	color: #C00; 
	background: #999; 
	border:2px solid #000033; 
	border-left:none; 
	padding:5px; 
	min-width:150px; 
	max-width:250px
}

.submit {
	width: 60px;
	cursor:pointer;
	}

.page #footer {
	position: relative;
	background-image: url(../images/bg/footerBg.gif);
	background-repeat:repeat-x;
	border-top: 1px solid #999;
	height:100px;
    margin: 6px 0 0 0;
	padding: 10px 0 10px 0;

} 

.page #footer p {
	font-size:12px;
	color:#666;
	text-align:center;
	margin: 0;
	padding: 0;
}

.page #footer a {
	color: #666;
	font-size:11px;
	text-align:center;
	text-decoration: none;
} 

.page #footer a:hover { 
background: #666; 
color: #fff; 
text-decoration: none; 
}

.page #footer h4 {
	font-size:14px;
	color:#000033;
	text-align:center;
	margin: 6px 0 2px 0;
	padding: 0 0 4px 0;
}

.page #copy{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2.6em;
	
} 

.page #optionwrapper {
	width: 728px;
	height: 310px;
	margin: 6px 0 6px 0;
	padding: 0;	
}

.page #option1 {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	width: 230px;
	height: 300px;
	background: #f4f3f3 url(../images/bg/optionBtm.gif) no-repeat bottom;
}

.page #option1 img {
	margin:0 0 4px 0;
	padding:0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: 0;
	border-right: 0;
}

.page #option1 p {
	color: #336699;
	margin:0 4px 0 4px;
	padding: 4px 0 6px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.page #option1 h3 {
	font-size: 14px;
	text-align:center;
	color: #000033;
	margin: 0;	
	padding: 4px;
}

.page #option1 h4 {
	font-size: 12px;
	text-align: left;
	color: #000033;
	margin: 0 4px 0 4px;	
	padding: 4px 0 4px 0;
}

.page #option1 a{
	color: #000033;  
}

.page #option1 a:hover {
	color: #666666;  
}

.page #option2 {
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	width: 230px;
	height: 300px;
	background: #f4f3f3 url(../images/bg/optionBtm.gif) no-repeat bottom;
}

.page #option2 img {
	margin:0 0 4px 0;
	padding:0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: 0;
	border-right: 0;
}

.page #option2 p {
	color: #336699;
	text-align: left;
	margin:0 4px 0 4px;
	padding: 4px 0 6px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.page #option2 h3 {
	font-size: 14px;
	text-align:center;
	color: #000033;
	margin: 0;	
	padding: 4px 0 4px 0;
}

.page #option2 h4 {
	font-size: 12px;
	text-align: left;
	color: #000033;
	margin: 0 4px 0 4px;
	padding: 4px 0 4px 0;
}

.page #option2 a{
	color: #000033;  
}

.page #option2 a:hover {
	color: #666666;  
}


.page #option3 {
	float: right;
	margin: 0;
	padding: 0 0 10px 0;
	width: 230px;
	height: 300px;
	background: #f4f3f3 url(../images/bg/optionBtm.gif) no-repeat bottom;
}

.page #option3 img {
	margin:0 0 4px 0;
	padding:0;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: 0;
	border-right: 0;
}

.page #option3 p {
	color: #336699;
	margin:0 4px 0 4px;
	padding: 4px 0 0 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.page #option3 h3 {
	font-size: 14px;
	text-align:center;
	color: #000033;
	margin: 0 4px 0 4px;
	padding: 4px 0 4px 0;
}

.page #option3 h4 {
	font-size: 12px;
	text-align: left;
	color: #000033;
	margin: 0 4px 0 4px;
	padding: 4px 0 4px 0;
}

.page #option3 a{
	color: #000033;  
}

.page #option3 a:hover {
	color: #666666;  
}


.page #standards {
	width: 728px;
	height: 220px;
	background: url(../images/bg/textBg.gif) no-repeat;
	margin: 6px 0  0 0;
	padding: 8px 0 8px 0;
}

.page #standards p {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 10px 0 10px;
	padding: 6px 0 6px 0;
	
	}
	
.page #ads{
	background-color: #f4f3f3;
	float: left;
	height: 264px;
	margin: 0;
	text-align:center;
}

.page #ads h3 {
	background: url(../images/bg/nav-wrapper.gif) repeat-x;
	color: #000033;
	font-size:14px;
	text-align:center;
	border: 1px solid #999;
	margin-top: 0;
	padding: 6px 0 6px 0;
}

.page #adsBtm {
	width: 728px;
	height:20px;
	float:left;
	margin: 0;
	background: url(../images/bg/linksBtm.gif) bottom no-repeat;
}

.page #ads p {
	text-align:center;
	font-size: 12px;
	margin-left: 10px; 
	margin-right: 10px;
}

.page #deals {
	background-color: #f4f3f3;
	float: right;
	width: 176px;
	height: 264px;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

.page #deals h3 {
	background: url(../images/bg/nav-wrapper.gif) repeat-x;
	color: #000033;
	font-size:14px;
	text-align:center;
	border: 1px solid #999;
	margin-top: 0;
	padding: 6px 0 6px 0;
}

.page #dealsBtm {
	width: 176px;
	float: right;
	margin: 0;
	padding: 0 0 6px 0;
	background: url(../images/bg/dealsBtm.gif) bottom no-repeat;
}

.page #deals  p{
	font-size: 12px;
	line-height: 1.3em;
	margin: 4px ;
	color: #000033;
}

.page #deals strong{
	font-size: 16px;
	line-height: 1.3em;
	margin: 4px ;
	color: #000033;
}

.mainExpand {
	/*background-color: #000033;*/
	background-image:url(../images/bg/nav-wrapper.gif);
	background-repeat:repeat-x;
	text-align: right;
	margin: -12px 10px 0 10px;
}

.mainExpand p {
  	cursor:hand;
  	cursor:pointer;
	color: 000033;
	padding: 6px 4px 6px 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	
}

.texter {
	display:none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0 4px 0 4px;
	margin: -12px 10px 0 10px;
}

.texter p {
	padding:8px;
	color:#666;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}