/* CSS Document */
body {behavior:url (/css/csshover.htc)
	  backround-color:#ffffff;  
      background-image: url(http://www.rainbowweddings.com/images/background-clouds-blue-1.jpg);
	  padding: 0px;
  	  margin: 0px;
	  }
			  
* {margin:0; padding:0;} 

#main, #footer
{ margin: 0 auto; 
  width: 875px;
  }

.newbanner
{width:875px;
height:250x;
text-decoration:none;
border:none;
margin-top:0px;
}

.bannerfont1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #800080;
	font-size: 20px;
	font-weight:bold;
	margin-top:10px;
}
.bannerfont2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	color:#800080;
	font-weight:bold;
	padding-top:13px;
}

/* the horizontal menu starts here */
div#listmenu {
	font-variant:small-caps;
	font-weight:500;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	border-top:1px solid #000;	/* draws line on top edge of div */
	border-bottom:1px solid #000;	 /* draws line on bottom edge of div */
	font-size:1.2em;	/* SET FONT-SIZE HERE */
	margin-top:5px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	z-index:100;
	display:inline;
	background-color:#660099;
	}
	
	
div#listmenu ul {margin:0 0 0 60px;/* indents ul from edge of container */
				}
		
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#660099; /*sets the background of the menu items */
	border-right:1px solid #FFFFFF; /* creates dividing lines between the li elements */
	padding-right:8px;
	font-size:1.2em;
	
	
	}
div#listmenu li:first-child {
	border-left:1px solid #FFFFFF; /*the first vertical line on the menu */
	
	}
	
div#listmenu li:hover { 
	color:#330099;
	background-color:#E4D9E6;/*sets the background of the menu items */
	}
div#listmenu a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#330099;
	
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	z-index: 500;
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #FFFFFF; /*  three sides of each drop-down item */
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	padding:0 0 1px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #FFFFFF; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #000; /* adds the rightmost menu vertical line to the ul */
	margin-left:9px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #069;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  }



/* end of hack zone */
/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
@import("ie51_menu_hack.css"); 
/* END OF DROP DOWN MENUS */

					
.clearfix {clear:both;}		

p,ul {
	 color: #000080;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
	 }
	 
p {padding-bottom: 5px;
	padding-top:5px;}
			  
ol li {
	color: #000080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
	padding-bottom:10px;
	list-style-position:inside;
	padding-left:10px;
	}
	
ul li {list-style-position:inside;
	padding-left:10px;
	}
			

tr,td
              {
		  color: #000080;
		  font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 13px
              }

h1
              {
              font-family: "Times New Roman", Times, serif;
              font-style: italic;
              font-size: 30px;
              font-weight: bold;
              text-align: center
              }

h2
              {
              font-family: "Times New Roman", Times, serif;
              font-style: italic;
              font-size: 22px;
              font-weight: bold;
              text-align: center;
			  color:#660066;
              }

h3
              {
              font-family: "Times New Roman", Times, serif;
              font-style: italic;
              font-size: 16px;
              font-weight: bold;
              text-align: center
              }


a:visited
              {
              color: #800080;
              }

a:link
              {
              color: #0000FF;
              }

a:hover
              {
              color: #0000FF;
              }

a:active
              {
              color: #FF0000;
              }

.small
              {
              font-size: 11px;
              }

.right
              {
              text-align: right;
              }

.center-small
              {
              font-size: 11px;
              text-align: center
              }

.center
              {
              text-align: center;
		  }

.courier
              {
              font-family: "Courier New", Courier, mono;
		  }

.time-italics-center
              {
              font-family: "Times New Roman", Times, serif;
              font-style: italic;
		  text-align: center
		  }

.black
              {
	color: #000000;
	background-color: #99CCCC;
              }

.blue-light
              {
		  color: #0000FF;
              }

.blue-navy
              {
		  color: #000080;
              }

.green-forest
              {
		  color: #006600;
              }

.purple
              {
		  color: #800080;
              }

.red-1
              {
		  color: #CC3366;
              }

.dynalink
              {
              color: #0000FF;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 13px;
              text-decoration: underline;
              cursor: pointer
              }

.dynalink-center
              {
              color: #0000FF;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 13px;
		      text-align: center;
              text-decoration: underline;
              cursor: pointer
              }
img {border-style:none;}
			  


/* Additional CSS by PPM */

#mainbody { width:875px; border:0px solid #000;  margin-top:25px; z-index:-1;}

#mainLeft {width:370px; float:left; }
#mainRight {width:370px; float:left;}

.mainLeft2 {width:285px; float:left; border:0px solid #000;}
.mainRight2 {width:285px; float:left; border:0px solid #000;}

.innerbody {clear:both; width:875px; text-align:center;  }

.innerbody h1 {text-align:center;}
.innerbody h3 {text-align:center;}
.innerbody li {margin-bottom:12px;}

#bottomcontent { width:875px;  text-align:center; }


#ImgHeartFlowers {float:left; position:relative; top:3px; left:3px; right:5px;} 

#pictureBirdpar1 {margin-top:160px}

#pictureBali1 {margin-top:80px}

.ppwsmall {font: 10px verdana; color: #666; }
.ppwsmall a,
.ppwsmall a:visited {font: bold 10px verdana; color:#666;}
.ppwsmall a:hover {font: bold 10px verdana; color:#666; text-decoration: underline; }

div.scrollingTextBox {
  padding: 6px;
  height: 14em;
  overflow: scroll;
  margin-top: 24px;
  clear: both;
  }
  
  /* CALL TO ACTION BUTTON */

 .cssnav
{
	position: relative;
	font-family: Century Gothic, Helvetica, sans-serif;
	background: url(http://www.rainbowweddings.com/images/call-action-over.png) no-repeat;
	white-space: nowrap;
	display: block;
	width: 136px;
	height: 31px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-weight:bold;
}

.cssnav a
{
	display: block;
	color: black;
	font-size: 11px;
	width: 136px;
	height: 31px;
	display: block;
	float: left;
	text-decoration: none;
}

.cssnav img
{
width: 136px;
height: 31px;
border: 0
}

.cssnav a:hover
{
	visibility:visible;
	color: black;
	font-weight:bold;
}

.cssnav a:hover img
{
	visibility:hidden
}

.cssnav span
{
	position: absolute;
	left: -4px;
	top: 6px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 150px;
	text-align:center;
	font-weight:bold;
}

/*digitalphotography center layout*/

#phototable
{
 border:medium;
 border-color:#000000;
 border-style:groove;
 width:860px;
 margin-left:3px;
 float:left;
 margin-top:15px;
 background-color: #99CCCC;
   }
   
#phototable13
 {
	border:medium;
	border-color:#000000;
	border-style:groove;
	width:750px;
	margin-left:3px;
	float:left;
	margin-top:0px;
	background-color: #99CCCC;
 }
 
 .phototable
 {
 border:medium;
 border-color:#000000;
 width:860px;
 border-style:solid;
 margin-left:10px;
 float:left;
 margin-top:10px;
 height:264px;
 
 }
 /*plumeria package*/
 #phototable1
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:425px;
 margin-left:0px;
 background-color:#99CCCC;
 height:137px;
 float:left;
 padding:10px;
 padding-top:98px;
 padding-bottom:89px;
 
 
 }
 
 #phototable2
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 height:136px;
 float:left;
 border-left:none;
 padding:15px;
 }
 
 #phototable3
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 height:136px;
 float:left;
 border-left:none;
 padding:15px;
 padding-top:30px;
 padding-bottom:0px;

 }
 #phototable4
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 height:125px;
 float:left;
 border-left:none;
 border-top:none;
 padding:15px;


 }
 
 #phototable5
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 float:left;
 border-left:none;
 border-top:none;
 margin-top:0px;
 padding:15px;
 padding-top:30px;
 padding-bottom:24px;
 height:101px;

 }
 
 /*orchid package*/
 
  #phototable7
 {
 margin-top:15px;
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:425px;
 margin-left:0px;
 background-color:#99CCCC;
 height:305px;
 float:left;
 padding:10px;
 border-bottom:none;
 }
 
 #phototable8
 {
 margin-top:15px;
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 height:136px;
 float:left;
 border-left:none;
 padding:15px;
 }
 
 #phototable9
 {
 margin-top:15px;
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 height:136px;
 float:left;
 border-left:none;
 padding:15px;
 padding-top:30px;
 padding-bottom:0px;

 }
 #phototable10
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 height:127px;
 float:left;
 border-left:none;
 border-top:none;
 padding:15px;
 padding-bottom:14px;
 border-bottom:none;

 }
 
 #phototable11
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:175px;
 margin-left:0px;
 background-color:#99CCCC;
 float:left;
 border-left:none;
 border-top:none;
 margin-top:0px;
 padding:15px;
 padding-top:30px;
 padding-bottom:25px;
 border-bottom:none;
 height:101px;
 }
 #phototable12
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:860px;
 background-color:#99CCCC;
 margin-left:0px;
 float:left;
 padding-top:10px;
 padding-bottom:10px;
 }
#phototable12
 {
 border:medium;
 border-color:#000000;
 border-style:solid;
 width:860px;
 background-color:#99CCCC;
 margin-left:0px;
 float:left;
 padding-top:10px;
 padding-bottom:10px;
 }
#phototable13
 {
	border:medium;
	border-color:#000000;
	border-style:groove;
	width:700px;
	margin-left:3px;
	float:left;
	margin-top:0px;
	background-color: #99CCCC;
 }
 
 /*photogallery */
 
 #gallery {width:875px;}

/*endphotogallery */

/*hawaiiarticles*/

#harticles {width:750px;
			padding-left:20px;
			}

/*endhawaiiarticles*/