/* CSS Document */
/* This stylesheet supplements the main NUI Galway stylesheet, which is organised to complement the structure of a standard NUI Galway Web page General, typographical definitions appear first, followed by groups selectors that relate to a particular region of the Web page.

The selectors that follow override styles defined in main.css, the master NUI Galway stylesheet. There are some new selectors as well.

Typographical definitions:*/
body {
	color: #000;
}

#bodywide, #bodywide p {
  font-size: 13px ! important;
  font-size-adjust:.58;
  line-height:150%;
}

.bodySmall-personnel-details { /* for the staff detail page */
  font-size:11px;
  font-weight:normal;
  line-height:normal;
  }

h1 {
    width:auto;
	font-size: 24px;
	color: #639;
	background: url(http://www.nuigalway.ie/images/dashed_line.png) bottom left repeat-x;
}

h2 {
	width: 100%;
	font-size:12px;
	color:#639;
	padding: 6px 6px 6px 0px;
	text-transform:none;
}


/* START LAYOUT DIVS */
#container { 
    color:#000;
	background: url(../test/images/leftbar_greyline.png);
}

#bodywide p, #bodywide h2, #bodywide h3, #bodywide h2 + table, #bodywide h1 img {
     clear:left;
}

#searcharea {
	width: 201px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#masthead img {
    float:right;
    width:100px;
	padding:10px 0px 10px 40px;
}

#searcharea a.whatisthis {
    color:#666;
	background-color: transparent;
}

#breadcrumbwide {
	width: 549px;
	background-color: #fff;
	border: 1px solid #ccc;
	color:#666;
}

#breadcrumbwide a {
	color: #666;
}

#image img {
    margin-left:4px;
}

#leftbar {
	width: 204px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#leftbarimage {
	width: 204px;
	height:130px;
	margin: 0px 0px 0px 0px;	padding: 0px;
	border: 0px;
}

#bodyfull {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}


#footer, #footerleft, #footerright {
    height:3px;
	font-size:.1em;
}

#footerright {
	width: 551px; 
}

#valid p {
    text-align:center;
}


table#staffgoup {
     width:100%;
}

table#staffgroup th {
     border-bottom:1px solid #ccc;
	 border-left:3px solid #ccc;
	 font-weight:normal;
	 padding:0px 0px 5px 10px;
}

table#staffgroup td {
	 padding:0px 0px 0px 10px;
       vertical-align:top;
}

table#staffgroup td.divider {
	 border-top:1px solid #ccc;
}

table#staffgroup th.piccol {
     border-left:none;
padding-left:0px;
}

.picture {
       width:15%;
	 text-align:right;
	 vertical-align:top;
       
}

.piccol {
     width:70px;
     padding-bottom:10px;
padding-left:0px;
}

.staffname {
     width:40%;
	 text-align:left;
}

.staffemail {
     width:45%;
	 text-align:left;
}

a img.at{ 
    width:1em;
	height:1em;
	border:0px;
	vertical-align:middle;
}

/* END LAYOUT DIVS */

/* START STYLES/CLASSES */
.verdanabold {
	color: #666;
	padding-left:5px;
}

.grey { color:#666;}

#btt {
    border:none;
}

/* END STYLES/CLASSES */

/* START SIDENAV */
#navabout ul { display:none; }

#navrestheme ul { display:none; }

#navseminars ul { display:none; }

#navone ul { display:none; }

#home_nav {
    position:absolute;
	width:312px;
	height:163px;
	z-index:1;
	left: 30px;
	top: 420px;
}
#prinav {
	width: 202px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #fff;
	color: #099;
	background-color: transparent;
}

#sidenav {
	width: 202px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #fff;	
	color: #099;
	background-color: transparent;
}
#sidenav ul { 
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
}

#sidenav li {
	width: 202px;
	list-style: none;
	display: block;
	line-height: 22px;
	margin: 0px;
	background-color: #fff;
	color: inherit;
	border-top: 1px solid #fff;
	float: left;
}
#sidenav li a {
	color: #099;
	font-weight:bold;
}
#sidenav li a:hover {
}
#sidenav li ul li {
	background-color: #fff;
	border-top: 0px;
}
#sidenav li ul li a {
	background: none;
	color:#000;
}
#sidenav li ul li a:hover {
	background-color: #fff;
	color: #639;
}
#sidenav li ul li ul {
	display: none;
}
#sidenav li ul li ul li {
	border-top: none;
}
#sidenav li ul li ul li a:hover {
    background-color:#fff;
	color: #f09;
}
#sidenav li ul li ul li ul li a:hover {
    background-color:#fff;
	color: #f09;
}
#sidenav li.activeLI, #sidenav li.activeLI span.active a {
	background-color: #fff;
	color:#663399;
}

/* END SIDENAV */

/* START HOME NAV */
.homenav, .homenav a, .homenav a:link, .homenav a:visited {
     color:#fff;
	 font-weight:bold;
	 text-decoration:none;
	 }
.homenav a:hover, .homenav a:active  {
     color:#663399;
	 }	 

/* END HOME NAV */

/* START IMPORTANT LINKS */
/* END IMPORTANT LINKS */

/* START LINK SEARCH */

#linkSearch {
	width: 201px;
	float: left;
	margin: 10px 0px 0px 1px;
	padding: 3px 0px 0px 0px;
	border-bottom: 1px solid #E6DCDB;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #333;
}
#linkSearchTitle {
	line-height: 20px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	text-transform: uppercase;
	color: #333;
	background-color: #E6DCDB;
}
#linkSearch form {
	margin: 0px;
	padding: 3px;
	font-weight: normal;
	color: #333;
	background-color: #fff;
}
#lsTip {
	font-weight: normal;
	font-size: 10px;
	color: #666;
	background-color: #fff;
	line-height: 16px;
	display: block;
	padding: 3px;
}
#linkSearch ul {
	width: 150px;
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
}
#linkSearch ul li {
	width: 200px;
	font-size: .95em;
	list-style: none;
	display: inline; /*for IE5 and IE6 */
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #333;
	border-top: 1px solid #E6DCDB;
}
#linkSearch ul li a {
	display: block;
	padding: 0px 0px 0px 12px;
	background: url(http://www.nuigalway.ie/images/arrows/arrow_maroon.png) no-repeat 2px 8px;
	color: #666;
	background-color: #fff;
	text-decoration: none;
}
#linkSearch ul li a:hover {
	background-color: #E6DCDB;
	color: #333;
}

/* END LINK SEARCH */

/* START QUICK LINKS */

#quicklinks ul { 
	width: 150px;
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;	
}
#quicklinks li {
	width: 150px;
	list-style: none;
	display: inline; /*for IE5 and IE6 */
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	background-color: #f1b025;
	float: left;
	color: #333;
	border-bottom: 1px solid #fff;
}
#quicklinks li a {
	display: block;
	padding: 0px 0px 0px 12px;
	background: url(http://www.nuigalway.ie/images/arrows/arrow.png) no-repeat 2px 8px;
	color: #666;
	background-color: #fff;
	text-decoration: none;
}
#quicklinks li a.whatisthis {
	background: none;
	background-color: #f1b025;
	color: #000;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#quicklinks li a:hover {
	background-color: #ffeabd;
	color: #000;
}
#quicklinks li a.whatisthis:hover {
   background-color: #f1b025;
   color: #000;
}

/* END QUICK LINKS */

/* START QUICK NEWS */

#quicknews ul { 
	width: 150px;
	list-style: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;	
}
#quicknews li {
	width: 150px;
	list-style: none;
	display: inline; /*for IE5 and IE6 */
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	font-size: .95em;
	background-color: #fff;
	float: left;
	color: #666;
	border-top: 10px solid #fff;
}
#quicknews li.head {
	background-color:  #f1b025;
	font-weight: bold;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
}

/* END QUICK NEWS */

/* START BULLETINS */

#bulletins {
	width: 154px;
	float: right;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	border: 0px;
}
#bulletins ul { 
	width: 150px;
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: left;	
}
#bulletins li {
	width: 150px;
	list-style: none;
	display: inline; /*for IE5 and IE6 */
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #C8C8C8;
	color: #333;
	float: left;
	border-bottom: 1px solid #fff;
}
#bulletins li a {
	display: block;
	padding: 0px 5px 0px 5px;
	color: #666;
	background-color: #f0f0f0;
	text-decoration: none;
}
#bulletins li a.whatisthis {
	background: none;
	background-color: #C8C8C8;
	color: #000;
	padding: 0px 0px 0px 0px;
	display: inline;
}
#bulletins li a:hover {
	background-color: #999999;
	color: #fff;
}
#bulletins li a.whatisthis:hover {
	background-color: #C8C8C8;
	color: #000;
}
#bulletins a img {
	border: 0px;
}

/* END BULLETINS */

/* START WHAT IS THIS */

.whatisthis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #333;
}
a.whatisthis {
  position:relative;
  z-index:100;
  color:#000;
  text-decoration:none;
}
a.whatisthis img { 
	border: 0px;
}
a.whatisthis:hover {
	z-index: 101;
	cursor: help;
	border: 0px;
}
a.whatisthis span {
	display: none;
}
a.whatisthis span strong {
	font-family: inherit;
	color: #990000;
	text-decoration: underline;
}
a.whatisthis:hover span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-transform: none;
	display: block;
  position: absolute;
  padding: 3px;
  top: 1.5em; 
	left: -7em; 
	width: 108px;
  border: 1px solid #1B5793;
  background-color: #E0F2FF; 
	color: #000;
  text-align: left;
}

/* END WHAT IS THIS */
