@charset "utf-8";
/* CSS Document */

/*  
Theme Name: Sail West Indies
Theme URI: 
Description: Sail West Indies
Author: T.H. Creations, Inc.
Author URI: http://www.thcreations.com

*/

/* THIS IS THE BASE STYLE FOR THE SITE */




html, body {
  
  font-size:small;
  font-family:   Verdana, Arial, sans-serif;
  padding:0;
  margin:0 auto;
  background:#ffffff url(im/sail-bg.jpg) repeat-x;
  color:#000;
  text-align:center;
  line-height:20px;
  }
  
 a, a:visited {
 	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-weight:bold;
 } 
 
 
 a:hover {
 		  text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0033FF;
 }




 
 #navbar a.imglink{  /*WITHOUT THIS THE BACKGROUND ON THE IMAGE LINKS WAS BLUE???*/
                background:#FFFFFF url(im/content-bg.gif);
				border-bottom:none;
 } 
 
 
 h1#page-title { margin: 0 0 30px 0;
			    padding: 5px 0 5px 10px;
				background:#3399ff;
				border:#000000 solid 1px;
				color:#FFFFFF;
				letter-spacing: .1em;
				display:block;
				width:100%;
				clear:none;
}
 
 
*html #page-title { margin: -30px 0 30px 0;
			    padding: 5px 0 5px 10px;
				background:#3399ff;
				border:#000000 solid 1px;
				color:#FFFFFF;
				letter-spacing: .1em;
				display:block;
				width:100%;
				clear:none;
}
 
 
h1 {
 	font-family: Geneva, Arial, Helvetica, sans-serif bold ;
    color:#000066;
	margin:0;
	padding: 0 0;
	font-size: 150%;
    clear:both;
}

h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif bold ;
    color:#000066;
	margin:0;
	padding: 0 0;
	font-size: 140%;
    clear:both;
}
  
h3 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    color:#FF6600;
	margin:0 0 8px;
	padding: 0 0;
	font-size: 160%;
	display:block;
	clear:both;
	font-weight:lighter;

}

h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif bold ;
    color:#000066;
	margin:0;
	padding: 0 0 0 0;
	font-size: 120%;
	display:block;
    clear:both;
}

h5 {
	font-family: Geneva, Arial, Helvetica, sans-serif bold ;
    color:#000066;
	margin:0;
	padding: 0 0;
	font-size: 110%;
    clear:both;
}

h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif bold ;
    color:#000066;
	margin:0;
	padding: 0 0;
	font-size: 100%;
    clear:both;
}


blockquote {
			background:#FFFFFF;
			border:dotted #000000 1px ;
			padding:10px;
			margin:20px;
			text-align:left;
            clear:both;
}

#title {
        display:none;
}

/* THIS IS THE END OF THE BASE STYLE FOR THE SITE */

#page {                /* THIS IS THE PAGE WRAPPER */
		background:#FFFFFF url(im/content-bg.gif);/* THIS PUTS A WHITE BACKGROUND ON THE WHOLE SITE */
        border: #6699cc groove 2px; 
		width: 776px;
		margin:0 auto;
		text-align:left;
}



#headerimg {
            background-image:url(im/logo.jpg);
			width: 776px;
			height:116px;
			border-bottom: #000000 solid 2px;
			position:relative;
}


#headerbar {
            background-color:#FFFFFF;
			width: 776px;
			border-bottom: #000000 solid 1px;
			background-image:url(im/header-bg.jpg);
			background-position: bottom left;
			background-repeat: repeat-x;
			position:relative;
			z-index:0;
}



#starfish { 
	   background: url(im/starfish.png);
	   margin: -80px 0 0 0;
	   width: 178px;
	   height: 162px;
	   position:relative;
}

*html #starfish { 
       background: url(im/starfish.gif) no-repeat;
	   margin: -80px 0 0 0;
	   padding: 0 0 25 0;
	   width: 178px;
	   height: 162px;
	   position:relative;
	   z-index:3; 
	   }


#girl {
	   background:url(im/girl.png) no-repeat;
	   margin: -60px 0 0 20px;
	   float:right;
	   padding:0;
	   width:140px;
	   height:130px;
	   position:relative;
	   z-index:6;
	   clear:none;
}

*html #girl {
             background:url(im/girl.gif) no-repeat;
			 margin: -60px -12px -80px 30px;
			 float:right;
			 padding:0;
	         width:140px;
	         height:130px;
			 z-index:5;
			 position:relative;
}

#navbar {
		 background: #FFFFFF;   /* THIS IS THE LEFT SIDE BAR */
		 text-align:center;
		 float:left;
		 width: 200px;
		 padding: 0;
		 margin: 0;		 
}


*html #navbar {
		 background: #FFFFFF;   /* THIS IS THE LEFT SIDE BAR IN IE6 */
		 text-align:center;
		 float:left;
		 width: 185px;
		 padding: 0;
		 margin: 0;
		 clear:none;
		 font-size:14px;		 
}


#content { /* THIS POSITIONS THE MAIN CONTENT SECTION */
		  background: #FFFFFF;
		  float:right;
		  width: 576px;
		  padding: 0;
		  margin: 0;
		  z-index:0;
}


*html #content { /* THIS POSITIONS THE MAIN CONTENT SECTION For IE6 */
		  background: #FFFFFF;
		  float:right;
		  width: 574px;
		  padding: 0;
		  margin: 0;
		  z-index:0;
		 
}


#main-page {    /* THIS PUTS PADDING AROUND THE MAIN CONTENT SECTION */
			padding: 10px 20px 20px 20px;
}


 li.menu a {     /* THIS IS THE LINKS IN THE NAVIGATION WITH A BORDER ON THE BOTTOM, WHEN I TOOK THIS OUT THE TOP BORDER ON THE HOME LINK DISSAPEARED??? */
		 border-bottom:#000000 solid 1px;
		 
}


*html li.menu a {     /* THIS IS THE LINKS IN THE NAVIGATION WITH A BORDER ON THE BOTTOM, WHEN I TOOK THIS OUT THE TOP BORDER ON THE HOME LINK DISSAPEARED??? */
		 border-bottom:#000000 solid 1px;
		 
}


a#menu1 { border-top:#000000 solid 1px;  /* THIS IS THE FIRST LINK IN THE NAVIGATION WITH A BORDER ON THE TOP & BOTTOM */
			 border-bottom:#000000 solid 1px;
			 
}


ul#buttons {   /* THIS PUSHES THE NAVIGATION DOWN TO LET THE SAND IMAGE SHOW & PUTS A BORDER ON THE RIGHT */
    list-style:none;
	margin-top: -82px;
	margin-left:0;
	padding: 80px 0 0 0;
	background:#999966 repeat url(im/sand.jpg);
	text-align:center;
	border-right:#000000 solid 1px;
}

*html ul#buttons {   /* THIS PUSHES THE NAVIGATION DOWN TO LET THE SAND IMAGE SHOW & PUTS A BORDER ON THE RIGHT */
    list-style:none;
	margin-top: -82px;
	margin-left:0;
	
	padding: 80px 0 -10px 0;
	background:#999966 repeat url(im/sand.jpg);
	text-align:center;
	border-right:#000000 solid 1px;
}


/* THIS IS STYLE FOR THE NAVIGATION */

 ul.navigation li a:link, li a:visited {
			  display:block;
			  width: 100%;
			  text-decoration:none;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			  padding: 5px 0;
			  color:#FFFFFF;
			  background:#336699;
			  border-bottom:#000000 solid 1px;
		      font-size: 130%;
}

*html ul.navigation li a:link, li a:visited li a.menu1{
			  display:block;
			  width: 100%;
			   padding: 5px 0;
			  text-decoration:none;
			  font-family:Verdana, Arial, Helvetica, sans-serif;
			  
			  color:#FFFFFF;
			  background:#336699;
			  border-bottom:#000000 solid 1px;
		      font-size: 18px;
			  margin:0;
}



ul#buttons li.current_page_item a:link, ul#buttons li.current_page_item a:visited, ul#buttons li a:hover {
         display:block;
		 background: #3399ff;
		 color:#FFCC00;
}


*html ul#buttons li.current_page_item a:link, ul#buttons li.current_page_item a:visited, ul#buttons li a:hover {
         display:block;
		 background: #3399ff;
		 color:#FFCC00;
		 margin-bottom: 0;
		 padding: 5px 0;
		 margin:0;
		 font-size: 18px;
}


#navbar ul li ul li {
                     display:none;
}

ul.post_list li, ul.post_list li a:link, ul.post_list li a:visited{
                 list-style:none;
				 color:#000099;
				 display:inline;
				 border:none;
				 background:#FFFFFF ;
				 font-size: 100%;
				 font-style:normal;
				 font-weight:bold;
				 text-decoration:underline;
				 margin: -20px 0 -20px 0;
				 padding: 0 6px;
				
}




ul.post_list li a:hover {
                         text-decoration:none;
}


ul.post_list {
                 
}


h3.sub-menu {
            
			display:none;
			margin-top: -30px;
			 margin-bottom: -15px; 
                                    			 
}


*html h3.sub-menu {
             margin-top: -60px;
			 
}

div#sub-menu-box {
                  border:none;
				  padding: 0;
}


div#breadcrumbs {
margin-bottom: 6px;
}



/* THIS IS THE END OF THE STYLE FOR THE NAVIGATION */



h1.head {/* THIS IS THE HEADER IN THE YELLOW GRADIENT BAR */
          font-family: Geneva, Arial, Helvetica, sans-serif bold ;
		  color:#000066;
		  text-align:center;
		  margin:0;
		  padding: 5px 120px 0 120px;
		  font-size: 150%;
}

h2.head2 { /* THIS IS THE 2ND HEADER IN THE YELLOW GRADIENT BAR */
          font-family: Geneva, Arial, Helvetica, sans-serif bold ;
		  color:#000066;
		  text-align:center;
		  margin:0;
		  padding: 0 120px 5px 120px;
		  font-size: 120%;
}

#footer {
		 clear:both;
		 background:#FFFFFF url(im/tree-footer.jpg) no-repeat bottom left;
		 width: 776px;
		 height: 138px;
}

p#foot {
		   padding: 100px;
		   text-align:center;
}

*html p#foot {
		   text-align:center;
		   margin-bottom: -100px;
		   padding-top:100px;
}

div.clearer {
 clear: both;
 line-height: 0px;
 height: 0;
 overflow:hidden;
}


/* THIS STUFF STYLES THE WORDPRESS CONTENT */

#content #main-page img{ 
					    position:relative;
						padding:3px;
						margin: 0 0 15px 10px;
						border-bottom:#666666 solid 2px;
						border-right:#666666 solid 2px;
						border-left:#CCCCCC solid 1px;
						border-top:#CCCCCC solid 1px;
						background: #FFFFFF;
}




*html #content #main-page img{ 
					    position:relative;
						padding:3px;
						margin: 0 10px 5px 10px;
						border-bottom:#666666 solid 2px;
						border-right:#666666 solid 2px;
						border-left:#CCCCCC solid 1px;
						border-top:#CCCCCC solid 1px;
						background: #FFFFFF;
}



#content #main-page img#no-border { 
					    position:relative;
						border:none;
						margin: 10px 0 0 0;
						
}

#content #main-page p{ 
					  padding: 0 15px 8px 0;
					  
}