body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/bg.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#pageSurround{
	width: 890px;
	margin: 0px auto;
	/*padding: 5px;*/
	background-color: #ffffff;
}

#topHeader {

	text-align: center;
	height: 205px;
	width: 890px;
	/* SKIN VARIABLE IS cAsE SeNsItIvE */
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: top left;

}

#homeLink{
	padding-top: 50px;
}

#topMenu {
	height: 45px;
	width: 890px;
}

#subMenu {

	margin: 0px auto;
	height: 21px;
	width: 860px;
	background-image: url(../images/subnav/bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

#content {
	padding: 0px 20px 20px 20px;
	background-color: #ffffff;
}

#footer {

	height: 130px;
	width: 890px;
	background-image: url(../images/footer_logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #83b8d6;
	text-align: center;
	padding-top: 104px;
}

h2{
    padding: 4px 0px 4px 0px;
	font-family: Drew Flaherty - Resine Rounded, Arial, sans-serif;
    font-size: 36;
    color: #449ac9;   
	margin-top: 0px;
	margin-bottom: 0px;
}


h3{
    padding-top: 5px;
	font-family: Drew Flaherty - Resine Rounded, Arial, sans-serif;
    font-size: 14;
    color: #449ac9;   
	margin-top: 0px;
	margin-bottom: 0px;
}

h4{
    padding: 20px 0px 0px 0px;
	font-family: Drew Flaherty - Resine Rounded, Arial, sans-serif;
    font-size: 26;
    color: #449ac9;   
	margin-top: 0px;
	margin-bottom: 0px;
}


#dropmenudiv{
	position:absolute;
	border:1px solid #98cee9;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #98cee9;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #020f5e;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #cdf0f8;
}

.navButton, .navButton:visited {
	width:126px;
	height:21px;
	position:relative !important;
	z-index: 1;
}

.navButton, .navButton:visited {
	height:21px;
	position:relative !important;
	z-index: 1;
}

.navButton span, .navButton:visited span {
	display:block;
	height:21px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	z-index: 2;
	background-repeat:no-repeat;
}

/* link and list-item widths correspond with image widths */
#baby, #babyButton, #babyButton:visited {
	width:56px;
}

#birthday, #birthdayButton, #birthdayButton:visited {
	width:81px;
}

#business, #businessButton, #businessButton:visited {
	width:166px;
}

#corres, #corresButton, #corresButton:visited {
	width:131px;
}

#holiday, #holidayButton, #holidayButton:visited {
	width:78px;
}

#special, #specialButton, #specialButton:visited {
	width:140px;
}

#wedding, #weddingButton, #wedding:visited {
	width:72px;
}

/* button images are span background images */
#babyButton span, #babyButton:visited span {
	background-image:url(../images/subnav/baby.gif);
}

#birthdayButton span, #birthdayButton:visited span {
	background-image:url(../images/subnav/birthday2.gif);
}

#businessButton span, #businessButton:visited span {
	background-image:url(../images/subnav/businesscards.gif);
}

#corresButton span, #corresButton:visited span {
	background-image:url(../images/subnav/correspondence.gif);
}

#holidayButton span, #holidayButton:visited span {
	background-image:url(../images/subnav/holiday.gif);
}

#specialButton span, #specialButton:visited span {
	background-image:url(../images/subnav/specialoccasion.gif);
}

#weddingButton span, #weddingButton:visited span {
	background-image:url(../images/subnav/wedding2.gif);
}


#babyButton:hover span {
	background-image:url(../images/subnavo/baby.gif);
}

#birthdayButton:hover span {
	background-image:url(../images/subnavo/birthday2.gif);
}

#businessButton:hover span {
	background-image:url(../images/subnavo/businesscards.gif);
}

#corresButton:hover span {
	background-image:url(../images/subnavo/correspondence.gif);
}

#holidayButton:hover span {
	background-image:url(../images/subnavo/holiday.gif);
}

#specialButton:hover span {
	background-image:url(../images/subnavo/specialoccasion.gif);
}

#weddingButton:hover span {
	background-image:url(../images/subnavo/wedding2.gif);
}

/* additional navbar styling */
		
		#udm {
			z-index:10;
			margin-top:-5px;
		}
			
		/* expanding menu styling */
		#udm ul {
			margin-left:0 !important;
			margin-top:-5px !important;
		}

		#udm ul ul {
			margin-left:130px !important;
			margin-top:-5px !important;
		}


/* expanding menu styling */
#udm ul {
	width:138px !important;
	w\idth:138px !important;
	}

#udm ul ul {
	width:100px !important;
	w\idth:100px !important;
	border-style:dashed;
	background-color:#fff;
	}
#udm ul ul ul {
	width:90px !important;
	w\idth:90px !important;
	border-style:dashed;
	background-color:#fff;
	}

/* give all anchors a hand cursor */
#udm a {
	cursor:pointer !important;
	cursor:hand !important;
	}

#extMenu
{
	margin-left: 50px;
}

.itemTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8e5d32;
	font-weight: bold;
	text-transform: lowercase;
	padding: 5px 0px 5px 0px;
}

#udm li ul {
	margin:-1px 0 0 0;
}

img.subPhoto {
	border: 2px solid #8e5d32;
}

.subPhotoLink, a.subPhotoLink:active, a.subPhotoLink:link, a.subPhotoLink:visited  {
	padding-right: 15px;
}

#subPhotos {
	padding-top: 10px;
}


/*CSS Menu */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li.non {
background: white url(../images/menu/glossyback3.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;

}

.glossymenu li a{
background: white url(../images/menu/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #2c4d9b;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

* html .glossymenu li.non { /*IE only. Actual menu width minus left padding of A element (10px) */
width: 165px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #2c4d9b;
}

.glossymenu li a:hover{
background-image: url(../images/menu/glossyback2.gif);
}


/*Wirefram Menu */

.wireframemenu{
	background-color: white;
	border-bottom-width: 0;
	width: 220px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 254px;
}

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

.wireframemenu a{
	font: bold 10px Verdana;
	padding: 4px 3px;
	display: block;
	width: 100%; /*Define width for IE6's sake*/
	color: #50a4d1;
	text-decoration: none;
}

.wireframemenu a:visited{
	color: #50a4d1;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #c1e8fb;
color: black;
}

fieldset {
	border:1px solid #CCC;
	padding:10px;
}

legend {
	font-family:"Trebuchet MS";
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.1;
	color:#009AFF;
	background: #fff;
	padding: 2px 6px;
}


.formField {
	width: 300px;
	padding-left: 20px;
	padding-top: 10px;
	font-weight: bold;
	color: #666666;
}



.formAnswer {
	width: 450px;
	padding-left: 20px;
	padding-top: 10px;
	color: #666666;
}

.required {
	color: #FF0000;
}


#contactHeader {

	height: 243px;
	width: 661px;
	background-image: url(../images/contact/header.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.textbox {
	background-color:#FFFFFF;
	width: 120px;
	font:normal 14px Arial;
	color: #774c21;
	padding:3px 5px 3px 5px;
}

.msgbox{
	background-color:#FFFFFF;
	width: 240px;
	font:normal 14px Arial;
	color: #774c21;
	padding:3px 5px 3px 5px;

}