/*
OSD - Screen Styles
colors:
	tan - #cdcd98
	dark tan - #554
	brown - #330
	orange - #fe9730
	green - #439a22
	olive - #b7c090
	blue - #9bb9b6
*/

body, h1, h2, h3, h4, h5, h6, p, blockquote, form, fieldset, button, select, textarea, dl, dt, dd, ul, ol, li, cite {
	border: none;
	margin: 0;
	padding: 0;
	}
li { list-style: none; }
abbr { border: none; text-decoration: none; }
cite { font-style: normal; }
sup { font-size: 50%; }


a.external {
	background: url(../img/icons/external.png) no-repeat 0 0.15em;
	padding: 0 0 1px 15px;
	}
	
a { text-decoration: none;}
a:link, a:visited { padding-bottom: 1px; border-bottom: 1px dotted #fff; color: #330; }
a:hover { border: none; color: #fff; background-color: #b7c090;}
a img { border: none; } 
body {
	background: #cdcd98;
	color: #554;
	font: 12px/1.5 Verdana, Arial, Sans-serif;
	padding: 38px 0 0;
	}
h1 {
	color: #6a755c;
	font: bold 30px/1em Georgia, Serif;
	margin: 0 0 1.5em;
	}
h1.alt {
	background: #5d6757;
	color: #fff;
	margin: -110px 0 0.5em -14px;
	padding: 110px 14px 30px;
	width: 572px;
	}
h1 span { display: block; }
h2 {
	color: #330;
	font: bold 14px/1.3em Georgia, Serif;	
	margin: 0.75em 0 0.35em;
	}
h3 { 
	color: #330;
	font-size: 12px;
	margin: 1em 0 0;
	}
h4 { 
	color: #330;
	font-size: 12px;
	line-height: 1.25em;
	}
h5 {
	color: #000;
	font: 11px/1.35em Georgia, Serif;
	}
h6 {
	color: #000;
	font: 10px/1.35em Georgia, Serif;
	margin: 1em 0 0;
	}
p { margin: 0 0 0.75em; }
dt { font-weight: bold; }
dd {
	border-bottom: 1px dotted #fff;
	margin: 0 0 0.75em;
	padding: 0 0 0.75em;
	}
dd.last { border: none; margin: 0; padding: 0; }
.clear { clear: both; }	

.paginate a {border: 0 !important}

/* -- structure -- */ 
#wrapper {
	background: url(../img/bg-top.png) no-repeat 0 0;
	margin: 0 auto;
	padding: 64px 0 0;
	position: relative;
	width: 927px;
	}
#wrapper-i {
	background: url(../img/bg.png) repeat-y 0 0;
	padding: 0 22px 0 21px;
	}

/* -- content -- */
#content {
	background: repeat-y 0 0;
	overflow: hidden;
	width: 100%;
	}
img.main { display: block; }

	
/* quotes */
blockquote {
	color: #555;
	font: oblique 15px/1.2em Georgia, Serif;
	margin: 0 0 0.5em;
	}
.quoted { 
	color: #555;
	line-height: 1.25em;
	margin: 0;
	}
.source a { border: none; }
cite { font-weight: bold; }

/* branding */
#branding {
	background: url(../img/BEST-logo.png) no-repeat 0 0;
	height: 209px;
	left: 613px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: -38px;
	width: 146px;
	z-index: 3;
	}
#branding-inner { height: 100%; width: 100%; }
#branding a {
	border: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}	
	
	#branding a:hover { background: transparent; }
	
		
/* get started callout */
#getstarted {
	background: #babd8c url(../img/getstarted-bg.png) repeat-x 0 0;
	border-top: 1px solid #a7a87a; border-bottom: 1px solid #9fa278;
	float: right;
	font-family: Georgia, Serif;
	overflow: hidden;
	padding: 10px 0 3px;
	width: 284px;
	}
#getstarted p {
	float: right;
	text-align: center;
	width: 150px;
	}
#getstarted strong { 
	color: #fff;
	font-size: 14px; font-weight: bold;
	}
	
/* bulleted list */
ul.bullets { margin: 0 0 0.75em; }
ul.bullets li {
	background: url(../img/icons/arrow.png) no-repeat 0 0.25em;
	padding: 0 0 0 16px;
	}
	
ul.square {
	padding: 5px 0 5px 0;
	}
ul.square li {
	list-style-type: disc;
	padding: 0 0 0 2px;
	margin: 0 0 0 35px;
	}

ol.digit {
	padding: 5px 0 5px 0;
	}
ol.digit li {
	list-style-type: decimal;
	padding: 0 0 0 2px;
	margin: 0 0 0 35px;
	}

/* section listing */
.sections li {
	border-top: 1px solid #000;
	margin: 1.25em 0 0;
	padding: 0.25em 0 0;
	}
.sections li h3 { margin-top: 0; }
	
/* partner listing */
#partner-list img {
	float: right;
	position: relative;
	right: 38px;
	}
#partner-list li { border-top-color: #439a22; }
	
/* staff listing */
#staff-list li { border-top-color: #a5a86b; }
#staff-list li h3 { margin-bottom: 1.5em; }
#staff-list li img {
	float: left;
	margin: 4px 20px 14px 0;
	}
	
/* resource listing */
#resource-list { margin: 1em 0 0; }
#resource-list li {
	background: #c6daac;
	border-top: 1px solid #ebebd3;
	}
#resource-list li.alt { background: #afcd9d; }
#resource-list a { 
	background: url(../img/icons/arrow2.png) no-repeat 6px 0.9em;
	border: none;
	display: block;
	padding: 0.5em 18px 1em;
	}
#resource-list strong {
	color: #330;
	font-size: 12px;
	}
	
#resource-list li:hover {
	background: #fe9730;
	border-top: 1px solid #ebebd3;
	}
	
/* best businesses listing */
#best-businesses {
	overflow: hidden;
	width: 100%;
	}
#best-businesses li {
	float: left;
	font-size: 9px; font-weight: bold;
	height: 144px;
	line-height: 1.35em;
	margin: 0 1px 0 0;
	position: relative;
	width: 141px;
	}
#best-businesses a { 
	border: none;
	display: block;
	height: 144px;
	width: 141px;
	}
#best-businesses a:link, #best-businesses a:visited { color: #fff; }
#best-businesses a:hover { background: transparent; }
#best-businesses span {
	background: #330;
	color: #fff;
	display: block;
	height: 32px;
	padding: 6px 7px 0 7px;
	width: 127px;
	}

/* main content */
#main {
	/*background: #c6daac;*/
	float: left;
	overflow: hidden;
	padding: 110px 14px 12px 14px;
	width: 572px;
	}
#main .sec {
	border-top: 4px solid #439a22;	
	padding: 0.25em 0 1.5em;
	clear: both;	
	}
	
#main .sec h2 { margin: 0 0 2.25em; }

#main .news_entry {
	float: left;
	margin-bottom: 16px;
}

#main .news_entry h3 {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 36px 0;
	color: #333300;
	border-top: 1px solid #a4a66e;
}

#main .news_entry dl {
	font-size: 9px;
	line-height: 13px;
	width: 140px;
	padding-right: 12px;
	float: left;
}

#main .news_entry dd {
	margin: 0;
	border: 0;
	padding: 0;
}

#main .news_entry .news_content {
	width: 282px;
	float: left;
	font-size: 11px;
	line-height: 16px;
}

#main .news_entry .news_content p {
	margin-bottom: 6px;
}

#main .news_entry .news_content p a {
	font-size: 9px;
	font-weight: bold;
	padding-bottom: 3px;
}

#main .news_entry .news_content object {
	margin-bottom: 9px;
}

.paginate {
	font-size: 9px;
	padding-left: 152px;
	padding-top: 4px;
	border-top: 1px solid #fff;
	clear: both;
}

.paginate a {
	padding-bottom: 3px;
}

#main .col-main {
	float: right;	
	width: 434px;
	}
#main .col-sub {
	float: left;
	width: 118px;
	}
#main .col-sub h5 { margin: 0.15em 0 1.0em; }
#main .col-sub h5.didactic {
	color: #545441;
	font-size: 10px; font-style: oblique;
	margin: 0 0 3em;
	}
#main .col-sub .sec h5 { margin-top: 0; }
#main .col-sub li { 
	font-size: 11px; font-family: Georgia, Serif;
	line-height: 1.25em;
	}
#main .col-sub ol li { 
	font-size: 10px;
	line-height: 1.25em;
	}
#main .col-sub li a { border: none;	}
#main .col-sub li a:link, #main .col-sub li a:visited { color: #439a22; }
#main .col-sub li a:hover { color: #000; }
#main .col-sub ul li ul {
	margin: 0 0 0px 9px;
	font-style: italic;
	color: #665;
	/*text-indent: -9px;*/
}

#main .col-sub ul li ul li {
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 0px;
	margin-left: 4px;
}

.news_year {
	width: 50%;
	float: left;
	clear: right;
	padding-bottom: 9px;
}

.news_year h6 {
	margin: 0;
	font-style: normal;
}

li.active {
	color: #445;
	margin: 4px 0 4px 0;
}
	
	
/*Newsroom*/

dl.flat, dl.tall {
	float: left;
	width: 435px !important;
	margin-bottom: 9px;
	padding-top: 6px;
}

.flat dt {
	float: left;
	padding-right: 6px;
}

.flat dd {
	float: left;
	padding-right: 6px !important;
}
.news_content_flat ul li {
	list-style-type: disc;
	list-style-position: outside;
	text-indent: 0px;
	margin-left: 4px;
}
.news_content_flat {clear: both;}

.news_content_flat p {
	margin-bottom: 9px;
	float: left;
	padding-right: 12px;
}
	
.banner_ad {
	background-color: #eeebd4;
	padding: 10px 12px 12px 12px;
	margin-bottom: 24px;
	border: #8fadb1 solid;
	border-width: 5px 0px 1px 0px;
}
	
.banner_ad h2 {
	color: #8fadb1 !important;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 20px !important;
}

.banner_ad h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
	line-height: 24px;
	margin-top: 6px;
	margin-bottom: 12px;
}

.banner_ad h4 {
	border-top: 1px solid #aab;
	padding-top: 8px;
}

.banner_ad h4 a {
	color: #fe9730;
}

.banner_ad h4 a:hover {
	color: #000;
}

.banner_ad p {
	font: 11px/15px Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #778;
}
	
	
/* sub content */
#sub {
	background: #9bb9b6;
	float: left;
	font-size: 11px;
	overflow: hidden;
	padding: 18px 16px 12px 15px;
	width: 253px;
	}
#sub h4 { 
	color: #fff;
	margin: 0 0 3.125em;
	}
#sub .sec {
	border-bottom: 1px dotted #fff;
	margin: 0 0 0.75em;
	padding: 0 0 0.75em;
	}
#sub .sec img { display: block; margin: 0 0 0.8em; }
#sub .last { border: none; margin: 0; padding: 0; }

/* -- page/section specific -- */

/* about us */
.about #content { background-image: url(../img/content-bg-about.png); }

/* how to begin */
.howto #content { background-image: url(../img/content-bg-howto.png); }
.howto #main { background: #afcd9d; }
.howto h3 { color: #fff; }

/* resources */
.resources #content { background-image: url(../img/content-bg-resources.png); }
.resources #main { background: #bbceaf; }

.resources p cite {font-weight: normal; font-style: italic;}
.resources .bullets li {margin-top: 6px;}

/* recognition */
.recognition #content { background-image: url(../img/content-bg-recognition.png); }
.recognition h1 { color: #626f6f; }
.recognition #main { background: #b5cdcd; }
	
/* -- footer -- */
#footer {
	background: url(../img/bg-btm.png) no-repeat 0 100%;
	font-family: Georgia, Serif; font-size: 11px;
	padding: 0 0 64px;
	position: relative;
	}
#footer-i { 
	background: url(../img/bg.png) repeat-y 0 0; 
	padding: 32px 22px 16px 21px;
	}
#footer a { border: none; }
#footer p { margin: 0; }
#footer .links { color: #9a9a76; }
#footer .more {
	color: #666;
	font-size: 10px;
	position: absolute;
	top: 144px;
	width: 596px;
	}
#footer .more a:link, #footer .more a:visited { color: #666; }
#footer .more a:hover { color: #000; }
#footer .more p {
	float: left;
	margin: 0 20px 0 0;
	}

/* partners callout */
#partners {
	background: url(../img/OSD-top.png) no-repeat 0 0;
	float: right;
	padding: 12px 0 0;
	position: relative;
	margin: -36px 56px 0 0;
	width: 236px;
	z-index: 3;
	}
#partners-i { background: url(../img/OSD-bg.png) repeat-y 0 0; }
#partners-i2 {
	background: #e8dcb9;
	margin: 0 0 0 8px;
	padding: 0 0 30px;
	text-align: center;	
	width: 224px;
	}
#partners a:link, #partners a:visited { color: #439a22; }
#partners a:hover { color: #000; }
#partners h5 {
	background: url(../img/OSD-logo_tall.png) no-repeat 0 0;
	height: 136px;
	overflow: hidden;
	text-indent: -9999px;
	width: 224px;
	}
#partners h5 a {
	display: block;
	height: 102px;
	width: 224px;
	}
#partners h6 {
	color: #330;
	font-family: Georgia, Serif; font-size: 9px;
	letter-spacing: 0.2em;
	margin: 0 0 0.5em;
	text-transform: uppercase;
	}
#partners ul { line-height: 1.35em; }
	
/* -- nav -- */

/* global nav */
#nav {
	font-size: 11px;
	left: 6px;
	line-height: 1em;
	position: absolute;
	top: 64px;
	width: 650px;
	z-index: 2;
	}
#nav li { float: left; position: relative; }
#nav a {
	display: block;
	padding: 6px 8px 7px;	
	padding: 0.5em 8px 0.66em;
	}
#nav strong a {
	background: #330;
	border-bottom: none; border-left: 1px solid #71714d;
	color: #fff;
	font-weight: normal;
	width: 130px;
	}

#nav #home a {
	width: 8px;
	background: url(../img/icons/home.gif) no-repeat 50% 50%;
	background-color: #330;
	border-right: 1px solid #71714d;
}

#nav strong a:hover, #nav li:hover strong a, #nav li.hover strong a, #nav #home a:hover { background-color: #fe9730; }
#nav-about strong a { border-left: none; }
#nav-recognition strong a { width: 150px; }

/* global nav - active */
.about #nav-about strong a, .howto #nav-howto strong a,
.resources #nav-resources strong a, .recognition #nav-recognition strong a { background: #fe9730; }



/* sub nav */
#nav ul {
	border: 1px solid #71714d; border-top: none; border-right: none;
	left: -9999px;
	position: absolute;
	top: 2.18em;
	width: 210px;
	}
#nav li:hover ul, #nav li.hover ul { left: auto; }
#nav li#nav-about:hover ul, #nav li#nav-about.hover ul { margin: 0 0 0 -1px; }
#nav ul li a { 
	background: #e7e7d5;
	border: none;
	color: #555;
	width: 194px;
	}
#nav ul li.alt a { background: #d7e5e7; }	
#nav ul a:hover, #nav ul li.alt a:hover { background: #9bb9b6; color: #000; }
#nav ul li { width: 210px; }

/* -- forms -- */
form { margin: 3.25em 0 0;	}
label, .label { 
	color: #75712b;
	display: block;
	font-family: Georgia, Serif; font-weight: bold;
	margin: 0 0 0.5em;
	}
.inactive label, .inactive .label { color: #94a268; }
.input input, textarea, select { 
	background: #d1e0bc;
	border: none;
	color: #554;
	font: 12px/1.5 Verdana, Arial, Sans-serif;
	padding: 2px 4px;
	width: 260px;
	}
select { padding: 1px 0; width: 266px; }
textarea { height: 110px; overflow: auto; }
.input input:hover, textarea:hover,
.input input:focus, textarea:focus { background-color: #ececd3; color: #333; }
.field { 
	float: left;
	margin: 0 18px 1em 0;
	overflow: hidden;
	width: 266px;
	}
.textarea {
	clear: both;
	float: none;
	margin-right: 0;
	width: 550px;
	}
.textarea textarea { width: 542px; }
.input { float: left; }
.submit {
	clear: both;
	padding: 0.5em 0 0;
	width: 100%;
	}

/* -- home specific -- */
.home h1 { 
	color: #330;
	font-size: 24px;
	line-height: 1em;
	margin: 0 0 1.25em;
	}
	
.home h2 {
	font-size: 20px;
	letter-spacing: -0.05em;
	line-height: 20px;
	height: 80px;
	color: #fff;
}	
.home #branding {
	background-image: url(../img/home/BEST-logo.png);
	height: 301px;
	top: -38px;
	width: 236px;
	}
.home #content { background-image: url(../img/home/content-bg.png); }	
.home #main { padding: 0 0 0 0;
	width: 600px; }
.home #sub { padding-top: 0px; 
background-color: #b9d8db;}
.home #sub h4 { margin-bottom: 5.15em; }
.home .about, .home .currently {
	padding: 0px 15px 12px 15px;
	width: 270px;
	float: left;
}

.home .currently {
	clear: right;
}

.home .article {
	border-top: 4px solid;
	border-color: #a39578;
	margin-bottom: 20px;
}

.home .article h3 {
	font-size: 12px;
	line-height: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-top: 2px;
}

.home .article p {
	font-size: 11px;
	line-height: 15px;
}

.home p.intro {
	font-size: 16px;
	line-height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #443;
	}
	
.podcast {
	font-size: 9px !important;
	font-weight: bold;
}

.datestamp, .home .currently .continue {
	font-size: 9px !important;
}

/* -- Band-aids --*/

.subcategory {
	font-weight: normal;
	margin-right: 12px;
	color: #887;
	}
	
.hidden {
display: none;}

.sec ul li a:hover {
	color: #fff !important;
}

.subsection {border-top: 1px solid #a5a86b;
	color: #439a22;
	font-weight: normal;
	margin: 2.25em 0 2.25em;
	}
	
.subcategory {
margin-top: 0.3em;
font-style: italic;
color: #554}

#legend {
	font: 11px/15px Georgia, "Times New Roman", Times, serif;
	padding: 9px 0 0 20px;
	background: url(../img/icons/new.gif) no-repeat 0 8px;
}

.partner {
	padding-left: 20px;
	background: url(../img/icons/new.gif) no-repeat 0 1px;

}

table.grid {
	border-width: 0px;
	border-spacing: 2px;
	border-style: hidden;
	border-color: gray;
	border-collapse: collapse;
}
table.grid th {
	border-width: 0px;
	border-style: none;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.grid td {
	border: 0px;
	padding-top:5px; 
	padding-right:0px; 
	padding-bottom:10px;
	padding-left:0px;  
	border-style: dotted;
	border-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	text-align: center;
}