/* CSS layout */

/* DIV STYLES */

/* These styles control the divs containing Adsense and Amazon scripts. */

#adsense {
	float: right;
	padding:10px;
}

#adsense_left {
	float:left;
	padding:5px;
}

#amazon {
	float:left;
	position:relative;
	margin:5px;
}

/* This controls the div surrounding the three menu columns on the home page (index.htm). */
#index_container {
	position: relative;
	width: 756px;
	background-color:#5E95C8;
}

/* This controls the div for each of the three menu columns on the home page (Wedding planning, Questions and Answers, Browse topics). */
#index_text {
	padding:10px;
	position: relative;
	float: left;
	width:228px;
}

/* This is part of the basic page template; it controls the div that contains the sidebar and main content of each page (the left col and page content divs). */ 
#container {
	position: relative;
	width: 100%;
}

/* This is part of the basic page template; it controls the div that contains the server-side include for the footer. */
#footer {
	clear:both
}

/* This is part of the basic page template; it controls the div that contains the left sidebar. */
#left_col {
	position: relative;
	float: left;
	width: 195px;
	height: 100%;
	background-color:#5E95C8;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color:silver;
}

/* This is part of the basic page template; it controls the div that contains the masthead. */
#masthead {
}

/* This controls the div that contains the lefthand navigation menu; you will find it on the pages whose filenames begin with NAVBAR. */
#menu {
    padding:10px;
}

/* This is part of the basic page template; it controls the div that contains the main content on each page. */
#page_content {
	margin-left: 200px;
	width:536px;
	padding-left:10px;
	padding-right:20px;
}

/* This controls the "related topics" box on five content pages. */
#sidebar_float-none {
	float: none;
	width:350px;
	border:thin;
	border-color:fuchsia;
	border-style:dotted;
	padding:10px;
	margin-right:10px;
}

/* This div controls the "Next step" box on two of the wedding planning pages (01-engagement and 13-honeymoon. On the other wedding planning pages, no div is used to contain that element. */
#sidebar_next {
	float:none;
	padding:10px;
}

/* This div contains all of the content on each page. */
#wrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 770px;
}


/* TEXT  AND IMAGE STYLES */


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

body {
	margin:0px;
}

h1 {
	font-size:x-large;
	font-family: Georgia;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

h2 {
	font-family: Georgia;
	font-size: large;
	margin-top: 0px;
	margin-bottom: 0px;

}
h3 {
	font-family: Georgia;
	font-size: medium;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

img {
border: 0px none;
vertical-align: bottom;
}

p {
	font-family: Georgia;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul {
margin-top:0;
margin-bottom:0;
list-style:square;
}

.bodytext {
	font-family: Georgia;
	font-size: small;
}

/* This is the primary style controlling body copy. */
.btxt-break {
	font-family: Georgia;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
}

.caption {
	font-family: Georgia;
	font-size: small;
	margin-top: 0px;
	margin-bottom: 0px;
	font-variant: small-caps;
	text-align: right;
}

/* This style makes headings in the Q & A section gray. */
.gray {
	color: gray;
}

/* This style controls the list of additional resources under the "For More Information" heading 
at the end of some web pages, as well as the list on the page topics.htm. */
.list {
	margin-top:8px;
	margin-bottom:8px;
}

/* This style is an indented version of .list, used exclusively on the topics.htm page. */
.list_indented {
	margin-top:8px;
	margin-bottom:8px;
	margin-left:15px;
}

/* This is the style used to make links rose-colored. */
.linkrose	{
	color:#C4007F;
	border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
    border-bottom-color:#FF82D3;
}

/* This style makes headings in the Wedding planning section blue. */
.pblue {
	color: #5E95C8;
}

/* This style makes headings in the topics section pink. */
.tpink {
	color: #C4007F;
}

/* This style controls the navigation links in the lefthand sidebar. */
.sidebar {
	margin-top:8px;
	margin-bottom:8px;
	color: white;
}

/* Controls the font at the bottom of the index page. */
.sm-centered {
	text-align: center;
	font-family: Georgia;
	font-size: small;
	margin-top:9px;
	margin-bottom:9px;
}

/* Makes text white (against the blue sidebar). */
.white {
	color: #FFFFFF;
	font-weight:bold;
}

/* Makes white text links (in the blue sidebar). */
.whitelink {
	color:white;
	border-width: 0px 0px 1px 0px;
    border-style: none none dotted none;
    border-bottom-color:#BBD2E8;
}