@CHARSET "UTF-8";

/* @file style.css
 * General styles for Nitobe. http://drupal.org/projects/nitobe
 *
 * $Id: style.css,v 1.1.2.2 2009/08/01 17:58:31 shannonlucas Exp $
 */

/* ****************************************************************************
 * Anchor links
 * ************************************************************************* */
a:link, a:visited {
	color: #000000;
	text-decoration: none;
	outline: 0;
}

a:hover, a:active, a:focus {
	color: #d2b310;
	text-decoration: none;
	outline: 0;
}

a:hover.yellow, a:active.yellow, a:focus.yellow {
	color: #d2b310;
	text-decoration: none;
}

a:hover.magenta, a:active.matenta, a:focus.magenta {
	color: #e3217e;
	text-decoration: none;
}

a:hover.cyan, a:active.cyan, a:focus.cyan {
	color: #00a3e6;
	text-decoration: none;
}

a:hover.green, a:active.green, a:focus.green {
	color: #01ff01;
	text-decoration: none;
}

a:hover.orange, a:active.orange, a:focus.orange {
	color: #ffa000;
	text-decoration: none;
}

a:hover.gray, a:active.gray, a:focus.gray .activeGray {
	color: #999999;
	text-decoration: none;
}

a.active {
	color: #d2b310;
}

a.activeGray {
	color: #999999;
}

.primary-links {
	font-size: 0.65em;
	margin-bottom: 3px;
}

.secondary-links {
	font-size: 0.60em;
	border-top: solid #CCCCCC 1px;
	margin-bottom: 3px;
}

.tertiary-links {
	font-size: 0.55em;
	border-top: solid #CCCCCC 1px;
}

 a.bodyLink {
	border-bottom: 1px solid #CCCCCC;
}

/* ****************************************************************************
 * Breaks and alignments
 * ************************************************************************* */
hr {
  border: none;
  height: 0px;
  line-height: 0px;
  margin: 0px;
  padding: 0px;
}

.break {
  clear: both;
  display: block; 
}

.rule-bottom {
  border: 0;
  border-bottom: 0px solid #333;
  height: 5px;
  margin-bottom: 1em;
  margin-top: 0;
  padding: 0;
}

.rule-top {
  border: 0;
  border-top: 0px solid #333;
  height: 5px;
  margin-top: 0;
  margin-bottom: 1em;
  padding: 0;
}


.align-left { text-align: left; }

.align-right { text-align: right; }

.even { background-color: #fff; }

img.align-left {
  float: left;
  margin: 0 1em 1em 0;
  padding: 0;
}

img.align-right	{
  float: right;
  margin: 0 80px 0px 0px;
  border: none;
}

img.logo{
  float: right;
  margin: -26px 80px 0px 0px;
  border: none;
}

/* ****************************************************************************
 * Form styles
 * ************************************************************************* */
fieldset {
  border: 1px solid #c8c8c8;
  padding: 1em;	
}

fieldset>legend {
  font-weight: bold;
  padding-right: 0.5em;	
}

fieldset>legend a:link { text-decoration: none; }

fieldset.collapsible>legend { border: 1px solid #c8c8c8; }

fieldset.collapsed>legend { border: 1px solid #c8c8c8; }

label { font-weight: bold; }

input[disabled='disabled'] {
  background-color: #aaa;
  color: #666;
  font-style: italic;
}

.form-item label {
	display:block;
	font-weight:bold;
}

.form-item {
	margin-bottom:1em;
	margin-top:1em;
}

/* ****************************************************************************
 * General page structure
 * ************************************************************************* */
 body.nitobe {
  /* The body class is necessary so that WYSIWYG editors that don't specify a
   * background for their bodies don't inherit the Nitobe background. */
  background: #ccc url(images/background.gif) repeat;
  color: #000000;
  height: 100%; 
}

 body { 
	margin:0; 
	padding:0; 
	height:100%; 
}

#page-wrapper {
	background: #fff;
	color: #000000;
	margin: 0px auto;
	padding: 20px 0;
	width: 980px;
	height: 100%
}

#content { margin: 0 0 100% 0;
}

.contentBlurb {
	display: block;
	margin: -10px 245px 0 127px;
	padding: 0;
	width: 608px;
}

.content {
	display: block;
	margin: 10px 245px 0px 127px;
	padding: 0;
	width: 608px;
}

.contentRightColumn {
	margin: 15px 35px 0px 0px;
	padding: 0;
	width: 185px;
	float: right;
}

.contentPortfolio {
	display: block;
	margin: 0px 245px 0px 0px;
	padding: 0;
	width: 608px;
}

.contentBanner {
	display: block;
	margin: 0px 245px 0px 127px;
	padding: 0;
	width: 608px;
}

element.style {
	opacity: 0.999999;
}


.clearfloat {
	clear: both;
	font-size: 0px;
	height: 0; 
	line-height: 0;
}

.clear-block {
	display: block;
}

/* ****************************************************************************
 * Header area
 * ************************************************************************* */
#title-group
{
  margin-right: 0px;
  margin-top: 30px;
}

.header-area {
	display:inline-block;
	font-size:2em;
	height:90px;
	line-height:1em;
	margin:0 100px 0 127px;
	padding:0;
}

#header-area #title-group #site-title a {
  font-weight: normal;
  font-style: normal;
  text-transform: lowercase;
}

#header-area #title-group #site-title a:link,
#header-area #title-group #site-title a:hover,
#header-area #title-group #site-title a:visited {
  color: #000000;
  text-decoration: none;
}

#header-area #title-group #site-title span.alt-color { color:#ccc; }

.site-slogan {
	color:#000000;
	display:inline-block;
	font-size:2em;
	line-height:1em;
	margin: 15px 0px 15px 50px;
	}

#no-menu-rule {
  margin-bottom: 0;
  margin-top: 4px;  
}

#masthead {
	color: #000000;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	background-color: #EEEEEE;
}

.mastheadPortfolio {
	color: #000000;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	background-color: #EEEEEE;
}

.mastheadBanner{
	color: #000000;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #f8d000;
}

.footer {
	color: #000000;
	height: 100%;
    margin: 35px 100px 35px 127px;
    padding: 0;
}

/* ****************************************************************************
 * Page headlines and mission
 * ************************************************************************* */
#mission {
  color: #c8c8c8;
  display: block;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 2em 0;
  padding: 0;   
}

#page-headline {
  border-top: 1px solid #000000;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

#page-headline h1#page-title {
  color: #000000;
  display: inline-block;
  float: left;
  font-size: 2em;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-transform: none;
  width: 100%;
}

/* ****************************************************************************
 * Nodes
 * ************************************************************************* */
.node {
  clear: both;
  margin-bottom: 2em;
}

.teaser .content p { margin-bottom: 0; }

.color: #000000;more { text-transform: lowercase; }

.teaser .content p+p { margin-top: 20px; }

.node .node-headline {
  padding: 0;
  width: 100%;
  margin: 35px 0px 0px 0px;
}

.node .node-headline h2 {
  display: inline-block;
  float: left;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-transform: normal;
  width: 100%;
}

.node .node-headline {
  margin: 15px 0px 0px 0px;
}

.node .node-headline h2 a:link, .node .node-headline h2 a:visited,
h3.searchresult a:link, h3.searchresult a:visited {
  color: #000000;
  font-weight: normal;
  text-decoration: none;
}

.node .node-headline h2 a:hover,
h3.searchresult a:hover {
  color: #d2b310;
  font-weight: normal;
  text-decoration: none;
}

.timestamp {
	color:#222222;
	float:none;
	font-family:helvetica;
	font-size:0.75em;
	font-weight:normal;
	margin:5px 0;
	padding:0;
	text-align:left;
	text-transform:uppercase;
}

.node .content {
  clear: both;
  padding: 0;
}

.meta {
	border-bottom: solid #CCCCCC 1px;
	color:#888888;
	font-style:italic;
	margin:0 0 35px;
	padding:2px 5px;
	text-align:left;
	text-transform:lowercase;
}

.meta ul.inline,
.meta ul.inline li {
  display: inline;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.quoteRules {
	border-bottom: solid #CCCCCC 1px;
	border-top: solid #CCCCCC 1px;
	padding:6px 0px 10px 0px;
	text-align:left;
}

/* ****************************************************************************
 * The bottom blocks area
 * ************************************************************************* */
#bottom-blocks { margin-top: 1.5em; }

/* ****************************************************************************
 * Blocks
 * ************************************************************************* */
.block { margin-bottom: 0em; }

.block ul, .block ul.menu {
  list-style-position: inside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.block ul li, .block ul.menu li {
	list-style-position: inside;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0;
	font-size: 0.65em;
}

.block ul.menu li ul.menu li { margin-left: 1em; }

.block ul.menu li ul.menu li.last,
.block ul.menu li ul.menu li ul.menu li.last { border: 0; }