@charset "utf-8";
/* CSS Document */
/* Global Reset */
* {
	border:0 none;
	margin:0;
	padding:0;
}
body {
	background-color:#ededed;
	background-image:url(../images/bg-met-office.gif);
	background-repeat: repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
}
p, h1, h2, h3, h4, h5 , h6, ul, li {
	margin: 0;
	padding: 0;
}
/* CONTAINERS BEGIN */
#wrapper {
	width:994px;
	margin:auto;
	display:table;
}
.side-shadows {
	width:994px;
	margin:auto;
	display:table;
	background-image: url(images/bg-shadow-sides.png);
	background-repeat: repeat-y;	
}
#container-main-top-shadow {
	height:10px;
}
.top-shadow,
.bottom-shadow {
	width:994px;
	height:10px;
	margin:auto;
	display:table;
}
.top-shadow {
	background-image: url(images/top-shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.bottom-shadow {
	background-image: url(images/bottom-shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#container-main {
	width:980px;
	margin:auto;
	background-color:#FFFFFF;
	display:table;
	/*border: 1px solid #FF0000;*/
}
#container-main .container-main-in {
	padding:0;
}
#container-footer {
	width:980px;
	margin:auto;
	background-color:#FFFFFF;
	display:table;
	/*border: 1px solid #FF0000;*/
}
#top-banner {
	width:980px;
}
.top-banner-in {
	padding-top: 25px;
}
#logo {
	float:right;
	margin-right:20px;
	color:#FFFFFF;
}
#banner {
	width:940px;
	/*border: 1px solid #333333;*/
}
#navigation {
	width:980px;
	height:44px;
	position:relative;
	margin-bottom:0;
	/*border: 1px solid #333333;*/
}
/* CONTAINERS END */
/* COLS BEGIN */
#colFull, #colHalf, #colThreeQuarters {
	float:left;
	display:inline;
	position:relative;
	/*margin-top:1px;*/
	margin-left:20px;
	border-top:solid 1px #FFFFFF;
}
#colOneFourth {
	float:left;
	display:inline;
	position:relative;
	/*border-top:solid 1px #FFFFFF;*/
}
#colFull {
	width:940px;
	/*background-color:#CCCCCC;*/
}
#colThreeQuarters {
	width:700px;
	/*background-color:#eeeeee;*/
}
#colHalf {
	width:460px;
	/*background-color:#eeeeee;*/
}
#colOneFourth {
	width:220px;
	/*background-color:#999999;*/
}
.colOneFourth {
	margin-left:20px;
}
/* COLS END */
/* TYPO BEGIN */
h1 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:2.2em;
	/*margin:10px 0;*/
}
h2 {
	color:#361c0b;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.4em;
	font-weight:bold;
}
h3 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}
h4 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}
h5 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}
h6 {
	color:#000000;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
}
p {
	font-size:1.2em;
	line-height:1.5em;
}
ul,
ul li ul {
	font-size:1.2em;
	line-height:1.7em;
	list-style-position: inside;
	margin-top:10px;
	margin-bottom:10px;
}
ul {
	list-style-type: none;
}
a {
	font-size:1.2em;
	color:#003399;/**/
	text-decoration:none;
}
p a {
	font-size:1.1em;
}
a:link {
}
a:visited {
}
a:hover, p a:hover {
	color:#00add0;/**/
	text-decoration:underline;	
}
a:active {
}
a img {
	border:none;
}
ul li a,
ul li ul li a {
	font-size:1.1em;
}
a.calltoaction {
	float:right;
	clear:both;
	margin-bottom:10px;
	text-decoration: none;
	font-size:1.2em;
	/*border: 1px solid #333333;*/
}
a.calltoaction img {
	margin-left:5px;
	vertical-align:middle;
}
a.detail-01 {
	margin-left:10px;
	padding-left:10px;
	background-image: url(images/bullet-square-small-blue.jpg);
	background-repeat: no-repeat;
	background-position: 0 center;
	text-indent:8px;
}
label {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:20px;
	margin-top:5px;
}
blockquote, q {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:20px;
	margin-top:5px;
	font-style: italic;
}
blockquote, q {
	quotes: none;
}
/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after {
	/* CSS 2; used to remove quotes in case "none" fails below */
	content: "";
	/* CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea... */
	content: none;
}
em {
	font-size:.9em;
	font-style:normal;
}

p.note {
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
/* TYPO END */
/* BOXES BEGIN */
.box-in {
}
#banner {
}
#boxHalf, #boxOneFourth {
}
#boxHalf {
	width:460px;
}
#boxOneFourth {
	width:220px;
}
/* BOXES END */
/* STYLE */
/* input */
input {
		border:1px #CCCCCC solid;
		font-size:12px;
		width:140px;
		color:#666;
}
.loginBox {
		background-image:url(images/bg-search-lg.gif); 
		background-repeat:no-repeat; 
		width:190px; 
		height:193px; 
		margin-bottom:10px; 
		padding:6px 10px 0 10px;
}
button {
	background-color:transparent;
	cursor:pointer;
}
input.buttonLogOut {
	cursor:pointer;
	border:none;
	font-size:1.1em;
	color:#834c10;
	width:88px;
	height:25px;
	line-height:normal;
	font-size:1.2em;
	font-weight:bold;
	background-color: transparent;
	background-image: url(images/call-to-action-log-out.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
}
/* Margins */
.margin0 {
	margin:0;
}
.margin10 {
	margin:10px;
}
.margin20 {
	margin:20px;
}
.marginT0BRL {
	margin-top:0;
}
.marginTB0RL {
	margin-bottom:0;
}
.marginTBR0L {
	margin-right:0;
}
.marginTBRL0 {
	margin-left:0;
}
.marginT10BRL {
	margin-top:10px;
}
.marginTB10RL {
	margin-bottom:10px;
}
.marginTBR10L {
	margin-right:10px;
}
.marginTBRL10 {
	margin-left:10px;
}
.marginT20BRL {
	margin-top:20px;
}
.marginTB20RL {
	margin-bottom:20px;
}
.marginTBR20L {
	margin-right:20px;
}
.marginTBRL20 {
	margin-left:20px;
}
.marginT0B0RL {
	margin-top:7;
	margin-bottom:7;
}
.marginT20B20RL {
	margin-top:20px;
	margin-bottom:20px;
}
/* Paddings */
.padding0 {
	padding:0;
}
.padding10 {
	padding:10px;
}
.padding20 {
	padding:20px;
}
.paddingT0BRL {
	padding-top:0;
}
.paddingTB0RL {
	padding-bottom:0;
}
.paddingTBR0L {
	padding-right:0;
}
.paddingTBRL0 {
	padding-left:0;
}
.paddingT10BRL {
	padding-top:10px;
}
.paddingTB10RL {
	padding-bottom:10px;
}
.paddingTBR10L {
	padding-right:10px;
}
.paddingTBRL10 {
	padding-left:10px;
}
.paddingT20BRL {
	padding-top:20px;
}
.paddingTB20RL {
	padding-bottom:20px;
}
.paddingTBR20L {
	padding-right:20px;
}
.paddingTBRL20 {
	padding-left:20px;
}
.paddingT0B0RL {
	padding-top:0;
	padding-bottom:0;
}
.paddingT20B20RL {
	padding-top:20px;
	padding-bottom:20px;
}
/* Ad hoc */
#title {
	position:relative;
	margin-top:50px;
	height:40px;
	/*border: 1px solid #333333;*/
}
/* Menu */
#navigation .navigation {
	width: 100%;
	height: inherit;
	margin: 0;
	padding: 0;
	background-image: url(images/menu-bg.jpg);
	background-repeat: repeat-x;
	background-color: #361c0b;
	/*border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #eaeaea;
	border-bottom-color: #eaeaea;*/
}
#navigation .navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation .navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#navigation .navigation ul li ul {
	display:none;
}
#navigation .navigation ul li a {
	display: block;
	height: 29px;
	padding-left:18px;
	padding-top: 12px;
	padding-bottom: 3px;
	padding-right: 19px;
	float: left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	/*border: 1px solid #333333;*/
}
#navigation .navigation ul li a:hover,
#navigation .navigation ul li.active a {
	
}
#hiddenmenu {
	display:none;
}
/* Content */
/* list icons */
ul li.word {
	list-style-type: none;
	background-image: url(images/word-icon.jpg);
	background-repeat:no-repeat;
	background-position:0 middle;
	padding-left:25px;
	line-height:2em;
}
ul li.pdf {
	list-style-type: none;
	background-image: url(images/pdf-icon.jpg);
	background-repeat:no-repeat;
	background-position:0 middle;
	padding-left:25px;
	line-height:2em;
}
ul li.powerpoint {
	list-style-type: none;
	background-image: url(images/powerpoint-icon.jpg);
	background-repeat:no-repeat;
	background-position:0 middle;
	padding-left:25px;
	line-height:2em;
}
ul li.excel {
	list-style-type: none;
	background-image: url(images/excel-icon.jpg);
	background-repeat:no-repeat;
	background-position:0 middle;
	padding-left:25px;
	line-height:2em;
}
ul.tick-green li {
	list-style-image: url(images/tick-green.jpg);
	list-style-type: none;
}




/* FOOTER BEGIN */
#container-footer {
	width:980px;
	margin:auto;
	display:table;
}
#footer {
	margin:auto;
	/*position:relative;
	border: 1px solid #333333;*/
}
#footer .CSSfooter {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	margin:auto;
	display:none;
}
#footer .CSSfooter .CSSlist {
	float:left;
	margin:0 14px 0 0;
	width:170px;
}
#footer .CSSfooter .superBreak {
	clear:both;
}
#footer .CSSfooter hr {
	border-bottom:1px dotted #999999;
	color:#F5F5F5;
	height:1px;
	margin:10px 0;
}
#footer .CSSfooter h3 {
	color:#999999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
}
#footer .CSSlist ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
#footer .CSSlist ul li {
	font-size:.9em;
	line-height:1.3em;
}
#footer .CSSlist ul li a {
	color:#999999;
}
.footer {
	background-color:#F4F4F4;
	background-image:url(images/bg-footerBar.gif);
	background-repeat:repeat-x;
	margin:auto;
	height:53px;
	/*border: 1px solid #333333;*/
}
.footer img {
	float:right;
	margin:10px;
}
.footer p {
	float:left;
	margin:15px;
}
.footer a {
	font-size:1em;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
a:link, a:visited, a:active {
	color:#003A81;
	text-decoration:none;
}
#sub-footer {
	width:980px;
	height:54px;
	margin:auto;
	position:relative;
	background-image: url(images/footer-grey-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#sub-footer .sub-footer-in {
	padding-top:10px;
	padding-left:20px;
}
#sub-footer .sub-footer-in ul li {
	display:inline;
	padding-right:4px;
	padding-left:4px;
	border-right:solid 1px #003399;
}
#sub-footer .sub-footer-in ul li a:link, 
#sub-footer .sub-footer-in ul li a:visited, 
#sub-footer .sub-footer-in ul li a:active  {
	color:#00add0;
}
#sub-footer .sub-footer-in ul li a:hover  { 
	color:#00bee5;
}
#sub-footer .sub-footer-in ul li.noborder {
	border:none;
}
/* FOOTER END */