@charset "utf-8"; 
/* $Id: style.css,v 1.5 2009/07/13 23:52:57 andregriffin Exp $ */
/* Drupal 6 Framework - Created by Andre Griffin
----------------------------------------------------------------
[Table of contents]

 0.Reset
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Nodes
 8.Comments
 9.Blocks
10.Footer
12.CSS Support
13.Advanced
14. NGRL Specific

[Font sizes - based on 75%/12px body]
36px = 3em
30px = 2.5em
24px = 2em
18px = 1.5em
16px = 1.333333em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em

Equasion for font sizing: 
-Desired in px ÷ Default (or parent) in px = sizing in em

NGRL pink COLOUR = #ec008d
ngrl light blue = #B8E5FB
ngrl mid blue = #6ccff6
background blue: #197ca3

----------------------------------------------------------------*/

/**
 * 0.RESET 
 */
@import "reset.css";

/**
 * 1.GLOBAL
 */
body#body{
  background: transparent;
  background-image:url(images/page-bg.jpg);
  background-repeat:repeat-x;
  color: #737373;
  font-family: Futura, Arial, Helvetica, sans-serif;
  font-size: 75%;
  line-height:1.5;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h5, h6 {
  font-weight: normal;
}

h1 {
  font-size: 3em;
  color: #241e20;
}

h2 {
  	font-size: 2em;
	color: #241e20;
}

h3 {
	font-size: 1.5em;
	color: #241e20;
}

h4 {
  font-size: 1.2em;
  line-height: 1.25em;
  margin-bottom: 1.25em; 
  font-weight:bold;
}

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; 
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

h1 img, h2 img, h4 img, h5 img, h6 img {
  margin: 0;
}

h3 img {margin-right:1em;}

p {
	line-height: 18px;
	text-align: justify;
	padding: 0px 0px 0px 0px;
	margin:3px 0px 3px 0px;
}

p a:link {
  text-decoration: none;
}

a:link, a:visited {
  color: #069;
  outline: none;
  text-decoration: none;
}

a:focus {
  outline: 1px dotted;
}

a:hover, a:active, li a.active {
  color: #ec008d;
  outline: none;
  text-decoration: underline;
}

.menu-name-menu-projects li.active-trail {
  color: #ec008d;
  outline: none;
  text-decoration: underline;
  font-size:120%;
  font-weight: bold;
}

/**
 * 2.LAYOUT
 */
.container {
  margin: 0 auto;
  padding: 0;
  width: 950px;
  min-height:400px;
}

#border-container{
	min-height:350px;
	background-image:url(images/container-bg.png);
	background-repeat: repeat-y;
}

#content-container{
	min-height:350px;
	background-image:url(images/curve-bg.gif);
	background-repeat: no-repeat;
	padding-top:10px;
}

/* add this class to div.container in page.tpl to show grid */
.showgrid {
  background: url(images/grid.png) repeat;
}

/**
 * 3.MAIN
 */
/* 1 column */
#main {
  margin-left: 1.5em;
  margin-top: 0.5em;
  position: relative;
  min-height:300px;
}

/* 3 columns */
body.sidebars #main {
  float: left;
  /*width: 630px;*/
  width:53%;
}

/* 2 columns - sidebar-left */
body.sidebar-left #main {
  float: left;
  /*width: 790px;*/
  width:70%;
}

/* 2 columns - sidebar-right */
body.sidebar-right #main {
  float: left;
  /*width: 790px;*/
  width:70%;
}

/**
 * 4.SIDEBARS
 */
.sidebar {
  width: 20%;
}

#sidebar-left {
  float: left;
  padding-left : 10px;
}

#sidebar-right {
  float: right;
  padding-right: 10px;
}

/**
 * 5.HEADER
 */
  #above {
  background-color:#197ca3;
  height:2em;
}

#login-block{
	color:white;
	padding-left:1em;
	padding-top:0.5em;
	float:left;
}

#login-block  a{
	color:#6ccff6;
}

#login-block  a:hover{
	color:#ec008d;
}

#contact-above{
	color:white;
	float:right;
	padding-right:1em;
	padding-top:0.5em;
}

#contact-above a{
	color:white;
}

#header {
  background-image: url(images/header.png);
  margin: 0;
  height:144px;
}

#header .header-right {
	background: transparent url(images/head-r.png) 100% 0 no-repeat;
}

#header .header-left {
	background: transparent url(images/head-l.png) 0 0 no-repeat;
	padding: 1px 0 14px 0;
}

#header #logo {
	float:left;
	padding-left:2em;
	padding-top:2em;
}

#header #sitename {
  float: right;
  padding: 2em 2em 0 0;
}

#header h1 {
  font-weight: bold;
  margin: 0;
}

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

#header #siteslogan {
  font-style: italic; 
  display: block;
  float:right;
  font-size: 1.5em;
  line-height: 1em;
}

#search {
	padding-right:1em;padding-top:1em;
}

#search-theme-form {
  clear:both;
  float: right;
  margin: 0;
}

#search-theme-form input {
 background-color:#B8E5FB;
  margin: 1em 0 1.85em 0em;;
}


/* removes "Search this site:" label from search forms */
div#edit-search-theme-form-1-wrapper label, 
div#edit-search-block-form-1-wrapper label {
  display: none;
}

/**
 * 6.NAVIGATION
 */
ul.links li {
  background: none;
  margin: 0 1em 0 0;
  padding: 0;
}

/* bottom margin leaves space for secondary links */
#nav {
  font-size: 1em;
  line-height: 1em;
  background-image:url(images/navbar.png);
  background-repeat:repeat-x;
  position: relative;
}

#nav ul.primary-links, 
#nav ul.dynamic-persistent-menu-menu {
  font-weight: bold;
  margin: 0;
  padding: 0 .5em;
}

#nav ul.primary-links li, 
#nav ul.secondary-links li, 
#nav div.block-dynamic_persistent_menu li {
  background: none;
  margin:0;
}

#nav ul.primary-links li a:link, 
#nav ul.primary-links li a:visited, 
#nav ul.dynamic-persistent-menu-menu li a:link, 
#nav ul.dynamic-persistent-menu-menu li a:visited {
  display: inline-block;
  padding:0.5em 2em 0.5em 1em;
  background-image: url(images/navigation-border.gif);
  background-repeat: repeat-y;
  background-position: right;
  text-decoration:none;
}

#nav ul.primary-links li a:hover, 
#nav ul.primary-links li a:active, 
#nav ul.dynamic-persistent-menu-menu li a:hover, 
#nav ul.dynamic-persistent-menu-menu li a:active {
 text-decoration: underline;
 background-color:#ec008d;
}

#nav div#secondary-links, 
#nav ul.dynamic-persistent-menu-sub-menu {
  padding: 0;
  position: absolute;
  width: 100%;
}

#nav ul.secondary-links li a:link, 
#nav ul.secondary-links li a:visited, 
#nav ul.dynamic-persistent-menu-sub-menu li a:link, 
#nav ul.dynamic-persistent-menu-sub-menu li a:visited {
  display: inline-block;
  line-height: 3em;
  margin: 0;
  padding: 0 .5em;
}

#nav ul.secondary-links li a:hover, 
#nav ul.secondary-links li a:active, 
#nav ul.dynamic-persistent-menu-sub-menu li a:hover, 
#nav ul.dynamic-persistent-menu-sub-menu li a:active {
  text-decoration: underline;
 color:#ec008d;
}

#nav .block {
  margin: 0;
}

#nav ul.dynamic-persistent-menu-menu {
  display: block !important;
}
#nav a, #nav a:hover{
	color: #fff;
}

.breadcrumb {
  color: gray;
  padding:0em 2em;
}

.breadcrumb a:link, 
.breadcrumb a:visited {
  color: #666;
}

.breadcrumb a:hover {
  color: #ec008d;
}

/**
 * 7.NODES
 */
span.submitted {
  color: #898989;
  font-size: .8333em;
  line-height: 1.5em;
}

.node .picture {
  float: left;
  margin: .5em .5em .5em 0;
}

.meta {
  margin: 0 0 1em;
}

.home-panel .meta{margin:0em;}

.meta div.links {
  float: left;
}

.meta div.terms {
  float: right;
}

.meta div.terms span {
  float: left;
}

.meta div.links ul.links li {
  float: left;
  padding: 0 1em 0 0;
}

.meta div.terms ul.links li {
  float: left;
  padding: 0 0 0 1em;
}

.node_read_more {
  font-weight: bold;
}

/* pagination */
.item-list ul.pager li {
  margin: 0;
  padding: 0;
}

.item-list ul.pager li a:link, 
.item-list ul.pager li a:visited, 
.item-list ul.pager li.pager-current {
  margin: 0;
  padding: 0 .2em;
  text-decoration: none;
}

.item-list ul.pager li a:hover, 
.item-list ul.pager li a:active {
  text-decoration: underline;
 color:#ec008d;
}

.item-list ul.pager li.pager-current {
  border-bottom: 2px solid;
  color: #069;
  font-weight: bold;
}

/**
 * 8.COMMENTS
 */
.comment {
  margin: 0;
  padding: 0;
}

.comment-bar {
  font-size: 1em;
  line-height: 1.5em;
  position: relative;
}

.comment span.submitted {
  color: #898989;
}

.comment span.new {
  color: red;
}

.comment-title {
  display: none;
}

.comment .picture {
  float: right;
  margin: 0 0 .5em .5em;
}

.comment ul.links {
  margin: 0 0 1.5em;
}

.comment ul.links li a {
  text-decoration: underline;
}

.indented {
  border-left: 1px solid #ddd;
  margin-left: 2em;
  padding-left: 1em;
}

/**
 * 9.BLOCKS
 */
 
.block-user, .sidebar .block-views {
	background-color:transparent;
	margin-top:1.5em;
}

.block-user h3, .sidebar .block-views h3{
	background-color:#ec008d;
	color:white;
	padding:0.3em 0;
	text-align:center;
}
	
.sidebar .block-views {
	width:15em;
	margin-top:1.5em;
}

.block-user .content, .sidebar .block-views .content{
	background-color:white;
	color:blue;
}

.menu-name-menu-projects{width:100%;}
.menu-name-menu-projects ul.menu li{
	list-style-type:none;
	display:inline-block;
	background:none;
	border-left: 1px solid #ccc;
	padding-left:1.5em;
	padding-right:1.5em;
}
.menu-name-menu-projects ul.menu li.first
{
	border-left:none;
	padding-left:0.0em;
}

.block {

}

/* login block */
#user-login-form {
  padding: 0 .5em;
  text-align: left;
}

#user-login-form .form-item {
  margin: 0;
}

#user-login-form .item-list ul li {
  background: none;
  padding: 0;
}

/* block configuration links are not required */
div .block {position:relative;}
div.block div.edit {display:none;}

/* views configuration links are not required*/
div.view {
  position: relative;
}

div.view div.views-hide-hover,
div.view:hover div.views-hide,
div.view div.views-admin-links,
div.view div.views-admin-links-hover,
div.view div.views-admin-links:hover {display:none}

/**
 * 10.FOOTER
 */
#footer {
  clear:both;
  font-size:80%;
  color:white;
  height: 11em;
  background-image: url(images/footer.gif);
  background-repeat:no-repeat;
}

#footer a.feed-icon {
  position: absolute;
  right: 0;
  top: 1.416667em;
}

#footer-phone { 
	bottom:-10px;
	position:relative;
	right:-617px;
	width:33%;
	text-align: right;
}

#footer-address { 
	bottom:26px;
	position:relative;
	right:-453px;
	width:33%;
	text-align: right;
}

#block-menu-menu-footer-menu {
	position:relative;
	bottom:-53px;
	left:4px;
}

#block-menu-menu-footer-menu h3{
	display:none;
}
#footer ul li.leaf a,#footer ul li.leaf, #footer ul li.expanded a,#footer ul li.collapsed a, #footer a {
	display:inline;
	list-style: none;
	background:none;
	
}

#footer a{
	text-decoration:underline;
	color:white;
}

#footer a:hover{
	color: #ec008d;
}

#footer ul, #footer li, #footer.content{
	display: inline;
	padding-left: 5px;
	padding-right:20px;
	padding-top:10px;
	margin-bottom:0px;
	list-style: none;
}

#copyright{
	bottom:-52px;left:13px;position:relative;
}

/* support drupal */
#footer #block-system-0 {
  position: absolute;
  right: 25px;
  top: 1.5em;
}

/**
 * 11.CSS SUPPORT
 */
span.clear       { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; }
.clear           { clear: both; }
.clear-block     { display: block; }

.clearfix:after,
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.clearfix,
.container       { display: block; }

.float-left      { float: left; }
.float-right     { float: right; }
.img-left        { float: left; margin: 1.5em 1.5em 1.5em 0; }
.img-right       { float: right; margin: 1.5em 0 1.5em 1.5em; }

.first           { margin-left: 0; padding-left: 0; }
.last            { margin-right: 0; padding-right: 0; }
.top             { margin-top: 0; padding-top: 0; }
.bottom          { margin-bottom: 0; padding-bottom: 0; }

.text-left       { text-align: left; }
.text-right      { text-align: right; }
.text-center     { text-align: center; }
.text-justify    { text-align: justify; }

.bold            { font-weight: bold; }
.italic          { font-style: italic; }
.underline       { border-bottom: 1px solid; }
.highlight       { background: #ffc; }
.quiet           { color: #666; }
.loud            { color: #000; }
.added           { background: #060; color: #fff; }
.removed         { background: #900; color: #fff; }
.small           { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large           { font-size: 1.2em; line-height: 1.25em; margin-bottom: 1.25em; }

.nopadding       { padding: 0; }
.noindent        { margin-left: 0; padding-left: 0; }
.nobullet        { background: none; list-style: none; list-style-image: none; }

.wrap            { width: 950px; margin: 0 auto; }

.hide            { display: none; }

/**
 * 12.ADVANCED
 */
 
/* lists */
ol{margin:0 0 1.5em;padding:0;}
ol li{margin:0 0 0 1.5em;}
ul{margin:0 0 1.5em;padding:0;}
ul li{background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;list-style-image:none;list-style-type:none;margin:0;padding:0 0 0 1.5em;}
li ol,li ul,ul ul,ol ol{margin:0;}
ul.menu,.item-list ul{margin:0 0 1.5em;padding:0;}
ul.menu ul,.item-list ul ul{margin:0;}
ul.menu li,.item-list ul li,li.leaf{background:transparent url(images/menu-leaf.gif) no-repeat 1px .4em;list-style-image:none;list-style-type:none;margin:0;padding:0 0 0 1.5em;}
ul li.expanded{background:transparent url(images/menu-expanded.gif) no-repeat 1px .35em;}
ul li.collapsed{background:transparent url(images/menu-collapsed.gif) no-repeat 0 .35em;}
ul li.leaf a,ul li.expanded a,ul li.collapsed a{display:block;}
ul li.fake-leaf{font-size:1em;font-weight:bold;}
ul.inline li{background:none;margin:0;padding:0 1em 0 0;}
dl{margin:0 0 1.5em;}
dl dt{font-weight:bold;}
dl dd{margin-left:1.5em;}

/* forms & fieldsets */
input{color:#494949;font:1em Verdana, sans-serif;}
textarea,select{color:#494949;font:1em Verdana, sans-serif;}
fieldset ul.clear-block li{background-image:none;margin:0;padding:0;}
fieldset{background:#fff;border:1px solid #ccc;margin:1em 0;padding:1em;}
fieldset legend{padding:0 0.5em;}
html.js fieldset.collapsed{background:transparent;padding-bottom:.6em;padding-top:0;}
html.js fieldset.collapsible legend a{background:url(images/menu-expanded.gif) no-repeat 0 50%;}
html.js fieldset.collapsed legend a{background:url(images/menu-collapsed.gif) no-repeat 0 50%;}
.form-checkboxes,.form-radios,.form-checkboxes .form-item,.form-radios .form-item{margin:.25em 0;}
.form-button,.form-submit{margin:1em .5em 1em 0;}
.confirmation .form-submit,.search-form .form-submit,.poll .form-submit,fieldset .form-button,fieldset .form-submit,.sidebar .form-button,.sidebar .form-submit,table .form-button,table .form-submit{margin:0 0 1.2em;}
#autocomplete li{cursor:pointer;margin:0;padding:2px;}
#autocomplete li.selected{background:#027ac6;color:#fff;}

/* admin tab links */
#tabs-wrapper{border-bottom:1px solid #ccc;margin:0 0 .75em;padding:0;}
ul.primary{border-bottom:5px solid #eee;margin:0;padding:.25em 0;}
ul.primary li{background:none;border-top:3px solid #ccc;margin:0 .5em 0 0;padding:.25em 0;}
ul.primary li.active{background:#eee;}
ul.primary li:hover{background:#f5f5f5;}
ul.secondary{background:#eee;border:none;margin:0;padding:.5em 1em;}
ul.secondary li{background:none;border:none;display:inline;line-height:2em;margin:0;padding:0 1em 0 0;}
ul.primary li a,ul.primary li.active a,ul.primary li a:hover,ul.primary li a:visited{color:#ec008d;background:none;border:0;margin:0;padding:0 1em;text-decoration:none;}
ul.secondary li a,ul.secondary li a:visited{background:none;border:0;margin:0;padding:0;text-decoration:none;}
ul.secondary li.active a,ul.secondary li a:hover{text-decoration:underline;color:#ec008d;}
ul.primary li.active a,ul.secondary li.active a{font-weight:bold;text-decoration:none;}

/* admin styling */
div.admin,div.admin .left,div.admin .right,div.admin-panel,div.admin-panel .body,div.admin .expert-link{margin:0;padding:0;}
div.admin .left{float:left;width:48%;}
div.admin .right{float:right;width:48%;}
div.admin-panel .description,.form-item .description{color:#666;font-size:0.9167em;line-height:1.636364em;margin:0 0 1.63636em;padding:0;}
div.admin-panel { }
body.admin dt{font-weight:normal;}
body.admin dd{color:#898989;font-size:.9167em;line-height:1.636364em;}
.more-help-link {font-size:.8333em;padding:0.2em 0 0.1em;}
.block-region {font-size:0.8333em;line-height:1.5em;margin:0;padding:0.15em 0.5em;}

/* tables */
#forum thead th {border-bottom:3px solid #ccc;}
#forum td.posts,#forum td.topics,#forum td.replies,#forum td.pager{text-align:left;}
#forum tr td.forum{background-position:4px 9px;}
.forum-topic-navigation{background:#eee;border:none;border-bottom:1px solid #ccc;margin-bottom:1em;padding:5px;}
body.admin table{margin:0 0 1.4em;width:100%;}
body.admin thead th{border-bottom:2px solid #ccc;font-weight:bold;padding:0 1em 0 0;}
body.admin tbody{border-top:none;}
body.admin td,body.admin th{padding:.3em .5em;vertical-align:middle;}
body.admin tr.even,body.admin tr.odd,body.admin tbody th{border:solid #ccc;border-width:1px 0;}
body.admin tr.odd td.active{background-color:#e9e9e9;}
body.admin tr.even td.active{background-color:#eee;}
body.admin tr.odd,body.admin tr.info{background-color:#eee;}
body.admin tr.even{background-color:#f5f5f5;}
body.admin tr.drag{background-color:#fffff0;}
body.admin tr.drag-previous{background-color:#ffd;}
body.admin td.region,body.admin td.module,body.admin td.container,body.admin td.category{background-color:#ddd;border-bottom:1px solid #ccc;border-top:1em solid #fff;color:#666;font-weight:bold;}
body.admin tr:first-child td.region,body.admin tr:first-child td.module,body.admin tr:first-child td.container,body.admin tr:first-child td.category{border-top-width:0;}
body.admin table.sticky-header{margin:0 0 0 1px;z-index:1;}
body.admin table.sticky-header th{padding-top:.5em;}
span.form-required{color:#ffae00;}

/* messages */
.messages{background-color:#fff;border:1px solid #b8d3e5;}
.messages,.preview,div.warning,div.error{margin:0 0 1.5em;padding:8px 1em;}
.messages ul{margin:0;}
.preview{background-color:#fcfce8;border:1px solid #e5e58f;}
.preview .node{background-color:#fcfce8;}
div.status{border-color:#c7f2c8;color:#33a333;}
div.error,tr.error{background-color:#fcc;color:#a30000;}
.form-item input.error,.form-item textarea.error{border:1px solid #c52020;color:#363636;}

/* status report */
table.system-status-report tr.error,table.system-status-report tr.error th{background-color:#fcc;border-color:#ebb;color:#200;}
table.system-status-report tr.warning,table.system-status-report tr.warning th{background-color:#ffd;border-color:#eeb;}
table.system-status-report tr.ok,table.system-status-report tr.ok th{background-color:#dfd;border-color:#beb;}
table.system-status-report th{padding-bottom:6px;padding-top:6px;}
table.system-status-report th,table.system-status-report tr.merge-up td{padding-left:30px;}

/* 14. NGRL Specific */

.views-field-title{
 color:#ec008d;
 clear:both;
 margin-bottom:0.4em;
 margin-top:0.4em;
}

.views-current-news .views-field-title, .view-Useful-Links
{font-size: 120%;}

.views-row{
	clear:both;
}
.view-current-news .views-row-odd>.views-field-teaser,.view-News-Archive .views-row-odd>.views-field-teaser
{float:left;width:60%;clear:left;}
.view-current-news .views-row-odd>.views-field-title,.view-News-Archive .views-row-odd>.views-field-title
{float:left;}
.view-current-news .views-row-even>.views-field-title,.view-News-Archive .views-row-even>.views-field-title
{float:right;}
.view-current-news .views-row-odd>.views-field-field-image-fid,.view-News-Archive .views-row-odd>.views-field-field-image-fid
{float:right;}
.view-current-news .views-row-even>.views-field-teaser,.view-News-Archive .views-row-even>.views-field-teaser
{float:right;width:60%;clear:right;}
.view-current-news .views-row-even>.views-field-field-image-fid,.view-News-Archive .views-row-even>.views-field-field-image-fid
{float:left;}
.view-Useful-Links .views-field-body
{ float:right;width:68%;margin-top:2em;}
.view-Useful-Links .views-field-field-link-image-fid
{ float:left;clear:both;}

.useful-links-titleandteaser {float:right;width:68%;margin-bottom:0.25em;min-height:5em;}
.useful-links-title{font-size:120%;font-weight:bold;}
.useful-links-image{float:left;margin:0.5em 0 0.5em;}
.useful-links-row{min-height:3em;}


.sidebar .block-views  li{
	background-image:url(images/bullet-services.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 1.75em;
}

.sidebar .block-views ul{
	  list-style-type: none;
	  padding: 0;
	  padding:0.2em;
}

.date-nav{margin-top:1.5em;}
.date-nav div.date-prev, .date-nav div.date-next{ margin:0.7em 0; }
.sidebar .view-EventCalendar .calendar-calendar{background-color:transparent;}
.calendar-dayview-empty{font-weight:bold;text-align:center;}
.view-projects-body-for-home-panel h3 a{color:#ec008d;}