#content-area td {
vertical-align: top !important;
}


.content table {
	width: auto;
	margin: 0 auto 10px auto;

}



td.button-green,
td.button-purple,
td.button-orange,
td.button-yellow,
td.button-blank

 {
	color: #FFF;
	font-size: 1em;
	line-height: 1.2em;
	text-align: center;
	width: 234px;
	background-repeat: no-repeat;
	padding: 5px 0 0 0;
	font-weight:bold;
	font-family: oxygen, arial, sans-serif;
	height: 60px;
}


td.button-big-green,
td.button-big-purple,
td.button-big-orange,
td.button-big-yellow,
td.button-big-blank

 {
	color: #FFF;
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: center;
	width: 346px;
	background-repeat: no-repeat;
	padding: 0;
	font-weight:bold;
	font-family: oxygen, arial, sans-serif;
	height: 146px;
}


td.button-green p,
td.button-purple p,
td.button-orange p,
td.button-yellow p,
td.button-blank p,
td.button-big-green p,
td.button-big-purple p,
td.button-big-orange p,
td.button-big-yellow p,
td.button-big-blank p


 {
	margin: 0;
	padding: 0;
}


td.button-green a,
td.button-purple a,
td.button-orange a,
td.button-yellow a
 {
	color: #FFF;
	text-decoration: none;
	font-family: oxygen, arial, sans-serif;
	display: block;
	height: 58px;
	width: 226px;
}


td.button-big-green a,
td.button-big-purple a,
td.button-big-orange a,
td.button-big-yellow a
 {
	color: #FFF;
	text-decoration: none;
	font-family: oxygen, arial, sans-serif;
	display: block;
	height: 121px;
	width: 323px;
	padding: 20px 10px 0 10px;
}


td.button-green

 {
	background-image: url(../images/button-green.gif);

}

td.button-big-green

 {
	background-image: url(../images/button-big-green.gif);

}


td.button-purple
 {
	background-image: url(../images/button-purple.gif);
}


td.button-big-purple
 {
	background-image: url(../images/button-big-purple.gif);
}



td.button-orange
 {
	background-image: url(../images/button-orange.gif);

}

td.button-big-orange
 {
	background-image: url(../images/button-big-orange.gif);

}

td.button-yellow
 {
	background-image: url(../images/button-yellow.gif);

}


td.button-big-yellow
 {
	background-image: url(../images/button-big-yellow.gif);

}



.menubuttons {
	background-color: #221f1e;
	padding: 10px 0 0 0;

	width: 200px;
	-webkit-border-radius: 20px 20px 0px 0px;  border-radius: 20px 20px 0px 0px;
}

.menu li a,
.menubuttons ul li {
	padding-left: 2px !important;
	border-bottom-style: solid !important;
	font-size: 0.9em !important;
	font-weight: bold !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	border-bottom-width: 1px !important;
	border-bottom-color: #393635 !important;
	background-image: none !important;
	font-family: oxygen, arial, sans-serif;
}

.menu li a,
.menubuttons ul a {
	color: #fff;
	text-decoration: none;
}




.header-rightcol {
	float: right;
	background-image: url(../images/search-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 39px;
	width: 330px;
	position: relative;
	height: 140px;
	padding: 0;
}

.header-rightcol #search-form {
    position: absolute;
    width: 300px;
    left: 30px;
    top: 38px;
}


#search-form .form-submit {
	position: relative;
	left: 6px;
}


#edit-search-block-form-1 {
	
width: 170px;
}



/* Animated throbber */
html.js .header-rightcol input.form-autocomplete {

  background-position: 98% 11px !important; /* LTR */
}
html.js .header-rightcol input.throbbing {
  background-position: 98% -10px !important; /* LTR */
}


.projects-login {
	background-image: url(../images/bg-login.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 200px;	
	
	margin: 0;
	font-family: oxygen, arial, sans-serif;
	font-size: 0.9em;
	padding: 16px 0 0 17px;
	font-weight: bold;
}



.projects-login a {
	color: #fff !important;	
	
	text-decoration: none;
}

#block-views-recently_added-block_1 {
	background-image: url(../images/bg-news-header.gif);
	background-repeat: no-repeat;
	height: 52px;
	width: 200px;
	padding: 7px 0 0 0;

	color: #fff;
}


#block-views-recently_added-block_1 h2.title {
	background: none;
	margin: 0 0 20px 0;

	color: #fff;
}


.region-sidebar-second ul {
	margin:0;
	padding: 0;

}

.region-sidebar-second ul li {
	margin:0;

}


.views-field-title {
	font-weight: bold;
}

.views-field-type {
	font-size: 0.7em;
}


.views-field-body .field-content {
	font-size: 0.9em;
}

#font-change {
	overflow: auto;
	float: right;
}

#font-change p {
float: left;
margin: 0;
color: #fff;
font-weight: normal;
font-style: italic;
}


#font-change ul {
float: left;
}


#font-change li {
margin: 0 10px 0 0;
padding: 0;
float: left;
}

.hierarchical-select-wrapper .dropbox-title {
/*color: #fff;*/


}

#edit-picture-upload-register {
color: #000;	
}

.tab-contact {
	width: 47px;
	height: 108px;
	background-image: url(../images/tab-calendar.gif);
	background-repeat: no-repeat;
	position: absolute;  
	top: 160px;  right: 0;
	z-index: 10;
}

.tab-contact a {
    display: block;


    width: 47px;  height: 108px;
    font-size: 0;
}

.tab-help {
	width: 47px;
	height: 75px;
	background-image: url(../images/tab-help.gif);
	background-repeat: no-repeat;	
	position: absolute;
	top: 268px;
	right: 0;
	z-index: 10;
}


.tab-help a {
    display: block;  width: 47px;  
    height: 75px;  font-size: 0;

	
}


tr.even, tr.odd {
background-color: #f0f0ee;
border-bottom: 1px solid #fff;
padding: 0.1em 0.6em;

}


.front  h1.title {
	display: none;
}


.read-more {
	font-size: 0.9em;
margin: 0 0 20px 0;
}

/*****  ADMIN  *****/


.block-region {


}

.warning a {
	
color: #000;
}

div.messages a,
div.status a {
color: #000;	
}



/**
 * @file
 * HTML Element Styling
 *
 * Ok, I admit it. I fooled you. This isn't a "reset" stylesheet. Instead this
 * is the place where you should set (not reset) the default styling for all
 * HTML elements.
 *
 * @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 * @see http://snook.ca/archives/html_and_css/no_css_reset/
 */


/*
 * Fonts
 *
 * Our font size and line height declarations are based on the following ALA
 * article:
 *   http://www.alistapart.com/articles/howtosizetextincss
 *
 * All modern browsrs use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */
body {
	font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
	background-color: #f6f6f5;
	background-image: url(../images/bg-top.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#skip-link,
#page {
  /*
   * To use a 12px font size on the page, delete the 14px declarations.
   * to use a 14px font size on the page, delete the 12px declarations.
   */

  /* Use a 16px base font size with an 18px line height */
  font-size: 1em; /* 16px x .875 = 14px */
  line-height: 1.125em; /* 16px x 1.125 = 18px */
}

#zzz-page {
  /*
   * To use a 12px font size on the page, delete the 14px declarations.
   * to use a 14px font size on the page, delete the 12px declarations.
   */

  /* Use a 12px base font size with a 16px line height */
  font-size: 0.75em; /* 16px x .75 = 12px */
  line-height: 1.333em; /* 12px x 1.333 = 16px */

  /* Use a 14px base font size with a 18px line height */
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.286em; /* 14px x 1.286 = 18px */
}

body,
caption,
th,
td,
legend,
fieldset {
  font-family: Arial, Helvetica, sans-serif;
  color:#000;
}



input,
textarea,
select,
option
 {
  font-family: Arial, Helvetica, sans-serif;
  color:#000;
}


pre,
code {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  font-family: "Courier New", "DejaVu Sans Mono", monospace;
}

/*
 * Headings
 */




h1 {
color: #fff;
font-weight: bold;
font-size: 1.6em;
line-height: 1.3em;
font-family: oxygen,arial, sans-serif;
margin: 0 0 13px 0 !important;
-webkit-border-radius: 20px;
border-radius: 20px;
background-color: #515151;
padding: 4px 15px 5px 22px;
}


h2 {
  font-size: 1.3em;
  line-height: 1.3em;
 /* margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
  margin-top: 0;
  margin-bottom: 0.667em;
  color: #adac03;
}

.sidebar h2.title {
  font-size: 0.9em;
  color: #000;
  padding: 2px 0px 2px 11px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #e1e000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

 /* FF3.6+ */
 /* Chrome,Safari4+ */
 /* Chrome10+,Safari5.1+ */
 /* Opera 11.10+ */
 /* IE10+ */
 /* W3C */
 /* IE6-8 */

	
  font-family: oxygen,arial, sans-serif;

  font-weight: bold;
}
/* .block-ad h2.title */
#block-ad-41 h2.title {
  font-size: 1em;
  color:#888;
  text-shadow: 0 1px 2px rgba(255,255,255,0.6);
  background-color: #fff;
  text-transform: uppercase;
  background-image: none;
}
.node-teaser h2.title {
  text-shadow: 0 0 0 rgb(0,0,0);
}
h3 {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
  margin-bottom: 0.769em;
	font-family: museo_sans500, Arial, sans-serif;

}

h4,
h5,
h6 {
  font-size: 1.1em;
  line-height: 1.3em;
  /*margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
 /* margin-bottom: 0.909em;*/
  margin-top: 0.4em;
	margin-bottom: 0.2em;
}

/*
 * Block-level elements
 */
p,
ul,
ol,
dl,
pre,
table,
fieldset {
  margin: 1em 0;
  font-size: 1em;
  line-height: 1.2em;
}

p {
	margin: 0 0 1em 0;
}



blockquote {
  margin: 1em 2em;
}

/*
 * Lists
 *

 * We need to standardize the list item indentation.
 */
ul,
ol {
  margin-left: 0;
  padding-left: 2em; /* LTR */
}

.block ul,
.item-list ul /* Drupal overrides */ {
  margin: 0;
  /*padding: 0 0 0 2em; *//* LTR */
  list-style-type: none;
}

ul ul, ul ol,




ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
  margin: 0;
}

li {
  margin: 0;
  padding: 0;
}

.item-list ul li /* Drupal override */ {
  margin: 0;
  padding: 0;
  list-style: inherit;
}

ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
  margin: 0;
  padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dt {
  margin: 0;
  padding: 0;
}

dd {
  margin: 0 0 0 2em;
  padding: 0;
}


ul.menu li.dhtml-menu a {
	color: #fff;
}


/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a {
    color: #000;
}

a:visited {
}

a:hover {
   text-decoration: underline !important;
}

a:active {
}

a.glossary-indicator {
  color: #595FA9;
}
/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table {
  border-collapse: collapse;
  width: 100%; /* Prevent cramped-looking tables */
}

th,
thead th,
tbody th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}

/*
 * Abbreviations
 */
abbr {
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */ {
  border: none;
  cursor: auto;
  white-space: normal;
}

/*
 * Images
 */
img {
  border: 0;
}

/*
 * Horizontal rules
 */
hr {
  height: 1px;
  border: 1px solid #666;
}

/*
 * Forms
 */
form {
  margin: 0;
  padding: 0;
}

fieldset {
  margin: 1em 0;
  padding: 0.5em;
}

#overlayWindow {
  background-color: #000;
  width: 80%;  margin-left: auto;  margin-right: auto;  font-size: 0.8em;
}

#mhfe-header {
	width: 410px;
	float: left;
}


#site-title {

}



#mhfe-header h1 {
	width: 584px;
	height: 58px;
	color: #fff;
	font-family: oxygen, Arial, sans-serif;
	font-size: 48px;
	border: none;
	font-weight: normal;
	line-height: 1.3em;		   
	margin: 0 0 9px 0 !important;
	
	
	
	background-color: transparent;
	padding: 0;
	background-image: url(../images/logo-icon.gif);
	background-repeat: no-repeat;
	background-position: 357px 17px;
}

#mhfe-header strong {
	color: #e1e000;
	margin: 0 -8px 0 0;
}



#mhfe-header h1 a {
	text-decoration: none;
	color: #fff;
}

#mhfe-header h1 a:hover {
	text-decoration: none !important;

}

.socialicons {
	float: right;
	width: 188px;
	font-size: 11px;
	margin: 42px 0 0 0;
}

.socialicons p {
    float: left;

    height: 25px;
    line-height: 33px;
    margin: 0;  width: 65px;
    background-repeat: no-repeat;  background-position: left center;  
    padding: 0 0 6px 29px;
}

.socialicons a {
    text-decoration: none;

    color: #fff;
}

.socialicons .twitter {
	background-image: url(../images/header-twitter.gif);
}

.socialicons .blog {
	background-image: url(../images/header-blog.gif);
}

.socialicons .youtube {
	background-image: url(../images/header-youtube.gif);
}

.socialicons .rss {
	background-image: url(../images/header-rss.gif);
}


.views-field-changed {
	color: #fff;
	font-size: 0.7em;
	padding: 0px 0px 0px 10px;
	background-color: #2b2321;
}

.views-field-title{
}




/*** FORM STYLING PASTED FROM zen_mhfe/css/forms.css ***/


/**
 * @file
 * Form Styling
 */


.form-item,
.form-checkboxes,
.form-radios /* Wrapper for a form element (or group of form elements) and its label */ {
  margin: 1em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error /* Highlight the form elements that caused a form submission error */ {
  border: 2px solid #c00;
}

.form-item label /* The label for a form element */ {
  display: block;
  font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */ {
  display: inline;
  font-weight: normal;
}

.form-required /* The part of the label that indicates a required field */ {
  color: #ff3022;
}

.form-item .description /* The descriptive help text (separate from the label) */ {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item /* Pack groups of checkboxes and radio buttons closer together */ {
  margin: 0.4em 0;
}

.form-submit /* The submit button */ {
}

.container-inline div,
.container-inline label /* Inline labels and form divs */ {
  display: inline;
}

.tips /* Tips for Drupal's input formats */ {
}


/*
 * Search (search-theme-form.tpl.php)
 */
#search-box /* Wrapper for the search form */ {
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Search (search-block-form.tpl.php)
 */
#search-block-form /* Wrapper for the search form */ {
}

#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
    color: #fff;
    font-size: 14px;
    margin: 23px 0 0 12px;
}


/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left; /* LTR */
}


/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul /* OpenID creates a new ul above the login form's links. */ { /* Position OpenID's ul next to the rest of the links. */
;
  font-size: 12px;
 margin: 0 0 0 13px;}

#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link /* The "Cancel OpenID login" link. */ {
  margin-top: 1em;
}

#user-login ul {
  margin: 1em 0;
}

#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
  /*margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}


/*
 * Drupal admin tables
 *
 * We overrode these styles in html-elements.css, but restore them for the admin
 * section of the site.
 */

form tbody {
  border-top: 1px solid #ccc;
}

form th,
form thead th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody th {
  border-bottom: 1px solid #ccc;
}

#user-login-form .form-item {
  margin: 0.3em;
}
#user-login-form input[type=submit]{
  margin-left:0.6em;
}

#edit-search-block-form-1-wrapper input[type=text],
#user-login-form input[type=text],
#user-login-form input[type=password] {
  margin-left: 0.3em;
  padding: 6px 8px;
  border: 1px #888 solid;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border-radius: 13px;
  font-size: 16px;
}
#user-login-form a {
  color:#555;
}
#user-login-form label {
  font-weight: normal;
  font-size: smaller;
  color: #000;
  font-size: 12px;
}

.art-button,
input[type=submit] {
  background-color: #e1e000;
  color: #262626;
  padding: 8px 10px;
  border-width: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; 
  font-size: 14px;
  font-weight: bold;
}
a.art-button {
  color: #000;
  text-decoration: none;
}

#theme-change a,
#font-change a,
#help-button a {
  color:#fff;
  text-decoration: none;
}

#theme-change,
#font-change,
#help-button {
  background-color: #4e4e4e;
  padding: 4px 16px;
  border-width: 0;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 13px;
  font-weight: bold;
  margin: 0 15px 0 0;
}

#search-block-form #search-form input {
    float: left;
    top: -14px;
}

.view #search-form .form-item label,
.view #search-form .form-item input[type=text],
.view #search-form .form-item input[type=submit]{
  float:left;
  vertical-align: middle;
  margin-left: 4px;
}

#views-exposed-form-vw-resource-list-styled-page-1 .views-widget input {
  font-size:85%;
   vertical-align: middle;
}

#views-exposed-form-vw-resource-list-styled-page-1 .form-submit {
  margin-top: 1em;
}

#overlayWindow {
	z-index: 10000;
	filter: alpha(opacity=95); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95); /* IE */
	-moz-opacity: .95; /*older Mozilla*/
	-khtml-opacity: 0.95;   /*older Safari*/
	opacity: 0.95;   /*supported by current Mozilla, Safari, and Opera*/
	background-color: #fff;
	border: solid 2px #888;
	position:absolute; 
    
	top: 72px; 
    left:10px; 
    right:10px;
    
	padding: 18px 10px 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; 
}




/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 26, 2013 */



@font-face {
    font-family: 'oxygenregular';
    src: url('oxygen-webfont.eot');
    src: url('oxygen-webfont.eot?#iefix') format('embedded-opentype'),
         url('oxygen-webfont.woff') format('woff'),
         url('oxygen-webfont.ttf') format('truetype'),
         url('oxygen-webfont.svg#oxygenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oxygenbold';
    src: url('oxygen-bold-webfont.eot');
    src: url('oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('oxygen-bold-webfont.woff') format('woff'),
         url('oxygen-bold-webfont.ttf') format('truetype'),
         url('oxygen-bold-webfont.svg#oxygenbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oxygenbold_italic';
    src: url('oxygen-bolditalic-webfont.eot');
    src: url('oxygen-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('oxygen-bolditalic-webfont.woff') format('woff'),
         url('oxygen-bolditalic-webfont.ttf') format('truetype'),
         url('oxygen-bolditalic-webfont.svg#oxygenbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oxygenitalic';
    src: url('oxygen-italic-webfont.eot');
    src: url('oxygen-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('oxygen-italic-webfont.woff') format('woff'),
         url('oxygen-italic-webfont.ttf') format('truetype'),
         url('oxygen-italic-webfont.svg#oxygenitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


