@charset "utf-8";

/* Wrapping */
html {
  overflow-x:auto;
  overflow-y:scroll;
}

body {
  margin:0;
  padding:0;
  /*background-color:#999999;*/
  background-color:#FFFDD0;
  color:#FFFFFF;
  font-family:'Gill Sans', Calibri, 'Trebuchet MS', Tahoma, Geneva, Arial, sans-serif;
  font-size:1em;
  line-height:120%;
}

#wrapper {
  width:956px;
  margin:10px auto;
  padding:0;
}

/* General */

img {
  border:0;
}

.center {
  text-align:center;
}

.clear {
  clear:both;
}

.red {
  color:#ff0000;
}

.table_border {
  border-width:1px;
  border-style:outset;
  border-color:#000000;
  border-collapse:collapse;
}

.table_border td {
  border-width:1px;
  padding:2px;
  border-style:inset;
  border-color:#000000;
}

.img-shadow {
  float:left;
  background:url(/inc/images/drop_shadow/shadowAlpha.png) no-repeat bottom right !important;
  background:url(/inc/images/drop_shadow/shadow.gif) no-repeat bottom right;
  margin:10px 0 0 10px !important;
  margin:10px 0 0 5px;
}

.img-shadow img {
  display:block;
  position:relative;
  background-color:#ffffff;
  color:#000000;
  border:1px solid #a9a9a9;
  margin:-6px 6px 6px -6px;
  padding:4px;
}

.image-caption {
  font-style:italic;
  text-align:center;
}

.hidden {
  display:none;
}

.signalling_logo {
  background:url(/inc/images/departments/signalling/signalling_logo.gif) no-repeat center;
  height:121px;
}

/* Header */

#header {
  margin:0;
  padding-bottom:0;
  background:url("/inc/images/header.gif") no-repeat;
}

#header h1, #header h1 a {
  margin:0;
  padding:0;
  width:956px;
}

#header h1 a {
  height:100px;
  display:block;
  background:url("/inc/images/header.gif") no-repeat;
}

#header h1 a span {
  display:none;
}

/* Column Wrappers */

#column_wrapper {
  border-left:3px solid #227950;
  border-right:3px solid #227950;
  width:950px;
  margin:0;
  padding:0;
  background:url("/inc/images/background.gif") repeat;
}

#right_column {
  width:765px;
  float:left;
  margin:0 15px;
  background-color:#ffffff;
  color:#33444A;
}

#left_column {
  width:150px;
  float:left;
}

/* Headers */

h2 {
  margin-top:10px;
  padding:0;
  line-height:28px;
  text-align:center;
}
h3 {
  text-align:center;
  margin:0;
  padding:4px 0;
}
h4 {
  font-size:larger;
  margin:0;
  padding:4px 0;
}
h5 {
  font-size:large;
  margin:0;
  padding:4px 0;
}
h6 {
  font-size:medium;
  margin:0;
  padding:4px 0;
}

/* Menu */

#menu {
  font-size:small;
}
#menu ul {
  margin:0;
  padding:0;
  list-style:none;
  width:150px
}

#menu ul li {
  position:relative;
  width:150px;
  /*font-size:large;*/
}

#menu li ul {
  display:none;
  /*background:#ffffcc;
  color:#227950;*/
}
#menu li ul li{border:none;}
/* Styles for Menu Items */
#menu ul li a {
  display:block;
  text-decoration: none;
  color: #ffffff;
  background: #227950; 
  line-height:2.5em;
  height:2.5em;	
  padding:0 5px;
}
/* this sets all hovered lists to light blue */
#menu li:hover a, #menu li.over a,
#menu li:hover li a:hover, #menu li.over li a:hover {
  /*color:#ffffff;*/
  color:#000000;
  background-color:#99CC66;
}

/* set dropdown to default */
#menu li:hover li a, #menu li.over li a {
  color:#227950;
  background-color:#ffffff;
}
/*li ul li a {	}*/ /* Sub Menu Styles */
#menu li:hover ul, #menu li.over ul {	display:block;	} /* The magic */


/* Footer */

#footer {
  clear:both;
  line-height:3em;
  height:3em;
  border-top:10px solid #99CC66;
}

#footer, #footer a, #footer p {
  color:#ffffff;
  margin:0;
  padding:0;
  background-color:#227950;
  text-align:center;
}