* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* Headlands Holidays CSS by Ridgeway Studios - www.ridgewaystudios.com*/

body 
{ background-color: #C2E0FB; color: #002157; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; }

a:link { color:#002157; text-decoration: underline; font-weight: bold; }
a:visited { color:#002157; text-decoration: underline; font-weight: bold; }
a:hover { color:#21548B; text-decoration: underline; font-weight: bold; }
a:active { color:#21548B; text-decoration: underline; font-weight: bold; }

a.darkbg:link { color:#C2E0FB; text-decoration: underline;  font-weight: bold; }
a.darkbg:visited { color:#C2E0FB; text-decoration: underline;  font-weight: bold; }
a.darkbg:hover { color:#FFFFFF; text-decoration: underline; font-weight: bold; }
a.darkbg:active { color:#FFFFFF; text-decoration: underline; font-weight: bold; }

a.midblue:link { color:#587B9B; text-decoration: underline;  font-weight: bold; }
a.midblue:visited { color:#587B9B; text-decoration: underline;  font-weight: bold; }
a.midblue:hover { color:#3773AC; text-decoration: underline; font-weight: bold; }
a.midblue:active { color:#3773AC; text-decoration: underline; font-weight: bold; }

a.grey:link { color:#4E5365; text-decoration: underline;  font-weight: normal; }
a.grey:visited { color:#4E5365; text-decoration: underline;  font-weight: normal; }
a.grey:hover { color:#002157; text-decoration: underline; font-weight: normal; }
a.grey:active { color:#002157; text-decoration: underline; font-weight: normal; }

a.imagelink:link { border-bottom: 0px; text-decoration: none;  }
a.imagelink:visited { border-bottom: 0px; text-decoration: none; }
a.imagelink:hover { border-bottom: 0px; text-decoration: none; }
a.imagelink:active { border-bottom: 0px; text-decoration: none; }

a.normal:link { font-weight: normal; }
a.normal:visited { font-weight: normal; }
a.normal:hover { font-weight: normal; }
a.normal:active { font-weight: normal; }

a.clean:link { font-weight: normal; text-decoration: none; }
a.clean:visited { font-weight: normal; text-decoration: none; }
a.clean:hover { font-weight: normal; text-decoration: none; }
a.clean:active { font-weight: normal; text-decoration: none; }

.smallselect { font-size: 1.0em; font-weight: normal; color: #404040; }

.greyblue { color: #4E5365; }

.midblue { color: #3773AC; }

.lightblue { color: #C2E0FB; }

.deepblue { color: #3F5271; }

.white { color: #FFFFFF; }

.unavailable { color: #808080; }

.padabove { padding-top: 8px; }

.padbelow { padding-bottom: 8px; }

.bulletlisterror { color: #ff0000; margin-left: 25px; font-weight: bold; list-style: disc; }

.greybluelist { color: #4E5365; margin-left: 25px; font-weight: normal; list-style: disc; }

.links { float: left;  text-align: left; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.4em; }

.form { text-align: left; font-family: Arial, Verdana, Helvetica, serif; font-size: 1.0em; line-height: 1.4em; }

div#forminline { float: left; position: relative; text-align: left; padding: 8px 8px 5px 5px; }

div#formendline { text-align: left; padding: 8px 0px 5px 5px; }

div#formnewgroup { float: left; position: relative; text-align: left; padding: 8px 8px 0px 5px; }

div#formendnewgroupline { text-align: left; padding: 8px 0px 0px 5px; }

div#formgroup { float: left; position: relative; text-align: left; padding: 4px 8px 0px 5px; }

div#formendgroupline { text-align: left; padding: 4px 0px 0px 5px; }

div#formendgroup { text-align: left; padding: 0px 0px 8px 5px; }

h1 { font-size: 1.4em; line-height: 1.0em; font-weight: bold;  font-family: Arial, Verdana, Helvetica, serif;  padding: 0px 0px 3px 0px; }

h2 { font-size: 1.2em; line-height: 1.2em; font-weight: bold;  font-family: Arial, Verdana, Helvetica, serif;  padding: 5px 0px 0px 0px; }

h3 { font-size: 1.0em; font-weight: bold;  font-family: Arial, Verdana, Helvetica, serif; }

h4 { font-size: 1.2em; line-height: 1.2em; font-weight: bold;  font-family: Arial, Verdana, Helvetica, serif;  padding: 7px 0px 10px 0px; }

h5 { font-size: 1.2em; line-height: 1.2em; font-weight: bold;  font-family: Arial, Verdana, Helvetica, serif;  padding: 0px 0px 5px 0px; }


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

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


div#page_container { width: 875px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #C2E0FB; text-align: left; }

div#page_size { width: 875px; margin: 0 auto 0 auto; padding: 0 0 0 0; background-color: #FFFFFF; text-align: left; }

div#page_header { float: left; position: relative; top: 0px; left: 0px; position: relative; width: 875px; height: 98px;  text-align: left; background:url(../images/headlands-holidays-header.gif) left top no-repeat; }			
								 		
div#page_navigation { float: left; position: relative; top: 0px; left: 7px; width: 861px; height: 21px; background:url(../images/navigation-bg.gif) left top no-repeat; text-align: left; }			

			    #navigation { float: left; width: 861px; height: 21px; list-style: none; margin: 5px 5px 5px 5px; margin: 0; }
				#navigation li { float: left; padding: 4px 9px 4px 9px; font-size: 0.9em; }
				#navigation a:link { color:#FFFFFF; border: none; text-decoration: none; font-weight: bold; }
				#navigation a:visited { color:#FFFFFF; border: none; text-decoration: none; font-weight: bold; }
				#navigation a:hover { color:#C2E0FB; text-decoration: underline; font-weight: bold; }
				#navigation a:active { color:#C2E0FB; text-decoration: underline; font-weight: bold; }
				#navigation .pipe { float: left; padding: 4px 0px 4px 0px; font-size: 0.9em; color:#FFFFFF; }
	
div#left_column { float: left; position: relative; top: 0px; left: 0px; width: 264px; padding: 5px 0px; }

div#left_picture { float: left; position: relative; top: 0px; left: 7px; width: 264px; }	

div#left_content { float: left; position: relative; top: -3px; left: 7px; width: 244px; background-color: #3773AC; padding: 8px 10px 0px 10px; }

				div#left_content p { float: left; text-align: left: 0px; width: 244px; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; }
				
div#left_contentwhite { float: left; position: relative; top: -3px; left: 7px; width: 244px; padding: 8px 0px 0px 10px; }

				div#left_contentwhite p { float: left; text-align: left; left: 0px; width: 234px; margin: 0px 0px 8px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; }
				
div#left_equipmentlist { float: left; position: relative; width: 244px; padding: 8px 0px 10px 5px; }

				div#left_equipmentlist p { float: left; text-align: left; left: 0px; width: 244px; margin: 0px 0px 8px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; }				
				
div#left_contentprint { float: left; position: relative; top: -3px; left: 7px; width: 244px; padding: 8px 0px 0px 10px; }

				div#left_contentprint p { float: left; text-align: left; left: 0px; width: 234px; margin: 0px 0px 8px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; }
		
div#left_bottom { float: left; position: relative; left: 7px; top: -3px; width: 264px; }

div#promo_content { float: left; position: relative; top: 0px; left: 17px; width: 168px; margin: 10px 0px 10px 0px;  }

				  div#promo_content p { float: left; text-align: left: 0px; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; }

div#promo_image { float: left; position: relative; top: 0px; left: 0px; width: 68px; margin: 10px 0px 0px 10px; }

div#middle_column { float: left; position: relative; top: 0px; left: 0px; width: 402px; padding: 5px 0px; }

div#middle_top { float: left; position: relative; left: 13px; width: 402px; }

div#middle_bottom { float: left; position: relative; left: 13px; top: -5px; width: 402px; }

div#middle_content { float: left; position: relative; top: -5px; left: 13px; width: 382px; background-color: #21548B; padding: 0px 10px 0px 10px; }

				   div#middle_content p { float: left; text-align: left; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 1.0em; line-height: 1.3em; }
				   
				   div#middle_content .footnote { text-align: left; margin: 5px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; color: #FFFFFF; }				   

div#middle_photo { float: left; position: relative; top: 0px; left: 13px; padding: 0px 0px 0px 0px; }
				   
div#middle_nobg { float: left; position: relative; left: 13px; width: 382px; padding: 10px 0px 10px 10px; }

				  div#middle_nobg p { padding: 0px 0px 6px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }
				  
				  div#middle_nobg ul { padding: 0px 0px 0px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }			  

div#list_image { float: left; position: relative; padding: 5px 0px 5px 0px; }
				   
div#list_content { float: left; position: relative; top: 0px; left: 0px; width: 265px; padding: 5px 0px 0px 8px;  }
		  		  
  				  div#list_content p { padding: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.4em; }
				  
				  div#list_content .size { float: right; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; color: #4E5365; }

div#list_headcontent { float: left; position: relative; top: 0px; left: 0px; width: 526px; height: 31px; padding: 8px 0px 0px 8px;  }			  
				  
div#list_doublecontent { float: left; position: relative; top: 0px; left: 0px; width: 526px; padding: 5px 0px 0px 8px;  }
		  		  
  				  div#list_doublecontent p { padding: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.4em; }
				  
div#indent_content { float: left; position: relative; top: 0px; left: 0px; width: 316px; padding: 5px 0px 0px 0px;  }
		  		  
  				  div#indent_content p { padding: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.4em; }			  
			 							
div#right_column { float: right; position: relative; top: 0px; left: 0px; width: 183px; padding: 5px 7px 0px 0px; }

div#right_top { float: left; position: relative; width: 183px; }

div#right_bottom { float: left; position: relative; top: -5px; width: 183px; }

div#right_content { float: left; position: relative; top: -5px; width: 169px; background-color: #E6ECF6; padding: 0px 7px 0px 7px; }

				  div#right_content p { text-align: left; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }
				  
				  div#right_content .links { line-height: 1.5em; padding: 0px 0px 5px 0px; }

div#right_title { float: left; position: relative; top: 0px; width: 169px; padding: 0px 7px 0px 7px; }
				  
div#right_photos { float: left; position: relative; top: 0px; text-align: center; width: 182px; }
				  
div#right_specials { float: left; position: relative; top: -5px; width: 169px; background-color: #3773AC; padding: 0px 7px 0px 7px; }

				  div#right_specials p { text-align: left; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }
				  
				  div#right_specials .links { line-height: 1.5em; padding: 0px 0px 5px 0px; }

div#double_column { float: left; position: relative; top: 0px; left: 0px; width: 591px; padding: 5px 0px; }

div#double_top { float: left; position: relative; left: 13px; width: 591px; }

div#double_bottom { float: left; position: relative; left: 13px; top: -5px; width: 591px; }

div#double_content { float: left; position: relative; top: -5px; left: 13px; width: 571px; background-color: #21548B; padding: 0px 10px 0px 10px; }

				   div#double_content p { text-align: left; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 1.0em; line-height: 1.3em; }
				   
div#double_contentsmall { float: left; position: relative; top: -5px; left: 13px; width: 571px; background-color: #21548B; padding: 0px 10px 0px 10px; }

				   div#double_contentsmall p { text-align: left; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }				   

div#double_nobg { float: left; position: relative; left: 13px; width: 571px; padding: 10px 0px 10px 10px; }

				  div#double_nobg p { padding: 0px 0px 0px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }
				  
			  	  div#double_nobg ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; list-style: square; }
				  
				  div#double_nobg .nosquare { list-style: none; }
			   				
div#page_footer { float: left; position: relative; top: 0px; left: 0px; text-align: center; width: 875px; background:url(../images/footer-bg.gif) left top no-repeat; background-color: #C2E0FB; }

div#page_bottom { float: left; position: relative; top: 0px; left: 0px; padding: 10px 17px 0px 17px; text-align: center; width: 841px; background-color: #C2E0FB; }

				div#page_bottom p { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }
				
				div#page_bottom .credit { float: right; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.2em; }

div#homepage_links { float: left; position: relative; top: 0px; left: 0px;  padding: 50px 17px 10px 17px; text-align: center; width: 841px; background-color: #C2E0FB; }

				div#homepage_links p { text-align: left; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; font-family: Arial, Verdana, Helvetica, serif; font-size: 0.9em; line-height: 1.3em; }