/* -------------------------------------------------------------- 
  	GENERAL CROSS-BROWSER RESET 
-------------------------------------------------------------- */

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-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}


/* -------------------------------------------------------------- 
  	TYPOGRAPHIC DEFAULTS 
-------------------------------------------------------------- */
    
body {
	margin: 0;
	color: #333;
	font: 62.5% arial, helvetica, sans-serif;
	text-align: center;
	background: #FFF url() 0 0 no-repeat;
}

/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    color: #80692B;
    font-family: georgia, serif;
    font-weight: bold;
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
}  

h1 { font-size: 1.833em; }
h2 { font-size: 1.5em; text-transform: none; }
h3 { font-size: 1.083em; }
h4 { font-size: 0.917em; }
h5 { font-size: 0.917em; text-transform: none; }
h6 { font-size: 0.833em; font-weight: normal; }

/* Delete the following selectors if not using */

h1 a, h1 a:link,
h2 a, h2 a:link,
h3 a, h3 a:link,
h4 a, h4 a:link,
h5 a, h5 a:link,
h6 a, h6 a:link { color: #74800D;}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color: #800000; }

/* Text Elements
-------------------------------------------------------------- */

p { margin: 0 0 1em; line-height: 1.5;}
.summary p { line-height: 1.3; color: #968966; font-size: 1.3em; font-style: italic; margin: 0 0 0.7em; }
.summary ul li { line-height: 1.3;  color: #968966; font-size: 1.3em; font-style: italic; margin-bottom: 0.15em; }
.summary ul, .summary ol { margin: 0 0 0.7em 1.2em; }

.resources { margin-left: 1em; }

a { text-decoration: underline; }
a,a:link { color: #74800D; }
a:visited { color: #B0AB6C; }
a:hover,a:active,a:focus { color: #800000; }
a.btn {
	background: #800000 url(../images/design/btn-bg.gif) 0 0 repeat-x;
	color: #FFFFFF;
	font: 0.917em bold verdana, sans-serif;
	padding: 2px 4px;
	text-transform: uppercase;
	text-decoration: none;
}

a.btn:hover { background: #BF0000 url(../images/design/btn-bg-hover.gif) 0 100% repeat-x; }
a.externalLink { padding-right: 13px; background: url(../images/design/ext-link.gif) 100% 2px no-repeat; }
a.glossaryPhrase { text-decoration: none; border-bottom: 1px dotted #74800D; color: inherit;  }
                                 
blockquote  { margin: 1em 1.5em 1em 0; color: #999999; font-style: italic; }
strong { font-weight: bold; }
em  { font-style: italic; }
address { font-style: normal; margin-bottom: 1.5em;}
cite { color: #575757; margin-left: 1.5em; font-family: georgia, serif; font-style: normal; text-transform: uppercase; }
small { font-size: 0.833em; }

/* Following six styles generally do not need to be edited */

sup, sub    { line-height: 0; }
dfn { font-style: italic; }
del { color:#666; }
pre { white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* HRs with background images
-------------------------------------------------------------- */
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin: 0.5em 1.5em 0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul ol li 	{ background: none; padding-left: 0; }

ul          { list-style-type: none; margin-left: 0; }
ol          { list-style-type: decimal; }
li			{ color: #666666; margin-bottom: 0.5em; }
ul li		{ background: url(../images/design/list-bullet.gif) 0 0.5em no-repeat; padding-left: 10px;}
ul li span 	{ font-weight: bold; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; border: 1px solid #DEDBBC; border-bottom: none; border-right: none; }
th          { background: #D7D3AE url(../images/design/th-bg.gif) 0 100% repeat-x; color: #676300; font-weight: bold; border-right: 1px solid #DEDBBC; text-align: center; }
th,td,caption { padding: 5px;}
td		{ border-bottom: 1px dashed #DEDBBC; border-right: 1px solid #DEDBBC;  }
tr.odd td  { background: #F8F7EF; }
tfoot       { font-style: italic; }
caption     { text-align: center; }

/* -------------------------------------------------------------- 
	PAGE STRUCTURE
	Elements that make up the skeleton of the layout and holds things together
----------------------------------------------------------- */

#page {
	background: url(../images/design/header-bg.jpg) 0 0 repeat-x;
	position: relative;
	min-height: 100%;
	text-align: left;
	padding: 0;
	font-size: 1.2em; /* this, along with body font size of 62.5% renders type approximately 12px in size across all browsers */
}

#header {
	margin: 0 auto;
	padding: 121px 0 10px 0;
	position: relative;
	width: 820px;
}

#contentHeader {
	border-top: 1px solid #000000;
	background: url(../images/design/content-header-bg.jpg) 0 -100px repeat-x;
}

	body.home-page #contentHeader { background-position: 0 0; }
	
	#contentHeaderInner {
		margin: 0 auto;
		min-height: 15px; /* Alt style in ie6.css */
		padding: 0;
		position: relative; 
		width: 820px;
	}
	
	body.home-page #contentHeaderInner { height: 313px; }
		
		#animation {
			left: 0;
			position: absolute;
			top: 0;
			width: 820px;
			z-index: 100;
			height: 313px;
		}
		
#contentMain {
	background: url(../images/design/content-main-bg.jpg) 0 0 repeat-x;
	border-top: 1px solid #000000;
	min-height: 350px; /* Alt Style in ie6.css */
}

	#contentMainInner {
		background: url(../images/design/content-main-inner-bg.jpg) 0 -1px no-repeat;
		margin: 0 auto;
		padding-top: 3px;
		position: relative;
		width: 820px;
	}
	
	body.home-page #contentMainInner { padding: 2em 0; }
	
/* -------------------------------------------------------------- 
	PAGE STRUCTURE ELEMENTS
	Elements  such as logos, search bars, and any other design element repeated throughout the site, but doesn't effect the structural layout
----------------------------------------------------------- */
    
#logo {
	background: url(../images/design/logo.jpg) 0 0 no-repeat;
	display: block;
	left: 0;
	height: 121px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 544px;
}
	#logo a {
		display: block;
		height: 121px;
		text-indent: -9999px;
		width: 544px;
	}

/* Search Form Styling */
#mainSearchForm {
	position: absolute;
	right: 0;
	top: 10px;
}

#mainSearchForm input.query,
#searchFormInline input.query {
	border: 1px solid #D7D3AE;
	color: #B0AB6C;
	font: 0.917em arial, sans-serif;
	margin-right: 5px;
	padding: 2px 4px;
}

#mainSearchForm input.submit,
#searchFormInline input.submit {
	background: #800000 url(../images/design/btn-bg.gif) 0 0 repeat-x;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	float: none;
	font: 0.917em bold verdana, sans-serif;
	padding: 2px 4px;
	text-transform: uppercase;
}
	
	#mainSearchForm input.submit:hover,
	#mainSearchForm input.hover,
	#searchFormInline input.submit:hover,
	#searchFormInline input.hover {
		background: #BF0000 url(../images/design/btn-bg-hover.gif) 0 100% repeat-x;;
	}

/* Search Results Styling */

#searchResults {
	clear: left;
	padding-top: 1.5em;
}

	.results-intro {
		margin-bottom: 1em;
	}
	
	.search-result {
		margin-bottom: 2em;
	}
	
		.search-result p {
			margin-bottom: 0.5em;
		}
		
	.highlight {
		font-weight: bold;
	}
	
	.scroller {
		width: auto;
		border: 0;
	}
	
	.scroller td {
		padding: 0;
		border: 0;
		text-align: center;
		width: auto;
	}
		.scroller td a {
			text-decoration: none;
		}
		
		.scroller td.selected a {
			font-weight: bold;
		}

	.paginator {
		border: 0;
		margin-bottom: 0
	}
	
		.paginator td {
			padding: 5px;
			background: #F8F7EF; 
		}
	
			.paginator td a {
				padding: 5px;
			}
			
/* Footer Styles */

#footer {
	background: url(../images/design/footer-bg.gif) 0 0 repeat-x;
	clear: left;
	color: #A88F70; 
	font-size: 0.917em;
	margin: 0 auto;
	padding-top: 0.75em;
	width: 820px;
}

.copyright { float: left; }
.copyright span { font-weight: bold; }

.contactInfo, .link {
	clear: right;
	float: right;
	margin-bottom: 0;
	text-align: right;
}

#footer .link {
	clear: right;
}

.contactInfo a,
.contactInfo a:link,
.link a,
.link a:link { color: #A88F70; }

a.plauditCredit { color: #c6b197; text-decoration: none; }

.contactInfo a:hover,
.link a:hover { color: #800000; }

/* -------------------------------------------------------------- 
	ENTRY PAGE ELEMENT STYLES
	Styles for elements specific to the entry page
----------------------------------------------------------- */
#entryColumnMain,
#entryColumnSub,
#newsEvents { float: left;}

#entryColumnSub { margin-right: 15px; width: 225px; }
#entryColumnMain { 
	margin-right: 20px; /* Alt style in ie6.css */
	width: 320px; 
	display: inline; 
}
#newsEvents { width: 240px; }

#contentHeaderInner ul { margin: 0; padding: 0; position: absolute; left: 580px; top: 20px; z-index: 450; width: 241px; }
#contentHeaderInner li { background: none; margin-bottom: 15px; padding-left: 0;	}

/* News & Events Section */
#newsEvents h2 {
	background: #C2B89B;
	color: #FFFFFF;
	clear: both;
	font-size: 1.083em;
	padding: 3px;
	text-transform: uppercase;
}


#newsEvents h2 a { color: #FFFFFF; text-decoration: none; }
#newsEvents h2 a:hover { text-decoration: underline; }

/*
#newsEvents h2 a {
	background: #540000;
	color: #FFFFFF;
	font-family: verdana, sans-serif;
	font-size: 0.833em;
	padding: 1px 3px;
	position: relative;
	right: 3px;
	text-decoration: none;
}

#newsEvents h2 a:hover { background: #BF0000; }
*/

#newsEvents {
	margin: 0;
}
	
	#newsEvents ul {
		float: left;
		margin: 0 0 0.5em 0;
	}
	
	#newsEvents li {
		background: none;
		float: left;	
		list-style: none;
		margin-bottom: 0.75em;
		padding-left: 0;
	}
	
		#newsEvents .event li { float: none; }
		
	#newsEvents .date,
	#newsEvents .title {
		float: left;
		font-size: 0.917em;
	}
	
		#newsEvents .date {
			color: #989349;
			font-weight: bold;
			margin: 0 10px 0 0;
			width: 50px;
		}
		
			#newsEvents .event .date { 
				float: none;
				padding-top: 4px;
				width: auto; 
			}
			
		#newsEvents .title {
			color: #000000;
			width: 180px;
		}
		
			#newsEvents .event .title { 
				float: none;
				width: auto; 
			}
		
		#newsEvents .title:hover { color: #800000; }

/* -------------------------------------------------------------- 
	INNER PAGE ELEMENT STYLES
	Shared styles for elements specific to the inner pages
----------------------------------------------------------- */
#innerPageContent { background: url(../images/design/inner-general-bg.gif) 5px 0 repeat-y; padding: 2em 0; } /* Alt style in ie6.css */

#innerColumnMain,
#innerColumnSub,
#localNav {  float: left; }

#localNav {
	margin-right: 14px;
	width: 186px;	
}

/* Inner Page General Template - Specific Styles
-------------------------------------------------------------- */
body.inner-general #innerColumnMain { 
	margin-right: 40px; /* Alt Style in ie6.css */
	width: 360px; 
}

body.inner-general #innerColumnSub { width: 220px; }



#innerColumnSub li { line-height: 1.5em; }

#innerColumnSub li ul li { margin-left: -10px; }


/* Inner Page List Template - Specific Styles
-------------------------------------------------------------- */

body.inner-list #innerColumnMain  { width: 620px; } /* Alt styles in ie6.css */
body.inner-list #innerPageContent  { background-position: -380px 0; }

#listHeader,
#optionListing { padding-left: 20px; }

#listHeader { border-bottom: 1px solid #D7D3AE; margin-bottom: 2.5em; padding-bottom: 1em; }

/* Image - text list style */

.listItem {
	border-bottom: 1px dashed #CBC798;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em; /* Alt Style in ie.css */
	padding-left: 131px;
}

	.listItem h3 { font-weight: bold; }
	.listItem p { margin-bottom: 0; }
	.listItem img { float: left; margin-left: -131px;}
	.listItem a.btn { color: #FFFFFF; text-decoration: none;  }
	
#optionListing .last-child {
	border-bottom: 0;	
}

/* Inner Page Questions Page - Specific Styles
-------------------------------------------------------------- */
body.inner-one-column-nav #innerColumnMain { padding-left: 10px; width: 610px; } /* Alt styles in ie6.css */
body.inner-one-column-nav #innerPageContent { background-position: -394px 0; } 
body.inner-one-column-nav h1 {
	border-bottom: 1px solid #D7D3AE;
	margin: 0 0 0.75em -23px;
	padding: 0 0 0.5em 20px;	
}

/* Question and Answer Dropdown style */

body.jsEnabled #questions h3 { padding-left: 15px; }
body.jsEnabled #questions div { display: none; }

#questions h3 { color: #74800D; }
#questions h3.opened,
#questions h3.closed { 
	border-top: 1px dashed #D7D3AE; 	
	cursor: pointer;
	padding: 0.5em 0; 
}
	
#questions h3.opened { background: url(../images/design/h3-open-arrow.gif) 0 0.8em no-repeat; }
#questions h3.closed { background: url(../images/design/h3-closed-arrow.gif) 0 0.8em no-repeat; }


/* Inner Page 1 Column */
body.inner-one-column #innerPageContent { background: none; }
body.inner-one-column #innerColumnMain { float: none; }

/* Page Specific Styles 
-------------------------------------------------------------- */
body.question-answers-page .summary {
	border-bottom: 1px solid #D7D3AE;
	margin-bottom: 2em;
}

/* Contact Us Page */

body.inner-contact #innerPageContent { 
	background-position: 294px 0; 
}

body.inner-contact #innerColumnMain { 
	padding-right: 20px; 
	margin: 0; 
	margin-right: 20px; 
	width: 460px; 
}

body.inner-contact #innerColumnSub { 
	margin-right: 20px; 
	width: 290px; 
}

body.inner-contact .summary { 
	border-bottom: 1px dashed #D7D3AE; 
	margin-bottom: 1.25em; 
}

h2.org { 
	float: left; 
	width: 220px; 
}

div.contactInfo { 
	float: left; 
	width: 210px; 
	color: #666666; 
	font-size: 1.083em; 
	text-align: left;
}

/* Vcard Styles */
div.adr { margin-bottom: 0.75em; }
span.post-office-box { display: block; }
span.type { margin-right: 15px; width: 60px; }



/* News & Events Page */
#news,#events {
	margin: 2em 0;	
}

.newsItem,
.eventItem { 
	border-bottom: 1px dashed #CBC798;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em; 
} 

p.eventDate {
	font-weight: bold;	
}

/*Benefit Planning */

.center img {margin-left: 145px}

/* -------------------------------------------------------------- 
	NAVIGATION
----------------------------------------------------------- */

#mainMenu {
	float: left;
	margin: 10px 0 0 0;
}

	#mainMenu li {
		background: url(../images/design/mainnav-li-bg.gif) 100% 50% no-repeat;
		display: block;
		float: left;
		margin-bottom: 0;
		padding: 0 13px 0 10px;
	}
	
	#mainMenu li.first-child {
		padding-left: 0;
	}
	
	#mainMenu li.last-child {
		background: none;
	}
		#mainMenu a {
			color: #80692B;
			display: block;
			font-family: georgia, serif;
			font-size: 1.083em;
			font-weight: bold;
			padding: 4px 7px;
			text-transform: uppercase;
			text-decoration: none;
		}
	
		#mainMenu a:hover	{ background: #800000; color: #FFFFFF; }
		#mainMenu a.active	{ background: #D7D3AE; color: #FFFFFF; }

/* Local Navigation
-------------------------------------------------------------- */
#localNav ul {
	margin: 0 6px 2em 0;
}

	#localNav li {
		background: none;
		padding: 0;
		display: block; /* Alt style in ie6.css to trigger hasLayout */
		text-align: right;
	}
		
		#localNav li.active {
			margin-right: -6px;
		}
		
		#localNav li.active a {
			margin-right: 6px;
		}
		
		#localNav li.active a.active {
			margin-right: 0;
		}
		
		#localNav li a {
			color: #540000;
			display: block;
			font: bold 1.083em georgia, serif;
			padding: 4px 6px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		#localNav li a:hover	{ background: #800000; color: #FFFFFF; }
		#localNav li a.active	{ background: #D7D3AE; color: #FFFFFF; padding: 4px 12px 4px 9px; }
		
		
		/* Second Tier */
		
		#localNav ul ul { margin-bottom: 0; padding-top: 1em; }
		
		#localNav li li {
			float: none;
			margin-bottom: 0.75em;
		}
		
		#localNav li li.active { margin-right: -12px; }
		
		#localNav li li.last-child { margin-bottom: 0; } /* Alt Style in ie.css */
		
			#localNav li li a {
				display: inline;
				font: normal 0.833em verdana, sans-serif;
			}
			
			#localNav li li.active a.active  { margin-right: 6px; padding-right: 18px; }
		
/* -------------------------------------------------------------- 
	TOOLTIP STYLES
----------------------------------------------------------- */
#cluetip {
	background: white;
	border: 1px solid #D7D3AE;
}
	#cluetip-inner {
		padding: 1em 15px;
	}
	
	#cluetip h3 {
		line-height: 0;
		font-size: 0;
		margin-bottom: 0;
	}
	
	#cluetip-inner {
		text-align: left;
	}
	
		#cluetip-inner h2 {
			font-size: 1.2em;
		}
		
		#cluetip-inner p {
			font-size: 1.1em;
			margin-bottom: 0;
		}

.cluetip-arrows {
	position: absolute;
  	left: -13px;
  	height: 23px;
  	width: 12px;
	background: url(../images/design/tooltip-arrow.gif) 0 0 no-repeat;
}

#cluetip-extra {
	display: none;
}

/* -------------------------------------------------------------- 
	TWITTER BUBBLE
----------------------------------------------------------- */
#twitter {
	bottom: 40px;
	left: 0;
	position: absolute;
	width: 225px;
	z-index: 400;
}

	.twitterArrow { 
		background: url(../images/design/twitter-arrow.gif) 0 0 no-repeat;
		bottom: -20px;
		left: 20px;
		display: block;
		height: 20px;
		position: absolute;
		width: 20px;
	}
	
	#twitterInner {
		background: #FFFFFF;
		border: 1px solid #D7D3AE;
		display: none;
		padding: 10px 15px;
		position: relative;
	}
	
		#twitterInner ul { margin: 0; }
		#twitterInner li { font-size: 0.917em; color: #808080; background: none; padding-left: 0; }
		#twitterInner li span { display: block; margin-bottom: 0.25em; }
		#twitterInner li a { display: block; }

#twitterBird { 
	background: url(../images/design/twitter-bird.gif) 0 0 no-repeat; 
	bottom: -5px;
	cursor: pointer;
	left: 0;
	display: block;
	height: 25px; 
	padding-left: 30px; 
	position: absolute;
	width: 25px;
}

#twitterAccount {
	bottom: -3px;
	color: #d7d3ae;
	font-size: 0.75em;
	left: 35px;
	position: absolute;
	text-transform: uppercase;
}

	#twitterAccount a { color: #d7d3ae; }
	
/* -------------------------------------------------------------- 
	CALLOUT ELEMENTS
----------------------------------------------------------- */
a.calloutHome { display: block; height: 81px; width: 241px; text-indent: -9999px; }

a.caseStudies		{ background: url(../images/callouts/homepage-1.jpg) 0 0 no-repeat; }
a.caseStudies:hover { background-position: 0 -82px; }

a.contactUs			{ background: url(../images/callouts/homepage-2.jpg) 0 0 no-repeat; }
a.contactUs:hover	{ background-position: 0 -82px; }

a.questionsAnswers			{ background: url(../images/callouts/homepage-3.jpg) 0 0 no-repeat; }
a.questionsAnswers:hover	{ background-position: 0 -82px; }

a.contactThin { 
	background: url(../images/callouts/inner-callout-thin.jpg) 0 0 no-repeat; 
	display: block; 
	height: 80px;
	margin: 0 auto; 
	text-indent: -9999px; 
	width: 141px; 
}

	a.contactThin:hover { 
		padding: 0; 
		background-position: 0 -82px; 
	}

a.contactWide { 
	background: url(../images/callouts/inner-callout-wide.jpg) 0 0 no-repeat; 
	display: block; 
	height: 81px;
	text-indent: -9999px;  
	width: 220px; 
}

	a.contactWide:hover { background-position: 0 -82px; }
	
a.submitQuestion {
	background: url(../images/callouts/submit-question.jpg) 0 0 no-repeat; 
	display: block; 
	height: 80px;
	margin: 0 auto; 
	text-indent: -9999px; 
	width: 141px; 
	margin-bottom: 2em;
	}
		
	a.submitQuestion:hover {
		padding: 0;
		background-position: 0 -82px;
	}

/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
fieldset {
	border-bottom: 1px dashed #D7D3AE;
	padding: 0 0 1em 0;
}
	fieldset p { margin-top: 20px; }
	
	legend {
		font-weight: bold;
	}

	.fieldArea {
		margin-bottom: 0.833em;
		float: left;
		width: 100%;
	}
	
	label {
		color: #540000;
		float: left;
		text-align: right;
		text-transform: uppercase;
		width: 70px;
	}
	
	select {
		float:right;
	}
	
	.required label { font-weight: bold; }
	
	.htmlInputText input, textarea {
		border: 1px solid #D7D3AE;
		color: #800000;
		float: right;
		padding: 2px 3px;
		width: 198px;
	}
	
	.htmlSelectManyCheckbox table { border: 0; margin-bottom: 0; }
	.htmlSelectManyCheckbox table td { background: none; border: 0; padding: 0; }
	.htmlSelectManyCheckbox label { font-size: 0.917em; width: auto; text-align: left; } 
	
	textarea { height: 60px; }
	
	span.message {
		clear: both;
		display: block;
		font-size: 0.833em;
		padding-top: 0.5em;
		width: auto;
		text-align: right;
	}
	
	span.error {
		color: #DD0000;
	}

input.submit {
	background: #800000 url(../images/design/btn-bg.gif) 0 0 repeat-x;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	font: bold 0.917em verdana, sans-serif;
	float: right;
	margin-top: 10px;
	padding: 5px 7px;
	text-transform: uppercase;
}

 	input.submit:hover,
	input.hover { background: #BF0000 url(../images/design/btn-bg-hover.gif) 0 100% repeat-x; }
	
div.errors {
	background: #F5F3E9;
	border: 1px solid #DEDBBC;
	display: block;
	margin: 0 0 2em 0;
}

div.errorsInner {
	background: url(../images/forms/error-icon.gif) 15px 1em no-repeat;
	padding: 1em 10px 1em 63px;
}

	div.errorsInner h4 { color: #DD0000; }
	div.errorsInner ul { margin-bottom: 0; }
	div.errorsInner li, div.errorsInner p { color: #800000; }


/* Small Form Styles */
.smallForm .htmlInputText input,
.smallForm textarea { width: 126px; }
.smallForm select { width: 134px; }
.smallForm fieldset { 
	border: 0; 
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Subscribe Form Styles */
#newsletterForm {
	padding-bottom: 2em;	
}

/* Unsubscribe Form Styles */
#unsubscribe .htmlInputText input,
#unsubscribe label {
	float: none;
	margin-right: 0.5em;
	text-align: left;
}

#unsubscribe label {
	margin-bottom: 0.5em;
}

#unsubscribe .submit {
	margin-top: 0;
	float: none;
}

/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear {clear: both;}
.first { margin-left:0; padding-left:0; }
.last  { margin-right:0; padding-right:0; }
.top   { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

img.floatLeft { margin: 0 1.5em 1.5em 0; }
img.floatRight { margin: 0 0 1.5em 1.5em; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */ 
.group:after, .listItem:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}