/* Start of CMSMS style sheet 'Tea Party in Pink' */
/* Standard Declarations */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 120%; }
select { margin: 0; padding: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 120%; }

html { font-size: 75%; height: 100%; }
body { margin: 0; padding: 0; border: 0; background: #ffffff; color: #000000; font-family: Arial, Helvetica, sans-serif; line-height: 120%; }
h1, h2, h3, h4, h5, h6, p, address { margin: 0 0 1.2em 0; padding: 0; font-style: normal; }
ul, ol { padding-bottom: 1.2em; padding-left: 1.25em; }
ul ul, ol ol { padding-bottom: 0; }
a img { border: 0; }

h1 { font-weight: bold; font-size: 175%; color: #e27267; }
h2 { font-weight: bold; font-size: 150%; color: #e27267; }
h3 { font-weight: bold; font-size: 125%; color: #e27267; }
h4 { font-weight: bold; font-size: 100%; color: #e27267; }
h5 { font-weight: bold; font-size: 90%; color: #e27267; }
h6 { font-weight: bold; font-size: 80%; color: #e27267; }

a, a:link { color: #0051bb; text-decoration: none; }
a:visited { }
a:hover, a:focus { text-decoration: underline; }
a:active { }

.hidden { display: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
#ie .clearfix { height: 1%; }

/* sIFR STYLES */
.sIFR-flash { visibility: visible; 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; color: #333333; }
.sIFR-active h2 { padding-bottom: 0; visibility: hidden; line-height: 2em; margin-bottom: -2em; }

/* CUSTOM DESIGN ELEMENTS */
body { background: #fff url(images/bg-body.gif) center top repeat; }
#containerPage { background: url(images/bg-containerPage.gif) center top repeat-y; margin: 0 auto; width: 908px; }
	#containerPageHead { background: url(images/bg-containerPageHead.jpg) center top no-repeat; padding: 2px 150px; }
		#mainNavigation { padding-left: 70px; }
			#mainNavigation ul { margin: 0 auto; padding: 0; list-style: none; }
			 #mainNavigation ul li { margin: 0; padding: 0; float: left; list-style: none; }
				#mainNavigation ul li a { display: block; text-indent: -999em; width: 158px; height: 173px; margin-right: -44px; }
				#mainNavigation ul li#about a { background: url(images/nav-about.gif) no-repeat; }
				#mainNavigation ul li#parties a { background: url(images/nav-parties.gif) no-repeat; }
				#mainNavigation ul li#photos a { background: url(images/nav-photos.gif) no-repeat; } 
				#mainNavigation ul li#contact a { background: url(images/nav-contact.gif) no-repeat; }
				#mainNavigation ul li#about a:hover, #mainNavigation ul li#about a.active { background: url(images/nav-about-o.gif) no-repeat; }
				#mainNavigation ul li#parties a:hover, #mainNavigation ul li#parties a.active { background: url(images/nav-parties-o.gif) no-repeat; }
				#mainNavigation ul li#photos a:hover, #mainNavigation ul li#photos a.active { background: url(images/nav-photos-o.gif) no-repeat; }
				#mainNavigation ul li#contact a:hover, #mainNavigation ul li#contact a.active { background: url(images/nav-contact-o.gif) no-repeat; }
		#banner { padding: 34px 0; }
			h1#logo { background: url(images/mrs-crumpets-tea-parties.gif) no-repeat; display: block; text-indent: -999em; width: 570px; height: 80px; }
		#containerContent { padding: 0 60px; }
			#subNavigation { float: right; width: 185px; padding: 5.5em 0 0 0; }
				#subNavigation ul { margin: 0; padding: 10px 10px 30px 10px; list-style: none; overflow: visible; margin-left: 20px; border-top: 2px solid #204814; background: #668c51 url(images/bg-subNavigation.gif) left bottom repeat-x; }
					#subNavigation ul li { display: inline; }
						#subNavigation ul li a { padding: 0 0 10px 10px; display: block; color: #fff; font-weight: bold; }
						#subNavigation ul li a:hover { text-decoration: underline; }
			#content {  }
				h2 { width: 300px; }
		#footer { padding: 15px 0; margin: 0 60px; border-top: 2px solid #e27267; font-size: 90%; color: #e27267; }
/* End of 'Tea Party in Pink' */