/*****************************************************************************
 **********                       Reset Static                      **********
 *****************************************************************************/

#wrapper #main #content #text
{
	/* The static site applies font sizing to paragraph tags. Since dynamic
	 * content is controlled by the customer, we cannot guarantee that text
	 * will always appear in a paragraph tag. We'll apply the text styles to
	 * the containing block and reset individual elements. */
	font-size: 0.75em;
	line-height: 1.3em;
	/* Not all pages in the dynamic portion of the site will contain a right
	 * hand column. Therefore, we don't want to hard code the width of the
	 * center column. */
	width: auto;
	margin-left: 260px;
	float: none;
	/* Prevent margin collapsing on the footer. */
	padding-bottom: 1px;
}

#wrapper #main #content #leftcol
{
	/* If the width is 260, we end up with a weird clipping issue in IE7.
	 * The content in the left and right hand columns gets clipped off by
	 * content in the center column. Specifically, an <em> tag seems to be
	 * responsible for the clipping. */
	width: 250px;
}

#wrapper #main #content #leftcol #helpboxtop,
#wrapper #main #content #leftcol #helpbox,
#wrapper #main #content #leftcol #helpboxbot,
#wrapper #main #content #leftcol #helperboxtop,
#wrapper #main #content #leftcol #helperbox,
#wrapper #main #content #leftcol #helperboxbot
{
	/* Add padding to the bottom of the box to avoid margin collapsing
	 * between child elements and the bottom of the box. */
	float: left;
	clear: both;
}

#wrapper #main #content #text p,
#wrapper #main #content #text td,
#wrapper #main #content #text li
{
	/* Because we've applied the font size ot the containing element, we need
	 * reset the size on the nested tag. */
	font-size: 1em;
}

#wrapper #main #content #text td
{
	/* Applying padding to all td elements causes collateral damage,
	 * particularly in regards to the WYSIWYG editor. */
	padding-bottom: 0px;
	padding-right: 0px;
}

#wrapper #main #content #text h1
{
	/* Because we've applied the font size ot the containing element, we need
	 * reset the size on the nested header tag. */
	font-size: 1.66em;
}

#wrapper #main #content #text h2
{
	/* Because we've applied the font size ot the containing element, we need
	 * reset the size on the nested header tag. */
	font-size: 1.085em;
	/* Add a bit of margin to the top so that a header for a section doesn't
	 * run into the content from the previous section. */
	margin-top: 10px;
}

#wrapper #main #content #leftcol #helpbox h2,
#wrapper #main #content #leftcol #helperbox h2
{
	/* Because we've applied the font size ot the containing element, we need
	 * reset the size on the paragraph header tag. */
	font-size: 1.085em;
	/* Copied from the h2 in the main column. */
	color: #542301;
	margin:0;
}

#wrapper #main #content #leftcol #helpbox p,
#wrapper #main #content #leftcol #helperbox p
{
	margin-bottom: 10px;
}

#wrapper #main #content #rightcol
{
	/* The static site pushes down the right hand column. However, since the
	 * dynamic site doesn't always display a right hand column, we need to
	 * conditionally hide the right hand column, include the margin and padding
	 * around it. We use a separate div with a class of RightColumn for
	 * that. */
	padding-top: 0px;
}

#wrapper #main #content div.RightColumn
{
	padding-top: 53px;
	/* Page looks odd when the content is shorter than the right column. The
	 * right column runs into footer. */
	padding-bottom: 50px;
}

/* Don't display headers with text on the sidebar boxes on center home
 * pages. */

#wrapper #main #content.Home #leftcol #helpboxtop
{
	height: 15px;
	background-image: url(../../images/ibox1-wide-top.gif);
}

#wrapper #main #content.Home #leftcol #helpbox
{
	background-image: none;
	background-color: #FFEEC4;
	border-left: 1px solid #FF877E;
	border-right: 1px solid #FF877E;
	width: 308px;
}

#wrapper #main #content.Home #leftcol #helpboxbot
{
	height: 15px;
	background-image: url(../../images/ibox1-wide-bot.gif);
	margin-bottom: 20px;
}

#wrapper #main #content.Home #leftcol #helperboxtop
{
	height: 12px;
	background-image: url(../../images/ibox2-wide-top.gif);
}

#wrapper #main #content.Home #leftcol #helperbox
{
	background-image: none;
	background-color: #F8C5AC;
	border-left: 1px solid #FF877E;
	border-right: 1px solid #FF877E;
	width: 308px;
}

#wrapper #main #content.Home #leftcol #helperboxbot
{
	height: 12px;
	background-image: url(../../images/ibox2-wide-bot.gif);
	margin-bottom: 20px;
}

/* Used when we coopt the sidebar for navigation links such as in the
 * administrative section. */

#wrapper #main #content #leftcol #helpbox .Navigation ul,
#wrapper #main #content #leftcol #helperbox .Navigation ul
{
	margin: 0px;
	padding: 0px;
}

#wrapper #main #content #leftcol #helpbox .Navigation ul li,
#wrapper #main #content #leftcol #helperbox .Navigation ul li
{
	margin: 0px;
	padding: 0px 0px 5px;
	list-style: none;
}

#wrapper #main #content.Home #rightcol
{
	/* Because we may or may not have a left hand column, we can't rely on
	 * floating to position the column correctly. */
	margin-left: 365px;
	float: none;
}

#wrapper #footer
{
	/* Apply the font size to the container instead of the tags within it so
	 * that all the text doesn't need to be contained within paragraph tags. */
	font-size: 11px;
}

/*****************************************************************************
 **********                         General                         **********
 *****************************************************************************/

address
{
	margin: 20px;
}

/*****************************************************************************
 **********                          Forms                          **********
 *****************************************************************************/

input.Title,
input.EmailAddress,
textarea.EmailAddress,
input.Subject,
textarea.Message,
textarea.Description
{
	width: 300px;
}

input.Name,
select.Name,
input.Country,
select.Country,
input.State,
select.State,
input.Address
{
	width: 200px;
}

textarea.EmailAddress
{
	height: 100px;
}

input.PhoneNumber,
input.PostalCode,
input.Number
{
	width: 100px;
}

input.FirstName,
input.LastName
{
	/* Since these usually sit next to each other on the same line, we'll leave
	 * an extra few pixels for the space between them. */
	width: 96px;
}

/* Phone extension */

input.Extension
{
	width: 50px;
}

/* One word action verb button. */

input.Verb
{
	width: 100px;
}

.Required
{
	color: #ED2327;
}

.Label
{
	padding-left: 5px;
}

.FieldSetLabel
{
	color: #542301;
	padding-left: 5px;
	border-top: 1px solid #542301;
	background-color: #FFEEC4;
}

/*****************************************************************************
 **********                          Errors                         **********
 *****************************************************************************/

.Errors
{
	border: 2px solid #ED2327;
	background-color: #ffffff;
	margin: 20px;
	padding: 10px;
	line-height: 1.2;
}

.Errors p
{
	margin: 0px 0px 10px 0px;
}

.Errors ul
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.Errors li
{
	margin: 0px 0px 0px 30px;
	padding: 0px;
	color: #000000;
}

/*****************************************************************************
 **********                          Layout                         **********
 *****************************************************************************/

#ContentContainer
{
	/* Do nothing. */
}

/*****************************************************************************
 **********                      Contact Form                       **********
 *****************************************************************************/

#ContentContainer .Question
{
	padding-bottom: 4px;
}

#ContentContainer .Question select,
#ContentContainer .Question input
{
	margin: 8px;
}