/* $Id: style.css,v 1.38.2.4 2009/09/14 13:10:47 goba Exp $ */

/**
 * Garland, for Drupal 6.x
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */
body {
  margin: 0;
  padding: 0;
  background-color:#ffffff;
  font: 12px/170% Arial, Helvetica, sans-serif;
  color: #2E2E2E;
}


/**
 * Layout
 */
#header-region {
  /*min-height: 1em;*/
  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 900px;
  display: none;
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region script {
  display: none;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0; /* LTR */
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
  background-color: #ffffff;
  background-image: url(images/back_white.jpg);  background-repeat:repeat-y;
  background-position:center;
}

#wrapper #container {
  margin: 0 auto;
  width: 900px;
  background-color: #ffffff;
  padding:0 15px;
  
}

#wrapper #container #header {
  height: 101px;
  background-image:url(images/topbanner_back.jpg);
  background-repeat:repeat-x;
}

#wrapper #container #header #logo-floater {
  position: relative;
}

#globals {
position: relative;
float: right;
width:300px;}

#globals ul {
list-style: none;
padding: 0;
margin: 0 5px 0 0;

}
#globals ul li {
float: right;
margin: 0 0.15em;
background-image: none; list-style:none;}

#globals ul li a {
color:#99ACEA;
font-size:8pt;
font-style:normal;
line-height:12pt;
border-bottom:none;
}

#search { float: right; clear:right; vertical-align: middle;}
#search label { display: none;}



#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: /*14px*/ 0;
  padding-right: /*20px;*/ 0; /* LTR */
  float: left; /* LTR */
}
/* primary menu */
#nav-bar {
 background: #fff url(/images/nav-bg.jpg) repeat-x;
 height: 45px;
 width: 900px;}
 
 #nav-bar ul.nice-menu{  width: 100%; height: 100%; text-align: center;}
 
 #nav-bar ul.nice-menu-down li{ background-color: transparent;  background-image: none; border:none; height:100%; padding:0; list-style:none;
   }
 
 #nav-bar ul.nice-menu-down li:hover{ 
 border: none;  height:100%; padding:0;}
 
 #nav-bar ul.nice-menu-down li a, #nav-bar ul.nice-menu-down li a:hover {
 color: #333333; font-size: 13px; font-weight: bold; font-stretch: extra-condensed;
 text-decoration: none;  padding: 9.7px  37.9px;  text-align: center; text-shadow:#FFF; text-transform:uppercase;}
 
 #nav-bar ul.nice-menu ul{
 border: none;
 top:40px;
 width: auto;
 }
 
  #nav-bar ul.nice-menu ul li{
  
  min-width: 17em;
  background-color:  #F5F5F5;
}
 
 #nav-bar ul.nice-menu li ul li:hover{
 background-color: #333333;
 background-image: none; text-transform:none;}
 
  #nav-bar ul.nice-menu li ul li a {
  color: #333333;  font-weight: normal;  font-size: 11.5px;
  /**white-space: nowrap;**/ text-align: left; vertical-align: middle;
  padding: 4.5px 10.5px; text-transform:none;}
  
  #nav-bar ul.nice-menu li ul li a:hover {
   color: #ffffff;font-weight: normal;  font-size: 11.5px; /**white-space: nowrap;**/ text-align: left; vertical-align: middle; padding: 4.5px 10.5px; text-transform:none;}
 
 #nav-bar ul.nice-menu li ul li ul {
 display: none; }
 
 
/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 780px;
}


/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 900px;
  display:inline;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -250px;
}
body.sidebar-right #center {
  margin-right: -250px;
}
body.sidebars #center {
  margin: 0 -250px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 170px /*210px*/; t
}
body.sidebar-right #squeeze {
  margin-right: 250px /*210px*/;
}
body.sidebars #squeeze {
  margin: 0 210px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 0;
  width: 250px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block {
  margin: 0 0 .25em ;
}

#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
  padding: 5px 10px 5px 10px;
}

.block .content {
  margin: 0;
  padding: 0;
  line-height: 100%;
}

#sidebar-left .block-region {
  margin: 0 15px 0 0px; /* LTR */
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px; /* LTR */
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {

  position: relative;
}

#wrapper #container #center .right-corner {
  position: relative;
  padding:0;
  border-right: 1px solid #d6d6d6;
  border-right-style:dashed;
  
}

#wrapper #container #center .right-corner .left-corner {
  padding: 0px;

  position: relative;
  min-height: 400px;
}

#wrapper #container #footer {
  float: none;  clear: both;  text-align: center;
  margin: 4em 0 0 -15px;
  color: #BCCCFF;   height: 56px;
  background-color: #FFFFFF;  width: 930px;
  }

#footerinside {
background-color: #333333;
height: 35px; width: 900px; margin: auto;
position: relative; top: 10px;}

#centertext {
color:#E7E7E7; font-family:"verdana"; font-size:8pt;  font-style:normal;
line-height:12pt; margin:auto; position: relative; top: 10px;}



#wrapper #container .breadcrumb {

  z-index: 3;
}

.clear-block .breadcrumb {
margin-top: 0px;
}

body.sidebar-left #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.sidebars #footer {
  margin: 0 -210px;
}
#sidebar-right.sidebar {
background-color: #ffffff;}

#sidebar-right.sidebar #block-user-1 a {
color: #027ac6;
font-weight: normal;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 11px;

  background: white none repeat scroll 0 0;

  
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #666666;
}

#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}