/*******************************************/
/*  OpenStructs Theme CSS Stylesheet                  */
/*  by Michael K Bergman                                          */
/*  copyright 2009 Structured Dynamics LLC         */
/*  extensively modified from a TopNotch Theme  */
/*  by Chris Fassnacht & Stephanie Pakrul               */
/*  copyright 2008 Collective Mind                         */
/*******************************************/

/******************************/
/* RESET MARGINS & PADDING  */
/******************************/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

/***************/
/* TYPOGRAPHY */
/***************/

body {
  background: #FFFFFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;     /* web safe fonts */
  font-size:  12px;                                 /* 12px */
  font-weight: normal;
  line-height: 160%;                              /* 19.2px */
}

/*
h1 {
  font-weight: normal;
}

h2 {
  font-size: 1.75em;
  font-weight: normal;
  margin: 18px 0px 15px 20px;
}

h3 {
  font-size: 1.25em;
  font-weight: bold;
  margin: 18px 0px 9px 40px;
}
*/
h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 18px 0px 9px 60px;
  padding: 0 0 4px 10px;
  border-bottom: 1px #bbbbbb solid;
  max-width: 55%;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin: 18px 0px 9px 80px;
  font-style: italic;
}

h6 {
  font-size: 0.8em;
  font-weight: bold;
}

/******************/
/* DEFAULT LINKS */
/******************/

a {
  color: #27638C;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

a:link,
a:visited {
  color: #27638C;
}  

a:hover,
a:active {
  text-decoration: underline;
}

/***********/
/* LAYOUT */
/***********/

html {
  background: #FFF;                               /* background & font color */
  color: #666;
}

#page {
  background-color: #FFF;
  background: transparent url('imgs/gradient-left.png') repeat-y left top; 
  margin: 0;
  min-height: 2150px;                                 /* forces left column depth for image; matches with .main */
  margin-bottom: -2150px; 
  height: auto !important;
  height: 2150px; 
  width: 100%;
}

p {
  font-size: 1em;
  font-weight: normal;
  line-height: 160%;
  margin: 10px 0;
}

/*********/
/* LISTS */
/*********/

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em;
}

ul.menu li,
.item-list ul li {
  margin: 0.15em 0 0.15em 0.5em;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0;
}

ol li,
ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  margin: 0.15em 0 0.15em 0;
  padding: 0.2em 0 0 1.333em;
}

ul li,
ul.menu li,
.item-list ul li,
li.leaf {
  background: url('imgs/raquo.png') no-repeat left 0.833em;
  list-style-image: none;
  list-style-type: none;
}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em;
}

div.block ul {
  padding: 0 0 3px;
}

ul.links li,
ul.links.inline {
  background: transparent;
}

/* remove list styling on login block and taxonomy */
#user-login-form div.item-list ul li,
div.terms ul li {
  list-style-type: none;
  margin: 0;
}

/* adjust openid link */
html.js #user-login-form li.openid-processed, 
html.js #user-login li.openid-processed {
  font-weight: bold;
  list-style-type: none;
  margin: 10px 0 0 -6px;
  padding-left: 20px;
  padding-top: 0.2em
}

#preface-wrapper div.block ul li {
  background: url('imgs/green-checkmark.png') no-repeat 0 0.222em;
  list-style-image: none;
  list-style-type: none;
  padding: 1em 0 0 2.222em;
}

#preface-wrapper div.block ol li {
  list-style-image: none;
  padding: 2px 0;
}

body.layout-main-last #sidebar-last li.leaf,
body.layout-main-last #sidebar-last ul.menu li,
body.layout-main-last #sidebar-last .item-list ul li,
#content-content .node ul li,
#content-bottom  ul li {
  background: url('imgs/green-bullet.png') no-repeat left 0.50em;
  list-style-image: none;
  list-style-type: none;
  margin-left: 1.2em;
  padding-left: 1.666em;
}

#content-content .node ul li ul li{
  background: url('imgs/raquo.png') no-repeat left 0.833em;
  list-style-image: none;
  list-style-type: none;
  margin-left: 1.2em;
  padding-left: 1.666em;
}

/********/
/* MISC */
/********/

hr {
  border: 1px solid #D6DDB9;
}

div.content a.feed-icon img,
div.content th img {
  border: 0;                                      /* remove image borders where we don't want them */
}

/* format initial startup page list nicely */
#first-time p {
  clear: both;
}

#first-time ol {
  list-style-position: outside;
  margin-left: 2em;
}

/*********************/
/* ALL PAGE REGIONS */
/*********************/

/********************/
/* HEADER REGIONS */
/********************/

#header {
  background: transparent url('imgs/header-gradient.png') repeat-x 0 1px;
 /* background-color: #FCFCFE; */
  background-color: #FFFFFF;
  padding-left: 15px;
}

#header-wrapper {
  background: transparent url('imgs/header-gradient.png') repeat-x 0 1px; 
  background-color: inherit;
  margin: 0 auto;
  padding: 0;
  width: 960px;
}

#search-box {
  background-color: #E1E1E1;
  border: 1px solid #CCCCCC;
  float: right;
  padding: 8px;
  position: relative;
  top: 0;
  width: 20em;
  -moz-border-radius-bottomleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px; 
}

#search-box input#edit-search-theme-form-1 {
  width: 170px;
}

/* theming for header search box */
#search-box input.form-submit {
  background: #EFEBE7;
  border: 1px solid #ccc;
  color: #194765;
  cursor: pointer; 
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  padding: 3px 3px 2px;
  outline: none;
  text-transform: none;
  -moz-border-radius: 0;
  -moz-outline-radius: 0;
  -webkit-border-radius: 0;
}

#search-box label,
#search-box a.advanced-search-link {
  display: none;
}

#header-first {
  float: left;
  font-family: Palatino Linotype, Palatino, Georgia, Trebuchet MS, sans-serif;
  margin: 12px 30px 0 0;
  width: 340px;
}

#header-first #logo {                              /* logo postion.  default image replaced if you upload your own */
  float: left;
}

#header-first h1 {    /* site name link */
  font-size: 3.3em;
  font-weight: 700;
  line-height: 80%;
  margin: 10px 0 15px 90px;
  color: #27638C;
  text-align: center;
}

#header-first h1 a {    /* site name link */
  text-decoration: none;
}

#header-first #code_header {                             /* site slogan */
  display: block;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.7em;
  font-weight: 500;
  color: #EF7B00;
  margin: 4px 4px 0px 90px;
  text-align: center;
}

#header-middle {
  float: left;
  margin: 10px 20px 0 0;
  width: 230px;
}

#header-last {
  float: right;
  margin: 0;
  width: 100px;
}

#header-last ul li{
  color: #FFF;
}

#header-bottom {
  margin: 0 auto;
  position: relative;
  width: 960px;
  z-index: 5;    /* fixes IE z-index bug */
}

/*********************/
/* PREFACE REGIONS  */
/*********************/

#preface {
  background: #005A8C url('imgs/preface-wrapper-bg.png') repeat-x top;
  min-height: 7px;
  padding-left: 15px;
  margin-bottom: 20px;
}

#preface-wrapper {
  color: #fff;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.5em;
  margin: 0 auto;
  padding: 10px 0 8px 0;
  width: 960px;
}

/* correct button font size */
#preface-wrapper .form-submit {
  font-size: 0.6em;
}

#preface-wrapper #preface-first {
}

#preface-wrapper #preface-middle {
}

#preface-wrapper #preface-last {
}


#preface-wrapper.prefaces-1 div.column {
  float: left;
  width: 100%;
}
  
#preface-wrapper.prefaces-2 div.column {
  display: inline;
  float: left;
  margin: 0 14px;
  width: 47%;
}
  
#preface-wrapper.prefaces-3 div.column {
  display: inline;
  float: left;
  margin: 0 14px;
  width: 30%;
} 

#preface-wrapper a:link,
#preface-wrapper a:visited {
  color: #fff;
  text-decoration: underline;
}

#preface-wrapper a:link:hover,
#preface-wrapper a:visited:hover {
  border-bottom: none;
  text-decoration: none;
}

div.content > a:link img {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

/*************************/
/*  MAIN AREA WRAPPER   */
/* (Sidebars + Content)          */
/*************************/

#main {
/*  background: transparent url('imgs/gradient-right.png') repeat-y right;  */
  padding-left: 15px;
/*  min-height: 600px;
  height: auto !important;
  height: 600px;  */
  min-height: 2000px;
  margin-bottom: -2000px; 
  height: auto !important;
  height: 2000px; 
}

#main-wrapper {
  margin: 0 auto;
  width: 960px;
}

#main-wrapper a.active {
  color: #144A6E;
  text-decoration: underline;
}

/*********************/
/* SIDEBAR REGIONS */
/*********************/

#sidebar-first {
  float: left;
}

#sidebar-last {
  background: transparent;
  float: right;
  margin: 0 0 0 10px;
}

/**********************/
/* CONTENT REGIONS */
/**********************/

#content-wrapper {
  float: left;
}

#content-top {
  margin: 0 0 30px;
}

#content {
  margin: 0 0 20px;                               /* default spacing between content regions */
}

#content-inner {
}

#content-bottom {
  clear: both;
  margin: 20px 0 0;
}

/*************************/
/* POSTSCRIPT REGIONS  */
/*************************/

#postscript-wrapper {
  clear: both;
  margin: 0 auto;
  width: 960px;
}

#postscript-wrapper #postscript-first {
  padding-left: 0;
}

#postscript-wrapper #postscript-middle {
}

#postscript-wrapper #postscript-last {
  padding-right: 0;
}

#postscript-wrapper.postscripts-1 div.column {
  float: left;
  width: 100%;
}

#postscript-wrapper.postscripts-2 div.column {
  float: left;
  margin: 0 10px 0 8px;
  width: 48%;
}

#postscript-wrapper.postscripts-3 div.column {
  float: left;
  padding: 0 8px;
  width: 32%;
} 

/*******************/
/* FOOTER REGION */
/*******************/

#footer {
  border-top: 1px solid #D6DDB9;
  clear: both;
  display: block;
  font-size: 0.9em;
  margin: auto 0;
  margin-top: 6px;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  width: 960px;
}

#footer ul {
  display: inline;
  margin: 0;
  padding: 0 0 0 9px;
}

#footer ul li {
  background: transparent none repeat;
  border-left: 1px solid #CCC;
  display: inline;
  padding: 0 5px 0 9px;
}

#footer ul li.first {
  border: none;
}


/**********************************/
/*          COLUMN LAYOUTS                   */
/*                                                                */
/* Classes for different column layouts */
/* that are applied to the <body> tag.      */
/**********************************/

/****************************/
/* SINGLE COLUMN LAYOUT  */
/* (Main Content)                         */
/****************************/

body.layout-main #content-wrapper {
  margin: 80px 0 8px 0;
  width: 960px;
}

/***************************/
/*   TWO COLUMN LAYOUT    */
/* (Sidebar:Main Content)         */
/***************************/

body.layout-first-main #sidebar-first {
  margin: 40px 8px 0 0;
  width: 210px;
}

body.layout-first-main #content-wrapper {
  margin: 40px 0 8px 0;
  width: 736px;
}

/***************************/
/*   TWO COLUMN LAYOUT    */
/* (Main Content:Sidebar)         */
/***************************/

body.layout-main-last #content-wrapper {
  margin: 20px 0 8px 0;
  width: 960px;
}

body.layout-main-last #content-inner {
  float: left;
  margin: 60px 0 8px 0;
  width: 724px;
}

body.layout-main-last  #sidebar-last  {
  float: right;
  padding: 20px 0 0 10px;
  width: 220px;
}

body.full-node.layout-main-last #sidebar-last {
  margin: 0;
}

/*******************************/
/*      THREE COLUMN LAYOUT       */
/* (Sidebar:Main Content:Sidebar)  */
/*******************************/

body.layout-first-main-last #sidebar-first {
  margin: 40px 20px 0 0;
  width: 210px;
}

body.layout-first-main-last #content-wrapper {
  margin: 40px 0 8px 0;
  width: 730px;
}

body.layout-first-main-last #content-wrapper #content-inner {
}

body.layout-first-main-last #content-wrapper #sidebar-last {
  margin: 0;
  padding: 60px 0 0 10px;
  width: 220px;
}

body.full-node.layout-first-main-last #sidebar-last {
  margin: 0;
}

/********************/
/* HELPER CLASSES  */
/********************/

.hide {
  display: none;
  visibility: hidden;
}

.no-visible {
  visibility: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}  

.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: "."; 
  display: block;
  font-size: 0;
  height: 0; 
  visibility: hidden;
}

.border {
  border: 1px solid #000000;
}

.margin-top {
  margin-top: 0px;
}

/**************/
/* HEADINGS  */
/**************/

h1.title {                                        /* page titles */
  border-bottom: 1px solid #D6DDB9;
  clear: left;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.95em;
  font-weight: 500;
  line-height: 1.272em;
  padding: 0 0 6px 24px;
  margin-bottom: 24px;
}  

h2.title {                                        /* block titles, node titles */
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.333em;
  font-weight: 600;
}  

h2.title a:link,
h2.title a:visited {
}  

h2.title a:hover,
h2.title a:active {
  color: #619CBE;
  text-decoration: none;
}  

div.node h2.title {
  border-bottom: 1px solid #d6ddb9;
}

/**********/
/* NODES  */
/**********/

div.node {
  margin: 0 0 30px;
}

#content-content .node ul.links li,
#content-content .node ul.inline li,
#content-content .node .links a {
  background: transparent;
  margin: 0;
  padding: 0 14px 0 0;
}

div.node .read-more a,
div.node .more-link a,
div.node .links a {
  font-size: 0.9em;
  font-weight: bold;
  margin: 0;
}  

#content-content .node ul.links li.comment_forbidden a {
  padding-right: 4px;
}

.submitted,
.terms {                                          /* styling for byline and tags */
  font-size: 0.9em;
}

.vocab-name {
  font-weight: bold;
}

.terms {
  line-height: 130%;
}

#content-content .terms ul.taxonomy li {
  background: transparent;
  margin: 10px 0 5px;
  padding: 0;
}

#content-content .terms ul.taxonomy ul.vocab-list,
#content-content .terms ul.taxonomy li.vocab-term {
  background: transparent;
  display: inline;
  padding: 0 0 0 2px;
}

.submitted a:link {
}

.submitted a:visited,
.submitted a:hover,
.submitted a:active {
}

div.node.full-node div.content {
/*  border-bottom: 1px solid #D6DDB9; */
}

.node-form .standard {
  clear: none;
}

.picture {
  float: right;
  margin: 0 0 2px 4px;
  padding: 2px;
}

/***********/
/* BLOCKS  */
/***********/

div.block {
  position: relative;
}

div.block-region {
  background-color: #FFFF66;
  color: #000;
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 16px;
  margin-bottom: 4px;
  margin-top: 4px;
  padding: 3px;
  text-align: center;
}

div.block .title {
}

div.block .submitted {                              /* byline styles in blocks */
}

div.block .submitted a:link {
}

div.block .submitted a:visited,
div.block .submitted a:hover,
div.block .submitted a:active {
}

div.block-wrapper {                                /* spacing between blocks */
  margin: 10px 0;
}

div.block div.content {
}

#footer div.block-wrapper {                         /* spacing between blocks */
  margin: 5px 0;
}

#user-login-form .item-list ul li,
div.terms ul li {
  list-style-type: none;
  margin: 2px 0 0 16px;
}

#header-middle h2.block-title,
#header-last h2.block-title {
  color: #51748C;
  font-size: 1.833em;
  margin: 0;
  padding: 0;
}

#preface-wrapper h2.block-title {
  background-color: transparent;
  color: #6D970A;
  font-size: 1em;
  padding: 0;
}

#preface-wrapper .block .content {
  margin: 10px 0 0;
}

body.layout-main-last #sidebar-last .block-wrapper,
body.layout-first-main-last #sidebar-first .block-wrapper,
body.layout-first-main-last #sidebar-last .block-wrapper {
  margin: 0 0 10px;
}

/* rounded blocks styles -= layout-first-main-last & layout-first-main blocks */
#sidebar-first h2.block-title,
#sidebar-last h2.block-title,
#postscript-wrapper h2.block-title {
  background-color: #6D970A;
  color: #E3E3E3;
  margin: 0;
  padding: 2px 8px 3px 36px;
  text-align: right;
  text-shadow: #545454 1px 1px; 
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#sidebar-first div.block div.content,
#sidebar-last div.block div.content,
#postscript-wrapper div.block div.content {
  background: transparent url('imgs/sidebar-gradient.png') no-repeat center top;
  padding: 10px 10px 8px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px; 
}

/* non-rounded blocks styles = prefaces blocks */

#preface-wrapper div.block div.content {
  border: none;
}

#preface-wrapper div.block div.content,
#footer div.block div.content {
  background: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
}

#footer h2.block-title {
  background: transparent;
  color: #666;
}

#sidebar-first #block-search-0 .form-item label,
#sidebar-last #block-search-0 .form-item label {
  display: none;
}

#legal-notice {
  clear: both;
  color: #AAA;
  display: block;
  font-size: 0.9em;
  margin-top: -5px;
  text-align: center;
  width: 100%;
}



/*****************/
/* BLOCK MENUS  */
/*****************/

div.block ul li a,
div.block ul.menu li a {								
  font-size: 1em;
  font-weight: bold;
}

div.block ul.menu li,
div.block .item-list ul li {
  margin: 0;
}

div.block ul.menu li a:link,
div.block ul.menu li a:visited {
}

div.block ul.menu li a:hover,
div.block ul.menu li a:active {
}

#footer div.block ul li a,
#footer div.block ul.menu li a {
  font-weight: normal;
}

/*******************************************/
/* ROUNDED CORNERS FOR BLOCKS (optional)  */
/*******************************************/

div.rounded-block {
  margin-top: -1px;                               /* use negative margin to overlap stacked blocks */
}

p.rounded-topspace {
  margin-top: -14px;                              /* removes unwanted space */
}

p.rounded-bottomspace {
  margin-bottom: -10px;                           /* removes unwanted space */
}

div.rounded-block-top-left, 
div.rounded-block-top-right, 
div.rounded-block-bottom-left, 
div.rounded-block-bottom-right { 
  background: transparent url('imgs/rounded-block.png') no-repeat;    /* combined rounded corner image */
  font-size: 2px;                                 /* IE div correction */
  height: 11px;                                   /* height of an image corner */
}

div.rounded-block-top-left, 
div.rounded-block-bottom-left { 
  margin-right: 11px;                             /* width of an image corner */
}

div.rounded-block-top-right {                      /* anchor image in top right */
  background-position: 100% 0;
}

div.rounded-block-top-right,
div.rounded-block-bottom-right { 
  margin-left: 11px;                              /* width of an image corner */
  margin-top: -11px;                              /* height of an image corner */
}

div.rounded-block-bottom-left  { 
  background-position: 0 -11px;                   /* negative height of an image corner */
}

div.rounded-block-bottom-right { 
  background-position: 100% -11px;                /* negative height of an image corner */
}

div.rounded-outside,
div.rounded-inside {
  background: transparent url('imgs/rounded-block-inner.png') repeat-y right;
  padding-right: 8px;
}

div.rounded-inside {
  background-position: left;
  padding: 0 0 0 8px;
}

/******************/
/* PRIMARY MENU  */
/******************/

#primary-menu {                                 /* menu layout */
/*  display: block; */
  float: right;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 1px;
  padding: 0;
  position: relative;
}
  
#primary-menu ul.links li {                        /* text styling for the top (primary) menu */
}  

#primary-menu ul.links li.first {                  /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li.last {                   /* .first and .last classes applied to first and last menu & list items */
}
  
#primary-menu ul.links li a:link,
#primary-menu ul.links li a:visited {
}

#primary-menu ul.links li a:hover,
#primary-menu ul.links li a:active {
}  
  
/**************************************/
/* PRIMARY MENU WITH DROPDOWNS   */
/* - used with menu_tree theming of              */
/* $primary_links in page.tpl.php                   */
/**************************************/

#primary-menu ul.menu li {                           /* top item layout */
  background: transparent url('imgs/tab-left.png') no-repeat left 0;
  display: block;
  float: left;
  margin: 0 9px 0 0;
  padding: 0 0 0 0.833em;                         /* 0 0 0 10px */
  position: relative;
  width:  auto;
}

#primary-menu ul.menu li:hover,
#primary-menu ul.menu li.hover,
#primary-menu ul.menu li.active-trail {
  background-position: left -29px;
}

#primary-menu ul.menu li a {
  background: transparent url('imgs/tab-right.png') no-repeat right 0;
  color: #27638C;                                  /*#154B70;*/
  display: block;
  padding: 0.316em 0.833em 0.283em 0;             /* 5px 10px 1px 0 */
  text-decoration: none;
}

#primary-menu ul.menu li a:hover,
#primary-menu ul.menu li:hover a,
#primary-menu ul.menu li.hover a,
#primary-menu ul.menu li.active-trail a {
  background-position: right -29px;
  color: #FFF;
}

#primary-menu ul.menu li ul {
  background: transparent url('imgs/drop-bottom.png') no-repeat 0 bottom;
  left: -999em;
  margin: 0 0 0 -10px;
  padding: 2px 0 6px;
  position: absolute;
  width: 144px;
  z-index: 2;
}
  
#primary-menu ul.menu li:hover ul,
#primary-menu ul.menu li.hover ul {
  display: block;
  left: auto;
}
  
#primary-menu ul.menu li ul li {
  background: #D3E2AA;
  border-bottom: 1px solid #86BA0C;
  float: left;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.916em;
  height: auto;
  margin: 0;
}

#primary-menu ul.menu li ul li.last {
  border-bottom: none
}

#primary-menu ul.menu li ul li a,
#primary-menu ul.menu li ul li a:link,
#primary-menu ul.menu li ul li a:visited {
  background: transparent;
  color: #27638C;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-transform: none;
  width: 135px;
}

#primary-menu ul.menu li ul li a:hover {
  color: #52A9D4;
  display: block;
  margin: 0;
  padding: 4px 0;
  text-decoration: none;
}

#primary-menu ul.menu li ul li ul.menu {
  left: -999em;
  margin: 0 0 0 -14px;
  padding: 6px 0 4px;
}

#primary-menu ul.menu li ul li:hover ul.menu,
#primary-menu ul.menu li ul li.hover ul.menu {
  display: block;
  left: 154px;
  top: -6px;
}

#primary-menu ul.menu li ul li ul.menu li a {
  padding: 4px;
  width: 128px;
}
  
/*********************/
/* SECONDARY MENU  */
/*********************/

#header-last ul.menu a:link {
  color: #EF7B00;
}  

#header-last ul.menu a:visited {
  color: #EF7B00;
}  

#header-last  ul.menu a:hover {
  color: #BBBBBB;
  text-decoration: underline;
}

#header-last  ul.menu a:active {
  color: #FFFFFF;
}

/*************/
/* MISSION  */
/*************/

#mission {
  padding: 8px 0;
}

/******************/
/* BREADCRUMBS  */
/******************/

#breadcrumb {
  font-size: 1em;
  line-height: 100%;
  left: 21.654em;
  position: relative;
  top: 1.333em;
  width: 700px;
}

body.layout-main-last #breadcrumb {
  left: 0;
}

.breadcrumb {
  margin: 0;
  padding: 0;
}

/*********/
/* TABS  */
/*********/

/* styling for node tabs (e.g., View, Edit) */
#content-tabs {
  background-color: transparent;
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #bbb;
  clear: left;
  float: left;
  margin: 0;
  padding: 0 10px;
  text-transform: uppercase;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #bbb;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  background: transparent;
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #27638C;
  float: left;
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #27638C;
  font-size: 1em;
  line-height: 1.1em;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #EF7B00;
  color: #27638C;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #EF7B00;
  color: #27638C;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.secondary li a:hover {
  border-bottom: 4px solid #EF7B00;
  color: #4A95C8;
  padding-bottom: 2px;
}

/**********/
/* FORMS  */
/**********/

form {
  margin: 0;
  padding: 0;
}

select.form-select,
input.form-text,
textarea.form-textarea {                            /* default styling for all text fields */
  background: #F6F9FB url('imgs/form-bg.png') left top;
  color: #666666;
  border: 1px solid #9BABB0;
  padding: 2px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

body.layout-first-main-last select.form-select,
body.layout-first-main-last input.form-text,
body.layout-first-main-last textarea.form-textarea,
body.layout-first-main-last div.resizable-textarea,
body.layout-first-main-last div.resizable-textarea .grippie {
  max-width: 325px;
}

input.form-submit,
input.teaser-button {                               /* default styling for all form buttons */
  background: transparent url('imgs/blue-button.png') no-repeat left center;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.916em;
  font-weight: bold;
  margin: 0 4px;
  padding: 2px 4px;
  text-transform: uppercase;
  outline: 1px solid #9BABB0;
  -moz-border-radius: 4px;
  -moz-outline-radius: 4px;
  -webkit-border-radius: 4px;
}

input.form-submit:hover,
input.teaser-button:hover  {
  background-position: right center;
  cursor: pointer;
}  

fieldset {
  border: 1px solid #D6DDB9;
  margin: 15px 0;
  padding: 10px;
}

fieldset.collapsed {
}

fieldset legend {
  font-weight: bold;
}

html.js fieldset.collapsible legend a {
  font-weight: bold;
}

form#system-theme-settings select,
form#system-theme-settings input.form-text {
  width: 95%;
}

#user-login-form {
  text-align: left;
}

div.form-item label {
  font-weight: normal;
}

html.js input.form-autocomplete {
  background-position: 100% 5px;
}

/***********/
/* PAGERS  */
/***********/

#main-wrapper .item-list .pager {
  clear: both;
  margin: 0 0 20px;
  text-align: center;
}

#preface-wrapper .item-list .pager li,
#main-wrapper .item-list .pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 2px;
}

#main-wrapper .item-list .pager a.active {
  color: #27638C;
  font-size: 1em;
  font-weight: bold;
  padding: 4px;
  text-decoration: none; 
}

#main-wrapper .pager li.pager-current {
  background-color: #D9DBCD;
  border: 1px solid #266996;
  color: #333;
  margin: 0 4px;
  padding: 4px;
}

#main-wrapper .pager-first,
#main-wrapper .pager-next,
#main-wrapper .pager-previous,
#main-wrapper .pager-item,
#main-wrapper .pager-last {
  background-color:#FDFFEF;
  border: 1px solid #266996;
  margin: 0 4px;
  padding: 4px;
}

#main-wrapper .pager-first:hover,
#main-wrapper .pager-next:hover,
#main-wrapper .pager-previous:hover,
#main-wrapper .pager-item:hover,
#main-wrapper .pager-previous:hover,
#main-wrapper .pager-last:hover {
  background-color: #EAEFCB;
}

/***********/
/* TABLES  */
/***********/

table {
  border-collapse: collapse;
  margin: 0 0 10px;
  width: 100%;
}

.layout-first-main-last table {
  border-collapse: collapse;
  margin: 0 0 10px;
  width: 57%;
}

th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #CCC;
}

tr {
  padding: 0.2em 0.6em;
}

td {
  padding: 3px;
  font-size: 90%;
}

th.active img {
  display: inline;
}

tr.even td {
  background-color: #E3ECC0;
  border-bottom: 1px solid #CCC;
}

tr.odd td {
  background-color: #FDFFEF;
  border-bottom: 1px solid #CCC;
}

td.active {
  
}

tbody {
  border-top: 1px solid #CCC;
}

tbody th {
  border-bottom: 1px solid #CCC;
}

thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #CCC;
}

/**********************/
/* DRUPAL MESSAGES  */
/**********************/

.node-unpublished {
  background-color: #FFF4F4;
}

.preview {
  background-color: #FFFFEA;
  padding: 10px;
}

.description {
}

div.messages {
  background: #FFFCE3;
  border: 2px solid #EED300;
  color: #C28E00;
  font-weight: bold;
  font-size: 1.166em;
  margin: 20px 0pt;
  padding: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.messages ul {
  list-style-position: inside;
}

div.messages em {
  color: #656C9B;
}

div.error {
  background-color: #FFF2F2;
  border-color: #FF0000;
  color: #B20000;
}

.status {
}

.help {
}

.help .more-help-link {
}

.marker {
}

.tips {

}

#help {
  clear: left;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

/****************************/
/* MODULE SPECIFIC STYLES */
/****************************/

/***********************/
/* BOOK NAVIGATION  */
/***********************/

.book-navigation .menu {
  border-top: 1px solid #CCC;
  padding: 1em 0 0 3em;
}
.book-navigation .page-links {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  text-align: center;
  padding: 0.5em;
}

/*********/
/* BLOG  */
/*********/

.node-type-blog h2 {
  font-size: 1.6em;
  font-weight: 600;
}

/***************/
/* COMMENTS  */
/***************/

#comments {
  clear: both;
}

#comments h2.comments {
  background-color: #86BA0C;
  color: #fff;
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.333em;
  font-weight: 600;
  padding: 6px 14px 6px 52px;
  text-shadow: #545454 1px 1px;
  text-transform: uppercase;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}

#comments .content {
  background: transparent;
  border: none;
}

#main-wrapper #comments a.active {
  color: #27638C;
  text-decoration: none;
}

.box {
  padding: 10px;
}

#comment-form {
  margin: 0 0 20px;
  padding: 0 20px;
}

.comment {
  border: none;
  margin: 6px 0 0;
  padding: 10px;
}

.comment h3.title {
  font-weight: bold;
  margin: 0 0 5px 0;
}

.comment .links a {
  font-size: 0.9em;
  text-align: right;
}

#comments .odd {
  background-color: #F4F7E7;
  border: 1px solid #ddd;
}

#comments .even {
  background-color: #fff;
}

#comments .comment-by-author {
  background-color: #FFFFEA;
}

.comment ul.links {
  text-align: right;
  clear: right;
}

#content-content .comment ul.links li {
  background: transparent;
  margin: 0 10px 0 0;
  padding: 0;
}

.signature p {
  border-top: 1px solid #d6ddb9;
  font-family: serif;
  font-size: 0.916em;
  margin: 10px 0;
  padding: 0;
}

.content blockquote p {
  font-style: italic;
  margin: 0;
  padding: 0 20px 8px;
}

blockquote {
  background: url('imgs/close-quote.gif') no-repeat right bottom;
  color: #5A6A78;
  margin: 10px 0;
}

blockquote :first-child {
  background: url('imgs/open-quote.gif') no-repeat left top;
  padding: 10px 0 0 20px;
}

blockquote * > :first-child {
  background: transparent;
  padding: 0;
}

blockquote a:link {
  text-decoration: underline;
}


/***********************/
/* DOXYGEN-SPECIFIC   */
/***********************/

	

/* Specific to Doxygen elements */

/*
body, table, div, p, dl {
	font-family: Lucida Grande, Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
*/

/* @group Heading Levels */

h1 {
	text-align: center;
	font-size: 150%;
}

h2 {
	font-size: 120%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

/* @end */


caption {
	font-weight: bold;
}

div.qindex, div.navpath, div.navtab{
	background-color: #e8eef2;
	border: 1px solid #84b0c7;
	text-align: center;
	margin: 2px;
	padding: 2px;
}

div.qindex, div.navpath {
	width: 100%;
	line-height: 140%;
}

div.navtab {
	margin-right: 15px;
}

div.tabs table {
  border-collapse: collapse;
  margin: 0;
  width: 100%;
}

div.tabs {
	margin-bottom: 8px;
}

div.tabs a {
	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration:none;
	margin-right: 4px;
}

div.tabs td {
	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration:none;
}

/*
div.tabs a {
	margin: 0 5px 0 0;
}
*/

/* @group Link Styling */

.contents a:visited {
	color: #1b77c5;
}


a.qindex {
	font-weight: bold;
}

a.qindexHL {
	font-weight: bold;
	background-color: #6666cc;
	color: #ffffff;
	border: 1px double #9295C2;
}

a.el {
	font-weight: bold;
}

a.elRef {
}

a.code {
}

a.codeRef {
}

/* @end */

dl.el {
	margin-left: -1cm;
}

.fragment {
	font-family: monospace, fixed;
	font-size: 105%;
}

pre.fragment {
	border: 1px solid #CCCCCC;
	background-color: #f5f5f5;
	padding: 4px 6px;
	margin: 4px 8px 4px 2px;
}

div.ah {
	background-color: black;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 3px;
	margin-top: 3px
}

div.groupHeader {
	margin-left: 16px;
	margin-top: 12px;
	margin-bottom: 6px;
	font-weight: bold;
}

div.groupText {
	margin-left: 16px;
	font-style: italic;
}


td.indexkey {
	background-color: #e8eef2;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin: 2px 0px 2px 0;
	padding: 2px 10px;
}

td.indexvalue {
	background-color: #e8eef2;
	border: 1px solid #CCCCCC;
	padding: 4px 10px;
	margin: 2px 0px;
}

tr.memlist {
	background-color: #f0f0f0;
}

p.formulaDsp {
	text-align: center;
}

img.formulaDsp {
	
}

img.formulaInl {
	vertical-align: middle;
}

/* @group Code Colorization */

span.keyword {
	color: #008000
}

span.keywordtype {
	color: #604020
}

span.keywordflow {
	color: #e08000
}

span.comment {
	color: #800000
}

span.preprocessor {
	color: #806020
}

span.stringliteral {
	color: #002080
}

span.charliteral {
	color: #008080
}

span.vhdldigit { 
	color: #ff00ff 
}

span.vhdlchar { 
	color: #000000 
}

span.vhdlkeyword { 
	color: #700070 
}

span.vhdllogic { 
	color: #ff0000 
}

/* @end */

.search {
	color: #003399;
	font-weight: bold;
}

form.search {
	margin-bottom: 0px;
	margin-top: 0px;
}

input.search {
	font-size: 75%;
	color: #000080;
	font-weight: normal;
	background-color: #e8eef2;
}

td.tiny {
	font-size: 75%;
}

.dirtab {
	padding: 4px;
	border-collapse: collapse;
	border: 1px solid #84b0c7;
}

th.dirtab {
	background: #e8eef2;
	font-weight: bold;
}

hr {
	height: 0;
	border: none;
	border-top: 1px solid #666;
}

/* @group Member Descriptions */

.mdescLeft, .mdescRight,
.memItemLeft, .memItemRight,
.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
	background-color: #FAFAFA;
	border: none;
	margin: 4px;
	padding: 1px 0 0 8px;
}

.mdescLeft, .mdescRight {
	padding: 0px 8px 4px 8px;
	color: #555;
}

.memItemLeft, .memItemRight, .memTemplParams {
	border-top: 1px solid #ccc;
}

.memTemplParams {
	color: #606060;
}

/* @end */

/* @group Member Details */

/* Styles for detailed member documentation */

.memtemplate {
	font-size: 80%;
	color: #606060;
	font-weight: normal;
	margin-left: 3px;
}

.memnav {
	background-color: #e8eef2;
	border: 1px solid #84b0c7;
	text-align: center;
	margin: 2px;
	margin-right: 15px;
	padding: 2px;
}

.memitem {
	padding: 0;
}

.memname {
	white-space: nowrap;
	font-weight: bold;
}

.memproto, .memdoc {
	border: 1px solid #84b0c7;	
}

.memproto {
	padding: 0;
	background-color: #d5e1e8;
	font-weight: bold;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

.memdoc {
	padding: 2px 5px;
	background-color: #eef3f5;
	border-top-width: 0;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}

.memdoc p, .memdoc dl, .memdoc ul {
	margin: 6px 0;
}

.paramkey {
	text-align: right;
}

.paramtype {
	white-space: nowrap;
}

.paramname {
	color: #602020;
	white-space: nowrap;
}
.paramname em {
	font-style: normal;
}

/* @end */

/* @group Directory (tree) */

/* for the tree view */

.ftvtree {
	font-family: sans-serif;
	margin: 0.5em;
}

/* these are for tree view when used as main index */

.directory {
	font-size: 9pt;
	font-weight: bold;
}

.directory h3 {
	margin: 0px;
	margin-top: 1em;
	font-size: 11pt;
}

/*
The following two styles can be used to replace the root node title
with an image of your choice.  Simply uncomment the next two styles,
specify the name of your image and be sure to set 'height' to the
proper pixel height of your image.
*/

/*
.directory h3.swap {
	height: 61px;
	background-repeat: no-repeat;
	background-image: url("yourimage.gif");
}
.directory h3.swap span {
	display: none;
}
*/

.directory > h3 {
	margin-top: 0;
}

.directory p {
	margin: 0px;
	white-space: nowrap;
}

.directory div {
	display: none;
	margin: 0px;
}

.directory img {
	vertical-align: -30%;
}

/* these are for tree view when not used as main index */

.directory-alt {
	font-size: 100%;
	font-weight: bold;
}

.directory-alt h3 {
	margin: 0px;
	margin-top: 1em;
	font-size: 11pt;
}

.directory-alt > h3 {
	margin-top: 0;
}

.directory-alt p {
	margin: 0px;
	white-space: nowrap;
}

.directory-alt div {
	display: none;
	margin: 0px;
}

.directory-alt img {
	vertical-align: -30%;
}

/* @end */

address {
	font-style: normal;
	color: #333;
}



.warning {
	padding-left: 17px;
	background-image: url(imgs/warning_flag.gif);
	background-repeat: no-repeat;
}

.attention {
	padding-left: 17px;
	background-image: url(imgs/attention_flag.gif);
	background-repeat: no-repeat;
}

.remark {
	padding-left: 17px;
	background-image: url(imgs/remark_flag.gif);
	background-repeat: no-repeat;
}

.note {
	padding-left: 17px;
	background-image: url(imgs/note_flag.gif);
	background-repeat: no-repeat;
}


.return {
	padding-left: 17px;
	background-image: url(imgs/returns.gif);
	background-repeat: no-repeat;
}

.author {
	padding-left: 17px;
	background-image: url(imgs/author.gif);
	background-repeat: no-repeat;
}




/********************/
/* HEADER REGIONS */
/********************/

#header {
  background: transparent url('imgs/header-gradient.png') repeat-x 0 1px;
 /* background-color: #FCFCFE; */
  background-color: #FFFFFF;
  padding-left: 15px;
}

#header-wrapper {
  background: transparent url('imgs/header-gradient.png') repeat-x 0 1px; 
  background-color: inherit;
  margin: 0 auto;
  padding: 0;
  width: 960px;
}

#header-first {
  float: left;
  font-family: Palatino Linotype, Palatino, Georgia, Trebuchet MS, sans-serif;
  margin: 12px 30px 0 0;
  width: 340px;
}

#header-first #logo {                              /* logo postion.  default image replaced if you upload your own */
  float: left;
}

#header-first h1 {    /* site name link */
  font-size: 3.3em;
  font-weight: 700;
  line-height: 80%;
  margin: 10px 0 15px 90px;
  color: #27638C;
  text-align: center;
}

#header-first h1 a {    /* site name link */
  text-decoration: none;
}

#header-first #slogan {                             /* site slogan */
  display: block;
  font-family: Georgia, sans-serif;
  font-size: 1.3em;
  font-weight: 500;
  font-style: italic;
  margin: 4px 4px 0px 90px;
  text-align: center;
}

#header-middle {
  float: left;
  margin: 10px 20px 0 0;
  width: 230px;
}

#header-last {
  float: right;
  margin: 0;
  width: 200px;
}

#header-last ul li{
  color: #FFF;
}

#header-bottom {
  margin: 0 auto;
  position: relative;
  width: 960px;
  z-index: 5;    /* fixes IE z-index bug */
}

.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: "."; 
  display: block;
  font-size: 0;
  height: 0; 
  visibility: hidden;
}

