*:focus,
#top #block-a11y-a11y *:focus {
 outline:3px solid #0099dd;
}
#logo-container *:focus,
#top *:focus {
 outline:3px solid #ffffff;
}
body{
	line-height:21px;
	color: #000;
	font-size:12px;
	margin:0px;
	padding:0px;
	background:#ecf7fc url(../images/body-bg.png) repeat-x;
}
body.admin-menu{
background-position: 0 20px;
}
#wrapper{
	background: url(../images/body-bg-1.png) no-repeat;
	
}

#header #top-container{
height: 104px;
background:#0d66a2 url(../images/line.png) no-repeat;
}


h1{
	font:22px/26px Arial, Helvetica, sans-serif;
       color: #004b87;
	margin:18px 0px 13px 0px;
       font-weight:bold;
}

h2{
	font:22px/26px Arial, Helvetica, sans-serif;
	color: #004b87;
	margin:19px 0px 13px 0px
}

h3{
	font:18px/26px Arial, Helvetica, sans-serif;
       color: #6d6f71;
	margin-bottom:12px;
}


/*
a:link,
a:active,
a:visited{
	color:#007376;
	text-decoration:none;
}
li a.active,
a:hover,
a.active,
.active a {

}
*/
p {
margin-bottom: 16px;
}

.blue{ color:#4387d2; }
a { color: #228bb7 ; text-decoration: underline ; }
a:visited { color: #22a3a6 ; }
a:hover, a:active { text-decoration: underline ; }
a#main-content-a {text-decoration: none ;}

#logo-container .logo {
float: left;
margin-right:10px;
}
#site-name a:hover{
	text-decoration:none;
}
#site-slogan {
margin: 0;
color: #999;
clear: both;
font-weight: normal;
font-size: 16px;
}
.front #middlecontainer {
	background:#fff;
	padding:0 0 0 12px;
}
.not-front #middlecontainer {
border: 1px #c7daef solid;
background: #fff;
padding: 16px 22px;
-moz-border-radius: 7px;
border-radius: 7px;
min-height: 700px;
}
#middlecontainer p {
font-family: "Arial",Helvetica,sans-serif;
font-size: 13px;
text-align: justify;
margin: 0 0 10px;
}
#footer {
height: 126px;
background: #0d66a2;
}

option:first-letter,
h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter{
	text-transform:uppercase;
}


/* ------ Slider ---- */
#block-views-slider-block-1{
	background:#fff;

}
#block-views-slider-block-1 .view-slider{
		position:relative;
}
.views-slideshow-controls-bottom {
position:absolute;
z-index:99;
right:-10px;
bottom:2px;
width:229px;
background:url(../images/bg_pagination.png) right 0 no-repeat;
padding:11px 0 7px 13px;
}
.views-slideshow-controls-bottom .vscc_controls {
  margin-top: -1px;
}
.views-slideshow-controls-bottom .vscc_controls .vscc_controls_previous {
  margin-left: 10px;
}
.views-slideshow-controls-bottom .views-content-counter {
position:relative;
z-index:99;
cursor:pointer;
text-indent:-5000px;
width:15px;
height:15px;
float:left;
margin-right:2px;
background:url(../images/slider-buttons.gif) right 0 no-repeat;
}
.views-slideshow-controls-bottom .active .views-content-counter, 
.views-slideshow-controls-bottom .views-content-counter:hover {
background-position: left;
}

.nivo-controlNav a.active,.nivo-controlNav a:hover {
background-position:left;
}




/* ----- Page ----- */
.front h1#page-title{
	font-weight:normal;
}

#body-div{
	font:12px/16px Arial, Helvetica, sans-serif;
}

.news-header{
  /*background:#e4f0fc;*/
  background:#004b87;
  padding:2px;
  padding-left: 20px;
  -moz-border-radius:7px;
  border-radius:7px;
  color: white; 
  font-weight: bold ;
  font-size: 14px ;
  margin: 3px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.newsAndEventsItem{
  border:1px #c7daef solid;
  background-color: #f5f5f5;
  padding:6px 10px;
  -moz-border-radius:7px;
  border-radius:7px;
  min-height: 50px;
  margin: 2px;
}

#block-block-1 {
float: left;
width: 50%;
}
#block-block-2{
	width:50%;
	float:left;
	
}
#block-block-2 tbody,
#block-block-1 tbody{
	border-top:none;
}

/*----- Right Sidebar ----- */
#block-block-5 ul li,
#block-block-5 ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
#block-block-5 .banners li {
padding-bottom: 7px;
}
/*====================== menu ========================*/
#block-block-3{
	background:url(../images/nav-bg.png) repeat-x;
	-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;
	position:relative;
	height:46px;
}
#block-block-3 tbody{
	border-top:none;
}
#block-block-3 td.menuItem{
	background:url(../images/nav-bg.png) repeat-x;
	border-right: 1px #cae3ff solid;
	height: 46px;
	vertical-align: middle;
}
#block-block-3 .submenu a {
font-size: 13px;
font-family: Arial,Calibri,Verdana,sans-serif;
text-decoration: none;
padding-right: 0px;
padding-left: 0px;
color: #333333;
}
#block-block-3 .submenu a:hover {
  color: #ffffff;
  background: #00ccff;
}
#block-block-3 #fullwidth li.over,
#block-block-3 #fullwidth li:hover{
  background: url(../images/nav-middle.gif) repeat-x;
}
#block-block-3 #fullwidth li.over > a,
#block-block-3 #fullwidth li:hover > a {
  color: #fff;
}
#block-block-3 #fullwidth .menuFirst:hover,
#block-block-3 #fullwidth .menuFirst{
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
}
#block-block-3 #fullwidth .menuLast:hover,
#block-block-3 #fullwidth .menuLast {
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  border-right:none !important;
}
#block-block-3 .submenu a.active {
  font-weight:bold;
  background: #99eeff;
  padding:0px 5px;
}
#block-block-3 #fullwidth .submenu{
  border-left: 2px solid #cccccc;
  border-right: 2px solid #cccccc;
  border-bottom: 2px solid #cccccc;
  position: absolute;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  z-index: 100;
  top:46px;
  width:100%;
  max-width: 500px;
  visibility:hidden;
/*  display:none;*/
}
/*
#block-block-3 #fullwidth li.menuItem:hover > .submenu {
  display:block;
}
*/
#block-block-3 #fullwidth .submenu table {
  max-width: 500px;
}
#block-block-3 .menuPanel {
	background:#fff url(../images/menupanel-top.png) repeat-x;
}

#block-block-3 .menuPanel td.column {
padding-left: 12px;
padding-right: 10px;
text-align: left;
background: url(../images/menupanel-bottom.png) bottom repeat-x;
}
#block-block-3 .submenu p {
margin:0;
}
#block-block-3 .menuHeading {
font-family: Arial;
font-size: 10.5pt;
font-weight: bold;
color: #333333;
padding-bottom: 2px;
padding-top: 2px;
margin: 0px;
}
#block-block-3 a.menuRowA {
width: 100%;
display: block;
text-align: center;
font: 14px/14px Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #333333;
}
#block-block-3 #mobile a.menuRowA {
  height:46px;
  line-height:46px;
  text-align:left;
  padding-left:12px;
}

#site-name{
	width:100%;
	background:url(../images/logo-full.png) no-repeat;
	text-indent:-9999px;
	text-transform:capitalize;
	display:block;
	margin:0px;
	height:90px;
	border-top-right-radius: 6px;
}

.login_link {
  color:#ffffff;
  text-decoration:underline;
}
.search_block_styles {
  width:100px;
  font-weight:bold;
  color:#ffffff;
}

@media only screen and (max-width: 767px) {
  #block-block-3{
    height:auto;
  }
  #block-block-3 td.menuItem {
  display: block;
  clear: both;
  width: 100%;
  }
  .submenu table{
    width:100% !important;
  }

  #block-block-3 td.menuItem{
    background:url(../images/nav-bg.png) repeat-x !important;
  }
  #block-block-3 #fullwidth{
    display:none;
  }
  #site-name {
     background:transparent;
  }
}

#logo-container {
padding-top: 6px;
}

#block-views-slider-block-1 {
height: 290px;
position: relative;
overflow: hidden;
}

.front #page-title {
padding-top: 6px;
}

#menu_outreach,
#menu_online {
  right: 0;
}
#menu_science {
  right: -100px;
}

#mobile .mobile-content{
	display:none;
}


#mobile-menu {
  font-size: 20px;
  padding: 12px 20px;
  height: 22px;
}
#block-block-3 #mobile .submenu{
	background:#fff;
}
#block-block-3 ul.menuRow,
#block-block-3 ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#block-block-3 ul.menuRow{
	width:100%;
}
#block-block-3 #fullwidth ul.menuRow > li{
  width: 15%;
  height: 46px;
  vertical-align: middle;
  display: table-cell;
  float: none;
  padding: 0px 10px;
/*  position:relative;*/
}
#block-block-3 ul li{
	border-right:1px #cae3ff solid;

}

#block-block-3 #mobile ul li{
	border-left:1px #cae3ff solid;	
}
#block-block-3 #mobile{
	display:none;
}
@media only screen and (min-width: 960px) {
#mobile .menuRow li.menuItem .submenu{
	position:relative;
}
}
#block-block-3 #mobile li.menuItem{
background:url(../images/nav-bg.png) repeat-x;
float: none;
width: 100%;
clear:both;
}

#footer .wrap {
margin: 0 auto;
position: relative;
text-align: center;
padding-top: 12px;
color: white;
}
#footer .wrap a {
color: white;
text-decoration: none;
font: 14px/20px Arial, Helvetica, sans-serif;
}



/*---------- Top Search ---------- */

#top {
float: right;
margin-top: -40px;
width: 295px;
padding-top:3px;
}
@media only screen and (max-width: 961px) {
  #top {
    margin-top: -87px;
    margin-right: 10px;
  }
}
#top .form-item-search-block-form {
padding-left: 0px;
}
#top .form-item-search-block-form .form-text{
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-family: Calibri, Verdana, Ariel, sans-serif;
font-size: 80%;
color: #06aacf;
padding: 4px 7px;
outline: 0;
-webkit-appearance: none;
background: white;
width:190px;
}
#top .form-item-search-block-form .form-text:focus {
	border: 1px solid #339933;
       color:black;
}
#search-block-form .form-actions .form-submit {
	background:url(../images/search-button.png) no-repeat;
text-indent: -9999px;
border: none;
margin-left: 11px;
padding-right: 12px;
}





table.contacts   { margin-bottom: 1em; }
table.contacts   caption { margin-bottom: 1em; font-weight: bold; }
table.contacts   { margin-right: 4em; margin-left: 4em;
                   border-collapse: collapse; empty-cells: show;
                   border: 1px solid #6666ff;
                 }
table.contacts   tr      { vertical-align: top; }
table.contacts   th      { text-align: left;
                           width: 15em;
                           padding: 0.5em;
                           border: 1px solid #6666ff;
                         }
table.contacts   td      { text-align: left;
                           padding: 0.5em;
                           border: 1px solid #6666ff;
                         }



table, tr, table td {
vertical-align: top;
background: transparent;
}

#sub-content table img {
  width:100%;
}

/*=========================================*/

/* style for links div - rmw 5/12/06 */
.node-page #links {width: 150px; float: left; background-color: #c1c7ce; margin: 1%;
padding: 1%; overflow: hidden; text-align: left;}
.node-page #links a {display: block; color: #0099cc; text-decoration: none; text-align: left;}
.node-page #links a:hover {display: block; color: black; text-decoration: none; text-align: left;}
.node-page #links ul {margin-left: 15px; padding-left: 0px}


#node-23 #linkhead {color: #0099cc; margin-left:0em; font-weight: bold; font-size:140%}
#node-23 #linkh1 {color: #0099cc; margin-left:0em; font-weight: bold; font-size:140%}
#node-23 #linkh2 {color: #0099cc; margin-left:0em; font-weight: bold; font-size:120%}
#node-23 #linkh3 {color: #0099cc; margin-left:0em; font-weight: bold; font-size:110%}
#node-23 #linklink {margin-left: 1em; line-height: 1.5em; color: black;
text-decoration: none}
#node-23 #linksub {margin-left: 2em}

/* style for main div - rmw 5/12/06 */
.node-page #main {width: 75%; float: left; border-left: 1px;
padding-left: 1%; margin-left: 1%}

/* style for floating div on rhs 14/12/06 #DF9699*/
#node-23 #box {float: right; width=200px; background-color: #DF9699;
margin:5px 0 5px 5px; border 5px; padding: 5px}
#node-23 #box a {display: block; color: black; text-decoration: none}
#node-23 #box a:hover {display: block; color: white}
#node-23 #box ul {margin-left: 15px; padding-left: 0px}
#node-23 #boxhead {color: #0099cc; margin-left:0em}
#node-23 #boxlink {margin-left: 1em; line-height: 1.5em}





#node-29 .grid-3{
	background:#004B87;
}
#node-29 .grid-3 p{
	margin:0;
	margin: 10px;
}


#webform-component-project-id label{
	display:inline-block;
	padding-right:30px;
}

.form-item, .form-actions {
margin:0;
padding: .5em 0;
}
#webform-component-end-time,
#webform-component-start-time,
#webform-component-location,
#webform-component-observer,
#webform-component-name {
width: 300px;
float: left;
}
#webform-component-your-details,
#webform-component-comments {
width: 570px;
}
#webform-component-text {
clear: both;
padding-top:10px;
}
#webform-client-form-43 .webform-component h3{
	margin:0;
}
#webform-client-form-43 {
width: 570px;
}
#webform-client-form-43 #edit-submitted-contact-phone-no {
width: 140px;
}
#webform-component-text .rtecenter {
text-align: center;
}

@media only screen and (max-width: 480px) {
  #webform-client-form-26 .form-item {
    width:100%;
    float:none;
    clear:both;
  }
  #top {
    margin-top: -21px;
    margin-bottom: 4px; 
  }
}

#webform-client-form-26 .webform-component {
min-width: 50%;
float: left;
}
.grid-3 ul{
	margin:0px;
	margin-right:20px;
	padding:0;
}
.grid-3 li a{
	display:block;
}
.grid-3 li{
	background:#ddd;
	padding:5px;
	margin-bottom:3px;
	list-style:none;
}


#body-div img{
	margin:0 10px;
}

#block-block-13{
background-color: #c1c7ce;
padding: 10px;
overflow: hidden;
text-align: left;	
}
#block-block-14{
background-color: #DF9699;
padding: 10px;
overflow: hidden;
text-align: left;
}

#block-block-15 {
background-color: #c1c7ce;
padding: 10px;
overflow: hidden;
text-align: left;
}
#block-block-9 ul,
#block-block-12 ul{
	margin:0;
}
#block-block-9 li,
#block-block-12 li{
background: #ddd;
padding: 5px;
margin-bottom: 3px;
list-style: none;
}
#block-block-9 li a,
#block-block-12 li a{
	display:block;
}


.node-type-emu .field-name-field-image-emu .field-label,
.node-type-emu #page-title{
	display:none;
}


/* -------------- Menu ----------------*/
.node-type-atnf-with-remob #left-sidebar{
width: 180px !important;
background-color: #c1c7ce;
overflow: hidden;
text-align: left;
}
.node-type-atnf-with-remob #main{
	margin-left:-200px !important;
}
.node-type-atnf-with-remob #squeeze{
	margin-left:220px !important;
}
#block-block-16 ul{
	margin:0;
}
#block-block-16 li{
padding: 5px;
margin-bottom: 3px;
list-style: none;
}
#block-block-16{
	padding:10px;
}

#block-block-17 ul{
	margin:0;
}
#block-block-17 li{
padding: 5px;
margin-bottom: 3px;
list-style: none;
background:#ddd;
}
#block-block-17{
	padding:10px;
}




.node-type-atnf-obsmenu #left-sidebar{
width: 180px !important;
background-color: #c1c7ce;
overflow: hidden;
text-align: left;
}
.node-type-atnf-obsmenu #main{
	margin-left:-200px !important;
}
.node-type-atnf-obsmenu #squeeze{
	margin-left:220px !important;
}
#block-block-15 a{
	color:#0099cc;
	font-size:14px;
}
#block-block-15 #links {
line-height: 26px;
}


#block-block-11 ul{
	margin:0;
}
#block-block-11 li{
padding: 5px;
margin-bottom: 3px;
list-style: none;
background:#ddd;
}
#block-block-11 li a{
	display:block;
}
#block-block-11{
	padding:10px;
}


.node-type-pwl #left-sidebar{
width: 180px !important;
overflow: hidden;
text-align: left;
}
.node-type-pwl #main{
	margin-left:-200px !important;
}
.node-type-pwl #squeeze{
	margin-left:220px !important;
}
#block-block-12 h3{
	color:#004b87;
	margin-bottom:2px;
}

.node-type-atnf-dm #left-sidebar{
width: 180px !important;
overflow: hidden;
text-align: left;
}
.node-type-atnf-dm #main{
	margin-left:-200px !important;
}
.node-type-atnf-dm #squeeze{
	margin-left:200px !important;
}
#block-block-13 a {
display: block;
line-height:16px;
}
#block-block-13 #links {
line-height: 12px;
}
#block-block-14 p{
	text-align:left;
}


.node-type-atnf-with-sm #left-sidebar{
width: 200px !important;
overflow: hidden;
text-align: left;
}
.node-type-atnf-with-sm #main{
	margin-left:-200px !important;
}
.node-type-atnf-with-sm #squeeze{
	margin-left:220px !important;
}
.node-type-atnf-wmenu .field-name-field-top-image{
	margin-bottom:40px;
}
.node-type-atnf-wmenu .field-name-field-top-image img{
	width:100%;
}
.node-type-atnf-wmenu .field-name-field-left-images{
	float:left;
	background:#004B87;
	width:150px;
	padding:5px;
	margin-right:10px;
}
.node-type-atnf-wmenu .field-name-field-right-images{
	float:right;
	background:#004B87;
	width:150px;
	padding:5px;
	margin-left:10px;
}
.node-type-atnf-wmenu #body-div .field-name-field-left-images img,
.node-type-atnf-wmenu #body-div .field-name-field-right-images img{
	margin:0;
}

.node-type-askap-with-menu #left-sidebar{
width: 140px !important;
overflow: hidden;
text-align: left;
}
.node-type-askap-with-menu #main{
	margin-left:-160px !important;
}
.node-type-askap-with-menu #squeeze{
	margin-left:160px !important;
}

/*--- Hide category and access fields ---*/

.field-name-field-category { display: none; }
.field-name-field-access { display: none; }

#block-a11y-a11y {
/*
  position: absolute;
  left: 0px;
  top: 0px;
*/
  float:none;  
  background: white;
  width: 100%;
  height: 26px;
  display:none;
}
#block-a11y-a11y > .content{
  width: 978px;
  padding: 1px 10px;
  margin: 0px auto;
  height:100%;
}
@media only screen and (max-width: 1021px) {
  #block-a11y-a11y > .content {
    width: auto;
    margin: 0 3% !important;
  }
}
#block-a11y-a11y .form-item {
  float:left;
  padding: 0px;
}
#block-a11y-a11y .a11y-textsize-controls {
  float: left;
  margin-left: 10px;
  line-height: 6px;
}
#block-a11y-a11y .description,
#block-a11y-a11y fieldset {
  display: none;
}
.accessibility_menu_switcher {
  margin-top: -44px;
  height: 44px;
  float: right;
  margin-right: 15px;
  width: 200px;
  text-align: right;  
}
.accessibility_menu_switcher a {
  color:white;
}
html.overlay-open,
html.overlay-open body {
    overflow: visible;
}
body.admin-menu {
  margin-top:0px !important;
  padding-top:20px !important;
}
/*
body.admin-menu  #block-a11y-a11y{
  top:20px;
}
*/
/*
body {
  background-position: 0 26px;
}

body {
  margin-top: 26px !important;
}
body.admin-menu {
  background-position: 0 46px;
}

body.admin-menu {
  margin-top: 46px !important;
}
*/
@media only screen and (max-width: 961px) {
  .accessibility_menu_switcher {
    margin-right: 325px;
    margin-top: 1px;
    height: 0px;
  }  
}
@media only screen and (max-width: 768px) {
/*
  body {
    background-position: 0 46px;
  }

  body {
    margin-top: 46px !important;
  }
  body.admin-menu {
    background-position: 0 66px;
  }

  body.admin-menu {
    margin-top: 66px !important;
  }
*/  
  #block-a11y-a11y {
    height:46px;
  }
  .accessibility_menu_switcher {
    margin-right: 15px;
    margin-top: -44px;
    height: 44px;
  }  
}
@media only screen and (max-width: 480px) {
/*
  body {
    background-position: 0 90px;
  }

  body {
    margin-top: 90px !important;
  }
  body.admin-menu {
    background-position: 0 110px;
  }

  body.admin-menu {
    margin-top: 110px !important;
  }
*/  
  #block-a11y-a11y {
    height:90px;
  }
}