* {
	text-decoration: none;
	font-family: Helvetica Neue, Arial, sans-serif; }
/* Add tags to this 'kill list' for any tags that require zero padding and margin by default */
html, body, ul, li, h1, p {
	padding: 0;
	margin: 0; }
html, body {
	height: 100%; }
body {
	font-size: 75%; }
/* Default class to use for invisible elements */
.hidden {
	display: none; }
.visual-clear {
	clear:both; }
#pageContainer {
	position: relative;
	min-height: 100%; }
/* Allow padding for the footer at the bottom of the page */
#anteFooter {
	padding-bottom: 4em; }
/*<group=Columns>*/
 
/*
The styles for the columns were derived from 'Multi-Column 
Layouts Climb Out of the Box' by Alan Pearce from 'A List 
Apart' (http://alistapart.com/articles/multicolumnlayouts)
*/
#columnContainer {
	background-color: #fff;
	oveflow: hidden;
	padding-left: 16.7em; /* The width of the rail */ }
#contentColumn {
	background-color: #fff;
	width: 100%;
	float: right;
	border-left: 16.7em solid #fff; /* The width and color of the rail */
	margin-left: -16.7em; /* Hat tip to Ryan Brill */
	margin-top: 1em; /* This is here to match the margin-top given to the #railColumn (see below) */ }
#railColumn {
	background-color: #eee;
	border:0.08333em solid #d3d3d3;
	border-left:0;
	width: 16.63em;
	margin-top: 1em; /* This is here (rather than in #railColumn .menu) so that the contentColumn's background colour shows up above the menu */
	margin-left: -16.71em; /* Opera pushes the #railColumn down below the #content div unless this margin is slightly wider than the width + border */
	float: left; }
/*</group>*/

/*<group=Header (above tabs)>*/
#header {
	position: relative;
	height: 7em;
	min-height:85px;
	font-size: 1em;
	background: #252b7f url(/it4c/img/Header-Background.gif) repeat-x 0 0; 	}
#header p {
	color: #ddd; }
#header .strapline {
	position: absolute;
	left: 1.25em;
	bottom: 0.5em;
	font-size: 0.9em;
	color: #f09c0b;
	letter-spacing: 0.075em;
	text-shadow: #262b69 2px 2px 1px; }
#header a {
	color: #fff;
	/*color: #b4b8ec;*/
	text-decoration: underline; }
#header .open {
	color: #252b7f;
	background-color: #f59b00;
	padding: 0.1em 0.2em; }
#header #masthead img {
	border: 0;
	margin: 0.8em 0.8em 0 0.5em; }
#header #login {
	position: absolute;
	right: 1em;
	top: 0.5em; }
#header #topmenu {
	position: absolute;
	right: 1em;
	bottom: 0.5em; }
#account-info {
	
	position: absolute;
	right: 1em;
	top: 1em;
	color: #fa9a00; }
#header ul {
	white-space: nowrap; }
#header ul li {
	display: inline;
	list-style-type: none;
	margin-left: 1em }
/*</group>*/
/*<group=Search Box>*/

#search {
	margin: 1em 0.8em;
	text-align: center; }
#search #search-term {
	width: 13em;
	border-width: 0.07em;
	padding: 0.1em;
	margin-bottom: 0.25em; }
/*</group>*/

/*<group=Tabs>*/
#tabs {
	text-align: center;
	font-weight: normal;
	background: #242c80 repeat-x url(/it4c/img/Tab-Background.gif) 0 0; }
#tabs a,
#tabs .open {
	margin-left: -0.27em;
	border-style: solid;
	border-width: 1px; }
#tabs a {
	color: #fff;
	border-top: none;
	border-bottom: none;
	border-right-color: #242c80;
	border-left-color: #0c6080;
	padding: 0.4em 3.9em; }
#tabs .open {
	color: #000;
	background-color: #fff;
	/* border-top-color: #0037b6;
	border-right-color: #4cb3ff;
	border-bottom-color: #fff;
	border-left-color: #0037b6; */
	border:  solid 1px #fff;
	padding: 0.4em 3.9em 0.44em 3.9em; }
/* #tabs a:hover {
	background-color: #0065d4; } */
#tabs ul {
	padding: 0.5em;
	white-space: nowrap; }
#tabs ul li {
	display: inline;
	list-style-type: none;
	font-weight: bold; }
/*</group>*/

/*<group=Footer>*/
#footer {
	position: absolute;
	clear:both;
	bottom: 0;
	padding: 1em 0;
	color: #fff;
	font-size: 0.8em;
	background-color: #363c92;
	border-top: 0.2em solid #faa106;
	width: 100%;
	height: 3em; }
#footer a {
	color: #fff;
	border-bottom: 0.07em solid #6e6eae; }
#footer ul {
	white-space: nowrap; }
#footer ul li {
	display: inline;
	list-style-type: none; }
#footer .menu {
	float: right;
	padding-right: 1em; }
#footer p {
	padding-left: 1em; }
/*</group>*/

/*<group=Left-hand Menu>*/
#railColumn .menu {
	margin-top: 0;
	background-color: #fff; }
#railColumn h2 {
	font-size: 1em;
	font-weight: normal;
	background-color: #ededed;
	padding-left: 1em;
	margin-bottom: 0em; }
#railColumn .menu ul {
	list-style: none;
	border: none; }
#railColumn .menu li {
	border-top: 0.07em solid #d3d3d3;
	background-color: #f59b00;
	background-color: #f09c0b;
	color: #000 }
#railColumn .menu li span {
	display: block;
	padding: 0.4em 1em; }
#railColumn .menu li a {
	display: block;
	padding: 0.4em 1em;
	background-color: #fff;
	text-decoration: none;
	color: #363c92; }
#railColumn .menu li a:hover {
	background-color: #1073ef;
	background-color: #f59b00;
	color: #fff; }
#railColumn .menu li li {
	border-top: 0; }
/* aed - so we can use <p> rather than <h2> for separators in the menus - more accessible */	
#railColumn .sep {        
	font-size: 1em;
	font-weight: normal;
	background-color: #ededed;
	padding-left: 1em;
	margin-bottom: 0em; }	
/*
In order to ensure that the clickable areas on the 
left hand menu occupy the entire width of the menu, 
separate left paddings have to be specified for every 
sub level of indent. 
*/

/* This indents the first submenu */
#railColumn .menu li li span,
#railColumn .menu li li a {
	padding-left: 2em; }
/* This indents the second submenu */
#railColumn .menu li li li span,
#railColumn .menu li li li a {
	padding-left: 3em; }
/*</group>*/

/*<group=Content>*/
#content {
	padding: 2em 3em 1em 2em;
	line-height: 1.5; }
#content h1 {
	/*border-bottom: solid #ddd 0.07em;*/
	border-bottom: solid #f90 0.07em;
	font-weight: normal;
	line-height: 115%;
	font-size: 1.6em;
	margin-bottom: 1em;
	padding-bottom: 0.25em; }
#content h2 {
	/* border-bottom: solid #ddd 0.07em;*/
	border-bottom: solid #f90 0.06em;
	font-weight: normal;
	line-height: 125%;
	font-size: 1.4em; }
#content h3 {
	font-size: 1.2em; }
#content p {
	margin-bottom: 1em; }
#content ul,
#content ol,
#content dl {
	padding: 0em 0em 1em 2em; }     /* aed */
#content a {
	color: #0000c1;
	border-bottom: solid 0.07em #bcbedb; }
#content a:visited {
	color: #8400da;
	border-bottom: solid 0.07em #d692ff; }
#content a:hover {
	color: #000000;
	border-bottom: solid 0.07em #7e7e7e;
	background: #f4f4f4; }
/*<group=attention>*/
.attention {
	padding: 0.75em 2em 1.25em 2em;
	background: #f8f8f8 url(/it4c/img/fleche2.gif) no-repeat 0.95em 1.4em;
	border: solid #fa9a00 0.2em;
	color: #333;
	font-weight: bold;
	/*font-size: 0.95em;*/ 
	font-size: 1.0em;   /* aed - increase the font size */
	margin: 3em 0em; }
.attention a {
	color: #f8a32a;
	color: #f09c0b;
	font-weight: bold; }
/*</group>*/

/*<group=Forms>*/
form {
	font-size: 1em; }
form fieldset,
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent; }
form fieldset div {
	clear: both; }
form input.small {
	width: 7em; }
form input.medium {
	width: 13em; }
form select,
form input.large {
	width: 20em; }
form textarea {
	width: 30em;
	height: 10em;
	font-size: 1em; }
form .required {
	background-color: #F90;
	background-color: #f09c0b;
	color: #fff;
	padding: 0.1em 0.2em; }
form label,
form textarea,
form select,
form .horizontal-set,
form .vertical-set {
	margin-bottom: 1em; }
form label,
form .label {
	display: block;
	float: left;
	width: 12em;
	margin-right: 1em; }
form .control-before-label {
	float: left;
	margin-right: 1em; }
form label.label-after-control {
	width: auto; }
form .horizontal-set div {
	width: 8em;
	float: left; }
form .horizontal-set label {
	width: 5em;
	float: none;
	display: inline; }
form .vertical-set div {
	float: none; }
form .vertical-set label {
	float: none;
	display: inline; }
/*</group>*/

/*<group=Tables>*/
table {
	padding: 0;
	margin: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse; }
table a {
	border-bottom: none !important;
	text-decoration: underline; }
table tbody td,
table tfoot td,
table tbody th,
table tfoot th {
	padding: 0.25em 1em;
	border-top: 0.07em solid #D9D9D9; }
table thead td,
table thead th {
	padding: 0.25em 1em;
	border-bottom: 0.07em solid #808080;
	text-align: left; }
table tbody th {
	text-align: left; }
table tbody .firstrow td,
table tbody .firstrow th {
	border-top: 0; }
/*</group>*/
/*<group=Sortable tables>*/
caption {
	margin: 1em;
	text-align: left; }
thead tr {
	background-color: #ff9b00;
	background-color: #f09c0b; }
thead tr a {
	color: #191300 !important; }
th.sorted {
	background-color: #ffcb00; }
th a, th a.sortable, th a.sortable:visited {
	background-color: transparent;
	color: black; }
.dspl th a:hover {
	text-decoration: underline;
	color: black; }
.dspl th.sorted a, th.sortable a {
	padding-right: 10px;
	background-position: right; }
th.order1 a {
	background-image: url('/it4c/img/arrow_down.png');
	background-repeat: no-repeat }
th.order2 a {
	background-image: url('/it4c/img/arrow_up.png');
	background-repeat: no-repeat }
tr.tableRowEven, tr.even {
	background-color: #ffffd6 }
/*</group>*/

/*<group=Flyout boxes>*/
.flyout-right {
	float:right;
	clear:right;
	width:33%;
	background-color:#f8f8f8;
	border:0.07em solid #ddd;
	margin:0 0 1em 1em;
	padding:0;
	}
.flyout-right-nofloat {
	float:none;
	width:auto;
	margin:0;
	}
.flyout-right.center {
	text-align:center;
}
.flyout-right-wrapper {
	float:right;
	clear:right;
	width:33%;
	border-left:1em solid #fff;
	border-bottom:1em solid #fff;
	}
.flyout-left {
	float:left;
	clear:left;
	width:33%;
	background-color:#f8f8f8;
	border:0.07em solid #ddd;
	margin:0 1em 1em 0;
	padding:0;
	}
.flyout-left-nofloat {
	float:none;
	width:auto;
	margin:0;
	}
.flyout-left.center {
	text-align:center;
	}
.flyout-left-wrapper {
	float:left;
	clear:left;
	width:33%;
	border-right:1em solid #fff;
	border-bottom:1em solid #fff;
	}
.flyout-right p,
.flyout-left p {
	padding: 0em 1em;
	}
.flyout-right img,
.flyout-left img {
	margin-top:1em; }
/*</group>*/

/* aed */
li.error{ color:#f59b00; font-weight: bold; }

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   width: 200px;
   height: 75px;
   }
   
div.float img {
   margin:10px;
   }

/* Put some space below list items - aed */
li.spaced{ padding-bottom:10px;}


td.plain {border-top: 0em;}

/* Flyouts for images - used on awards pages - aed */
.flyout-image-left {
	float:left;
	clear:left;
	width:290px;
	background-color:#f8f8f8;
	border:0.07em solid #ddd;
	margin:0 1em 1em 0;
	padding:0;
	}
	
.flyout-image-left img {
	margin-top:1em; }
	
.flyout-image-right {
	float:right;
	clear:right;
	width:290px;
	background-color:#f8f8f8;
	border:0.07em solid #ddd;
	margin:0 1em 1em 0;
	padding:0;
	}

.flyout-image-right img {
	margin-top:1em; }
	
.flyout-links {
	float:right;
	clear:right;
	width:20%;
	background-color:#f8f8f8;
	border:0.07em solid #ddd;
	margin:0 0 1em 1em;
	padding:0;
	}

/* Quotes at the top of home pages  - aed */	
.quote {
	text-align:right;
	font-style: italic;
	}
	
.quote-name {
	text-align:right;
	font-weight: bold;
	}

/* Box for calls to action  - aed */	
.action {
	float:right;
	clear:right;
	width:33%;
	background-color:#f8f8f8;
	border:0.07em solid #ddd;
	margin:0 0 1em 1em;
	padding-top: 1em;
	padding-left: 1em;
}

.indent {
	margin-left:20px;
}

/* Box for tips - aed */

.tip {
	float:right;
	clear:right;
	width:33%;
	background-color:#f8f8f8;
	border:0.07em dashed #f90;
	margin:0 0 1em 1em;
	padding:0;
	}
.tip p {
	padding: 0em 1em;
	}	
	
 .thumbnail {
	float: left;
	/*width: 220px;*/
	/*border: 1px solid #999;*/
	margin: 0 15px 15px 0;
	padding: 5px;
	}