/* = Macro - base.css
------------------------------------------*/

body {
	margin: 0px;
	padding: 20px;
	font-size: 14px;
	font-family: Calibri, Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	background: url(../images/bg-page.gif) repeat-x #cf7600;
}

a:link {
	color: #62193e;
	text-decoration: underline;
}

a:visited {
	color: #62193e;
	text-decoration: underline;
}

a:hover {
	color: #cf6904;
	text-decoration: underline;
}

blockquote {
	text-align: left;
}

div {
	text-align: left;
}

h1 {
	font-size: 17px;
	font-weight: normal;
	color: #62193e;
	padding-top: 0px;
	margin-top: 0px;
}

h2 {
	font-size: 17px;
	font-weight: normal;
	color: #62193e;
	padding-top: 0px;
	margin-top: 0px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 0px;
}

h4, h5, h6 {
	font-size: 13px;
	font-weight: bold;
}

i {
	font-style: italic;
}

img {
	border: none;
	border-width: 0;
}

ol {
	text-align: left;
}


ul {
	text-align: left;
}

p {
	margin-top: 0px;
	margin-bottom: 18px;
	text-align: left;
	line-height: 145%;
}

table {
	border: none;
	border-width: 0;
}

td {
	text-align: left;
	padding-bottom: 5px;
}

input {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

textarea {
	font-family: Candara, Arial, Helvetica, sans-serif;
	font-size: 13px;
}


/* =Global Header - #header
------------------------------------------*/

#header {
	width: 978px;
	height: 200px;
	float: left;
}

/* =Global Container - .container
------------------------------------------*/

.container {
	width: 978px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-left: 6px white solid;
	border-right: 6px white solid;
	position: relative;
}


/* = Global Nav - #nav
------------------------------------------*/
/* dropdown styles */

#nav {
	width: 968px;
	background: #fff;
	margin: 0;
	list-style: none;
	line-height: 1;
	height: 33px;
	text-align: left;
	padding: 4px 13px 10px 0px;
}

#nav ul {
	float: right;
	margin: 0;
	list-style: none;
	line-height: 1;
	height: 33px;
	padding: 4px 13px 10px 0px;
	text-align: left;
	display: inline;
}

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

#nav li ul { /* second-level lists */
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 50%;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	float: left;
	z-index:1;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#nav li ul li {
	padding: 0px;
	margin: 0px;
	width: 160px;
	color: #fff;
	text-decoration: none;
	display: block;
}
	
#nav li ul li a:link {
	background: #93161a;
	color: #fff;
	text-decoration: none;
	padding: 6px 10px 6px 16px;
	margin: 0;
}

#nav li ul li a:visited {
	background: #93161a;
	color: #fff;
	text-decoration: none;
	padding: 6px 10px 6px 16px;
	margin: 0;
}

#nav li ul li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #372a33;
	padding: 6px 10px 6px 16px;
	margin: 0;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 130px;
}

#nav li ul ul li {
	width: 240px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/* = Global Maincol - #maincol
------------------------------------------*/

#maincol {
	width: 978px;
	background: #fff;
	margin: 0px;
	padding: 0px;
}

#leftcol {
	float: left;
	width: 757px;
	margin: 0px;
	padding: 50px 20px 0px 20px;
}

#leftcol a:link, #leftcol a:visited {
	text-decoration: underline;
}

#centercol a:link, #centercol a:visited {
	text-decoration: underline;
}

#centercol {
	float: left;
	width: 672px;
	padding: 50px 20px 0px 20px;
}

#rightcol {
	float: right;
	width: 200px;
	margin: 50px 0px 20px 0px;
	padding: 0px;
}

#rightcol a:link, a:visited {
	text-decoration: none;
}

#rightcol a:hover {
	text-decoration: underline;
}


/* Global Sidebar Classes - .rightcol
------------------------------------------*/

.rightcol-menu {
	background: #faf6e1;
	border-bottom: 1px solid #e9d78d;
	padding: 12px;
}

.rightcol-menu ul {	
	list-style-type: none;
	list-style: none;
	margin: 0px 0px -8px 0px;
	padding: 0px;
}

.rightcol-menu li {
	margin: 0px;
	padding-bottom: 8px;
}

.rightcol-author {
	padding: 25px;
}

.rightcol-author p {
	margin: 0px;
	padding: 0px;
	text-align: center;
}



/* = Global Footer - #footer
------------------------------------------*/
#footer {
	background: #fff;
	clear: both;
	color: #666;
	font-family: Candara, Calibri, Arial, Helvetica, sans-serif;
	padding: 10px 20px 35px 15px;
	margin: 0px;
}

#footer a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	color: #666;
	text-decoration: underline;
}

.fcol_left a:link, .fcol_left a:visited {
	text-decoration: none;
}

.fcol_left a:hover {
	text-decoration: underline;
}

.fcol_left {
	clear: both;
	background: #fff;
	float: left;
	font-size: 11px;
	padding-left: 5px;
}

.fcol_right {
	background: #fff;
	color: #666;
	font-family: Candara, Calibri, Arial, Helvetica, sans-serif;
	margin: 0px;
	float: right;
	text-align: right;
	font-size: 11px;
}

.rule {
	text-align: center;
}

/* = Homepage Styles
------------------------------------------*/

#twitter_update_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#twitter_update_list li {
	margin: 0;
	padding: 0 0 8px 0;
}

#twitter_update_list a:link, #twitter_update_list a:visited {
	text-decoration: none;
	color: #cf6904;
}

#twitter_update_list a:hover {
	color: #000;
}

.home #maincol {
	background: url(../images/home/beet-watermark.gif) top center no-repeat #fff;
}

.home #leftcol {
	float: left;
	width: 35px;
	margin: 0px;
	padding: 7px 35px 0px 65px;
}

.home #centercol {
	float: left;
	width: 755px;
	padding: 12px 20px 15px 20px;
	margin: 0px;
}

.home #beet {
	position:absolute;
	width:70px;
	height:173px;
	z-index:1;
	left: 775px;
	top: 433px;
}

.home #beet-2010 {
	position:absolute;
	width:70px;
	height:173px;
	z-index:1;
	left: 775px;
	top: 420px;
}

.home td {
	vertical-align: top;
}

.home td h1 {
	margin: 0;
	padding: 0 0 15px 0;
	/*color: #cf6904;*/
}

.home td p {
	line-height: 130%;
	margin: 0;
	padding: 0 0 10px 0;
}

.home .date {
	font-size: 12px;
}

.home .updates {
	float: left;
	margin: 15px 50px;
}

.home .updates .logos {
	padding-right: 50px;
	width: 200px;
}

.home .updates .film {
	width: 200px;
}

.home .updates .twitter {
	padding-right: 50px;
	width: 360px;
}

.home .keywords {
	padding: 20px 50px;
	font-size: 12px; 
	background: #faf3d3; 
	color: #fec563;
	margin: 15px 25px; 
	border: 1px solid #fad7ae;
	float: left;
	width: 830px;
}

.home .keywords ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.home .keywords li {
	list-style: none;
	margin: 0;
	padding: 2px 0;
}

.home .keywords ul.left {
	float: left;
	padding-right: 40px;
}

.home .keywords ul.center {
	float: left;
	padding-right: 50px;
}

.home .keywords ul.right {
	float: right;
}

.home .social {
	margin: 0;
	padding: 7px 25px 0px 33px;
	float: left;
}

.home .social p {
	margin: 0;
	padding: 0 0 7px 0;
}

/* = Contact Page Styles
------------------------------------------*/

.contact h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.contact #leftcol {
	float: left;
	width: 219px;
	height: 300px;
	padding: 0px;
	margin: 0px;
}

.contact #centercol {
	float: left;
	width: 714px;
	padding: 12px 20px 0px 20px;
	margin: 0px;
}

.contact .rule {
	margin: 0px;
	padding: 0px;
}

.contact #maincol {
	width: 978px;
	background: url(../images/home/beet-watermark.gif) top center no-repeat #fff;
	margin: 0px;
	padding: 0px;
}

/* = Community Page Styles
------------------------------------------*/

.community h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.community #leftcol {
	float: left;
	width: 219px;
	height: 300px;
	padding: 0px;
	margin: 0px;
}

.community #centercol {
	float: left;
	width: 714px;
	padding: 12px 20px 0px 20px;
	margin: 0px;
}

.community .rule {
	margin: 0px;
	padding: 0px;
}

.community #maincol {
	width: 978px;
	background: url(../images/home/beet-watermark.gif) top center no-repeat #fff;
	margin: 0px;
	padding: 0px;
}

.community h2 {
	font-weight: bold;
	font-size: 18px;
	border-top: 1px solid #62193e;
}

/* = Video Page Styles
------------------------------------------*/

.video h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.video #leftcol {
	float: left;
	width: 219px;
	height: 300px;
	padding: 0px;
	margin: 0px;
}

.video #centercol {
	float: left;
	width: 714px;
	padding: 12px 20px 0px 20px;
	margin: 0px;
}

.video .rule {
	margin: 0px;
	padding: 0px;
}

.video #maincol {
	width: 978px;
	margin: 0px;
	padding: 0px;
}

.video h2 {
	font-weight: bold;
	font-size: 18px;
	border-top: 1px solid #62193e;
}

/* = Services Page Styles
------------------------------------------*/

.services .rule {
	margin: 0px;
	padding: 0px;	
}

.services h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.services #leftcol {
	float: left;
	width: 219px;
	height: 430px;
	padding: 0px;
	margin: 0px;
	background: url(../images/vr.png) top right no-repeat;
}

.services #centercol {
	float: left;
	width: 714px;
	padding: 12px 20px 0px 20px;
	margin: 0px;
}

.services #subnav {
	margin: 0px;
	padding: 12px 10px 12px 20px;
}

.services #subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.services #subnav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.services #maincol {
	width: 978px;
	background: url(../images/home/beet-watermark.gif) top center no-repeat #fff;
	margin: 0px;
	padding: 0px;
}

.demo #maincol {
	width: 978px;
	background: url(../images/beet-watermark-demo.gif) top center no-repeat #fff;
	margin: 0px;
	padding: 0px;
}

/* = Team Page Styles
------------------------------------------*/

.team .rule {
	margin: 0px;
	padding: 0px;	
}

.team h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
}

.team #leftcol {
	float: left;
	width: 219px;
	height: 430px;
	padding: 0px;
	margin: 0px;
	background: url(../images/vr.png) top right no-repeat;
}

.team #centercol {
	float: left;
	width: 714px;
	padding: 12px 20px 0px 20px;
	margin: 0px;
}

.team #subnav {
	margin: 0px;
	padding: 12px 10px 12px 20px;
}

.team #subnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.team #subnav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.team .bio {
	float:right; 
	padding: 8px 0px 5px 15px;
}

.team #maincol {
	width: 978px;
	background: url(../images/home/beet-watermark.gif) top center no-repeat #fff;
	margin: 0px;
	padding: 0px;
}

.team .hr {
	clear: right;
}

body.toolkitgfs {
	background: #6ca646;
}

body.toolkitgreen {
	background: #c8d809;
}

body.toolkitahf {
	background: #cc0;
}

.toolkit td, 
.toolkitgfs td, 
.toolkitgreen td, 
.toolkitahf td {
	vertical-align: top;
	padding-bottom: 8px;
	line-height: 130%;
}

.toolkit td p, 
.toolkitgfs td p,
.toolkitgreen td p,
.toolkitahf td p {
	margin: 0;
	padding: 0;
	line-height: 130%;
}

.toolkit #centercol, 
.toolkitgfs #centercol, 
.toolkitgreen #centercol, 
.toolkitahf #centercol {
	width: 800px;
	margin: 0;
	padding: 0 30px;
}

.toolkit h1,
.toolkitgfs h1, 
.toolkitgreen h1, 
.toolkitahf h1 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}

.toolkitgfs a:link,
.toolkitgfs a:visited,
.toolkitgreen a:link, 
.toolkitgreen a:visited, 
.toolkitahf a:link, 
.toolkitahf a:visited {
	color: #333;
}

.toolkitgfs a:hover, 
.toolkitgreen a:hover,
.toolkitahf a:hover {
	color: #000;
}

.toolkitgfs #leftcol {
	width: 219px;
	float: left;
}

.toolkitgfs #rightcol {
	float: left;
	width: 714px;
}

.toolkitgfs .footerline,
.toolkitgreen .footerline, 
.toolkitahf .footerline {
	display: none;
}

.toolkit h2 {
	border-top: 1px dashed #cf6904;
	padding: 10px 0 5px 0;
	margin: 10px 0 5px 0;
	font-size: 19px;
	color: #cf6904;
}

.toolkitgfs h2 {
	border-top: 3px solid #000;
	padding: 10px 0 5px 0;
	margin: 10px 0 5px 0;
	font-size: 19px;
	font-weight: bold;	
	color: #2f8604;
}

.toolkitgreen h2 {
	border-top: 3px solid #000;
	padding: 10px 0 5px 0;
	margin: 10px 0 5px 0;
	font-size: 19px;
	font-weight: bold;	
	color: #748410;	
}

.toolkitahf h2 {
	border-top: 3px solid #000;
	padding: 10px 0 5px 0;
	margin: 10px 0 5px 0;
	font-size: 19px;
	font-weight: bold;	
	color: #690;	
}

.toolkit h3, 
.toolkitgfs h3, 
.toolkitgreen h3, 
.toolkitahf h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0 0 10px 0;
}
.toolkit p, 
.toolkitgfs p {
	margin: 0;
	padding: 0 0 8px 0;
}

p.gfs {
	background: url(../images/toolkit/GFS-thumb.gif) left no-repeat;
	padding: 0 0 8px 35px;
}