html
{
	text-align:center;
	background:#BBD9F9 url(../imgs/mainbg.jpg);
	margin:0;
	padding:0;
}

body
{
	text-align:center;
	background:#BBD9F9 url(../imgs/mainbg.jpg);
	font:65.5% Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h1
{
	font-size:2.1em;
	color:#f26c00;
	width: 510px;

}

h2
{
	font-size:1.9em;
	color:#0e6e47;
	margin-top: 20px;
}

form h2
{
	margin: 20px 30px 10px 20px;
	padding: 10px 10px !important;
	background: transparent url(../images/BlueLineFull.gif) repeat-x ;
	background-position: 70% 90%;
}


h3
{
	font-size:1.7em;
}

h4
{
	font-size:1.6em;
}

h5
{
	font-size:1.4em;
}

h6
{
	font-size:1.2em;
}

h1, h2, h3, h4, h5, h6
{
	line-height:120%;
	font-weight:700;
}

h3, h4, h5, h6 
{
	color:#003366;

}




#maincol p, #maincol ul, #maincol ol
{
	font-size:1.4em;
	line-height:140%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#maincol li {
	font-size:0.90em;
	padding-bottom: 8px;
	line-height: 150%;
	
}

#maincol li li {
	font-size:0.80em;
	
}

#maincol li li li{
	font-size:.66em;
}


#maincol li p {
	font-size:1em;
	color:#003366;
}

blockquote
{
	font-size:1.3em;
	line-height:140%;
}

form
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}

ol
{
	font-size:1.3em;
	line-height:140%;
}

ul
{
	font-size:1.3em;
	line-height:140%;
}

#maincol .title_list
{
	font-size:1.9em;
	color:#f26c00;
	
}

#maincol .title_list p
{
	font-size:0.8em;
	color:#0e6e47;
	
}

.right
{
	text-align:right;
}



.tdpic
{
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.tdpic img
{
	width: 90%;
	border: 3px solid #f26c00;
}

/* IMAGES */

.f-right
{
	float:right;
	padding:10px 30px 10px 15px;
}

.f-left
{
	float:left;
	padding:10px 15px 10px 30px;

}

p .f-right
{
	float:right;
	padding:5px 0 10px 15px;
}

p .f-left
{
	float:left;
	padding:5px 15px 10px 0;

}



/* Photos with captions, you have to know the size and it has to be OUTSIDE a paragraph tag */

div.r-photocaption  /* float right photo with caption */
{
	float:right;
	padding:10px 30px 10px 15px;
	font-size:11px;
}


div.l-photocaption  /* float right photo with caption */
{
	float:left;
	padding:10px 15px 10px 30px;
	font-size:11px;
	
}

div.250-207  /* photo with caption */
{
	width:250px; 
	height:227px;  /* added 20 px to accomodate caption, width of photo + height + extra for caption */	

}

div.l-photocaption img, div.r-photocaption img /* float right photo with caption */
{
	padding:0 0 6px 0;
clear:both;	

}

.clear {
clear:both;
}



a
{
	outline:none;
	color:#003366;
	font-size: 12px;
	letter-spacing: normal;
}

a h1, h2, h3, h4, h5, h6 
{
	outline:none;
	text-decoration: none;
}



a:visited
{
	color:#003366;
}

a:hover
{
	color:#FF6600;
}


a img
{
	border:0;
}

*
{
margin:0;
padding:0;
}

.read_more a 
{
	color:#f26c00;
}

/**** LOGO *****/
#logo
{
	top:0;
	left:0;
	background:url(../imgs/logo.jpg) no-repeat;
	position:relative;
	width:248px;
	height:148px;
	display:inline;
	overflow:hidden;
	padding:0;
}

#logowrap
{
	position:absolute;
	top:0;
	left:0px;
	width:248px;
	height:148px;
	z-index:10000;
}

#logo a
{
	float:left;
	overflow:hidden;
	padding:148px 0 0;
	width:248px;
	height:0 !important;
	background:url(../imgs/logo.jpg) no-repeat;
	font-size:1px;
	color:#AFD6FF;
}

/* HOME PAGE */
#maincol h1.homeheader
{
	color:#f26c00;
	font-size:2.5em;
	padding:35px 80px 10px 40px;
}

#maincol h2.homeblurb
{
	font-family:Georgia, 'Times New Roman', Times, serif;
	font-size:1.5em;
	line-height:150%;
	font-weight:normal;
	color:#333;
	padding:0 70px 10px 40px;
}

a.learnmore
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
}

p.buttonhome
{
	padding:10px 70px 0 0;
}




/* EYE CANDY */


#eyecandyhm, .subeyecandy
{
	width:245px;
	height:260px;
	padding:30px 0 30px;
	position:relative;
}



/* BeginSub eye candy */

.subeyecandy
{
	height:225px;
	
}

div.subimages
{
	position:relative;
	width:245px;
	height:186px;
}


a.candysmimg {
	width:121px;
	height:90px;
	display:block;
}

a.tl, a.tr, a.br, a.bl {
	position:absolute;
	
}

a.tl {
	top:0;
	left:0;
}

a.tr {
	top:0;
	left:124px;
}

a.br {
	top:93px;
	left:124px;
}

a.bl {
	top:93px;
	left:0;
}

.bottomcandy {
	clear:both;
}

.bottomcandy a.next, .bottomcandy a.previous {
	width:121px;
	height:21px;
	display:block;
}

.bottomcandy a.next {
	float:right;
}

.bottomcandy a.previous {
	float:left;
}

/* End Sub eye candy */





/* PAGE STRUCTURE */
#pagewidth
{
	position:relative;
	width:991px;
	margin:0 auto;
}

#outterwrapper
{
	background:url(../imgs/header-repeat.jpg) repeat-x;
	width:100%;
	margin:0 auto;
}

#headerbg
{
	width:100%;
	background:url(../imgs/headerbg.jpg) 50% 0 no-repeat;
	margin:0 auto;
}

#bodybg
{
	width:100%;
	background:url(../imgs/bodybg.jpg) center 0 repeat-y;
	background:url(../imgs/shadow-body-content.jpg) center 0 repeat-y;
	margin:0 auto;
}

#footer
{
	width:991px;
	position:relative;
	background:url(../imgs/footerbg.jpg) 50% 0 no-repeat;
	margin:0 auto;
	padding:111px 0 20px 0;
}

#footer div.wrapper
{
	width:959px;
	display:block;
	position:relative;
	margin:0 auto;
}

.taglit_wrapper
{
	width:759px;
	display:block;
	position:relative;
	margin:0 auto;

} 

#footer a img
{
	padding:20px 0 0 0;
}



#footer p
{
	float:left;
	font-size:10px;
	text-align:left;
	color:#012c84;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 0 10px 0;
}

#footer a
{
	color:#012c84;
	text-decoration:none;
}

#footer a:hover
{
	color:#fff;
}

#footer div.wrapper div
{
	float:right;
	width:169px;
	height:50px;
}

#shadow-wrapper
{
	width:991px;
	position:relative;
	height:1%;
	margin:0 auto;
}

#shadow-wrapper #left-shadow
{
	position:absolute;
	background:url(../imgs/leftshadow.jpg);
	width:16px;
	height:747px;
	top:0;
	left:0;
}

#shadow-wrapper #right-shadow
{
	position:absolute;
	background:url(../imgs/rightshadow.jpg);
	width:16px;
	height:747px;
	top:0;
	right:-1px;
}

#header
{
	position:relative;
	height:150px;
	width:959px;
	margin:0 auto;
}

#leftcol
{
	width:245px;
	float:left;
	position:relative;
	padding:50px 0 0 3px;
}

/* SIDE FORM */

input
{
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
}

/* Login Left Col */
#leftcol div.login
{
	width:210px;
	position:relative;
	height:1%;
	margin:50px auto;
	padding:0 0 20px;
}

div.questionmark
{
	width:13px;
	height:13px;
	position:absolute;
	top:2px;
	right:0;
}

#leftcol div.login label
{
	display:none;
}

#leftcol div.login span
{
	display:block;
	text-transform:uppercase;
	font-size:11px;
	margin:3px 0 5px;
}

#leftcol div.login input.button
{
	float:right;
}

#leftcol div.login input.text
{
	width:204px;
}

#leftcol h4
{
	text-transform:uppercase;
	padding-bottom:10px;
	color:#003366;
}

/*taglit logo */
#leftcol div.taglit_logo
{
	width:190px;
	position:relative;
	height:1%;
	margin:50px auto;
	padding:0 0 20px;
	text-align:center;
}

/* Global Forms */


/* Form One */

div.form-one, div.form-two{
	width:550px;
	margin:10px auto;
}

#maincol div.form-one p.required, #maincol div.form-two p.required {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
}

div.form-row {
  clear: both;
  padding-top: 10px;
  }

div.form-row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.form-row span.formw {
  float: right;
  width: 435px;
  text-align: left;
  } 

div.form-one input.text, div.form-one .textarea
{
	width:390px;
}

div.form-two input.text, div.form-two .textarea
{
	width:503px;
}

div.form-two div.form-row span.formw {
  display:block;
 
  float:none;
  text-align: left;
  clear:both;
  }


div.form-two div.form-row span.label {
  display:block;
  padding-top: 40px;
  float:none;
  text-align: left;
  clear:both;
  font-weight: bold;
  font-size: 1em;
  width: 500px;
  }
  
  
/* textinput */
input.text, .textarea
{
	font-weight:400;
	border:1px solid #c2defd;
	border-bottom-width:2px;
	border-right-width:2px;
	color:#333;
	background:#fff url(../imgs/formbg.jpg) !important;
	padding:4px 3px;
}

input.text:hover, .textarea:hover
{
	border:1px solid #c2defd;
	border-top-width:2px;
	border-left-width:2px;
}

input.button
{
	background:url(../imgs/buttonbg.jpg) 0 0 repeat-x;
	color:#fff;
	font-weight:700;
	font-size:14px;
	padding:5px 7px;
	border:0px;

}

a.button
{
	background:url(../imgs/buttonbg.jpg) 0 0 repeat-x;
	color:#fff!important; /* IE 6 has issues */
	font-weight:700;
	text-decoration:none;
	font-size:14px;
	margin:15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	padding:9px 8px;
}

input:hover
{
	background:url(../imgs/buttonbg.jpg) 0 -34px repeat-x;
}

a.button:hover
{
	background:url(../imgs/buttonbg.jpg) 0 -34px repeat-x;
	color:#fff!important;  /* IE 6 has issues */
}

/* Small Button (left col) */
input.small
{
	color:#fff;
	border:0px;
	font-weight:700;
	background:url(../imgs/buttonbg.jpg) 0 -34px repeat-x;
	font-size:14px;
	padding:3px 2px;
}

input.small:hover
{
	background:url(../imgs/buttonbg.jpg) 0 0 repeat-x;
}

/* Main Content Column */
div.shadow
{
	width:616px;
	height:30px;
	background:url(../imgs/lg-divider-shadow.jpg) center center no-repeat;
	clear:both;
	margin:10px auto 0;
}

#maincol
{
	display:inline;
	position:relative;
	float:right;
	width:708px;
	padding:40px 0 0 0;
}


#maincol ul, #maincol ol
{
	margin: 10px 40px 20px 80px;
	padding: 0 5px;
	clear:both; /* this is so that the lists don't wrap around images */
}


#maincol ul ul, #maincol ul ol,  #maincol ol ol
{
	margin: 10px 40px 5px 30px;
	padding: 0 5px;	
}


#maincol p, #maincol h1, #maincol h3, #maincol h4, #maincol h5,  #maincol h6
{
	padding:10px 30px;

}

#maincol h2
{
	padding:10px 30px;

}

#printerbutton a.noprint
{
	background:url(../imgs/printer-icon.gif) 0 50% no-repeat;
	text-decoration:none;
	color:#666;
	padding:0 0 0 18px;
}

#printerbutton a.noprint:hover
{
	color:#003366;
}

#printerbutton
{
	width:auto;
	text-align:right;
	position:absolute;
	top:8px;
	right:13px;
}

#wrapper /* *** This clever design needs a min. height *** */
{
	/*min-height:700px; */
	width:959px;
	position:relative;
	text-align:left;
	margin:0 auto;
}

/* *** Navigation *** */

#mainnav
{
	width:708px;
	height:104px;
	position:absolute;
	top:40px;
	right:3px;
} /* *** See the p7pmh0.css for the classes for the main nav *** */



/* *** Top Navigation *** */

#topnav
{
	position:absolute;
	top:0;
	left:275px;
	width:500px;
	height:1%;
	text-align:left;
	font-size:10px;
	text-transform:uppercase;
	padding:8px 0 0;
}

#topnav ul li
{
	display:inline;
	list-style-type:none;
	font-size:.85em;
	padding:0 6px;
	margin:0;
}

#topnav ul
{
	margin:0 -10px 0 0;
}

#topnav a
{
	color:#6fcba6;
	text-decoration:none;
}

#topnav a:hover
{
	color:#fff;
}

/* *** Classes for the on or active link in the top most menu *** */

body.home #topnav a.home,
body.aboutus #topnav a.aboutus,
body.whyus #topnav a.whyus,
body.faq #topnav a.faq,
body.safety-security #topnav a.safety-security,
body.contact #topnav a.contact
{
	color:#fff;
}


/* Sub navigation on the left side */

#side-sub-nav 
{
	width:210px;
	margin:0 auto;
	padding:10px 0 0 0;
	
	
}

#side-sub-nav h4
{
	font-size:12px;
	color:#0E6E47;
}


#side-sub-nav ul
{
	list-style: none;
	margin:0;
	padding:0;
}

#side-sub-nav li
{
	padding:5px 0;
	background: url(../imgs/side-sub-nav-div.gif) 0 100% no-repeat;

}

#side-sub-nav li a
{
	text-decoration:none;
	background: url(../imgs/side-nav-bullet.jpg) 0 50% no-repeat;
	display:block;
	padding:0 0 0 15px;

}

#side-sub-nav li a:hover
{
	color:#E05C00;

}

/* Example of Sub navigation indicating active page */

#side-sub-nav li a:active, body.teenexample a.teenexample {
	 font-weight:bold;
}



/* *** Top Navigation Login *** */

#loginout
{
	position:absolute;
	top:0;
	height:36px;
	right:20px;
	background:url(../imgs/mainbg.jpg);
	border:3px solid #fff;
	border-top:0;
	border-bottom:0;
	padding:0 8px;
}

#loginoutblock
{
	display: block;
	padding:10px 0 0;
}

#loginout a
{
	font-size:13px;
	text-decoration:none;
	font-weight:700;
	color:#003366;
	padding:10px 0 0;
}

#loginout a:hover
{
	color:#fff;
}

/* Blockquotes */
#maincol div.blockquotewrap blockquote
{
	background:transparent url(../imgs/quote-left.gif) 0 0 no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:20px 0;
}

#maincol div.blockquotewrap blockquote div.home
{
	font-size:1.2em;
}

#maincol div.blockquotewrap blockquote div
{
	font-size:0.9em;
}

#maincol div.blockquotewrap blockquote div p.attrib
{
	font-size:.75em;
	font-style:italic;
	text-align:right;
	padding:10px 0;
}

#maincol blockquote div
{
	text-align:left;
	font-size:14px;
	background:transparent url(../imgs/quote-right.gif) 100% 0 no-repeat;
	padding:0 40px 0 48px;
}

#maincol .blockquotewrap
{
	position:relative;
	margin:20px 40px 20px 30px;
}

#maincol .blockquotewrap p {
	padding:0;
	margin:0;
}


/* Tables */


#maincol table, #maincol td 
{
	font-size:1.1em;
	margin:0 30px 20px 30px;
	line-height:150%;
	border-collapse:collapse;
	clear:both;
}

#maincol td p, #maincol table p
{
		font-size:1.0em;
		margin:0 0 0 -30px;
}

#maincol table ol, #maincol table ul, #maincol table li
{
	font-size:1.0em;
	margin:10px 10px 20px;
}

#maincol td input
{
  border: 1px solid #000000;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Arial;
  padding: 4px;
 }

#maincol table textarea, #maincol td textarea
{
  border: 1px solid #000000;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Arial;
  padding: 4px;
  min-width: 250px;
}


#maincol table select, #maincol td select
{
  border: 1px solid #000000;
  margin-right: 5px;
  margin-bottom: 10px;
  font-size: 12px;
  font-family: Arial;
  padding: 4px;
  min-width: 250px;
}

.orange
{
	color:#f26c00;

}

table.sampleprogram .orange
{
font-weight:700;
text-align:right;
}


table.sampleprogram
{
	font-size:1.3em;
	margin:0 30px 20px 30px;
	line-height:150%;
	border-collapse:collapse;
	clear:both;
}

table.sampleprogram td
{
	padding:10px 20px 2px 20px;

}

table.sampleprogram td.sample-program-header
{
	padding:30px 0 5px 0;
	font-size:1.5em;
	border-bottom:1px solid #BBD9F9;
	color:#003366;
	font-weight:700;
}

/* *** Float containers fix: *** */
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix
{
	display:block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height:1%;
}


.overnight
{
	font-size: 1.15em !important;
	color:#f26c00;
	margin: 10px -30px;
}

.trip_day
{
	float: left;
	width: 600px;
	font-size:1.3em;
	margin: 10px 0px 10px 30px;
	border-bottom: 1px dashed #BBD9F9;
	padding-bottom: 20px;
}

.trip_day h2
{
	margin-left: -30px;
	margin-top: 10px;
	font-size:1.5em;
}

.trip_pic
{
	float: right;
	width: 200px;
	font-size:1.3em;
	margin-left: 20px;
	
}

p.trip_remark
{
	font-size:1.05em !important;
}

.more
{
	text-align:right;
	font-weight:bold;
	color:#f26c00;
	margin-right: 30px;
	
}

.place_info
{
	font-size:0.95em;
	margin:20px 20px;
	line-height:140%;
	font-style:italic;
	
}

.img_info
{
	float: left;
	width:30px;
	height: 30px;
	margin: 0px 20px 0px 10px;
}


.t_info
{
	display: inline;
	font-size:1.05em;
}


#TheUploadMessage
{
	width:400px;
	clear:both;
	margin:100px 0px 10px 400px;
	font-size: 1.3em;
	text-align:center;
}


.orangeimg
{
	border: 2px solid #cee3ff;
}


/* ----------- FORM STUFF ------------------ */
.field
{
  clear: both;
  width: 600px;
  margin: 5px auto;

  padding-bottom: 10px;
  
}

.field input
{
  border: 1px solid #000000;
  margin-right: 5px;
  font-size: 12px;
  font-family: Arial;
  padding: 4px;
  min-width: 250px;
 
}

.field_checkbox
{
  margin-right: 5px;
  font-family: Arial;
  padding: 4px;
  min-width: 0px !important;
 
}


.field textarea
{
  border: 1px solid #000000;
  font-size: 11px;
  font-family: Arial;
}

.field_title
{
  float: left;
  width: 100px;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 5px;
  padding-left: 20px;
  font-size: 1.2em;
  
}

.field_value
{
  float: left;
  width: 380px;
  padding-bottom: 5px;
}

.field_input_error
{

	border: red 2px solid !important; 
}


.possible_error
{
	width: 500px;
	margin: 5px auto 50px;
	border: 3px solid darkred;
	padding: 15px;
}



.taglit_login
{
	border: 1px dashed #565656;
	width: 400px;
	margin: 5px auto;
	padding: 15px;
}

.submit2 
{
  margin: 10px auto;
  height: 33px;
  text-transform: uppercase;
  BACKGROUND-COLOR: #049cf2; 
  font-weight: bold;
  text-align: center;
  padding: 9px;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11px;
  cursor: pointer;
  background: url(../images/nav_3.jpg) repeat-x;
}


.submit_reg
{
  border: 1px solid black;
  height: 40px;
  width: 250px;
  text-transform: uppercase;
  BACKGROUND-COLOR: #049cf2; 
  font-weight: bold;
  text-align: center;
  padding: 9px;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 18px;
  text-decoration:none;
  cursor: pointer;
  background: url(../images/nav_3.jpg) repeat-x;
}

a.submit_reg, .submit_reg a:hover, .submit_reg a:visited
{
	color: #FFFFFF !important;	
}

 
 /*printer styles*/ 
 @media print{ 
/*hide when printing*/ 
#leftcol, a.noprint, #mainnav, #footer{display:none!important;} 
#maincol{width:100%; float:none;}
#maincol p, #maincol ul, #maincol ol, #maincol form, #maincol h1, #maincol h2, #maincol h3, #maincol h4, #maincol h5, #maincol h6 {
font-family:Arial, Helvetica, sans-serif;color:#000;


/*These are preliminary styles, to get forms and other items to look a certain way for print, please add more styles. You can even add a div that has the logo for print centered at the top and the contact information which will show only for printing but that has to be added to the main xhtml, hidden for screen and other media, and then shown for print, all done with CSS*/ 

}
}




.explain
{
	font-size: 0.8em !important; 
	margin-left: 0px !important; 
	padding-left: 0px !important;
}

.from_editor
{
	font-size: 1.2em;
	margin-left: 30px;
	margin-right: 40px;
}

.from_editor h2
{
	font-size: 1.4em;
	margin-left: -30px;
}

.from_editor h3
{
	font-size: 1.3em;
	margin-left: -30px;
}



#addthis
{
	float: right;
	position: absolute;
	padding: 4px 30px 10px 0;
	z-index: 10000;
	left: 805px;
	top: 202px;
}