/* $Id: local-sample.css 7156 2010-04-24 16:48:35Z chris $ */

/****************************/
/* LOCAL CSS                */
/****************************/

/* Put your custom CSS and CSS overrides in this file and  */
/* rename it local.css.  By restricting your CSS changes   */
/* to local.css, your changes will not be overwritten when */
/* upgrading to a new version of this theme.  You can also */
/* use a local-rtl.css file for the equivalent in RTL.     */

/* Theme changes by Andy Webster for Eduserve site	*/
/* See also local-rtl.css			                */


/* Basic Page Layout
/-------------------------------------------------------------- */
html {  /* Stop margins being greyed out */
  background: #ffffff;
  width: 960px;  /* Stop fluid layout of background */
  margin-left: auto;
  margin-right: auto;
  color: #333;
  overflow-y : scroll  /* Force vert scroll bar to stop layout 'jumping' */
}


/* Primary Menu
/-------------------------------------------------------------- */
#primary-menu {
  float: left; /* RIGHT in original theme */
}

#primary-menu.block .inner {
  float: left; /* RIGHT in original theme */
}

/* Second level */
/* Change colour of dropdown menu */
#primary-menu ul.menu li:hover ul.menu li,
#primary-menu ul.menu li.hover ul.menu li,
#primary-menu ul.menu li.sfHover ul.menu li {
  background: #386DCE;
  border-bottom: 1px solid #a4a4a4;
}

#primary-menu ul.menu li ul.menu li a:link,
#primary-menu ul.menu li ul.menu li a:visited {
  background: #386DCE;
  color: #FFFFFF;
}

/* Primary menu - Nolink */
#primary-menu ul.sf-menu li.sfHover ul.menu li span.nolink,
#primary-menu ul.menu li:hover ul.menu li span.nolink,
#primary-menu ul.menu li.hover ul.menu li span.nolink {
  background: #386DCE;
  color: #FFFFFF;
}

/* Header Group region
/-------------------------------------------------------------- */
.preface-top-wrapper {
  background: #144A6E url(../images/banners/rotate.php) no-repeat;
  color: #fff;
  height: 100px;
  border-top: 4px solid #386dce; /* a7ce38 */
  padding-top:  0px;
}
/* #header {background: #000033 url(img/banners/rotate.php) no-repeat 0px 0px; } */

#header-group-inner-inner {
  padding: 0px 0px  /* Top padding removed for background photo display */
}

#header-site-info-inner {
  margin-left: 0px;  /* Move logo to left margin */
  margin-top: 0px;
}

/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
/*  Change page background */
.main-wrapper {
  background: #fafafa url(../images/content-gradient.png) repeat-x 0 1px;
}

/* Align table content to top of cell */
#content-inner td {
vertical-align: top;
}

/* Move image for bullet-points down to align with text */
.content-inner-inner .content-content .inner .content ul li {
  background-position: 0 4px; 
}

/* Typography
/-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight: 500;
  color: #27638C;
}

/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles - from Alex theme css*/
h1.title {
  border-bottom: 1px solid #dddddd;
}

/* Page and full node titles - from ASW changes to local.css - CONFLICT?? */
h1.title {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-weight: 500;
  border-bottom: none
}

/* Colors and styles for linked node titles */
div.node h2.title {
  border-bottom: 1px solid #dddddd;
}

div.full-node .inner .content {
  border-bottom: 1px solid #dddddd;
}

hr {
  border: 1px solid #dddddd;
}

h2.title {                     /* block titles, node titles */
  font-family: Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
  font-size: 133.3%; /* 16px/12px */
  font-weight: 400;
  text-transform: none;
  margin-bottom: 5px;
}

div.node h2.title {
  border-bottom: none;
}

div.full-node .inner .content {
  border-bottom: none;
}

/* Column headers in tables on nodes
/------------------------------------------------------- */
td h3 {
   border: 1px solid #ffffff;
  font-size: 133.3%; /* 16px/12px */
  font-weight: 500;
  text-transform: none;
  margin-bottom: 5px;
  color: #ffffff;
  background: #27638C;
  padding: 3px;
}


/* Pagers
-------------------------------------------------------------- */
ul.pager li.pager-current {
  background-color: #cdd6db;
}

ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  background-color: #EFEFEF;
}


/* Icons for block titles - additional
-------------------------------------------------------------- */
.icon-new .block-icon {
background: url(../images/icons/icon-new.png) no-repeat left center;
}


/* Images placed in-line in stories & pages 
-------------------------------------------------------------- */
img.image-left {
  padding: 5px;
  float: left;
  border-style: hidden;
  border-width: 3px;
}

img.image-right {
  vertical-align: top;
  padding: 5px;
  float: right
  border-style: hidden;
  border-width: 3px;
}


/* Class to make image links animate on hover */

.highlightit:hover {
  color: red; /* Dummy definition to overcome IE bug */
}
img.image-left-link {
  vertical-align: top;
  padding: 5px;
  float: left;
  border-style: hidden;
}
img.image-left-link:hover {
  padding: 1px;
  float: left;
  border-style: outset;
  border-width: 3px;
  border-color: #ccc;
}


/* Rollover buttons
-------------------------------------------------------------- */

/* Blue button */
.rollover_btn a {
display:block;
/* display:inline; */
width: 95px;
height: 25px;
padding: 10px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("/sites/default/files/rollover_btn.gif") 0 0 no-repeat;
text-decoration: none;
text-align: center;
}
.rollover_btn a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover_btn a:active {
background-position: 0 -70px;
color:#fff;
}


*/ Green button */
.rollover_btn_01 a {
display:block;
/* display:inline; */
width: 95px;
height: 25px;
padding: 10px 0px 0px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("/sites/default/files/rollover_btn_01.png") 0 0 no-repeat;
text-decoration: none;
text-align: center;
}
.rollover_btn_01 a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover_btn_01 a:active {
background-position: 0 -70px;
color:#fff;
}


/* Footer Menu
----------------------------------------------------------------- */
.footer-wrapper {
  background: #e1e1e1;
  border-top: 2px solid #386dce;
}

/* Reset so Skinr module can control alignment of inline menus */
ul.menu {
   text-align: inherit;
}

/* Move copyright notice up */
#footer-inner p {
   margin-top: 0px;
}