/* GLOBAL ELEMENTS ------------------------------------------------------------------- */
body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; 
     background: #fff; /* Sets background color of page. */
     margin: 0; /* Gets rid of default margin on body that most browsers add. */
     padding: 0; /* Gets rid of default padding on body that Opera adds. */
     text-align: center; /* Centers the page contents in WinIE5.x. */
}

/* Main div for all other content on page. A main wrapper div allows us to easily center everything in the viewport. */
#holder {
     margin: 0px auto 0 auto; /* The auto margin on the left and right center the holder div in standard compliant browsers. The 10px top margin adds space between the top of the holder div and the edge of the viewport. */
     width: 765px; /* Sets width of main container to fit within most maximized 800x600 windows. */
     text-align: left; /* Overwrites the center-aligned text set on the body. */
}

/* Needed to hold link to main content in compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to its nearest postioned ancestor, or barring that, the body. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top of body. */
	left: 0; /* Places the div at the left side of body. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

/* Global navigation area. Deals with top level links only.  Others are in p7pmh10*/
#nav {
	width: 765px; /* Sets width to fill holder div. */
	height: 12px;
	background: url(../images/nav.jpg) repeat-y; /* Sets background image on nav div and tiles it downward so that if it grows or the items wrap the background will continue. */
	padding: 5px 0 10px 0; /* Adds space within the nav div on the top and bottom so the nav list doesn't butt up against its edges. */
	
}

#nav ul {
	padding: 0; /* Removes default padding some browsers add to lists. */
	margin: 5px 1px 0 1px; /* Creates space between right and left edges of nav list and edges of nav div. The right margin is larger than the left to accommodate the extra space caused by the shadow part of the background image on the right. */
	list-style-type: none; /* Removes default list bullets. */
	font-size: 66%; /* Sets font size smaller than default. */
	font-family: Verdana,Arial,sans-serif;
	/*border-top: 1px solid #fff; /* Adds border to top of nav list */
	text-align: center; /* Centers items in nav list. */
	
}
#nav li {
	padding: 0; /* Removes default list item padding added by some browsers. */
	margin: 0 0 0 5px; /* Spaces out each list item from the others. */
	display: inline; /* Makes list items display horizontally. */
	
}
#nav li a:link, #nav li a:visited {
	text-decoration: none; /* Removes default underline on links. */
	padding: 0 2px 2px; /* Spaces out each link from the pipe separators. Padding is used intstead of margin so that the background color used in the next selector will not so tightly enclose the text. */
	font-weight: bold; /* Makes the link text bold. */
	color: #fff; /* top level nav color */
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
	background: #C0D72F; /* Changes background color of links to light green on hover, activation, and focus. */
	color: #66036D; /* Changes text color of links to purple on hover, activation, and focus. */
}

/* Start of Gallery Nav */

#nav1 {
	width: 765px; /* Sets width to fill holder div. */
	height: 12px;
	background: url(../images/navGallery.jpg) repeat-y; /* Sets background image on nav div and tiles it downward so that if it grows or the items wrap the background will continue. */
	padding: 5px 0 10px 0; /* Adds space within the nav div on the top and bottom so the nav list doesn't butt up against its edges. */
	
}


#nav1 ul {
	padding: 0; /* Removes default padding some browsers add to lists. */
	margin: 5px 1px 0 1px; /* Creates space between right and left edges of nav list and edges of nav div. The right margin is larger than the left to accommodate the extra space caused by the shadow part of the background image on the right. */
	list-style-type: none; /* Removes default list bullets. */
	font-size: 66%; /* Sets font size smaller than default. */
	font-family: Verdana,Arial,sans-serif;
	/*border-top: 1px solid #fff; /* Adds border to top of nav list */
	text-align: center; /* Centers items in nav list. */
	
}
#nav1 li {
	padding: 0; /* Removes default list item padding added by some browsers. */
	margin: 0 0 0 5px; /* Spaces out each list item from the others. */
	display: inline; /* Makes list items display horizontally. */
	
}

#nav1 li a:link, #nav1 li a:visited {
	text-decoration: none; /* Removes default underline on links. */
	padding: 0 2px 2px; /* Spaces out each link from the pipe separators. Padding is used intstead of margin so that the background color used in the next selector will not so tightly enclose the text. */
	font-weight: bold; /* Makes the link text bold. */
	color: #fff; /* top level nav color */
}
#nav1 li a:hover, #nav1 li a:active, #nav1 li a:focus {
	background: #ff6600; /* Changes background color of links to orange on hover, activation, and focus. */
	color: #000080; /* Changes text color of links to blue on hover, activation, and focus. */
}

/* End of Gallery Nav */

/* Wrapper for all content between nav and footer. */
#contentwrapper {
	background: #fff url(../images/repeat.jpg) repeat-y; /* Adds strip showing three columns as background image to wrapper div. It is tiled downward to create the appearance of three columns. Also given a background color in case images are not available. */
}

/* Wrapper for all content between nav and footer. */
#contentwrapperGallery {
	background: #fff url(../images/repeat1.jpg) repeat-y; /* Adds strip showing three columns as background image to wrapper div. It is tiled downward to create the appearance of three columns. Also given a background color in case images are not available. */
}


#contentwrapper1 {
	background: #fff url(../images/repeat1.jpg) repeat-y; /* Adds strip showing three columns as background image to wrapper div. It is tiled downward to create the appearance of three columns. Also given a background color in case images are not available. */
}



/* Another wrapper for the content is needed because we need two background images for the content area -- the repeating column part, and the top curved part. Since each div can only have one background image, we need to use two layered divs to create the effect. */
#content {
	background: url(../images/inner_top.jpg) no-repeat; /* Adds top curved part of content area rectangle image, which lays over the repeating background image of the contentwrapper div to create the appearance of a single image. Set to only show once. */
	padding: 35px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #666; 
	font-size: .7em; /* Sets font size smaller than default. We can use ems safely in IE because we've set a percentage font size on the body. */
}
/* WinIE5 needs the following selector to display the padding in #content. This comment cannot be in the selector or it will trigger the end of the MacIE hide. */
/* hide from MacIE \*/
* html #content {
	height: 1%;
	}
/* end hide */


#content1 {
	background: url(../images/inner_top1.jpg) no-repeat; /* Adds top curved part of content area rectangle image, which lays over the repeating background image of the contentwrapper div to create the appearance of a single image. Set to only show once. */
	padding: 35px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #666; 
	font-size: .7em; /* Sets font size smaller than default. We can use ems safely in IE because we've set a percentage font size on the body. */
}

* html #content1 {
	height: 1%;
	}
/* end hide */


#contentGallery {
	background: url(../images/inner_top1.jpg) no-repeat; /* Adds top curved part of content area rectangle image, which lays over the repeating background image of the contentwrapper div to create the appearance of a single image. Set to only show once. */
	padding: 5px 0 0 0; /* Adds space between top of box and start of content so it doesn't cover up curved area. */
	position: relative; /* Allows the absolutely positioned #subnav div to base its position off #content. */
	color: #000080; /* Sets color of text to dark blue. */
	font-size: .7em; /* Sets font size smaller than default. We can use ems safely in IE because we've set a percentage font size on the body. */
}

 
html {height:100%}
body {min-height:101%}


.cap {
	font-style: italic;	
	display: inline;
	color: #000;
	font-size: 1.2em
}


/* Left column for extra info, feature items, news, etc. */
#info {
	float: left; /* Moves div to left side of #content. */
	width: 180px; /* Sets width. */
	margin: 0 20px 10px 15px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: .9em; /* Sets font size smaller than default. */
	color: #666;
	padding: 0 0 0 20px;
}
#info p img {
	display: block; /* Changes image from an inline element to a block so it occupies its own line and can be formatted in more ways. */
	padding: 10px 8px 10px 8px; /* Creates space between top and bottom borders and edges of image. */
	margin: 4px auto; /* The left and right auto margins center the image. The 5px top and bottom margins add space between the image and surrounding content. */
	/*border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}


.left {
	/*float: left; */
	border: 1px solid #fff;
	margin: 0 3px 5px 2px;
	display: inline;
	
}



.right {
	float: right;/*float to the right*/
	border: 1px solid #fff;
	margin: 5px 3px 8px 12px;

}

#infoGallery {
	float: left; /* Moves div to left side of #content. */
	width: 190px; /* Sets width. */
	margin: 0 20px 10px 20px; /* Moves div away from edges of container and surrounding content. */
	display: inline; /* Prevents WinIE from doubling the left margin, which it will do on left floats. */
	font-size: .8em; /* Sets font size smaller than default. */
	font-family: Verdana, Arial, sans-serif;
	padding-left: 10px;
	color: #666;
}
#infoGallery p img {
	display: block; /* Changes image from an inline element to a block so it occupies its own line and can be formatted in more ways. */
	padding: 10px 11px 10px 8px; /* Creates space between top and bottom borders and edges of image. */
	margin: 5px auto; /* The left and right auto margins center the image. The 5px top and bottom margins add space between the image and surrounding content. */
	/*border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
}

#infoGallery h2 {
	font-size: 1.2em; /* Sets font size of top level headings to larger than default. */
	margin: 5px 0 0 0; /* Spaces out each list item from the others. */
	font-weight: bold;
	color: #429638;
	}
	
#infoGallery h3 {
	font-size: 1.1em; /* Sets font size of top level headings to larger than default. */
	margin: 5px 0 0 0; /* Spaces out each list item from the others. */
	font-weight: bold;
	color: #020169;
	}

/* Center column for main text. */
#main {
	margin: 0 175px 0 227px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	background: url(../images/coffeecups.jpg) no-repeat; /* Sets photo used in background of center column, and sets it to show only once. */
	padding: 120px 10px 10px; /* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	text-align: justify;
	font-size: .9em;
	color: #666;
}




#mainOther {
	margin: 0 30px 0 227px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	padding: 2px 10px 10px 20px;/* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	text-align: justify;
	font-size: .85em;
	color: #666;
}

#mainOther1 {
	margin: 0 30px 0 227px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	padding: 2px 10px 10px 20px; /* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	text-align: justify;
	font-size: .85em;
	color: #666;
}


#mainOther2 {
	margin: 0 30x 0 227px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */	
	padding: 2px 50px 10px 20px; /* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	text-align: justify;
	font-size: .9em;
	color: #666;
}

#mainOtherBullets {
	margin: 0 30px 0 227px; /* Sets left and right margins to leave space for floated left column and absolutely positioned right column. */
	padding: 2px 10px 10px 20px;/* Adds large space at top of div for background to display in without text overlapping. Also adds 10px space to left, right, and bottom. */
	text-align: justify;
	font-size: 1.05em;
	color: #666;
}

#mainOtherBullets h1 {
	font-size: 1.3em; /* Sets font size of top level headings to larger than default. */
	margin: 20px 0 0 0; /* Spaces out each list item from the others. */
	color: #666;
	}

#linksbox {
	padding: 2px 10px 5px;
	font-size: 95%;
	color: #666;
	text-align: justify;
	border-bottom: 1px dashed #99cccc;
	border-color: #ccc;
		
}

ul.TickList {
	list-style-image: url(../images/bullets/tick.gif);
}

ul.TickList1 {
	list-style-image: url(../images/bullets/tick1.gif);
}


/*align images to the left in the content area*/

.left {
	float: left;/*float to the left*/
	border: 1px solid #999;/*add a border*/
	margin: 5px 10px 5px 5px;/*set the margins*/
}

.leftAlt {
	border: 1px solid #999;
	margin: 0 10px 5px 0;/*set the margins*/
	vertical-align: middle;
}


/*align images to the right in the content area*/

.right {
	float: right;/*float to the right*/
	border: 1px solid #999;/*add a border*/
	margin: 5px 3px 8px 3px;/*set the margins*/
}

/*align images to the right in the content area*/

.rightalt {
	float: right;/*float to the right*/
	margin: 5px 3px 8px 3px;/*set the margins*/
}


/* Right column for sub-navigation list. */
#subnav {
	font: 100.01% Verdana, Arial, Helvetica, sans-serif;
	position: absolute; /* Positions div in a precise spot in relation to its nearest positioned ancestor, which is #content. */
	width: 125px; /* Sets width. */
	top: 15px; /* Moves div down 35px from the top of #content. */
	right: 33px; /* Moves div 33px over from the right of #content. */
	background: url(../images/frenchbread.jpg) no-repeat; 
	text-align: justify;
}
#subnav ul {
	margin: 0; /* Removes default list margin added by some browsers. */
	padding: 0; /* Removes default list padding added by some browsers. */
	list-style-type: none; /* Removes default list bullets. */
}
#subnav li {
	margin-top: 8px; /* Spaces list items out from each other. */
}
#subnav ul a:link, #subnav ul a:visited {
	color: #ff6600; /* Sets link color of unvisited and visited links to orange. */
	text-decoration: underline; 
	padding: 2px 4px; /* Creates space around links so that background color set in selector below does not so tightly enclose link text. */
}
#subnav ul a:hover, #subnav ul a:active, #subnav ul a:focus {
	color: #000080; /* Sets link color to blue on hover, activation, and focus. */
	background: #fff; /* Sets background color to white on hover, activation, and focus. */
}

#subnav img {
	float: left; /* Changes image from an inline element to a block so it occupies its own line and can be formatted in more ways. */
	padding: 2px 4px 2px 2px; /* Creates space between top and bottom borders and edges of image. */
	margin: 5px auto; /* The left and right auto margins center the image. The 5px top and bottom margins add space between the image and surrounding content. */
	
	}

#subnav h1 {
	font-size: 1.3em; /* Sets font size of top level headings to larger than default. */
	margin: 80px 0 0 0; /* Spaces out each list item from the others. */
	font-style: italic;
	}
#subnav h2 {
	font-size: 1.1em; /* Sets font size of second level headings to larger than default but smaller than h1. */
	margin: 20px 0 0 0; /* Spaces out each list item from the others. */
	font-style: italic;
	}
#subnav h3, h4, h5, h6 {
	font-size: 1em; /* Sets font size for other headings to same size as default. Headings are bold by default, so they will still be distinguishable. */
	margin: 20px 0 0 0; /* Spaces out each list item from the others. */
	font-style: italic;
	}
#subnav p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
	font-size: .8em; /* Sets font size smaller than default. */
}

/* End of subnav. */


/*-------------- back div style --------------*/
#back a {
	text-decoration: underline;
	color: #000080;
	padding-left: 17px;
		
	}

#back a:hover, #back a:active, #back a:focus {
	color: #ff6600;
	text-decoration: underline;
	
	}


/*-------------- end of back button -------------*/


/* Footer for page. */
#footer {
	background: url(../images/over_bott.jpg) no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 50px 0 0 0; /* Creates room for background image to display, so text starts below end of image. */
	color: #666; /* Sets text color to very light grey. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}
#footer p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
	font-size: .8em; /* Sets font size smaller than default. */
}
#footer ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
	font-size: .8em; /* Sets font size smaller than default. */
}
#footer p, #footer ul {
	/* display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer p, #footer ul {
	display: block;
}
/* end hide */
#footer li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer a {
	color: #666; /* Sets color of links to slightly darker gray than surrounding text. */
	}
#footer a:hover {
	color: #000; /* Sets color of links on hover */
	}


/* Footer Alt for page. */
#footer1 {
	background: url(../images/over_bott1.jpg) no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 50px 0 0 0; /* Creates room for background image to display, so text starts below end of image. */
	color: #666; /* Sets text color to very light grey. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}
#footer1 p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
	font-size: .8em; /* Sets font size smaller than default. */
}
#footer1 ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
	font-size: .8em; /* Sets font size smaller than default. */
}
#footer1 p, #footer ul {
	/* display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer1 p, #footer ul {
	display: block;
}
/* end hide */
#footer1 li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer1 a {
	color: #666; /* Sets color of links to slightly darker gray than surrounding text. */
	}
#footer1 a:hover {
	color: #000; /* Sets color of links on hover */
	}



/* Footer 2 */
#footer2 {
	background: url(../images/over_bott1.jpg) no-repeat; /* Sets curved bottom part of background image of div above. Since #footer butts up against #contentwrapper, it creates the appearance of a single image. Image set to appear only once. */
	padding: 50px 0 0 0; /* Creates room for background image to display, so text starts below end of image. */
	color: #666; /* Sets text color to very light grey. */
	font-size: 0.7em; /* Sets font size smaller than default and smaller than content text. */
}
#footer2 p {
	float: left; /* Moves paragraph to left side of #footer. */
	margin: 0; /* Removes default margin added to paragraphs. */
	font-size: .8em; /* Sets font size smaller than default. */
}
#footer2 ul {
	float: right; /* Moves list to right side of #footer. */
	margin: 0 6px 20px 0; /* 6px right margin aligns edge of text with border of content div instead of the edge of its shadow. 20px bottom margin provides space between end of footer and edge of window. */
	padding: 0; /* Removes default padding added to lists by some browsers. */
	font-size: .8em; /* Sets font size smaller than default. */
}
#footer2 p, #footer ul {
	/* display: inline-block; /* Prevents MacIE from expanding the floats to 100%, which would keep them from sitting on the same line. */
}
/* The following selector overwrites the display value of the paragraph and list back to the correct value, but is hidden from MacIE so it still gets the value it needs. */
/* hide from MacIE \*/
#footer2 p, #footer ul {
	display: block;
}
/* end hide */
#footer2 li {
	display: inline; /* Makes list items display horizontally. */
	margin: 0; /* Removes default margin some browsers add to list items. */
	padding: 0; /* Removes default padding some browsers add to list items. */
}
#footer2 a {
	color: #666; /* Sets color of links to slightly darker gray than surrounding text. */
	}
#footer2 a:hover {
	color: #000; /* Sets color of links on hover */
	}



/* CONTAINING FLOATS ----------------------------------------------------------------- */
/* The following selectors keep floats from overflowing out of their parent elements. This is done by generating a character within the parent but after the float, so that the parent must expand to hold the generated character, appearing to contain the floats in the process. */
.clearfix:after {
  content: "."; /* This dot is the actual content that will be appended to the end any div this class is applied to. */
  clear: both; /* Makes the generated content appear after the floats. */
  height: 0; /* Sets its height to zero so it doesn't show. */
  visibility: hidden; /* Sets its visibility to hidden so it doesn't show. */
  display: block; /* Overwrites the default inline display of the generated content. Needed because only blocks can have clear set on them. */
}
 
/* .clearfix {
	display: inline-block; /* Makes it work in MacIE. MacIE does not support generated content but will automatically contain a float if the container has this display property. 
	}
*/
/* The first selector below makes it work in WinIE. WinIE does not support generated content, but will automatically contain a float if the container has a width or height assigned. "height: 1%" can be used because WinIE will not honor this height and will expand the div to whatever height necessary to show the content. */
/* The second selector below overwrites the inline-block display used to help MacIE. */
/* Hides from MacIE \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from MacIE */


/* LINKS -------------------------------------------------------------------------------------- */
a {
	color: #A3B522; 
}
a:visited, a:hover, a:active {
	color: #A3B522; 
}


/* HEADINGS ------------------------------------------------------------------------- */
h1 {
	font-size: 1.3em; /* Sets font size of top level headings to larger than default. */
	margin: 80px 0 0 0; /* Spaces out each list item from the others. */
	color: #666666;
	}
h2 {
	font-size: 1.1em; /* Sets font size of second level headings to larger than default but smaller than h1. */
	color: #666666;
	}
h3, h4, h5, h6 {
	font-size: 1em; /* Sets font size for other headings to same size as default. Headings are bold by default, so they will still be distinguishable. */
	}


/* CONTACT PAGE -------------------------------------------------------------------- */

form {
	margin: 1px auto; /* The auto left and right margins center the form within #main. The 10px top and bottom margins provide space between the form and surrounded content. */
	padding: 4px 10px 4px; /* Creates space between edge of form and edge of fieldset for background color to display in. */
	width: 450px; /* Sets width. */
	float: left;
	
}
input {
	background: #fff; /* Sets background color */
	border: 1px solid #56155C; /* Sets border color*/
	padding: 1px; /* Creates space within input. */
	color: #000; /* Sets color of text */
	width: 300px; /* Sets width. */
	display: block; /* Changes inputs from inline to block so each will sit on its own line. */
	
}
/* The following selector controls how the inputs look when they have focus, but since IE does not support focus, these effects are not seen there. */
input:focus, textarea:focus {
	background: #fff; /* Sets background color */
	color: #000; /* Sets color of text within inputs */
	border: 1px solid #56155C; /* Sets border */
}
label {
	color: #000; /* Sets text color of labels. */
	display: block; /* Changes labels from inline to block so each will sit on the line above its associated input. */
	
}

fieldset {
	background: #fff; /* Sets background image on fieldset and tiles it across horizontally. Also sets background color that matches end of gradient background image so that image will blend in seamlessly. */
	border: 1px solid #fff; /* Sets border color */
	padding: 1px 15px 1px; /* Creates space between edges of fieldset and content within. */
}
legend {
	color: #fff; /* Sets text color of fieldset legend */
	font-size: 1.2em; /* Sets font size larger than default. */
	background: #56155C; /* Sets background color */
	padding: 1px 5px 5px 5px; /* Creates space between borders of legend and its text. */
	border: 1px solid #56155C; /* Sets border color */
	display: block;  /*You may find you need to use this selector because Opera sometimes lowers the legend and starts the first field to the right of it. However, this display declaration causes IE to put the background color all the way across the top of the fieldset, so if you use it, use the comment backslash hack combined with the star filter to feed a width that only IE PC sees. */ 
	width: 112px; /* Sets width. */
	
}
input.button {
	margin: 10px 120px 5px; /* Needed by MacIE to keep the button from expanding to 200px like the other inputs. */
	width: 8em; /* Sets width in relative units so it will scale if text size is larger. */
	
}
/* The following selector resets the margins to the correct values for all browsers other than MacIE. */
/* hide from MacIE \*/
input.button {
	margin: 10px auto 5px auto;
	
}
/* end hide */