/*
 * Presentational styles for the home page
 */
/* /// HTML /// */
body {
 background: #ddd url(../images/mainbgtile2.gif);
 font: 100%/1.50 verdana, arial, helvetica, sans-serif;
 color: #444444;
 margin: 40px 0;
 padding: 0;
 text-align: center;
}
a:link {
 color: #cc0000;
}
a:visited {
 color: #cc0000;
}
a:hover {
 color: #000;
}
a:active {
 color: #cc0000;
}
/*this will remove the border from around linked images*/
a img {
 border-style: none;
}
/* /// PRESENTATION /// */
/*global*/
.clear {
 clear: both;
}
.underline {
 text-decoration: underline;
}
.floatLeft {
 float: left;
 margin: 0 15px 3px 20px;
 padding: 0;
}
.floatRight {
 float: right;
 margin: 0 25px 3px 15px;
 padding: 0;
}
/*header*/
#divHead h1 {
 font-size: 0;
 height: 0;
 margin: 0 0 0 -999em;
 padding: 0;
 width: 0;
}
#divHead p#masthead {
 height: 150px;
 margin: 0;
 padding: 0;
 padding-top: 15px;
 text-align: center;
}
/*content*/
#divContent h2 {
 color: #333;
 font: 1.35em "Tahoma", verdana, arial, helvetica, sans-serif;
 font-weight: bold;
 margin: 10px 0 8px 15px;
 padding: 0;
 line-height: 108%;
}
#divContent h3 {
 font: 1.25em "Tahoma", verdana, arial, helvetica, sans-serif;
 border-bottom: 3px double #cc0000;
 color: #cc0000;
 margin: 15px 15px 5px 15px;
 padding: 0;
 }
 #divContent h4 {
 font: 1.15em "Tahoma", verdana, arial, helvetica, sans-serif;
 color: #000;
 text-decoration: underline;
 margin: 15px 15px 5px 35px;
 padding: 0;
 }
#divContent p {
 color: #444444;
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: 0.85em;
 line-height: 1.5;
 margin: 6px 15px 12px 15px;
 padding: 0;
}
#divContent p.kudos {
 border-top: 3px double #cc0000;
 border-bottom: 3px double #cc0000;
 padding: 18px 10px 5px 10px;
 color: #000;
 font-size: 0.80em;
 font-style: oblique;
 background: #e4e0d3 url(../images/kudos_header.gif) no-repeat 5px 2px;
clear:both;
}

/*IE hack*/
html>body #divContent p.kudos {
 background: #e4e0d3 url(../images/kudos_header.gif) no-repeat 5px 0;
}
/*end IE hack*/
#divContent p.photoCredit {
 text-align: center;
 padding: 5px 0;
 font-size: 0.65em;
}
#divContent ul {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 0.85em;
	margin: 0 15px;
	list-style-type: none;
}
#divContent ul.ulWeddings {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 0.85em;
	margin: 0 0 0 25px;
	list-style-type: none;
}

#divContent ul li {
 background: url(../images/bullet.gif) no-repeat 0 7px;
 padding: 0 0 0 15px;
 margin: 0;
}

#eventsTable {
 border: none;
 margin: 0;
 padding: 0;
 margin-left: 15px;
}
#eventsTable ul {
 margin: 0 15px;
 padding: 0;
}
ul, ol, dl {
 position: relative;  }

/*wedding page styles*/
.flatFee {
 font-size: 0.75em;
 color: #000;
 font-weight: normal;
}

/*contact page styles*/
#divContent p.contactInfo {
	font-size: 0.78em;
	text-align: center;
	line-height: 1.25;
	height: 125px;
	background-image: url(../images/contact_photos_bkg.jpg);
	background-position: center;
}

/*event scheduler form*/
#eventFormtable {
	width: 100%; 
	float:left;
	margin-bottom:25px;
}
#eventFormtable div.floatRight img {
	margin-top:35px;
}

#eventFormtable form {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin-top : 0px;
	padding: 0;
	margin-left:50px;

}

#eventFormtable input {
	background-color : #fff;
	border : 1px solid #666;
	padding: 1px;
}
#eventFormtable select {
	background-color : #fff;
	border : 1px solid #666;
	padding: 1px;
}
#eventFormtable select:focus {
	background : #e4e0d3;
}
#eventFormtable textarea {
	background-color : #fff;
	border : 1px solid #666;
	padding: 1px;
	margin-top: 5px;
}
#eventFormtable textarea:focus {
	background : #e4e0d3;
}
#eventFormtable input.noborderbox {
  border: 0;
  background-color: #e2eef1;
  margin: 0;
  padding: 0;
}
#eventFormtable input:focus {
	background : #e4e0d3;
}
#eventFormtable table {
	background-color: #faf8f1;
 	border: 3px double #666;
 	font-size: 0.75em;
	color: #444444;
	margin: 0;
	padding: 0;
}
#eventFormtable td {
	padding: 5px;
	margin: 0;
}
#eventFormtable th {
	padding: 2px 2px 2px 6px;
	margin: 0;
	color: #fff;
	background-color: #666666;
	text-align: left;
}
.asterisk {
	color: #cc0000;
}

#eventFormtable .button {
	color : #ffffff;
	background-color : #cc0000;
}
#eventFormtable .button:focus {
	color : #ffffff;
	background-color : #990000;
}
#eventFormtable p.thankYou {
 color: #cc0000;
 font-weight: bold;
}
#eventFormtable p.errorRed {
 color: #cc0000;
 font-weight: bold;
}


/*sidebar*/
#divSidebar ul#ulMainMenu {
 left: 0;
 margin: 0;
 padding: 0;
 position: absolute;
 top: 150px;
 width: 758px;
 background: #cc0000;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 border: 1px solid #000;
 color: #ffffff;
}
#divSidebar ul#ulMainMenu li {
 margin: 0;
 padding: 0;
 display: inline;
 list-style-type: none;
}
#divSidebar ul#ulMainMenu li a {
 float: left;
 margin: 0;
 padding: 2px 18px;
 font-size: 9pt;
 font-weight: bold;
 text-decoration: none;
 color: #faf8f1;
}
#divSidebar ul#ulMainMenu li a.endNav {
 padding: 2px 18px;
}

#divSidebar ul#ulMainMenu li a:hover {
 color: #fff;
 background: #990000;
}
#divSidebar p {
 font-family: verdana, tahoma, arial, sans-serif;
 font-size: small;
 line-height: 1;
 margin: 0 10px 10px 18px;
 padding: 0;
}
/*contact  info*/
p#pContactInfo {
	background: transparent url(../images/footer_bkg2.gif) repeat-x 0 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: .70em;
	margin: 0 auto;
	padding: 25px 0 5px 0;
	text-align: center;
	width: 758px;
	letter-spacing: .11em;
}
p#pContactInfo img {
 vertical-align: text-bottom;
}

/*footer*/
#divFooter p {
 color: #fff;
 font-size: .70em;
 margin: 0;
 padding: 2px 0;
 text-align: center;
}
#divFooter a {
 color: #ffffff;
}
/*
 * tagline link for the 'Imaginated By: OBI, Inc.' image. Updated this to use a standard link
 * so that if the image changes, we will only need to update the CSS as opposed to every page that
 * uses the image. :)
 */
#divFooter p#pOBITag {
 background: transparent url(../images/imaginated.gif) no-repeat 50% 50%;
 font-size: 0;
 height: 13px;
 margin: 0;
 padding: 0 0 4px 0;
 text-align: center;
}
#divFooter p#pOBITag a:link,
#divFooter p#pOBITag a:visited,
#divFooter p#pOBITag a:active {
 background: transparent;
 border-style: none;
 display: block;
 height: 13px;
 margin: 0 auto;
 padding: 0 0 5px 0;
 width: 190px;
}
p.theknot {
 text-align: right;
}