/*  
Theme Name: Workspace
Theme URI: http://www.workspace.org.uk/
Description: Workspace theme
Version: 0.1
Author: Michael McCrea
Author URI: http://lairdesign.com

*/


/*-------------
  global styles
---------------*/


* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 75%;
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  color: #383d44;
  background-color:#0266a5;
}

h1, h2, h3, h4, h5, h6, p, li, table {
  font-size:125%;  
  line-height:150%;
}

a:link, a:visited {
  font-weight: bold;
  color: #2bbed8;
  text-decoration: none;  
}

a:hover, a:active, a:focus {
  color: #007698;
}

h1, h2, h3, h4, h5 {
  color:#2bbed8;
  letter-spacing: 0;
	margin:10px 0;
  line-height:125%;
  font-size:175%; 	
}

h1 {
  font-size:200%;
}

h1 a:link {
  font-weight:normal;
}

h2 {
  font-size:165%;  
  margin:30px 0 5px 0;
}

h3 {
  color: #007698;
  font-size:150%;
  padding:0;
  margin:0 0 5px 0;   
}

p {
	padding:0;
	margin:0 0 15px 0;
}

img {
  border: 0;
  }

ul {
  padding:0;
  margin:0 0 20px 20px;
}

ul li {
  padding:0 0 5px 10px;
	/* background: url(img/icon_bullet.gif) no-repeat 0 8px; */
}

#container {
  margin:0 auto;
  width: 800px;
  padding:0 20px 0 20px;
  background-color:#FFFFFF;
  border-left:10px solid #2bbed8;
  border-right:10px solid #2bbed8;
  border-bottom:10px solid #2bbed8;

}

/*---------------------
  header, nav and login
-----------------------*/

#header {
  width:760px;
  height:122px;
  background: url(img/header_right_bg_blokes_01.jpg) no-repeat top right;    
}

#contact_info {
  float:right;
  margin:10px 0 0 0;
}

#logo {
  float:left;
  padding:0;
}

#section_break {
  font-size:0.8em;
  width:800px;
  height:38px;
  float:left;
  background: url(img/section_break_bg_01.gif) #2cbdd8 top left no-repeat; 
}

#search {
  float: right;
  padding: 10px 15px 0 0;  
}

#top_navigation {
	font-size:0.8em;
  width:800px;
  background-color:#2bbed8;
  padding:16px 0 0 0; 
  margin:0 0 0 10px; 
  float:left;
  background: url(img/top_nav_top_01.gif) #2cbdd8 top left no-repeat; 
}

#top_navigation ol {
  list-style: none;
  background: url(img/top_nav_bttom_01.gif) bottom left no-repeat;
  background-color:none;
  margin:-15px 0 0 0;   
}

#top_navigation li {
  display: inline; 
}

#top_navigation li a {
  padding: 5px 18px;
}

#top_navigation a:link, #top_navigation a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

#top_navigation a:hover, #top_navigation a:active, #top_navigation a:focus {
  color: #ccc;
}

li.current_page_item a{
  color: #007698;
}

#flashcontent {
  width:760px;
  float: left;
  clear:both;
  height:350px;
  padding:0;
  margin:0;
}

/*-------------
  main content 
---------------*/

#main_content {
  background-color: #fff;
  float: left;
  width: 800px;
  padding: 0 0 20px 0;    
}

#intro_text {
  float: right;
  width: 550px;
  margin:15px 15px 0 0;   
}

#intro_text img {
  padding:0 0 10px 10px;
}

#intro_text .ngg-gallery-thumbnail img {
  padding:0;
}


*html #intro_text  {
  width: 525px;
  padding-left:25px;  
}

#main_img {
	padding: 30px;
  float: left;
}

#img_container img {
  float:right;
  margin:5px 0 0 3px;
}

.staff_details {
  background-color: #f4f4f4;
  height:270px;  
	margin:0 20px 40px 0;  
}

.staff_details img {
  float:left;
}

.staff_details dt {
	font-weight: bold;
	padding: 10px 0 0 0;
}

.staff_details dd {
	margin: 0;
	padding: 0;
}

.staff_info {
  padding-left: 200px;
}

.breadcrumb {
  padding:0 0 5px 0;
}


#location{
  float:left;
}

#type {
  float:left;
  margin:0 0 0 5px;
}

 a:link.b_search {
  background-color:#00b6dd;
  color:#fff;
  margin:0 0 0 5px;
  padding:2px 10px;
}

a:hover.b_search {
  background-color:#0266a5;
  color:#fff;
}

/*-------
  sidebar
---------*/

#sidebar {
  width:218px;
  padding:0;
  margin:2px 0 0 0; 
  float:left;
  font-size:90%;  
}


.sidebar_module {
  background-color: #00b6dd;  
  padding:0 0 10px 0;
  float:left:
  clear:left;
  margin:10px 0 10px 0;
}

#sidebar h2 {
  color:#fff;
  border-top:2px solid #12bbdf;
  padding:10px 5px 10px 35px;
  margin:2px 0 0 0;
  background: url(img/sidebar_h2_bg_01.gif) #0266a5 no-repeat 10px 7px !important;
}

.sidebar_module ul {
  padding:5px;
  margin:0;
  list-style:none;
}

.sidebar_module ul li {
  background: url(img/mini-comments.gif) no-repeat 0 4px !important;
  padding:3px 0 3px 25px;
  margin:10px 5px 0 0;
}

.sidebar_module a:link, .sidebar_module a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}

.sidebar_module a:hover, .sidebar_module a:active, .sidebar_module a:focus {
  color: #7dd9f0;
}

#mail {
  background: #00b6dd url(img/mail_01.jpg) no-repeat right bottom;
}

#main_nav ol {
  list-style: none;
}

#main_nav ol a  {
  display: block;
  background-image: url(img/nav_bg.gif);
  background-repeat: no-repeat;
  height: 39px;
  text-indent: -5000px;
  overflow: hidden;
}

#ezine_sign_up img {
  margin:20px 0 20px 0;
  padding:0;
}

.meta, .news, .ezine, .sub_nav, .recruitment  {
  padding: 0 0 30px 15px;  
}

.meta {
  clear:left;
  margin-top:30px;
}

#subscribe_form {
  color:#fff;
  padding:10px;
}

/*-------------
  tables
---------------*/

table {
	font-size:115%;
	width: 97%;
	padding: 0;
	margin:0 0 20px 0;
	border-left: 1px solid #7dd9f0;	
}

caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	text-align: right;
}

th {
	font-weight:bold;
	color: #fff;
	border-right: 1px solid #7dd9f0;
	border-bottom: 1px solid #7dd9f0;
	border-top: 1px solid #7dd9f0;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #2bbed8;
}

td {
	border-right: 1px solid #7dd9f0;
	border-bottom: 1px solid #7dd9f0;
	text-align: left;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.first {
	border-left: 1px solid #7dd9f0;
}

/*---------
  footer
-----------*/

#footer {
  margin:0 auto;
  width: 850px;
  font-size:90%;
  font-weight: bold;
  clear:both;
  color: #fff;
  padding: 15px 0 15px 0;
}

#footer li a {
  padding: 5px 20px;
}

#footer a:link, #footer a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #00b6dd;
}

#footer a:hover, #footer a:active, #footer a:focus {
  color: #f5f5f5;
  background-color: transparent;
}

#footer p {
  margin:0;
  padding:0;
}

.meta_data {
  margin:4px 0 0 0;
}

.meta_data a:hover{
  background-color: #007698;
  color:#FFFFFF;
}

.left {
  float: left;
}

.right {
  float: right;
}

.align_right {
  text-align:right;
}

.center{
  text-align:center;
}

a.rss {
  padding:0 10px 0 16px;
  font-size:1.1em;
  background: url(img/feed-icon-12x12.gif) no-repeat 0 3px;
}

/*---------Extras-------
------------------------*/

.hr_grey {
border: 0;
  width: 80%;
color: #cccccc;
background-color: #cccccc;
margin:25px 0 0 0;
height: 1px;
}

.linkimg{
margin:0;

}

.no_bullets{
list-style-type:none;
margin-left:-10px;
}




#navigation {
  background-color: #00b6dd;  
  padding:0;
  margin:0;
  color:#fff;
}

* html #navigation {
  border-bottom:1px solid #fff;
}

#navigation ul {
  padding:0;
  margin:0;
  list-style:none;
}

#navigation ul li {
  background: url(img/icon_bullet.gif) no-repeat center left;
  padding:0 0 0 25px;
  margin:5px 0 0 0;
  line-height:95%;
  border-bottom:1px solid #fff;
}

#navigation a {
  text-decoration: none;
  display:block;
  padding:10px 0;  
  font-weight: bold;
  color: #fff;
}

#navigation a:hover {
  color: #007698;
}

#navigation li.current_page_item a {
  color: #0266a5;
}


#navigation li ul {
  position:absolute;
  left:-999em;
  height:auto;
  width:130px;
  background-color: #40c8e6;
  font-weight:normal;
  margin:-30px 0 0 110px;
  border-top:5px solid #00b6dd;
  padding:0;
  line-height:1;
 }

#navigation li li {
  padding:3px 1px 3px 0;
  margin:0;
  width:130px;
	background-color: #40c8e6;
  background-image:none;	
}

#navigation ul li.page-item-5 a, #navigation ul li.page-item-6 a, #navigation ul li.page-item-7 a {
	padding-right:14px;
	margin-right:5px;
	background-image: url(img/arrow-dropdown-white.gif);
	background-repeat: no-repeat;
	background-position: right ;
}

#navigation li.page-item-5 ul li a, #navigation li.page-item-6 ul li a, #navigation li.page-item-7 ul li a {
  color:#fff;
  background-image: none;
}

#navigation li li a {
  padding:3px 10px;
  font-size:12px;  
}



#navigation li:hover ul li a {
color:#fff
}

#navigation li ul ul {
margin:-29px 0 0 131px
}

#navigation li ul li:hover {
background:#99CCFF
}

#navigation li ul li:hover a {
color:#fff
}

#navigation li ul li:hover li a {
color:#fff
}

#navigation li ul li li:hover a {
color:#fff
}

#navigation li ul li ul li:hover ul li a {
color:#fff
}

#navigation li ul li ul li:hover ul li:hover a {
color:#fff
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul,  #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left:-999em
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,  #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
  left:auto;
	background-color: #40c8e6;
}