
<!--

/* --
Style.css for:		Meaningful Marriages
Aurthor:			Design Intervention
Last Modified:		6/22/09 - 4/23/10
-- */

/* ------------|Defaults------------ */
body {
	margin:						0;
	padding:					0;
	background:					transparent url(./images/bg.jpg) repeat;
	font:						14px 'Helvetica';
}


img {
	display:					block;
	border:						0;
}


h1 {
	font-size:					22px;
	color:						#312717;
	padding:					17px 0 0 20px;
}
h2 {
	font-size:					16px;
	color:						#312717;
	padding:					17px 0 0 20px;
}
h3 {
	font-size:					16px;
	color:						#063135;
	padding:					9px 0 0 16px;
}
h4 {
	display:					block;
	background-color:			#e8e0c7;
	margin-bottom:				40px;
	padding:					28px 0;
	text-align:					center;
	color:						#3a301f;
	font:						20px normal;
}


/* ------------|Classes------------- */
.fl {
	float:						left;
}
.fr {
	float:						right;
}

.cl {
	clear:						left;
}
.cr {
	clear:						right;
}
.cb {
	clear:						both;
}

.ctr {
	margin:						0 auto;
	text-align:					center;
}

.xm {
	margin-top:					20px;
	margin-bottom:				20px;
}

.header {
	height:						54px;
	margin-top:					18px;
}

.testimonial {
	color:						#066;
	font-style:					italic;
}

.sidebar {
	background-color:			#749a91;
}
.content {
	background-color:			#e8e0c7;
}

img.alignright {
	float:						right;
	margin:						-78px 0 16px 16px;
	border:						1px solid #9cb6ae;
}

hr {
  	border: 					0;
  	width: 						80%;
  	color: 						#749a91;
  	background-color: 			#749a91;
	height: 					1px;
}


/* ------------|Structure------------ */
#holder {
	background-color:			#fff;
	width:						1035px;
	margin:						0 auto;
	border-left:				2px solid #016871;
	border-right:				2px solid #016871;
}


#wrapper {
	background:					#fef8e7 url(./images/bg-sidebar.jpg) repeat-y 0% 0%;
	width:						1021px;
	margin:						0 auto;
	border-left:				2px solid #90a8a3;
	border-right:				2px solid #90a8a3;
	border-bottom:				3px solid #0d383b;
}


#head {
	width:						1021px;
	height:						204px;
}


#sidebar {
	float:						left;
	width:						259px;
}


#content {
	float:						right;
	width:						761px;
	min-height:	                800px; 		
}


#footer {
	float:						right;
	width:						711px;
	margin-right:				24px;
	border-top:					3px solid #0d383b;
	padding-bottom:				20px;
}

#extra {
	width:						1021px;
	padding-top: 				20px;
	margin:						0 auto;
}
		

/* ------------|Menus------------ */
#sidebar ul {
	list-style:					none;
	margin:						17px 0 0 17px;
	padding:					0;
}
#sidebar li {
	margin:						12px;
}
#sidebar a {
	color:						#fff;
	text-decoration:			none;
}
#sidebar a:hover {
	text-decoration:			none;
	font-weight:				bold;
	}
#sidebar a.selected {
	font-weight:				bold;
}

/* ------------|Content------------- */
#head .left {
	float:						left;
	background-image:			url(./images/head-left.jpg);
	width:						525px;
	height:						204px;
}
#head .left a {
	display:					block;
	position:					relative;
	width:						330px;
	height:						90px;
	top:						26px;
	left:						13px;
}
#head .right {
	float:						left;
	background-image:			url(./images/head-right.jpg);
	width:						496px;
	height:						204px;
}

#content p {
	width:						700px;
	margin:						14px 0 0 22px;
	line-height:				18px;
	padding-bottom:             10px;
}

#content p a {
	color:						#2c1e10;
	font-size:					14px;
	text-decoration:			underline;
}

#content p a:hover {
	text-decoration:			none;
}


#footer p {
	color:						#2c1e10;
	font-size:					11px;
	text-align:					center;
	margin-top:					22px;
}

#footer p a {
	color:						#2c1e10;
	font-size:					11px;
	text-decoration:			none;
}

#footer p a:hover {
	text-decoration:			underline;
}

#footer p#copyright {
	float:						left;
	width:						560px;
	text-align:					left;
	font-size:					12px;
}

#footer #di {
	float:						right;
	margin-top:					20px;
}

#extra p {
	color: 						#333;
	font-size:					12px;
}

#extra p a {
	color:						#2c1e10;
	font-size:					11px;
	text-decoration:			none;
}

#extra p a:hover {
	text-decoration:			underline;
}


/** sifr **/

@media screen {
 .sIFR-flash {
   visibility: visible !important;
   margin: 0;
   padding: 0;
 }

 .sIFR-replaced, .sIFR-ignore {
   visibility: visible !important;
 }

 .sIFR-alternate {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   display: block;
   overflow: hidden;
 }

 .sIFR-replaced div.sIFR-fixfocus {
   margin: 0pt; 
   padding: 0pt; 
   overflow: auto; 
   letter-spacing: 0px; 
   float: none;
 }
}

@media print {
 .sIFR-flash {
   display    : none !important;
   height     : 0;
   width      : 0;
   position   : absolute;
   overflow   : hidden;
 }

 .sIFR-alternate {
   visibility : visible !important;
   display    : block   !important;
   position   : static  !important;
   left       : auto    !important;
   top        : auto    !important;
   width      : auto    !important;
   height     : auto    !important;
 }
}

// -->