*
{
  margin:                     0;
  padding:                    0;
}

html, body
{
  width:                      100%;
  height:                     100%;
}

/***********************************************************
 *                                                         *
 *                        STRUCTURE                        *
 *                                                         *
 ***********************************************************/

body
{
  background:                 #17262D;
  text-align:                 center;
}

div.wrapper
{
	position:                   relative;
  text-align:                 left;
  width:                      960px;
  margin:                     0 auto;
  padding:                    0 0 0 0;
}

/***********************************************************
 *                                                         *
 *                    HEADER ELEMENTS                      *
 *                                                         *
 ***********************************************************/
 
div#logo
{
	position:                   absolute;
	left:                       0;
	top:                        15px;
	width:                      184px;
	height:                     184px;
	background:                 transparent url(../img/logo.gif) no-repeat 0 0;
}

a#overlay, a#overlay.link, a#overlay.visited, a#overlay.active, a#overlay:hover
{
	display:                    block;
	width:                      184px;
	height:                     184px;
	border:                     none;
}

div#search-box
{
	position:                   absolute;
	left:                       787px;
	top:                        18px;
	width:                      173px;
	height:                     27px;
	padding:                    4px 0 0 11px;
	background:                 transparent url(../img/search-box.gif) no-repeat 0 0;
}

a#search-button, a#search-button:link, a#search-button:visited, a#search-button:active, a#search-button:hover
{
  position:                   absolute;
  width:                      20px;
  height:                     26px;
  left:                       153px;
  top:                        0px;
}

input#search-input
{
  width:                      134px; 
  height:                     17px; 
  padding:                    0 0 0 0; 
  color:                      #888; 
}

div#header-slogan
{
	position:                   absolute;
	left:                       218px;
	top:                        65px;
	width:                      642px;
	height:                     25px;
	background:                 transparent url(../img/slogan.gif) no-repeat  0 0;
}

div#menu
{
	position:                   absolute;
	left:                       200px;
	top:                        118px;
	width:                      717px;
	height:                     58px;
}

a#menu-home, a#menu-home:link, a#menu-home:active, a#menu-home:visited, a#menu-home:hover
{
	display:                    block;
	position:                   absolute;
	left:                       0px;
	top:                        0px;
	width:                      86px;
	height:                     43px;
	background:                 transparent url(../img/menu.gif) no-repeat 0 0;
}
a#menu-home:hover
{
	background:                 transparent url(../img/menu.gif) no-repeat 0 -43px;
}

a#menu-research, a#menu-research:link, a#menu-research:active, a#menu-research:visited, a#menu-research:hover
{
	display:                    block;
	position:                   absolute;
	left:                       86px;
	top:                        0px;
	width:                      156px;
	height:                     43px;
	background:                 transparent url(../img/menu.gif) no-repeat -86px 0;
}
a#menu-research:hover
{
	background:                 transparent url(../img/menu.gif) no-repeat -86px -43px;
}

a#menu-resources, a#menu-resources:link, a#menu-resources:active, a#menu-resources:visited, a#menu-resources:hover
{
	display:                    block;
	position:                   absolute;
	left:                       242px;
	top:                        0px;
	width:                      119px;
	height:                     43px;
	background:                 transparent url(../img/menu.gif) no-repeat -242px 0;
}
a#menu-resources:hover
{
	background:                 transparent url(../img/menu.gif) no-repeat -242px -43px;
}

a#menu-publications, a#menu-publications:link, a#menu-publications:active, a#menu-publications:visited, a#menu-publications:hover
{
	display:                    block;
	position:                   absolute;
	left:                       361px;
	top:                        0px;
	width:                      147px;
	height:                     43px;
	background:                 transparent url(../img/menu.gif) no-repeat -361px 0;
}
a#menu-publications:hover
{
	background:                 transparent url(../img/menu.gif) no-repeat -361px -43px;
}

a#menu-links, a#menu-links:link, a#menu-links:active, a#menu-links:visited, a#menu-links:hover
{
	display:                    block;
	position:                   absolute;
	left:                       508px;
	top:                        0px;
	width:                      86px;
	height:                     43px;
	background:                 transparent url(../img/menu.gif) no-repeat -508px 0;
}
a#menu-links:hover
{
	background:                 transparent url(../img/menu.gif) no-repeat -508px -43px;
}

a#menu-gallery, a#menu-gallery:link, a#menu-gallery:active, a#menu-gallery:visited, a#menu-gallery:hover
{
	display:                    block;
	position:                   absolute;
	left:                       594px;
	top:                        0px;
	width:                      100px;
	height:                     43px;
	background:                 transparent url(../img/menu.gif) no-repeat -594px 0;
}
a#menu-gallery:hover
{
	background:                 transparent url(../img/menu.gif) no-repeat -594px -43px;
}

div#slider
{
	position:                   absolute;
	top:                        44px;
	left:                       9px;
	width:                      65px;
	height:                     13px;
	background:                 transparent url(../img/slider.gif) no-repeat 0 0;
}

div#submenu
{
  z-index:                    500;
	position:                   absolute;
	left:                       200px;
	top:                        177px;
	height:                     20px;
	width:                      770px;
	font-size:                  11px;
}

div#submenu ul
{
	list-style-type:            none;
	padding:                    0;
	margin:                     0;
	list-style-image:           none;
	list-style-type:            none;
}

div#submenu li
{
  position:                   relative;
	float:                      left;
	background:                 transparent url(../img/menu-arrow.gif) no-repeat 0 3px;
	padding:                    0 10px 7px 17px;
	margin:                     0;	
}

div#submenu a, div#submenu a:link, div#submenu a:active, div#submenu a:visited, div#submenu a:hover
{
	color:                      #333;
	text-decoration:            none;
	padding:                    1px 5px 1px 5px;
}

div#submenu a.selected, div#submenu a.selected:link, div#submenu a.selected:active, div#submenu a.selected:visited, div#submenu a.selected:hover
{
  background:                 #2C3D47;
  color:                      #fff;
}

div#submenu a:hover
{
  background:                 #2C3D47;
  color:                      #fff;

}

div#submenu ul ul
{
  position:                   absolute;
  z-index:                    999;
  top:                        29px;
  left:                       -9999px;
  list-style-type:            none;
  padding:                    4px;
  margin:                     0;
  border-top:                 solid 1px #EAEBE6;
  border-left:                solid 1px #BBB59F;
  border-right:               solid 1px #BBB59F;
  border-bottom:              solid 1px #BBB59F;
  background:                 #eee;
}

div#submenu ul ul li
{
  float:                      none;
  margin:                     0;
	background:                 transparent;
	padding:                    0;
	height:                     auto;
}

div#submenu ul ul li a, div#submenu ul ul li a:link, div#submenu ul ul li a:active, div#submenu ul ul li a:visited, div#submenu ul ul li a:hover
{
  display:                    block;
  padding:                    0 5px 0 5px; /* 1px 4px 1px 4px */
  text-decoration:            none;
}

div#submenu ul ul li a:hover
{
  background:                 #2C3D47;
  text-decoration:            none;
  color:                      #fff;
}


/***********************************************************
 *                                                         *
 *                         BODY                            *
 *                                                         *
 ***********************************************************/

div#block-body
{
	
	background:                 #fff url(../img/header-background.gif) repeat-x 0 0;
}

div#body-pane
{
	width:                      960px;
	padding:                    207px 0 20px 0;
}



 
/***********************************************************
 *                                                         *
 *                         FOOTER                          *
 *                                                         *
 ***********************************************************/
 
div#block-footer
{
	background:                 #384953 url(../img/footer-background.gif) repeat-x 0 0;
	padding:                    20px 0 20px 0;
	color:                      #dedede;
}

div#block-footer a, div#block-footer a:link, div#block-footer a:active, div#block-footer a:visited, div#block-footer a:hover
{
	color:                      #fff;
	text-decoration:            underline;
}

div#block-footer a:hover
{
	text-decoration:            none;
}

/***********************************************************
 *                                                         *
 *                        SUBFOOTER                        *
 *                                                         *
 ***********************************************************/

div#block-subfooter
{
	background:                 #17262D url(../img/subfooter-background.gif) repeat-x 0 0;	
	padding:                    10px 0 20px 0;
	color:                      #ccc;
} 

div#block-subfooter a, div#block-subfooter a:link, div#block-subfooter a:visited, div#block-subfooter a:active, div#block-subfooter a:hover
{
	color:                      #ccc;
	text-decoration:            underline;
}

div#block-subfooter a:hover
{
	color:                      #fff;
	text-decoration:            none;
}

/***********************************************************
 *                                                         *
 *                        SIDEBOX                          *
 *                                                         *
 ***********************************************************/

td.content-table-left
{
  padding:                    0 13px 0 0;
}

td.content-table-right
{
  width:                      234px; 
  border-left:                solid 1px #aaa; 
  padding:                    0 0 0 13px;
}
 
div#sidebox
{
  /*width:                      234px;
  background:                 url(../img/box-bottom.gif) no-repeat left bottom; */
}

div#sidebox-inner
{
  width:                      234px;
  background:                 url(../img/box-top.gif) no-repeat left top;
}

div#sidebox-content
{
  padding:                    15px 12px 20px 12px;
}
  
 
/***********************************************************
 *                                                         *
 *                         TYPOGRAPHY                      *
 *                                                         *
 ***********************************************************/ 

body 
{
	font-family:                "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:                  12px;
	color:                      #444444;
}

a, a:link, a:active, a:visited       
{ 
	color:                      #222348; 
	text-decoration:            underline;      
}

a:hover, a.active, a.active:link, a.active:active, a.active:visited, a.active:hover
{
	color:                      #222348; 
	text-decoration:            none;
}

h1
{
  font-size:                  22px;
  font-weight:                bold;
  color:                      #666;
  padding:                    8px 0 5px 0;
}

h2
{
  font-size:                  17px;
  font-weight:                bold;
  color:                      #626E7A;
  padding:                    8px 0 5px 0;
}

h2 a, h2 a:link, h2 a:active, h2 a:visited, h2 a:hover
{
  color:                      #626e7a;
}

h3
{
  font-size:                  14px;
  font-weight:                bold;
  color:                      #748595;
  margin:                     0 0 1px 0;
}

h3 a, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover
{
  color:                      #626e7a;
}

h4
{
  font-size:                  13px;
  font-weight:                bold;
}

h5
{
  font-size:                  12px;
  font-weight:                bold;
}

h6
{
  font-size:                  11px;
  font-weight:                bold;
}

p 
{
	padding:                    0 0 5px 0;
	margin:                     0;
	text-align:                 justify;
	line-height:                1.6em;
}	

ul
{
	line-height:                1.8em;	
	margin:                     0 0 0 15px;
	padding:                    0 0 0 17px;
	list-style-image:           url(../img/bullet.gif);
}

td
{
	vertical-align:             top;
}

img
{
	border:                     none;
}


/***********************************
 *                                 *
 *            DATEBOX              *
 *                                 *
 ***********************************/

div.datebox
{
  border:                     solid 1px #6AA0BC;
  margin-right:               5px;
  color:                      #fff;
}

div.datebox-border
{
  border:                     solid 1px #fff;
}

div.datebox-inner
{
  background:                 #6AA0BC;
  color:                      #fff;
  font-weight:                bold;
  line-height:                1em;
  padding:                    1px;
  text-align:                 center;
}

div.datebox-wday
{
  margin-bottom:              1px;
  font-size:                  10px;
  color:                      #fff;
}

div.datebox-day
{
  font-size:                  16px;
  position:                   relative;
  color:                      #fff;
}

div.datebox-month
{
  color:                      #fff;
}

div.datebox-year
{
  font-size:                  10px;
  color:                      #fff;
}