/* Layout CSS is based on the "Jello Mold" by Mike Purvis (see positioniseverything.net for more information) */
html, body { border: 0; margin: 0; padding: 0; margin-top:5px; padding-top:5px; margin-bottom:5px; padding-bottom:5px;}
body {padding: 0 375px 0 375px;	margin: 0; text-align: center; background: #ddddee;}	
#sizer {margin: 0 auto 0 auto; padding: 0; width: 66%;	max-width: 350px;  /* version for IE is at the bottom of this style block */}
#expander {background: White; margin: 0 -375px 0 -375px; min-width: 750px; /* Critical Safari fix! */ position: relative;}
/* Holly hack for IE \*/
* html #expander { height: 0; }
/* */
/* helps IE get the child percentages right. */
#wrapper {width: 100%;}
/* * --- End Jello Mold --- * * * * * * * * * * * * * * */

/* http://positioniseverything.net/easyclearing */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* * * Decorative Styles * * */
body {font-family: Arial, sans-serif; }
blockquote {text-align:left; margin:-1em 0px 2em 100px; font-style:italic;}
h1 {font-family: Georgia, serif;font-style:italic;text-align: left;padding: 30px 0 10px 50px;margin: 0;color:White;}
h2 {font-family: Georgia, serif;color:#004064;font-size:1.2em;padding: 2px;}
h3 {font-family: Georgia, serif;color:#004064;font-size:1em;padding: 2px;}
p {margin-bottom: 30px; color:#004064; }
li {margin-bottom:10px; color:#004064;}
blockquote{color:#004064;}
td {color:#004064; vertical-align: top;}

#sidebar {width: 26%;float: left;display: inline;text-align: left;margin-left: 2%;color: #004064;font-family: arial, sans-serif;font-size: .9em;padding-top: 3em;}
#sidebar a {font-size:.17in;  color:#20669a; font-weight:bold; text-decoration:none; line-height:1em; }
#content {width: 60%;margin-right: 8%;text-align:right;display: inline;float: right;padding-bottom: 3em;}
#innercontent {text-align: left; margin-top:3em; margin-bottom:0px;}
#footer { clear: both; padding: 0.5em 0 0.5em 0; margin: 1em 5% 1em 5%; border-top: 1px solid black; font-size:.8em }
#banner {background-color:#20669a; height:120px; background-image: url(images/banner.jpg); background-repeat:no-repeat;background-position:top right;}
#subtitle {padding: 0px 0 0px 60px; text-align: left; color:White;}

/* Menu Highlighting */
#reception #reception-area a,
#officiant #wedding-officiant a,
#acquainted #getting-acquainted a,
#starting #getting-started a,
#rehearsal #rehearsals a,
#ceremony #your-wedding-ceremony a,
#wedding-day #your-wedding-day a, 
#resources #wedding-resources a, 
#faq #faqs a, 
#testimonial #testimonials a, 
#contact #contacts a 
{color:#004064;}

.designer {color:#999999; font-size:.7em;}
.menudiv, .selectedmenuitem {margin-bottom:15px;}
.selectedmenuitem {font-size:.17in; color:#004064; font-weight:bold; text-decoration:none;}
.small {font-size: .8em;}
.bumpright {margin-left:20px;}