/* Design by Thinkso */
/* 07.28.09 */

/* ===================================

GENERAL STYLES

====================================== */

* {margin:0; padding:0; border: none;}

body {
	background: #fff;
	font-family: Georgia, Times, serif;
	color: #555;
	padding: 0;
	margin: 0; 
}

/* ===================================

LAYOUT & POSITIONING OF MAJOR ELEMENTS

====================================== */

#header {
	width: 1000px;
	margin: 0 auto;
	padding-top: 28px;
	position: relative;
	z-index: 999; /* Keep the dropdowns on top of everything else */
}

#content {
	width: 956px;
	margin: 0 auto;
	padding-top: 36px;
	padding-bottom: 12px;
	position: relative;
}

.home #content {
	background: url(../images/bkg_illustrations.gif) bottom left no-repeat;
}
#main {
	float: left;
	margin-left: 20px;
	margin-top: 2px;
	width: 448px;
	display: inline; /* fix double float margin in IE6 */
}

.home #main {
	margin-top: 0;
	margin-left: 0;
	/* Changing the width because the subnav isn't there */
	width: 624px;
	/* needs extra padding to make sure the illustrations show */
	padding-bottom: 56px;
	/* IE adds extra padding so we reduce */
	*padding-bottom: 36px;
}

.landing #main {
	/* Changing the width for when the subnav isn't there */
	width: 604px;
}

.interior-wide #main {
	width: 760px;
}

#home-intro {
	padding-left: 20px;
}


/* ===================================

LOGO

====================================== */
#logo {
	width: 216px;
	margin-left: 20px;
	height: 46px;
	background: transparent url(../images/logo.gif) top left no-repeat;
	text-indent: -9999px;
	margin-bottom: 14px;
}
#logo a {
	background: transparent url(../images/logo.gif) top left no-repeat;
	padding: 46px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:46px; /* for IE5/Win only */
	text-indent: 0;
	display: block;
}
#logo a:hover {
	background-position: 0 -46px;
}

/* ===================================

UTILITIES

====================================== */

#utilities {
	width: 381px;
	position: absolute;
	bottom: 90px;
	right: 42px;
}

#utilities p {
	font-size: 12px;
	font-family: Verdana, sans-serif;
	line-height: 15px;
	width: 380px;
	color: #fdb913;
	margin: 0 0 4px 0;
	text-align: right;
}
#utilities a {
	font-weight: bold;
	color: #f0ad0a;
	text-decoration: none;
}
#utilities a:hover {
	text-decoration: underline;
}

/* Search Form
-------------------------------------- */
#search-input {
	width: 210px;
	font-size: 12px;
	margin-right: 5px;
	display: block;
	padding: 2px 3px 3px 3px;
	border-top: 2px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #ddd;
	float: left;
	clear: left;
	*width: 200px; 
	}

.search-button {
	font-size: 12px;
	height: 23px;
	padding: 0 10px;
	text-align: center;
	vertical-align: center;
	background: #bbb url(../images/bkg_button.gif) bottom left repeat-x;
	border-bottom: 1px solid #888;
	*padding: 0 5px;
	*border-bottom: none;
}

/* ===================================

MAIN NAVIGATION

====================================== */
#nav {
	z-index: 998;
}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 15px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	padding-left: 0;
}

#nav a {
	display: block;
	color: #97b1d9;
	text-decoration: none;
	padding: 7px 10px 9px 10px;
}

#nav a:hover {
	color: #fff;
}
#nav a.main {
	background: transparent;
	border-right: 1px solid #fff;
	padding: 79px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:79px; /* for IE5/Win only */
}

#nav li { /* all list items */
	float: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background: transparent;
}

#nav li ul li { /* un-floating the dropdown lis to make sure they stack */ 
	float: none;
}

#nav li ul li a {
	border-top: 1px solid #8395b3;
	background: transparent url(../images/bkg_drop.jpg) top left no-repeat;
}
#nav li ul li.last a { /* Theres a tad extra padding on the last li in the list to give more room for the rounded corner. */
	padding-bottom: 12px;
	background-position: bottom left; /* Aligning the rounded corner bkg with the bottom instead of the top */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Assigns widths to individual nav items and their nested uls */
#about a.main { width: 185px;} /* Main nav button is wider than the dropdown underneath */
#about ul { width: 153px; margin-left: 32px;} /* This needs a margin to push it over from the left edge of the swashy "About" button */
#how a.main, #how ul { width: 152px;}
#insights a.main, #insights ul {width: 154px;}
#ram a.main, #ram ul {width: 162px;}
#mf a.main, #mf ul {width: 150px;}
#sma a.main {width: 192px; border-right: none;} /* Main nav button is wider than the dropdown underneath */
#sma ul {width: 172px;}

/* The various background position and repeat rules */
#nav li {background-repeat: no-repeat;}
#nav li {background-position: top left;}
#nav li.selected { background-position: 0 -79px;}
#nav li:hover { background-position: 0 -158px;}
#nav li.sfhover {background-position: 0 -158px;} /* The sfhover class is added via javascript so the dropdowns work in IE6 */

/* Adding the background images to the main nav list items */
#about {background: #fff url(../images/nav_about.jpg);}
#how{background: #fff url(../images/nav_how.jpg);}
#insights{background: #fff url(../images/nav_insights.jpg);}
#ram{background: #fff url(../images/nav_ram.jpg);}
#mf{background: #fff url(../images/nav_mf.jpg);}
#sma{background: #fff url(../images/nav_sma.jpg);}

/* Adding the rounded corner, transparent background images to the bottoms of the drops */
#about ul li.last a {background-image: url(../images/bkg_drop_about.png);}
#insights ul li.last a {background-image: url(../images/bkg_drop_insights.png);}
#ram ul li.last a {background-image: url(../images/bkg_drop_ram.png);}
#mf ul li.last a {background-image: url(../images/bkg_drop_mf.png);}
#sma ul li.last a {background-image: url(../images/bkg_drop_sma.png);}

/*HACKS FOR IE6 */
#nav li ul li, #nav li ul li a {_height: 1%;} /* removes large gaps between list items and gets the link targets to fill the <li>s. */


/* ===================================

SUBNAV

====================================== */

#subnav {
	width: 136px;
	float: left;
	margin: 6px 0 0 20px;
	display: inline; /* fix double float margin in IE6 */
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #555;
	border-bottom: 1px solid #7fd6f7;
	padding: 0;
}

#subnav li {
	border-top: 1px solid #7fd6f7;
	background: #ebf9fe;
	list-style: none;
	list-style-position: outside;
}

#subnav a {
	display: block;
	padding: 7px 10px 9px 10px;
	color: #555;
}

#subnav a:hover {
	color: #fff;
	background-color: #002663;
	text-decoration: none;
}

#subnav li.selected {
	background-color: #002663;
	color: #fff;
}

#subnav li.selected a {
	color: #fff;
	}

#subnav a {_height: 1%;} /* Fix block link hover issues in IE6 */

/* For tertiary navigation */
#subnav ul {
	font-size: 11px;
	line-height: 14px;
	padding: 0;
	margin-left: 10px;
}
#subnav ul a {
	padding: 5px 5px 7px 5px;
}

/* ===================================

BREADCRUMBS

====================================== */

#breadcrumbs {
	position: absolute;
	top: 12px;
	left: 20px;
}

#breadcrumbs p {
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
	color: #999;
}

#breadcrumbs p span {
	color: #bbb;
}

/* ===================================

CONTENT

====================================== */


/* HEADINGS
-------------------------------------- */
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 32px;
	line-height: 32px;
	color: #000;
	margin-bottom: 12px;
}

.home h1 {
	font-size: 46px;
	line-height: 46px;
}

h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #000;
	margin-bottom: 4px;
}

h3 {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin-bottom: 6px;
}
h4 {
	font-family: Verdana, sans-serif;
	color: #444;
	margin-bottom: 9px;
	line-height: 18px;
	font-size: 12px;
}
#main h4 {
	margin-bottom: 0;
}
h5 {
	color: #555;
	line-height: 18px;
	font-size: 12px;
	float: left;
	margin-right: 6px;
}
/* PARAGRAPHS
-------------------------------------- */
p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 18px;
}
p.big {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 24px;
}

.feature p {
	margin-bottom: 9px;
}

p.action-item {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #999;
}

/* For FAQs */
p.q {
	font-weight: bold;
	border-top: 1px solid #7fd6f7;
	padding-top: 9px;
}

p.footnote {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #999;
}

/* For Lists of Archived Articles */
.article p {
	margin-bottom: 6px;
}
.article p.action-item {
	margin-bottom: 18px;
}

/* LISTS
-------------------------------------- */
ul {
	list-style: disc;
	padding-left: 18px;
}
#main ul {
	margin-bottom: 18px;
	font-size: 14px;
	line-height: 18px;
}
ul.no-bullet {
	list-style: none;
	padding-left: 0;
}

ol {
	padding-left: 24px;
	*padding-left: 34px;
	margin-bottom: 18px;
	font-size: 14px;
	line-height: 18px;
}

/* LINKS
-------------------------------------- */
a {
	color: #029ed9;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* FEATURES
-------------------------------------- */
.feature {
	padding-bottom: 18px;
}

.home .feature {
	width: 188px;
	float: left;
	margin-left: 20px;
	display: inline; /* fix double float margin in IE6 */
}

.feature-desc {
	background: transparent url(../images/bkg_feature.jpg) left top repeat-x;
	border-top: 1px solid #7fd6f7;
	padding-top: 9px;
}

/* IMG
-------------------------------------- */
img {
	margin-bottom: 18px;
}

/* OUR TEAM HEADSHOTS
-------------------------------------- */
.team-member {
	width: 130px;
	float: left;
	margin: 9px 19px 18px 0;	
	}
.team-member img {
	margin-bottom: 9px;
}
.team-member p.name {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 0;
}

.team-member p.title {
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	margin-bottom: 0;
}

/* TABLES
-------------------------------------- */
#main table {
	margin: 4px 0 18px 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	border-bottom: 1px solid #bbb;
	width: 100%;
}

#main td, #main th {
	border-top: 1px solid #bbb;
}

#main th {
	background: #ddd;
	font-weight: bold;
	color: #444;
	padding: 6px 4px 5px 4px;
	vertical-align: bottom;
}

#main td {
	color: #444;
	padding: 6px 4px 5px 4px;
	vertical-align: top;
}

/* For nested tables in the dynamic reporting section */
#main table table {
	margin: 0 0 18px 0;
	border-bottom: none;
}

#main table table th {
	background: #ebebeb;
	font-weight: normal;
}

/* The row containing the nested table should get an "expanded" class */
#main tr.expanded td {
	border-top: none;
	padding: 0;
}

#main tr.expanded table td {
	border-top: 1px solid #bbb;
	padding: 6px 4px 5px 4px;
}

#main th.l, #main td.l {
	text-align: left;
}

/* TABS
-------------------------------------- */

#main div.tabs {
	margin: 0 0 18px 0;
}

#main ul.tab-nav {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	float: left;
	width: 100%;
	position: relative;
	z-index: 2;

	}

#main ul.tab-nav li {
	float: left;
	margin: 0 5px 0 0;
	border-top: 1px solid #7fd6f7;
	border-right: 1px solid #7fd6f7;
	border-left: 1px solid #7fd6f7;
	background: #fff url(../images/bkg_tab.jpg) left top repeat-x;
}

#main ul.tab-nav li a {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #7fd6f7;
}

#main div.tabs div {
	padding-top: 18px;
	border-top: 1px solid #7fd6f7;
	clear: both;
	position: relative;
	top: -1px;
	z-index: 1;
	/* Fix some spacing issues in IE Windows */
	*top: -5px;
	*padding-top: 9px;
}

#main ul.tab-nav li a.selected {
	border-bottom: 1px solid white;
}

#main div.tabs img {
	margin-bottom: 0;
}

/* ===================================

SIDEBAR

====================================== */
#sidebar {
	float: left;
	width: 292px;
	margin: 6px 0 12px 20px;
	padding: 2px 0 0 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fff url(../images/bkg_sidebar.jpg) left top no-repeat;
	display: inline; /* fix double float margin in IE6 */
}


#sidebar .module {
	padding: 12px 15px 5px 15px;
	border-bottom: 2px solid #fff;
}

#sidebar .last {
	background: url(../images/bkg_sidebar_bottom.png) bottom left no-repeat;
	/* use the plain squared off bottom in ie6 which can't display the png */
	_background: url(../images/bkg_sidebar.jpg) bottom left no-repeat;
}

#sidebar p {
	margin-bottom: 9px;
	font-size: 12px;
	line-height: 18px;
}

#sidebar p.note {
	color: #999;
}

#sidebar p.disclaimer {
	color: #999;
	font-size: 11px;
	line-height: 15px;
	margin-top: 9px;
}

#sidebar table {
	margin-bottom: 9px;
}

#sidebar td.num {
	padding-right: 10px;
}

#sidebar img {
	margin-bottom: 12px;
}

#sidebar ul {
	margin-bottom: 9px;
}
#sidebar ul.no-bullet {
	list-style: none;
	padding-left: 0;
}

/* Mailing List Form
-------------------------------------- */
#sidebar #emailInput {
	width: 180px;
	/* Making sure the fields/buttons stay on one line in IE */
	*width: 170px; 
	}

/* Mailing List Form
-------------------------------------- */
#main form input {
	font-size: 12px;
	display: inline; /* -- changed from block by Kelly, due to issues with it pushing the error X down to the next line on validation -- */
	padding: 2px 3px 3px 3px;
	border-top: 2px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #ddd;
	margin-bottom: 12px;
	width: 370px;
	}
	
#main form select {
	font-size: 12px;
	display: block;
	padding: 2px 3px 3px 3px;
	border: 1px solid #bbb;;
	margin-bottom: 12px;
	width: 370px;
	}

#main form input.radio-button {
	float: left;
	margin-right: 5px;
	width: 20px;
}

#main form label.radio-label {
	float: left;
	margin-right: 20px;
	font-weight: normal;
}

#main form input.submit-button {
	width: auto;
	font-size: 12px;
	height: 23px;
	padding: 0 10px;
	border-bottom: 2px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 2px solid #ddd;

}

#main form #state-item {
	width: 88px;
	float: left;
	margin-right: 20px;
}

#main form #state-item input {
	width: 58px;
}

#main form #zip-item {
	width: 166px;
	float: left;
}

#main form #zip-item input {
	width: 136px;
}

#main form label {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	display: block;
	margin-bottom: 4px;
}

#main form .note {
	font-weight: normal;
	font-size: 11px;
	color: #999;
	padding-left: 5px;
}

#main form fieldset {
	background: transparent url(../images/bkg_feature.jpg) left top repeat-x;
	border-top: 1px solid #7fd6f7;
	padding-top: 18px;
	margin-bottom: 24px;
}

#main form .submit-button {
	font-size: 12px;
	height: 22px;
	padding: 0 10px;
	text-align: center;
	vertical-align: center;
	background: #bbb url(../images/bkg_button.gif) bottom left repeat-x;
	border-bottom: 1px solid #888;
	/* Making sure the fields/buttons stay on one line in IE */
	*padding: 0 5px;
	*border-bottom: none;
}


/* ===================================

SHORT CUTS

====================================== */
#short-cuts {
	float: left;
	width: 292px;
	margin: 6px 0 12px 20px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	display: inline; /* fix double float margin in IE6 */
	background: #fdb913 url(../images/bkg_short_cuts.jpg) left top repeat-y;
}

#short-cuts .module {
	position: relative;
	}
	
#short-cuts .arrow {
	position: absolute;
	top: 24px;
	right: 12px;
	/* we prevent IE6 from displaying the arrow to avoid the png support issues */
	_display: none;
}

#short-cuts h4 {
	color: #97b1d9;
	padding: 5px 15px 5px 15px;
	margin: 0; 
	font-weight: normal;
	background: #002663 url(../images/bkg_short_cuts_head.jpg) left top no-repeat;
}

#short-cuts .title {
	line-height: 16px;
	color: #000;
	font-weight: bold;
	display: block;
}

#short-cuts .desc {
	font-size: 11px;
	line-height: 15px;
	display: block;
}

#short-cuts a {
	padding: 10px 50px 13px 15px;
	line-height: 15px;
	border-top: 1px solid #fff;
	background: url(../images/bkg_short_cut.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	color: #444;
	/* Fixing block link hover issues in the IEs */
	*height: 1%;
}

#short-cuts a:hover {
	background: #002663 url(../images/bkg_short_cut.gif) left -160px no-repeat;
	color: #97b1d9;
}

#short-cuts .last {
	background: url(../images/bkg_short_cut_last.jpg) left bottom no-repeat;
}

#short-cuts .last a:hover {
	background: #002663 url(../images/bkg_short_cut.gif) left bottom no-repeat;
	color: #97b1d9;
}
#short-cuts a:hover .title {
	color: #fff;
}

/* ===================================

MODEL-READING

====================================== */
#model-reading {
	float: left;
	width: 292px;
	margin: 6px 0 12px 20px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background: #fff url(../images/bkg_model.gif) left top repeat-y;
	display: inline; /* fix double float margin in IE6 */
}

#model-reading .header {
	padding: 14px 15px 5px 15px;
	background: #ebf9fe url(../images/bkg_model_header.gif) left top no-repeat;
	border-bottom: 1px solid #029ed9;
}
#model-reading .icon {
	padding: 18px 0 0 0;
	text-align: center;

}
#model-reading .icon img {
	margin: 0 auto;
}
#model-reading .description {
	padding: 12px 15px 9px 15px;
	text-align: center;
	background: transparent url(../images/bkg_model_description.gif) left bottom no-repeat;
}

#model-reading h3 {
	margin-bottom: 3px;
}
#model-reading p {
	margin-bottom: 9px;
	font-size: 12px;
	line-height: 18px;
}

#model-reading img {
	margin-bottom: 12px;
}

#model-reading span.separator {
	color: #999;
}

/* FOR THE ARCHIVE PAGE
*  (where the reading is in the #main column)
-------------------------------------- */
#main #model-reading {
	float: left;
	width: 204px;
	margin: 6px 20px 12px 0;
	background-image: url(../images/bkg_model_archive.gif);
}

#main #model-reading .header {
	background-image: url(../images/bkg_model_header_archive.gif);
}

#main #model-reading .description {
	background-image: url(../images/bkg_model_description_archive.gif);
}
	
/* FOR THE MODEL ICON KEY PAGE
-------------------------------------- */
table#icon-key {
	border-bottom: none;
}
table#icon-key td {
	text-align: center;
	padding: 18px 0;
	border-top: none;
	border-bottom: 1px solid #029ed9;
	width: 33%;
}
table#icon-key .last td {
	border-bottom: none;
}

/* ===================================

FOOTER

====================================== */
#footer {
	background: #fff;
	}
	
/* Gray Band
-------------------------------------- */	
#gray-band {
	background: #ddd url(../images/bkg_gray_band.gif) top left repeat-x;
}

#gray-band .content-wrap {
	width: 916px;
	padding: 32px 20px 20px 20px;
	margin: 0 auto;
}

/* The homepage gets a special background with the lower part of the illustrations */
.home #gray-band .content-wrap {
	background: transparent url(../images/bkg_gray_band_home.gif) top left no-repeat;
}

.home .item {
	width: 292px;
	float: left;
	margin-right: 20px;
}
.home .mailing-list {
	width: 292px;
	float: left;
}

#gray-band h2 {
	color: #666;
}

#gray-band h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #999;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding-bottom: 5px;
	border-bottom: 1px solid #bbb;
	margin-bottom: 9px;
}

#gray-band .mailing-list h6 {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 6px;
}

#gray-band p {
	color: #666;
	margin-bottom: 9px;
}
#gray-band p.action-item {
	color: #999;
}

#gray-band p.note {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin-top: 9px;
}

/* Mailing List Form
-------------------------------------- */
#email-input {
	width: 210px;
	font-size: 12px;
	margin-right: 5px;
	display: block;
	padding: 2px 3px 3px 3px;
	border-top: 2px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #ddd;
	float: left;
	clear: left;
	/* Making sure the fields/buttons stay on one line in IE */
	*width: 200px; 
	}

.submit-button {
	font-size: 12px;
	height: 22px;
	padding: 0 10px;
	text-align: center;
	vertical-align: center;
	background: #bbb url(../images/bkg_button.gif) bottom left repeat-x;
	border-bottom: 1px solid #888;
	/* Making sure the fields/buttons stay on one line in IE */
	*padding: 0 5px;
	*border-bottom: none;
}

/* Lower Links
-------------------------------------- */
#footer-links {
	background: #fff url(../images/bkg_footer_links.jpg) top left repeat-x;
}

#footer-links .content-wrap{
	width: 916px;
	margin: 0 auto;
	position: relative;
	padding: 32px 20px;
	}

#footer-links p {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #999;
}

#credit {
	position: absolute;
	top: 28px;
	right: 20px;
}	

/* ===================================

FLOAT CLEARING

====================================== */
/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ===================================
Bean Edit form stuff
=================================== */
div.t-error {
	border: 1px solid #029ED9;
	font-family:Verdana,sans-serif;
	font-size:12px;
}

div.t-error ul {
	color: #029ED9;
}

html > body div.t-error li {
	margin-left: 10px;
}

div.t-error div {
	background-color: #029ED9;
	color: white;
}

form img {
	margin-bottom: 0px;	
}

div.t-beaneditor-row label {
	text-align: left;
	float: none;	
}

div.t-beaneditor {
	background-color: white;
	border: none;
	font-family:Verdana,sans-serif;
	font-size:12px;	
}

.t-beaneditor-submit {
	font-size: 12px;
	height: 22px;
	padding: 0 10px;
	text-align: center;
	vertical-align: center;
	background: #bbb url(../images/bkg_button.gif) bottom left repeat-x;
	border-bottom: 1px solid #888;
	/* Making sure the fields/buttons stay on one line in IE */
	*padding: 0 5px;
	*border-bottom: none;
}

.t-beaneditor-row img {
	margin-bottom: 0px;
	vertical-align: top;
}

.t-beaneditor textarea {
	font-size: 12px;
	display: inline;
	padding: 2px 3px 3px 3px;
	border-top: 2px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #ddd;
	margin-bottom: 12px;
	width: 370px;
}

textarea {
	font-size: 12px;
	display: inline;
	padding: 2px 3px 3px 3px;
	border-top: 2px solid #aaa;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #ddd;
	margin-bottom: 12px;
	width: 370px;	
}

#main form div.t-beaneditor-row input {
	display: inline;	
}

/* ===================================
DatePicker styles
=================================== */

.datePicker .header {
	background-color: #7fd6f7;	
}

.datePicker .previousButton, .datePicker .nextButton {
	background-color: #EBF9FE;	
}

.datePicker .todayButton, .datePicker .noneButton {
	background-color: #EBF9FE;
	border: 1px solid #029ED9;
}

.datePicker td.red {
	color: #029ED9;
}

/* ===================================
Kelly added stuff for various articles
=================================== */
.article {
	margin-bottom: 18px;
}

.article .date {
	margin-bottom: 0px;
}

.article .title {
	margin-bottom: 0px;	
}

.article .excerpt {
	margin-bottom: 0px;	
}


/* ===================================
Color Palette

Main content
------------------------
main heads: #000
main text: #555
links: #029ed9

Main content
------------------------
sidebar heads: #444

Footer
------------------------
Band rule: #6c6f70
Band bkg: #ddd
Band heads: #666
Band text: #666
Band caps heads: #999
Band inter-rules: #bbb
Footer text: #999

Breadcrumbs
------------------------
breadcrumbs text: #999
breadcrumbs bullet: #bbb

Utilities
------------------------
utility text/links: #f0ad0a
utility dividing line: #fdb913

Subnav
------------------------
linkd: #555
blue rule: #7fd6f7
bkg: #ebf9fe
y-a-h: #002663

Drop-downs
------------------------
Links: #97b1d9

Short Cuts
------------------------
Heads: #000
Descriptions: #444
Main head: #f0ad0a

====================================== */