﻿	/* <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
		
	a {
		color:#369;
		text-decoration:none;
	}
	a:hover {
		color:#fff;
		background:#CC6666;
		text-decoration: underline;
	}
	h1, h2, h3 {
		margin: 0 0 0 0;
		padding:0;		
	}
	
	h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	}
	
	h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	}
	h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.0em;	
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:.2em 0 0 0;
		border:0;
	}
	.a.img:hover{ 
		 background-color: transparent;
		 border:0;
	}
	.a:hover p {
	background-image:url('images/arrow_pink.jpg')	 	
	}
	.floatleft {
	  float:left;
	  margin: 5px 10px 5px 0px;
	  padding:3px;
	  border:none;
	}
	.picfloatleft {
	  float:left;
	  margin: 5px 10px 5px 0px;
	  padding:3px;
	  border:thin #C0C0C0 solid;
	 }
	 .picfloatright {
	  float:right;
	  margin: 5px 0px 5px 10px;
	  padding:3px;
	  border:thin #C0C0C0 solid;     	
    }
    .AdsenseLeft250X250 {
	margin: 5px 10px 5px 0px;
	float: left;
    }
    	 	
	.DivPageContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	margin: 5px;
	padding: 5px;
	float:left;
	border:;
	text-align:left;
	width:435px;
		  		
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:3px solid #000;
	}
	#header h1,
	#header h2
	#header h3
	#header h4 {
		padding:5px 0px 5px 0px;
		margin:0;
	}
	#header p {
	padding:5px 0px 5px 0px;
	margin:0;			
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin: 5px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		font-family: Tahoma;
		font-size:.8em
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
		height:16px;
		width:85px;
	}
	#header ul li a:hover {
		background:#CC6666;
		color:#FFFFFF;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
		
	}
	/* The Menu Column 2 */
				
	#menu ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin: 0px 0 0 0px;
		padding:0;
	}
	#menu ul li {
		display: list-item;
		list-style:none;
		margin:5px 0 0 5px;
		padding:0;
		font-family: Tahoma;
		font-size:1.0em
	}
	#menu ul li a {
		display: list-item;
		float:left;
		margin:10px 0 0 0px;
		padding:3px 10px;
		text-align: left;
		background:#eee;
		border:.1em #cc6666 solid;
		color:#000;
		text-decoration:none;
		position:relative;
		left:10px;
		line-height:1.3em;
		height:16px;
		width:150px
	}
	#menu ul li a:hover {
		background:#CC6666;
		color:#FFFFFF;
	}
	#menu ul li a.active,
	#menu ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#menu ul li a span {
		display:block;
				
	/* End Menu Column 2 */			
	}
	#pbackgrd1 {
	background-image: url('images/menu_graphic.jpg');
	background-repeat:no-repeat;
	height:30px;
	background-color:#ffcccc;
	margin:0 0 5px 0;
	padding:0 0 0 0;	
	}
	.pweddingresource {
	padding: 0px 5px 5px 5px;	
    }
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position: relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 1em;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	.col1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;	
	}
	.col2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-color:#FFCCCC
	}
	.col3{
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	
	}	

	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left: 82%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float: left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:15px;
		margin:0;
		text-align: center;
		font-family:Tahoma;
		font-size:.7em;
		background-color:#ffcccc;
	}
	/*Navigation menu at the bottom of each page*/
	#navlist li {
    	color: #000000;
		display:inline;
		padding:0 .9em;
		border-right:1px solid #cc6666;	
	}
	#navlist li.last {
		border-right:none;
	}
	#navlist {
		font-family: Tahoma;
		font-size:.8em;
		font-weight:bold;
		text-align:center;
	}
	#navlist a {
		color: #000000;
		text-decoration:none;
	}
	#navlist a:hover {
		color: #cc6666;
		text-decoration: underline;
		background:none;
	}
/*End of the Navigation Menu at bottom of page*/
/* Box Area */
	.box1 {
	margin: 15px 5px 5px 5px;
	float:left;
	width: 296px;
	height: 102px;	
	}
	#box1imgbg{
	background-image:url('images/bg_pink.gif');
	height: 134px;
	background-repeat: no-repeat;	
	}
	#box1imgicon{
	margin: 5px 10px 5px 5px;
	float: left;
	width:100px;
	height:74px;
	}
	.box2 {
	margin: 15px 5px 5px 25px;
	float:left;
	width: 296px;
	height: 102px;	
	}
	#box2imgbg{
	background-image:url('images/bg_blue.gif');
	height: 134px;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 0px;	
	}
	#box2imgicon{
	margin: 5px 5px 5px 5px;
	float: left;
	width:78px;
	height:83px;
	}
	.box3 {
	margin: 15px 5px 15px 5px;
	float:left;
	width: 296px;
	height: 102px;	
	}
	#box3imgbg{
	background-image:url('images/bg_purple.gif');
	height: 134px;
	background-repeat: no-repeat;	
	}
	#box3imgicon{
	margin: 5px 10px 5px 0px;
	float: left;
	width:104px;
	height:114px;
	}
	#boxreadmore {
	vertical-align:text-top;
	}	
	/* --> */