/* Why Get Married - CSS Document */



/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



html {

	font-size: 100%; /* IE Hack */

	color: #000000;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px; }



body {

	font-family: Avenir Next Medium,sans-serif;</font>

	color: #000000;

	font-size: .75em;

	line-height: 1.166;	

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px; }



a:link, a:visited {

	color: #a80b50;

	text-decoration: underline;

	border: none; }



a:hover {

	color: #ffffff;

	text-decoration: underline;

	border: none; }  



h1, h2, h3, h4, h5, h6 {

	font-family: Avenir Next Medium,sans-serif;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px; }



h1 {

 font-family: Avenir Next Medium, sans-serif;

 font-size: 120%;

 color: #334d55;

 margin-bottom: 1em; }



h2{

 font-size: 114%;

 color: #006699; }



h3{

 font-size: 100%;

 color: #334d55;

 margin-top: 1.5em; }

/*

h4{

 font-size: 100%;

 font-weight: normal;

 color: #333333;

}



h5{

 font-size: 100%;

 color: #334d55;

}

*/

ul {

	list-style-image: url(../images/reddot_x.gif); }



ul li {

	margin-bottom: 1em;

	margin-left: 30px; }



hr {

	color: #a80b50;

	width: 80%;

	margin-top: 15px;

background-color: #190919; }



acronym {

	text-decoration: underline dotted; }





/***********************************************/

/* DIV styles                             */

/***********************************************/ 

/*

#container {             /*****   THIS CENTERS! MUST ADJUST NAV, ETC....  ***

	position:relative;

	width:781px;

	left:50%;

	margin-left:-390px;

	background:#fff          *** url(bg.gif) repeat-y center;  ***

	overflow:auto;

	z-index:100;

	border: 1 #a80b50 px;

	} */





div #container {

	position: absolute;

	width: 100%;

	height: auto;

/*	border: thin;

	border-bottom-color: #000000;  */

	background-color: #ff99ff; }





div #header {

	position: relative;

	clear: right;

	background-color: #ffffff;

	margin: 50px 0px 0px 0px;

	width: 100%; }



div #subpg_hdr {

	position: relative;

	clear: right;

	background-color: #ffffff;

	width: 100%;

	margin: 0px 0px 0px 0px; }



div #nav_main {

	position: relative;

/*	margin: 0 0 0 79%;   */

	padding: 0px 0px 0px 0px;

	background-color: #ffffff;

	width: 100%;

/*	border-left: 1px solid #ccc;

	border-bottom: 1px solid #ccc;   */

	white-space: nowrap;



/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line

   this will force a horizontal scrollbar if there isn't enough room for all links

   remove rule or change value to 'normal' if you want the links to line-wrap */

   }



div #content {

	position: absolute;

	float: left;

	/*	background: transparent url(../images/brokenheartrings7.gif) no-repeat center;*/

	background: transparent url(../images/heart_collage.jpg) no-repeat;

	width: 65%;

/*	margin: 2% 1% 2% 2%;   */

	margin: 20px 1px 1px 20px;   /* this fixes IE "peek-a-boo" bug -- no %!! */

/*	padding: 2% 2% 2% 2%;   */

	padding: 25px 15px 5px 5px;   /* this fixes IE "peek-a-boo" bug -- no %!! */

	text-align: left;

	height: auto; }



div #content_dvd {

	position: relative;

	float: left;

	width: 65%;

	margin: 2% 1% 2% 2%;

	padding: 2% 2% 2% 2%;

	text-align: left;

	background-color: transparent;

	background-image: url(../images/text_montage2.jpg);

	background-repeat: repeat; }



div #content_stories {

	position: relative;

	float: left;

	width: 65%;

	margin: 2% 0% 0% 0%;

	padding: 2% 2% 2% 2%;

	text-align: left; }





div #nav_sub {

	position: absolute;

	right:-750px;

	top:40px;

	margin: 0 40% 0 60%;                        /*** this is the fix for rt_nav_bar positioning! */

	background-color: #fff39d;

	font-family:  Avenir Next Medium, sans-serif;

	font-size: 0.8em;

	height: auto;

	}



div #sub_events {

	width: 215px; }



div #video_clip {

	margin-left: 0px; }



div #sub_opinions {

/*	width: 215px; */

	width: 85%; }

	

div #footer {

	position: relative;

	float: left;

	clear: both;

	width: 100%;

	bottom: 1%; }



div #nav_footer {

	position: relative;

/*	background-color: #e6bfd4;*/

	margin: 20px 0px 0px 0px;

	padding: 5px 5px 5px 5px;

/*	width: 100%;*/

	text-align: center;

	font-size: 0.8em;

	z-index:23; }



div #copyright {

	position: relative;

	margin: 0px 0px 10px 0px;

	padding: 10px 0px 10px 0px;

	font-size: 0.6em;

	text-align: center;

/*	background-color: #e6bfd4; */}

		

div #dvd_info {

	position: relative;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 10px;

/*	width: 375px; */

	width: 525px; }



#dvd_info img {

	border-color: #003399;

	padding: 5px 5px 5px 5px;

	margin-right: 10px; }

	

div #dvd_info_text {

	position: relative;

	text-align: left; }



#dvd_info_text p {

	font-size: .9em; }



div #dvd_links {

	position: relative;

	margin: 20px 0px 0px 0px;

	text-align: center;

	font-size: .9em;

/*	width: auto;*/

	width: 260px;  }



#dvd_links ul {

	text-align: center; }



#dvd_links ul li {

	line-height: 1.7em; }



div #Layer1 {                               /* Layer1 = story1_img ID */

	position: relative; }



div #Layer2 {                               /* Layer2 = story2_img ID */

	position: absolute; }



div #small_window {

	background-color: #fed0e5;

	text-align: center;}



/*  ****************  Header DIV and NAV_MAIN DIV STYLES *************** */





#nav_main img#hdr_img{

	display: block;

/*	align: center; */ }



#nav_main a {

	padding: 0px 4px 0px 0px; }  /* FIX -- THIS IS CAUSING MOVEMENT!  */





#nav_main ul {

	padding: 20px 0px 20px 0px;

	margin: 0px 0px 0px 0px;

	list-style-type: none;

	background-color: #ffffff;

	font-size: 0.8em;

	text-align: center; }



#nav_main li {

	list-style: none;

	display: inline; }



#nav_main img {

	padding-right: 40px; }



#header h1 {

	text-align: center; }



#subpg_hdr h1 {

	text-align: left; }



/*

#nav_main li#active a {

	background-color: #e6bfd4; 

	color: #ffffff; } */ 

/*

#nav_main li a {

	text-decoration: none;

	color: #000000;   */

/*	padding: .2em 1em;*/

/*	border-right: 1px solid;  }*/



/*#nav_main li img a:focus {

	border-color: #000000;

		background: transparent;

	background-color: #336699; 

	color: #ffffff;  }*/





/*  ***************** NAV_SUB DIV STYLES ******************* */



#nav_sub a {

		text-decoration: underline; }



#nav_sub a:hover {

	background-color: #a80b50;

	color: #ffffff;

	text-decoration: underline; }   



#nav_sub h2 img {

	margin-top: 10px; }



#nav_sub li a {

		text-decoration: underline; }



#nav_sub li a:hover {

	background-color: #a80b50;

	color: #ffffff;

	text-decoration: underline; }   



#nav_sub object {

	margin-top: 10px;

/*	margin-left: 10px;*/ } 

	

#video_clip p {

	text-align: center; }



#small_window p {

	text-align: center; }



/*  ******** NAV_FOOTER DIV STYLES  ************ */



#nav_footer ul {

/*	padding: .2em 0;  */

	margin-top: 10px;

	list-style-type: none;

	color: #ffffff;

	width: auto;

	font-size: 0.8em;

	text-align: center;

/*	position: absolute;

	left: 159px;

	top: 976px; */ }



#nav_footer li { 

	display: inline;

/*	padding: .2em 1em;  */

	border-right: 1px solid #ffffff;

	color: #003366; }





#nav_footer li a {

/*	background-color: #fed0e5;*/

	color: #003366;

	text-decoration: underline; }



#nav_footer li a:hover {

	/*	background-color: #003366;*/

	background-color: #a80b50;

	color: #ffffff; }



#nav_footer li a:focus {

	background-color: #003366;

	color: #ffffff; }



#nav_footer li#nav_footer_item {

	margin: 0px 0px 0px 0px;

	padding: 0px 15px 0px 15px;

	width: auto; }





/*  ******** OTHER STYLES  ************ */



abbr, acronym {

	cursor: help; }



p.side_quote {

	font-size: 1em;

	font-style: italic;

	margin: 10px 5px 5px 10px; }

	

p.signature {

	font-size: .9em;

	font-style: normal;

	margin: 10px 10px 5px 10px;

	text-align: right; }



.title {

	font-style: italic;}

	

.title_text {

	font-family: Verdana, Avenir Next Medium, sans-serif;

	font-size: 1em;

	font-style: italic;

	color: #a80b50; }



.title_strong {

	font-weight: bold; }



/*		

#content a:hover {

	font-size: 1em;

	color: #a80b50;

	text-decoration: underline;

	font-weight: bold; }





#content a:hover {

	font-size: 1em;

	background-color: #a80b50; 

	color: #ffffff; }

*/



#content a {

		text-decoration: underline; }



#content a:hover {

/* [if IE]>

		color: #fed0e5;

		text-color: #ffffff;

	< ![endif] */



	background-color: #a80b50;

	color: #ffffff;  

	text-decoration: underline; }   







#content img.left_img {

	float: left;

	margin: 5px 13px 5px 0px;

	border: 2px;

	border-color: #003366; }



#content img.right_img {

	float: right;

	margin: 5px 0px 5px 10px;

	border: 2px solid #003366; }



#dvd_info_text p a {

		text-decoration: underline; }



#dvd_info_text a:hover {

	background-color: #a80b50;

	color: #ffffff;

	text-decoration: underline;

	border: none; }   



#dvd_specs

	{position: absolute;}

	



.small_ref {

	font-size: .7em; }

	

.SW_note {

	font-style: italic;

	background-color: #33FF33; }



#nav_sub hr {

	color: #a80b50;

	width: 80%;

	margin-top: 15px;

	margin-left: 0px; }



.funky1 {

	text-align: center;

	font-size: 2em;

	font-style: italic; }



.funky2 {

	text-align: center;

	font-size: 1.5em;

	font-weight: bold; }



.funky3 {

	text-align: center;

	color: #a80b50;

	font-size: 3em;

	font-style: italic;

	margin-bottom: 1em; }



/*

.link_center {

	text-align: center;

	font-size: .8em; }

*/



.price {

	font-size: .9em;

	font-weight: bold;

	margin-bottom: 0px; }



.price_italics {

	font-size: 0.8em;

	font-style: italic;

	padding-top: 0px;

	margin-top: .3em; }



.price_normal {

	font-size: .9em;

	font-style: normal;

	margin-top: .3em; }



img#dvd_cover {

	float: left; }

/*

#dvd_links ul {

	text-align: center; }

*/

.no_bullet {

	display: inline;

	list-style: none;

	list-style-image: none;

/*	text-decoration: underline;

	background-color: #a80b50;

	color: #ffffff;  */

	font-size: .8em; }



.indent {

	margin-left: 15px; }



.address {

	font-size: 90%;

	margin-left: 30px; }



/* FOR TABLE LAYOUT OF STORIES PG */



.alt_bkgd1 {

	background-color: #fed0e5;

	width: 100%; }



td {

	padding: 15px; }



p img {

	border-color: #003399; }  /*  NOTE: this affect ALL images in paragraphs! */

	

img #story_left_img {

	border-color: #003366;

	margin-top: 0px;

/*	vertical-align: top; */

	padding-top: 0px;

	position: absolute;

	left: 20px;

	top: 40px; }

	

img #story_right_img {

	border-color: #003366;

	margin-top: 0px;

/*	vertical-align: top; */

	padding-top: 0px;

/*	position: absolute;

	left: 20px;

	top: 40px; */}



	





/*  END TABLE LAYOUT STYLES */





	

/* STYLES FOR DIVS - NOT USED (USED TABLES INSTEAD) 

.story_img-right {

	font-size: 1.1em;

	font-style: italic; }



.story_img-right img {

	float: right;

	border: 2px;

	margin: 10px 10px 10px 20px; }

	

.story_img-left {

	font-size: 1.1em;

	background-color: #99CCFF;

	font-style: italic; }



.story_img-left img {

	float: left;

	border: 2px;

	margin: 10px 20px 10px 10px; }

*/



.caption {

	font-size: .7em;

	font-style: italic; }



#small_window #container {

	background-color: #fed0e5;

	/* [if IE]>

			color: #fed0e5;

	< ![endif] */ }



#small_window p {

	text-align: center; }



#small_window p#sm_win_hdr {

	text-align: center;

	font-size: 114%;

	color: #000000; }



#small_window p#video_close {

	text-align: right;

	font-size: 0.8em; }

/*

#small_window embed {

	margin-left: 30%; }

*/

#small_window a {

	color: #a80b50; }

	

#small_window a:hover {

	color: #ffffff;

	background-color: #a80b50; }





/* MOVE THIS STYLE TO DIVs WHEN OKAY */

#credit_list {

	text-align: center; }



.credit_title {

	color: #a80b50; }

	

.credit_name {

	color: #000000; }

	

.credit_text {

	font-size: .9em; }

	

.normal {

	font-style: normal; }

