/* New CSS Nav... */

.jqueryslidemenu{
font: bold 14px Verdana;
background: #8d5eae;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #8d5eae; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #8d5eae;
color: #fff;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #e2d4f5; /*tab link background during hover state*/
color: #5c348d;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 14px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* End New CSS Nav */

/****************CSS NAV******************/
/*#primary_nav ul {
	
	list-style-type:none;
	background: #8d5eae;
	padding: 0px;
margin:0;
overflow:hidden;
border-style: none none none none;
}

#primary_nav li
{
display:inline;
border-style: none none none none;

}

#primary_nav li a {
	
	padding: 7px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	letter-spacing: 0.1em;
	line-height: 2em;
	height: 3em;
	margin:3px 7px 0 0;
	border-style: none none none none;
	

}

#primary_nav a:link {
    color:#fff;
    border-style: none none none none;
   
	
}

#primary_nav li a:hover {
	width:5px;
	background-color:#e2d4f5;
	color:#5c348d;
	line-height: 2em;
	height: 3em;
	padding: 7px;
	border-style: none none none none;
  
}

#primary_nav li a:last-child {
	border-style: none none none none;
}




#primary_nav li a:focus {
	color: #1c1c1c;
	background: #ccc;
	border-style: none none none none;
}
*/
/*************END CSS NAV*****************/


/* 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. */
#content {
	width:760px;
	padding-left:0px;
	padding-right:20px;
	margin-left: 0px; 
	margin-right: auto;
	font-weight:normal;
	margin-top:30px;
}

#outercontainer {
	width:960px;
	padding-left:50px;
	padding-right:20px;
	margin-left: auto; 
	margin-right: auto;
	
}





/* 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;
}


/* TEXT  AND IMAGE STYLES */

.roll .on { display: none; }
.roll .off { display: block; }
.roll:hover .on { display: block; }
.roll:hover .off { display: none; }


a:link {
    color:#000;
	border-width: 0px 0px 1px 0px;
    border-style: none none none none;
    border-bottom-color:#000;
}


a:hover {
    color:#000;
	border-width: 0px 0px 1px 0px;
    border-style: none none none none;
    border-bottom-color:#000;
}

a:visited {
    text-decoration: none;
}

body {
	margin:0px;
}

h1 {
	font-size:25px;
	font-family: PT Sans, sans-serif;
	font-weight: none;
	margin-top: 2px;
	margin-bottom: 2px;
}

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

}
h3 {
	font-family: Julius Sans One, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	color:#8d5eae;
}

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

p {
	font-family: PT Sans, sans-serif;
	font-size: 16px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-weight:normal;
}

blockquote {
	font-family: PT Sans, sans-serif;
	font-size: 16px;
	margin-left:50px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight:normal;
}


ul {
margin-top:0;
margin-bottom:0;
list-style-type:georgian;
display:block;
}



li {
	font-family: PT Sans, sans-serif;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
	display:block;
	list-style-type:georgian;
}


.bodytext {
	font-family: PT Sans, sans-serif;
	font-size: 14px;
}

/* This is the primary style controlling body copy. */


.caption {
	font-family: Georgia;
	font-size: 14px;
	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 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: 14px;
	margin-top:9px;
	margin-bottom:9px;
}

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

/* Makes text white (against the blue sidebar). */
.black {
	color: #000000;
	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;
}
/* For the search text next to the Google search input. */
.searchtext {
	color:#336699;
	font-weight:bold;
	font-size:14px;
	border-width: 0px 0px 0px 0px;
}