/** ========= MAIN BODY STYLES =========*/

body{
	margin:0;
	background-color:#D5D5D5;
	z-index:-100;
	}
	
#global{
	position:absolute;
	left: 50%;
	height:300px;
	padding:0;
	margin-top:0px;
	width: 840px;
	margin-left: -415px; 
	}
	
#rightRail{
	z-index:1000;
	position:absolute;
	right:30px;
	top: 35px;
	width:165px;
	height:500px;
	}
	
#pageContent{
	position:relative;
	padding:5px 0 0 0;
	width: 840px;	
	overflow: hidden;
	margin-top:0px;
	margin-right: 15px;
}

#splashTop{
	position: relative;
	width: 840px;
	height: 31px;
	border: none;
	background: url(../images/splash/splashTop.gif);
}

#splashTile{
	position: relative;
	float: left;
	width: 840px;
	/* height: 810px; */
	padding-bottom: 1px;
	top:0px;
	background-image: url(../images/splash/splashTile.gif);
	background-repeat: repeat-y;
}

#splashBtm{
	position: relative;
	float: left;
	width: 840px;
	height: 31px;
	background: url(../images/splash/splashBottom.gif);
}	

#container{
	position:relative;
	width:610px;
	margin-top:6px;
	margin-left:30px;
	padding-right:30px;
	}

#head{
	position:relative;
	width:745px;
	height:125px;
	margin-left:18px;
	background: url(../images/splash/headTile.gif);
	background-repeat:repeat-x;
	}
	
/** =========  SEARCH WIDE STYLES ========= */

.searchWide{
	background-image:url(../images/search/boxThin.gif);
	height:186px;
	left:0px;
	float:right;
	width:165px;
	margin-right:0px;
	}

.searchWide img{
	border:0px;
	float:right;
	padding-top:3px;
	position:relative;
	padding-right:0px;
	}

.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: 146px;}

#searchContainer{
	position:relative;
	float: left;
	width:150px;
	top:18px;
	left: 3px;
	}
	
#searchContainer .search{
	width:141px;
	}
	
#searchContainer .search, .states, .events, .publisher, .timeFrame{
	position: relative;
	float: left;
	margin:	5px 0 0 5px;
}

/* ===== GOOGLE AD STYLE ===== */
#googleAds {
	padding:10px 0pt;
	position:relative;
	float:left;
	}
	
#gaTop {
	background:transparent url(../images/googleAd/gaTop.gif) no-repeat;
	height:24px;
	position:relative;
	width:167px;
	}
	
#gaTile {
	background:transparent url(../images/googleAd/gaTile.gif) repeat-y;
	position:relative;
	top:-12px;
	width:167px;
	padding-bottom:2px;
	}

#gaBtm {
	background:transparent url(../images/googleAd/gaBottom.gif) no-repeat scroll left bottom;
	height:24px;
	margin-top:-30px;
	padding:0pt;
	position:relative;
	width:167px;
	}
	
#adContain{
	position:relative;
	margin-left:10px;
	width:150px;
	}
	
/** ===  TEXT STYLES == */

p{
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size:12px;
	}
	
a{
	font-family:Arial, Helvetica, sans-serif;
	color:#0358AB;
	font-size:12px;
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}

/* =====  TABLE STYLES ===== */

tr .quickLink{
	background: url(../images/splash/qlBorder.gif) no-repeat;
	width:147px;
	}
	
.quickLink ul{
	position:relative;
	margin-left:-39px;
	margin-top:0px;
	*margin-left:1px;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:143px;
	}
	
.quickLink li{
	padding:5px;
	}
	
.quickLink li.placeAd{
	color:#FFFFFF;
	background-color:#714D9B;
   font-size: large;
   font-weight: bold;
	}

.quickLink li.placeAd:hover{
	background-color:#633D91;
	}
	
.quickLink li.title{
	font-weight:bold;
	color:#714D9B;
	font-size:14px;
	}
	
.quickLink li.placeAd a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
.quickLink li.placeAd a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	}
	
span.grad, span.graduations{width:147px; height: 113px; background:url("../images/splash/IO Grads.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

span.engage, span.engagements{width:147px; height: 113px; background:url("../images/splash/IO Engagements.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

span.wedding, span.weddings{width:147px; height: 113px; background:url("../images/splash/IO Weddings.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

span.inMemorium, span.memorium, span.inmemoriums{width:147px; height: 113px; background:url("../images/splash/IO In Memorium.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

span.anniversary, span.anniversaries{width:147px; height: 113px; background:url("../images/splash/IO Anniv.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

span.birth,span.births-birthdays{width:147px; height: 113px; background:url("../images/splash/IO Birthdays.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

span.otherOccasion, span.others, span.specialevent, span.specialevents{width:147px; height: 113px; background:url("../images/splash/IO St Patties.jpg") no-repeat; text-indent:-999em; float:left; position:relative; cursor:hand;}

.photo_overlay{position: absolute; left: 10px; top: 33px; z-index:100;}

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

#article{
	position:relative;
	float:left;
	margin-left:-20px;
	width:600px;
	}

#article ul{
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:150px;
	position:relative;
	}

#article ul .title{
	font-size:14px;
	font-weight:bold;
	color:black;
	}
	

#article li{
	padding-bottom:8px;
	}
	
/* ===== FOOTER STYLES ===== */
	
#footer{
	position: relative;
    bottom: 0px;
	top:10px;
	margin-left:20px;
	float:left;
	width:615px;
	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;
	}