/**
 * @file
 * Layout Styling (DIV Positioning)
 *}
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body {
	background-color:#e9e9e9;
	font: 0.9em Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #7191b8;
	font-weight: 600;
}

a:hover {
	color: #c36666;
}

#page-wrapper,
.region-bottom {
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 950px;
}

div.region.region-bottom {
	margin-bottom: 5px;
}	

#page {
}

/*
 * Header
 */
#header {
    background-color: #000;
	padding: 0;
}

#header a#logo img{
	margin:0;
	padding:0;
	height:135px;
	width: 950px;
}

#header .section {
}

#search-box {
}

	
.region-header {
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
  position: relative;
  background: url('../images/middlebglight.png') repeat-y;
  min-height: 600px;
  width: 950px;
  padding: 0;
}

#main {
  position:relative;
  width: 950px;
  display:block;
  
}

/*
 * Content
 */
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 950px;
  margin-left: 0; /* LTR */
  margin-right: -950px; /* LTR */ /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  width: 735px;
  margin-left: 215px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right: -950px; /* LTR */ /* Negative value of #content's width + left margin. */
}

.sidebar-second #content {
  width: 735px;
  margin-left: 0; /* LTR */
  margin-right: -735px; /* LTR */ /* Negative value of #content's width + left margin. */
  
}

.two-sidebars #content {
  width: 735px; /*520, 215 -735*/
  margin-left: 215px; /* LTR */ /* The width of .region-sidebar-first */
  margin-right: -950px; /* LTR */ /* Negative value of #content's width + left margin. */
}
.two-sidebars #inner-wrapper {
	float:left;
	width: 480px; /*520, 215 -735*/
}
#inner-wrapper{
	padding: 0 20px;
}

.region-sidebar-second .section {
  margin: 20px 0 20px 0 !important; /* LTR */
  padding: 0;
  border-left: 1px solid #dddddd;
  height:100%;
}

#content .section {
  margin: 0;
  /*padding: 2px 20px;*/
  overflow:hidden;
}
.region-navigation {
	float:left;
}

/*
 * Navigation
 */
#navigation {
  /*float: left; /* LTR */
  /*display:block;
  width: 735px;
  margin-left: 215px; /* LTR */
  /*margin-right: -950px; /* LTR */ /* Negative value of #navigation's width + left margin. */
  /*padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  /*height: 2.3em; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content
/*.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second */{
  /*margin-top: 1.3em; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: left; /* LTR */
  width: 215px;
  margin-left: 0; /* LTR */
  margin-right: -215px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float: right; /* LTR */
  width: 214px;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
  height:100%;

}

.region-sidebar-second .section {
  padding: 15px;
  border
}

/*
 * Footer
 */
#footer {
}

#footer .section {
}

/*
 * Page bottom
 */
.region-bottom /* See also the #page-wrapper declaration above that this div shares. */ {
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer,
.region-bottom {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/
#topshadow {
	background: url('../images/shadow_top.png') bottom no-repeat;
	height: 65px;
	width: 982px;
	margin: auto;
	}
#sideborder{
	width: 982px;
	background: url('../images/shadow_side.png') repeat-y;
	margin: auto;
}
#bottomshadow{
	background: url('../images/shadow_bottom.png') top no-repeat;
	width: 980px;
	margin:auto;
	height:20px;
	padding:0;
}

/*
 * Nav Menu
 */

/* Nav Menu depth 2 */
#block-system-main-menu ul li ul li ul li{
	border-bottom: #C1BCB7 1px solid;
	list-style: none;
	width: 215px;
	padding: 0;
	margin: 0;
	background-image:none;
	background-color:#ccc;
}

#block-system-main-menu ul li ul li ul li a{
	padding: 7px 5px 7px 30px; 
	width: 180px;
}

#block-system-main-menu ul li ul li.expanded ul li a.active-trail.active{
	background: url('../images/arrow_nav.gif') 15px 9px no-repeat #fff !important;
	color: #000;	
}

/*
 * Nav Menu Main
 */
 
#block-system-main-menu {

}	
#block-system-main-menu h2.block-title{
	display:none;
}

#block-system-main-menu ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#block-system-main-menu ul li {
	border-bottom: #C1BCB7 1px solid;
	list-style: none;
	width: 215px;
	padding: 0;
	margin: 0;
}
#block-system-main-menu ul li a{
	display:block;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 10px 7px 20px;
	/*height:14px;*/
	width: 185px;
	overflow: hidden;
}	
#block-system-main-menu ul li a:hover{
	color: #eee;
	background-color: #b3d1dd;
}
#block-system-main-menu ul li.expanded.active-trail a.active-trail.active{
	background: url('../images/arrow_nav.gif') 6px 9px no-repeat #fff;
	color: #000;	
}

#block-system-main-menu ul li a.active{
	background: url('../images/arrow_nav.gif') 6px 9px no-repeat #fff;
	color: #000;	
}
#block-system-main-menu ul li.expanded ul li a.active{
	background: url('../images/arrow_nav.gif') 6px 9px no-repeat #fff;
	color: #000;
	background-color: #fff;
}
#block-system-main-menu ul li.expanded a.active-trail{
	background: url('../images/arrow_down.gif') 1px 12px no-repeat #fff;
	background-color:transparent;
}

#block-system-main-menu ul li ul{
	display:block;
	background: url('../images/bg_submenu.jpg') repeat-y;
}
#block-system-main-menu ul li.expanded.active-trail ul li a{
`	font-size: 0.7em;
	color: #000;
	font-weight: normal;
}
#block-system-main-menu ul li.expanded ul li a:hover{
	color: #000;
	background-color: #b3d1dd;
}

/* Hide main menu in navigation */
#navigation #main-menu{
	display:none;
}

.breadcrumb ol{
	list-style: none;
	overflow: hidden;
	padding-left: 0px;
}

.breadcrumb li{
  float: left;
	margin-left: 0.5em;
}

/* Homepage image label */
.homepage-image-label{
	display:none;
}	

/* Views Second sidebar formatting */
.region-sidebar-second .views-label-title,
.region-sidebar-second .views-field-body-title .views-label-entity-id{
	display: none;
}

/* Search formatting */	
#search-block-form {
	text-align:right;
	margin: 5px 0 0 0;
	padding-right: 13px;
	}

/* Footer block */
#block-block-1{
	margin: 15px 0 0 15px;
	}
#footer {
    clear: both;
    margin: 0 auto;
    width: 950px;
    text-align: left;
    border-top: 1px #999 dotted;
	font-size:0.6em;
}
#footer h2 a{
	font-weight: bold;
	line-height: 0.6em;
}	
#footer a{
	color: #000;
	font-weight:normal;
}
#footer a:hover{
	text-decoration:underline;
}

div.footercolumn, div.footercolumnfirst {
    margin-top: -37px;
    float: left;
    width: 222px;
    padding-left: 20px;
}

div.footercolumnfirst {
    width: 215px;
    padding: 0;
}

#footer div.twocolumn {
    width: 700px;
}

#footer div.threecolumn {
    width: 330px;
}

div.footercolumnfirst ul {
    width: 100px;
	list-style: none;
}

div.footercolumn ul, div.footercolumnfirst ul {
    float: left;
    padding: 0.7em 0 0.5em 0;
}

div.footercolumn ul li, div.footercolumnfirst ul li {
    margin: 0 0 0.2em 0;
}

/* Copyright */

div#copyright {
    margin: 0 auto;
    width: 950px;
    clear: both;
    text-align: right;
    border-top: 1px #999 dotted;
    font-size: 0.6em;
    padding-top: 0.6em;
}

div#copyright a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

/* hjeader links */
#block-block-2 {
	margin-left: 16px;
	height: 39px;
	width: 200px;
}

ul.toplinks {
	margin: 25px 0 0 0;
	padding: 0;
}

.toplinks li {
	display: inline;
	list-style:none;
	padding: 1px 6px;
	border-right: 1px #ccc solid;
}
.toplinks li.last{
	border-right:none;
}
.toplinks a{
	font-size:0.8em;
	text-decoration:none;
	font-weight: normal;
}

#block-search-form{
	float:right;
	padding: 17px 0px;
	margin: 0px;
}
	
#block-block-3{
	/*background-color: #fff;*/
	position:relative;
	top:-13px;
	
}
#block-block-3 img{
	margin:0 8px;
	}
#block-block-3 span{
	width:205px;
/*	padding: 5px;*/
	
	/*color:#7191B8;*/
	color:#000;
}
	
	
/* Georef Specific Stuff */
/* NEWS */
.view-id-news div.views-row {
	margin-bottom: 1em;
	padding: 5px;
	padding-top: 2em;
	padding-bottom: 2em;
}
.view-id-news .views-row-even {
	background-color: #FAFAFA;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* TEAM */
.view-id-team table.views-view-grid td{
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.view-id-team table.views-view-grid td a{
	color: #000;
}

.view-id-team table.views-view-grid td a:hover{
	color: rgb(113, 145, 184);
}

.view-id-team table.views-view-grid td img{
	border: 1px solid #AAA;
}

.view-id-team table.views-view-grid td ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #666;
	font-style: italic;
}

/* PROFILE */
.page-profile-main #page-title {
	display: none;
}
.entity-profile2 div.field-name-field-profile-picture {
	float:left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.entity-profile2 img {
	border: 1px solid #AAA;
}

.entity-profile2 div.field-name-field-first-name,
.entity-profile2 div.field-name-field-last-name {
	font-size: 1.5em;
	margin-right: 0.5em;
	font-weight: bold;
	display:inline-block;
}

.entity-profile2 div.field-name-field-qualifications {
	margin-bottom: 2em;
}

/* FACILITY */
.view-id-facility div.views-row {
	padding: 5px;
	padding-top: 2em;
	padding-bottom: 2em;
}
.view-id-facility .views-row-even {
	background-color: #FAFAFA;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.views-field-field-facility-image{
	float:left;
	margin-right: 5px;
}

.view-id-facility div.views-field-title {
	font-weight: bold;
}

.view-id-facility div.views-field-body {
	padding-left: 105px;
}

.view-id-facility div.views-field-title {
	padding-left: 105px;
}

.page-filedepot  div#main-wrapper{
	background: none;
}



/** SLIDESHOW **/
.view-id-homepage_image div.skin-default {
	position: relative;
	width: 735px;
	height: 280px;
	overflow: hidden;
}

.view-id-homepage_image a {
	color: white;
	font-weight: 100;
}

.view-id-homepage_image div.homepage_image {
	z-index:1;
}


.view-id-homepage_image a:hover {
	color: white;
}

.view-id-homepage_image div.views-slideshow-controls-bottom {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 10px;
	width: 300px;
	color: #FFF;
	z-index: 6;
}

.view-id-homepage_image .views-slideshow-controls-bottom div.views-slideshow-pager-field-item {
	width: 10px;
	height: 10px;
	background-color: #000;
	border: 2px solid #FFF;
	float: right;
	margin-right: 5px;
}

.view-id-homepage_image .views-slideshow-controls-bottom div.views-slideshow-pager-field-item.active{
	background-color: #FFF;
}

.view-id-homepage_image .views-slideshow-controls-bottom div.views-field-counter {
	display: none;
}

.view-id-homepage_image div.views-field-title {
	position: absolute;
	bottom: 30px;
	right: 10px;
	text-align: right;
	z-index: 6;
	height: 10px;
}

.view-id-homepage_image div.views-field-nothing {
	position: absolute;
	bottom: 15px;
	right: 0px;
	text-align: right;
	width: 735px;
	height: 30px;
	background-color: #000;
	z-index:5;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


/** Header Blocks **/
#block-menu-menu-header-menu {
	font-weight:normal;
	float: right;
	height: 41px;
	padding: 12px;
	margin: 0px;
	font: 0.9em Arial;
	vertical-align: middle;
}

#block-menu-menu-header-menu .block-title {
	display:none;
}

#block-menu-menu-header-menu .menu li
{
display: inline;
list-style-type: none;
}

#block-menu-menu-header-menu .menu li:after
{
content: ' |';
}


#block-menu-menu-header-menu .menu li:last-child:after
{
  content: '';
}


#twitter-widget-0 {
	padding-left: 3px;
}