/** ========= MAIN CONTENT STYLES =========*/

body{
	margin:0;
	background-image:url(/io/images/bkgd.gif);
	background-repeat: repeat-y;
	background-position:center;
	background-color:#D5D5D5;
	z-index:-100;
	}
	
#global{
	background-image:url(/io/images/contentBkgd.gif);
	background-repeat:repeat-x;	
	position: relative;	
	height: 300px;
	width: 820px;
	right: 0px;
	*right: 0px;
	margin: 0 10px 0 1px;
	padding: 0;
}

#globalBrandingMode
{
	/*background-image:url(/io/images/contentBkgd.gif);*/
	/*background-repeat:repeat-x;	*/
	position: relative;
	height: 300px;	
	width: 620px;
	right: 5px;
	*right: 0px;
	margin: 0 10px 0 1px;
	padding: 0;
}


.error
{
	color:red;
}

.photocaption
{
	text-align:center;
	color:gray;
}
	
/** =========  HEADER STYLES ========= */	
	
#headModule,headModuleAd{
	position:relative;
	float: left;
	width:100%;
	padding-top:10px;
	z-index:50;
	padding-bottom:10px;
}

#headModule .ad{}


#headModule .logo{
	position: relative;
	float:left;
	margin-left:20px;
	}



/** =========  SEARCH WIDE STYLES ========= */

.none, #globalBrandingMode #headerLogo, .searchWide span, #globalBrandingMode #headModuleAd, #containerBrandingMode #adSkyscraper
{
	display:none;
}

#globalBrandingMode #searchBrandingContainer #publisher
{
   visibility:hidden;
}

.searchWide
{
	background-image:url(/io/images/search/boxWide2.gif);
	height:112px;
	left:0px;
	float:right;
	width:361px;
	margin-right:10px;
	margin-bottom:10px;
}

.searchWide img
{
	border:0px;
	float:right;
	margin-bottom:20px;
	position:relative;
	padding-right:12px;
}

/*.searchWide span{display:none;}*/

.searchWide p{margin-bottom:-10px;}

.searchWide input, select{
	line-height:120%;
	padding-bottom:-10px;
	}
	
.searchWide input{color:#aaa;}

.searchWide select {width: 152px;}

#searchContainer{
	position:relative;
	float: left;	
	top:22px;
	left: 3px;
	}
	
#searchContainer .search
{
	width:305px;
}

#searchContainer .goBtn {
	position: absolute;
	bottom: 0px;
	right: 10px;	
	*bottom: 0px;
	*right: -35px;
	_bottom: 0px;
	_right: -35px;
	
}


/** =========  SEARCH BRANDING STYLES ========= */


.searchBranding
{
	background-image:url(/io/images/search/boxBranding.gif);
	height:52px;
	left:0px;
	float:left;
	width:599px;	
}

.searchBranding img
{
	border:0px;
	float:right;
	margin-bottom:20px;
	position:relative;
	padding-right:12px;
}

/*.searchBranding span{display:none;}*/

#searchBrandingContainer .searchBranding p{margin-bottom:-10px;}

#searchBrandingContainer .searchBranding input, select{
	line-height:120%;
	padding-bottom:-10px;
	}
	
#searchBrandingContainer .searchBranding input{color:#aaa;}

#searchBrandingContainer .searchBranding select {}

#searchBrandingContainer{
	position:relative;
	float: left;	
	top:22px;
	left: 3px;
	}
	
#searchBrandingContainer .search
{
	width:170px;
	height: 20px;
	position: relative;
	float: left;
	margin:	0px 0 0 5px;
}


#searchBrandingContainer .states
{	
	width: 100px;
		position: relative;
	float: left;
	margin:	0px 0 0 5px;
}

#searchBrandingContainer .events
{
	width: 100px;
		position: relative;
	float: left;
	margin:	0px 0 0 5px;
}

#searchBrandingContainer .timeFrame
{
	width: 150px;
		position: relative;
	float: left;
	margin:	0px 0 0 5px;
}

#searchBrandingContainer .goBtn {
	position: relative;
	float: left;
	margin: -5px 0 0 5px;
}

#searchContainer .search
{
	width:305px;
}
	
#searchContainer .search, .states, .events, .publisher, .timeFrame
{
	position: relative;
	float: left;
	margin:	5px 0 0 5px;
}


.guestbook
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	/*width:100%px;*/
}

.guestbook .entries
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:40px;
	width:400px;
}


/** =========  CONTENT LAYOUT STYLES ========= */

#adSkyscraper
{
	position:relative;
	float:right;
	
	z-index:0;
	margin: 55px 0 0 0;
	/*	
	padding-right:20px;
	padding-bottom:10px;
	background-color:blue;
	*/
	width:130px;

}


#container
{
	width:820px;
	/*border: 2px solid blue*/
	text-align:left;
}

#containerBrandingMode;
{
	width: 100%;
}

#content
{
	width:620px;
	position:relative;
	float:left;
	z-index:0;
	text-align: left;
	margin: 35px 0px 0px 0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	/*Border: 2px solid black*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:left;

}

#container .charCount
{
	font-size:10px;
}

#container TABLE TD
{
font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	vertical-align:top;
}

#content BLOCKQUOTE
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	/*border: 1px solid green;*/
	background-image: url("/io/images/quote.gif");
	background-repeat: no-repeat;
	height:60px;
	padding-left:50px;
	padding-top:15px;
	border: 1px dashed #0358AB;
	/* border: 1px dashed #FF6600; */
	/*border-top: 1px dotted #FF6600;*/
}

#content #articleAuthor
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0358AB;
}
	
#content .right
{
	position: relative;
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}


.breadcrumb
{
	font-family:Trebuchet MS, Arial, Sans-Serif;
	font-size:10px;
	color:#6419AB;
}

.breadcrumb a
{
	color:#6419AB;
	text-decoration:none;
	}

.breadcrumb a:hover
{
	color:#6419AB;
	text-decoration:underline;
	}

/** =========  FEATURE AREA LAYOUT STYLES ========= */

#featureWedding, #featuredPostings{
	position:relative;
	width:599px;
	height:248px;
	background-image:url(../images/features/wedding.gif);
	background-repeat:no-repeat;
	}

#featureWedding ul, #featuredPostings ul{
	position:relative;
	float:left;
	margin:0px 0 0 0px;
	padding:0px;
	list-style:none;
	}
	
#featureWedding li, #featuredPostings li{
	position:relative;
	float:left;	
	width: 180px;
	height: 205px;
	margin:-10px 0px 0px 15px;
	display: inline;
	padding:0px 0px 0px 0px;
	list-style:none;	
	text-align:center;	
	}
	
#featureWedding a.imgOne, #featuredPostings a.imgOne{
	position:relative;
	float:left;
	width:175px;
	height:157px;
	background: url(../images/features/tempFeature.jpg) no-repeat center center;
	border:3px solid #fff;
	}

#featureWedding a.imgTwo, #featuredPostings a.imgTwo{
	position:relative;
	float:left;
	width:175px;
	height:157px;
	background: url(../images/features/tempFeature.jpg) no-repeat center center;
	border:3px solid #fff;
	}
	
#featureWedding a.imgThree, #featuredPostings a.imgThree{
	position:relative;
	float:left;
	width:175px;
	height:157px;
	background: url(../images/features/tempFeature.jpg) no-repeat center center;
	border:3px solid #fff;
	}
	
#featureWedding a.imgFour, #featuredPostings a.imgFour{
	position:relative;
	float:left;
	width:102px;
	height:157px;
	background: url(../images/features/tempFeature.jpg) no-repeat center center;
	border:3px solid #fff;
	}
	
#featureWedding a.textLink, #featuredPostings a.textLink{
	position:relative;
	float:left;
	margin: 3px 0 0 0;
	width:175px;
	font: 12px/17px arial, helvetica, sans-serif;	
	color:#0358AB;
	text-decoration:none;
	}
	
#featureWedding a.textLink:hover, #featuredPostings a.textLink:hover
{
	text-decoration:underline;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#0358AB;
	font-weight:normal;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#0358AB;
	text-decoration:underline;
}

h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#0358AB;
}


#content .text
{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px
}

#content .byline
{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}

.postingLeft
{
	border-right: 1px silver dotted;
}

.postingRight
{
	padding-left:5px;
}


#postingMenu UL
{
	font-family: Verdana;
	font-size: 12px;
	line-height: 22px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}

#postingMenu UL A
{
	text-decoration: none;
	color: #0358AB;
}

		
/* Anniversary Styles */
h1.anniversary,h1.anniversaries{width:185px; height: 31px; background:url(../images/headings/anniversary.gif) no-repeat; text-indent:-999em;}
h2.anniversary,h2.anniversaries{width:175px; height: 30px; background:url(../images/headings/anniversaryTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.anniversaryBrowse,span.anniversariesBrowse{width:185px; height: 24px; background:url(../images/headings/anniversaryBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
span.anniversaryBuzz,span.anniversariesBuzz{width:125px; height: 20px; background:url(../images/headings/anniversaryBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
	
/* Birthday Styles */		
h1.birthday,h1.births-birthdays{width:200px; height: 31px; background:url(../images/headings/birthday.gif) no-repeat; text-indent:-999em;}
h2.birthday,h2.births-birthdays{width:200px; height: 24px; background:url(../images/headings/birthdayTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.birthdayBrowse,span.births-birthdaysBrowse{width:175px; height: 24px; background:url(../images/headings/birthdayBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
span.birthdayBuzz,span.births-birthdaysBuzz{width:104px; height: 20px; background:url(../images/headings/birthdayBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}


/* In Memorium Styles */
h1.inmemorium,h1.inmemorium{width:150px; height: 31px; background:url(../images/headings/inmemorium.gif) no-repeat; text-indent:-999em;}
h2.inmemorium,h2.inmemorium{width:167px; height: 24px; background:url(../images/headings/inmemoriumTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.inmemoriumBrowse,span.inmemoriumBrowse{width:175px; height: 24px; background:url(../images/headings/inmemoriumBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
span.inmemoriumBuzz,span.inmemoriumBuzz{width:125px; height: 20px; background:url(../images/headings/inmemoriumBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}


/* Engagement Styles */		
h1.engagement,h1.engagements{width:185px; height: 31px; background:url(../images/headings/engagement.gif) no-repeat; text-indent:-999em;}
h2.engagement,h2.engagements{width:169px; height: 24px; background:url(../images/headings/engagementTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.engagementBrowse,span.engagementsBrowse{width:175px; height: 24px; background:url(../images/headings/engagementBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
span.engagementBuzz,span.engagementsBuzz{width:125px; height: 20px; background:url(../images/headings/engagementBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}


/* Graduation Styles */		
h1.graduation,h1.graduations{width:161px; height: 31px; background:url(../images/headings/graduation.gif) no-repeat; text-indent:-999em;}
h2.graduation,h2.graduations{width:165px; height: 24px; background:url(../images/headings/graduationTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.graduationBrowse,span.graduationsBrowse{width:175px; height: 24px; background:url(../images/headings/graduationBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
span.graduationBuzz,span.graduationsBuzz{width:125px; height: 20px; background:url(../images/headings/graduationBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}

/* Other Occasion Styles */		
h1.otheroccasion,h1.specialevents,h1.specialevent{width:210px; height: 31px; background:url(../images/headings/otheroccasion.gif) no-repeat; text-indent:-999em;}
h2.otheroccasion,h2.specialevents,h2.specialevent{width:153px; height: 24px; background:url(../images/headings/otheroccasionTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.otheroccasionBrowse,span.specialeventsBrowse,span.specialeventBrowse{width:175px; height: 24px; background:url(../images/headings/otheroccasionBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
span.otheroccasionBuzz,span.specialeventsBuzz,span.specialeventBuzz{width:175px; height: 24px; background:url(../images/headings/otheroccasionBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
		
/* Wedding Styles */
h1.wedding,h1.weddings{width:125px; height: 31px; background:url(../images/headings/wedding.gif) no-repeat; text-indent:-999em;}
h2.wedding,h2.weddings{width:148px; height: 30px; background:url(../images/headings/weddingTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.weddingBrowse,span.weddingsBrowse{float:left; position:relative; width:159px; height: 24px; background:url(../images/headings/weddingBrowse.gif) no-repeat; text-indent:-999em; margin-top:2px;}
span.weddingBuzz,span.weddingsBuzz{width:104px; height: 18px; background:url(../images/headings/weddingBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}

/* Anncounement Styles */		
/*h1.announcement{width:161px; height: 31px; background:url(../images/headings/graduation.gif) no-repeat; text-indent:-999em;}*/
h2.announcement,h2.announcements{width:182px; height: 30px; background:url(../images/headings/announcementTitle.gif) no-repeat; text-indent:-999em; margin-left:5px;}
span.announcementBrowse,span.announcementsBrowse{width:175px; height: 24px; background:url(../images/headings/announcementBrowse.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}
/*span.announcementBuzz{width:125px; height: 20px; background:url(../images/headings/graduationBuzz.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}*/


span.viewMore
{
	width:77px;
	height:
	30px;
	background:url(../images/features/viewMore.gif) no-repeat;
	text-indent:-999em;
	margin-right:5px;
	float:right;
	cursor: pointer;
}

/** =========  BROWSE LAYOUT STYLES ========= */
	
#browse{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color: #553282;
	width:594px;
	margin-top:20px;
	position:relative;
	height:30px;
	background-color:#E4E5E7;
	padding-top:5px;
	padding-left:5px;
	}
	
span.timeline{
	position:relative;
	float: left;
	top:5px;
	left:20px;
	}

#browse a{
	color:#6419AB;
	text-decoration:none;
	padding-left:6px;
	padding-right:6px;
	}

#browse a:hover{	text-decoration:underline;}

span.browseWedding{width:159px; height: 24px; background:url(../images/headings/browseWedding.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin-top:2px;}


/** ===== ARTICLE MODULE LAYOUT STYLES ===== **/


#article{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2E2E2E;
	float: left;
	width: 300px;
	margin-top: 20px;
	}
	
#article ul{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 0px;
	}

#article p{
	position:relative;
	float:left;
	width: 250px;	
	padding-left:5px;
	padding-bottom:7px;
	}

#article .artTitle{
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	color:#2B5D8A;
	}

#article .readMore a{
	color:#644093;
	text-decoration:none;
	float:right;
	position:relative;	
	}
	
#article .readMore a:hover{
	text-decoration:underline;
	}

#article .quoteText{
	position:relative;
	width:225px;
	line-height:120%;
	}


/** =========  CONTENT LAYOUT STYLES ========= */

#viewStates
{
	float:left;
	position:relative;
	width:320px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;	
	background-color:#E4E5E7;	
	margin: 20px 0 0 10px;
	*margin: 20px 0 0 5px;
	display: inline;
}

#viewStatesWide
{
	/*float:right;*/
	width:594px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
	position:relative;
	background-color:#E4E5E7;
	/*height: 285px;*/
	height: 32px;
	padding-left:5px;
	padding-top:5px;
	margin-top:20px;
	overflow: hidden;
}

a.toggleState	{
			position: absolute;
			top: 10px;
			right: 10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color: #666666;
			text-decoration: none;
	}
	
	a.toggleState:hover {
			text-decoration: underline;
	}


	
span.viewState{width:104px; height: 20px; background:url(../images/headings/viewState.gif) no-repeat; text-indent:-999em; float:left; position:relative; margin:5px;}


#stateList{
	float: left;
	position: relative;	
	margin: 0 0 0 15px;
	*margin: 0 0 0 0px;
	display: inline;
	}

#stateList ul{
	float:left;
	width: 97px;
	margin: 0 0 0px 0;
	display: inline;
	padding: 0 0 10px 0;
	list-style: none;
	}
	
#stateList li{
	margin: 2px 0 0 0;
	list-style: none;
	line-height:150%;
	}
	
#stateList li a{
	font: 11px/18px arial, helvetica, sans-serif;
	text-decoration:none;
	color:#0358AB;
	}
	
#stateList li a:hover{
	text-decoration:underline;
	} 

/* ===== FOOTER STYLES ===== */
	
#globalBrandingMode .separator, #globalBrandingMode #footer #contactUs, #globalBrandingMode #footer #secureLogin
{
   display:none;
}

#footer
{
	position: relative;
  bottom: 0;
	top:10;
	float:left;
	width:100%;
	height:50px;
	/*border: 2px solid red;*/
	border-top:1px solid #E9E9E9;
}
	
	
#footer a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0358AB;
	text-decoration:none;
	}
	
#footer a:hover{
	text-decoration:underline;
	}
	
#footLeft{
	float:left;
	position:relative;
	margin-top:20px;
	margin-left:20px;
	}
	
#footRight{
	float:right;
	position:relative;
	margin-top:10px;
	padding-bottom:10px;
	margin-right:20px;
	}
	
	/** ===== ENGAGEMENT LISTINGS ===== **/
	
	#engagementListing {
		border-bottom: 1px dotted #aaaaaa;
		width: 550px;
		padding: 3px 0 3px 0;
	}
	
	#engagementListing .listingHolder {
		position: relative;
		float: left;
		width: 250px;
		margin: 0px 0 0 0;
	}
	
	#engagementListing a.listingName {		
		font: 12px/18px arial, helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
		color: #6419AB;		
	}
	
	#engagementListing a.listingName:hover {
		text-decoration: underline;
	}
	
	#engagementListing .listingPublishedBy {
		width: 275px;
		position: relative;
		float: left;		
		font: 11px/18px arial, helvetica, sans-serif;		
		color: #666666;		
		padding: 0 0 0 5px;
		border-left: 1px solid #dddddd;
	}
	
	
	/** ===== FIELD VALIDATION STYLES ===== **/

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}