/* CSS Document */
body {
background: #C1CFD5;
background-image:url(/images/greengrey/bg_main.gif);
background-repeat:repeat-x;
margin: 0;
padding: 0;
}

.inline{
	display:inline;}
.btnstyle{
	background-color:#ECF0F2;
	border:0;
	color:#000;
	cursor:pointer;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#container {
width:984px;
height:100%;
margin:0 auto;
}

#container img{
border:0;
}

/*#utility_wrap {
width:984px;
height:22px;
background-color:#39F;
background:url(../images/logo_top.jpg);
background-repeat:no-repeat;
border-bottom:1px #0F0 solid;
}*/

/*#utility_menu {
width:527px;
height:20px;
background:url(/images/utility_bar.gif);
background-repeat:no-repeat;
float:right;
font-size:9px;
color:#FFF;
text-align:center;
padding:2px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}*/
#utility_menu {
	width:767px;
	height:25px;
	float:left;
	background-color:#ECF0F2;
	background-image:url(/images/greengrey/bg_banner.gif);
	background-repeat:repeat-x;
	font-size:9px;
	text-align:right;
	padding:4px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#utility_menu a {color: #000; text-decoration:none; } 
#utility_menu a:link {color: #000; } 
#utility_menu a:active {color: #000; } 
#utility_menu a:visited {color: #000; } 
#utility_menu a:hover {color: #000; text-decoration:underline; }
#utility_menu ul {list-style:none; margin:0; padding:0;}
#utility_menu li {padding:0 7px 0 7px; display:inline;}

/*#logo {
width:492px;
height:47px;
float:left;
background-color:#F90;
}*/
#logo {
	width:212px;
	height:86px;
	float:left;
	background-image:url(/images/greengrey/web_logo.jpg);
	background-repeat:no-repeat;
	clear:both;
	}

/*#search {
width:470px;
float:left;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
padding:4px 0 0 0;
vertical-align:middle;
}*/
#search {
	width:758px;
	height:27px;
	padding-right:9px;
	float:left;
	background-color:#ECF0F2;
	text-align:right;
	}

input.search {
/*padding:2px 2px 2px 2px;
margin:2px 0 4px 0;*/
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#connect {
	width:771px;
	height:30px;
	float:left;
	background-color:#ECF0F2;
	background-image:url(../images/greengrey/connect_bg.gif);
	background-repeat:repeat-x;
	text-align:right;
	}
/*#corners_top {
width:100%;
height:19px;
background-repeat:no-repeat;
clear: both;
padding:0;
margin:0;
line-height:0px;
font-size:xx-small;
}*/
/*corners conditional*/
/*body#common #corners_top {background:url(/images/common_corners.jpg);}
body#deferred #corners_top {background:url(/images/deferred_corners.jpg);}
body#employers #corners_top {background:url(/images/employers_corners.jpg);}
body#members #corners_top {background:url(/images/members_corners.jpg);}
body#pensioners #corners_top {background:url(/images/pensioners_corners.jpg);}
body#index #corners_top {background:url(/images/index_corners.jpg);}*/

#menu_bar {
width:984px;
height:28px;
background:url(../images/greengrey/menu_bg.gif) no-repeat;
font-size:1px;
clear:both;
}

#top_menu2 {
width:450px;
float:left;
}
#top_menu3 {
width:533px;
float:right;
}
/*drop down menu graphics are aligned here*/
#top_menu2 ul, #top_menu3 ul {list-style:none; margin:0; padding:0;}
/*left menu set*/
#top_menu2 li {margin:0; padding:0 12px 0 18px; display:inline;}
/*right menu set*/
#top_menu3 li {margin:0; padding:0 1px 0 48px; display:inline;}


#location_wrap {
width:984px;
}
#section {
width:199px;
height:24px;
padding:12px 0 0 21px;
float:left;
color:#FFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
/*section conditionals*/
body#common #section {background:url(/images/greengrey/common_location.jpg);}
body#deferred #section {background:url(/images/deferred_location.jpg);}
body#employers #section {background:url(/images/greengrey/employers_location.jpg);}
body#members #section {background:url(/images/greengrey/members_location.jpg);}
body#pensioners #section {background:url(/images/greengrey/pensioners_location.jpg);}

#breadcrumbs {
width:597px;
height:36px;
background-image:url(/images/greengrey/location_bg.gif);
background-repeat:repeat-x;
background-color:#ECF0F2;
float:left;
font-size:9px;
}

/*text size*/
#text_size {
width:110px;
height:28px;
padding:8px 0 0 0;
background-image:url(/images/greengrey/location_bg.gif);
background-repeat:repeat-x;
background-color:#ECF0F2;
float:left;
font-size:9px;
text-align:right;
}

/*print*/
#print_pg {
width:52px;
height:28px;
padding:8px 0 0 0;
background-image:url(/images/greengrey/location_bg.gif);
background-repeat:repeat-x;
background-color:#ECF0F2;
float:left;
font-size:9px;
text-align:right;
}
#location_bar_edge {
width:5px;
height:36px;
background:url(/images/greengrey/right_edge.gif);
background-repeat:repeat-y;
float:right;
}

#nav_article_wrap {
width:984px;
}
/*nav conditionals*/
body#common #nav_article_wrap {background:url(/images/greengrey/common_nav.jpg); background-repeat:repeat-y;}
body#deferred #nav_article_wrap {background:url(/images/deferred_nav.jpg); background-repeat:repeat-y;}
body#employers #nav_article_wrap {background:url(/images/greengrey/employers_nav.jpg); background-repeat:repeat-y;}
body#members #nav_article_wrap {background:url(/images/greengrey/members_nav.jpg); background-repeat:repeat-y;}
body#pensioners #nav_article_wrap {background:url(/images/greengrey/pensioners_nav.jpg); background-repeat:repeat-y;}

#nav {
width:206px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding:0 10px 0 0;
}
#nav a {color: #000; text-decoration:none; padding-top:10px;} 
#nav a:link {color: #000; } 
#nav a:active {color: #000; } 
#nav a:visited {color: #000; }
body#common #nav a:hover {color: #5DA5CB;}
body#deferred #nav a:hover {color: #5DA5CB;}
body#employers #nav a:hover {color: #8E35A7;}
body#members #nav a:hover {color: #A2C016;}
body#pensioners #nav a:hover {color: #F37C0C;}

#article {
width:713px;
float:right;
padding:10px 30px 30px 25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}
#article h1 {font-size: 1.4em; color: #000; font-weight:600; margin:0 0 12px 0;}
#article h2 {font-size: 1.1em; font-weight: bold; margin:24px 0 10px 0;}
#article h3 {font-size: 1.0em; color: #333; font-weight: bold; margin:12px 0 0 0;}
#article p  {margin:0 0 10px 0;}
#article ul {margin:6px 75px 10px 23px;}
#article ol {margin:6px 75px 10px 23px;}
#article hr, #index_whatsnew hr{border: 0; color: #CFE0ED; background-color:#CFE0ED; height: 1px; width: 100%; text-align: left; }
/*#article th, #index_whatsnew th{font-size: 10pt; color: #000000; font-weight: bold; text-align: left; line-height: 15pt; }*/
#article a, #index_whatsnew a{color:#006699; }
#article a:active, #index_whatsnew a:active{ }
#article a:visited, #index_whatsnew a:visited{ color:#660099; }
#article a:hover, #index_whatsnew a:hover{ }

/*this is a fix for Firefox (compliant browsers) list indentation*/
html>body #article ul, #article ol{
margin:0 0 0 2px;
padding:2px 0 10px 25px;
}

.red{color:#FF0000;}

#banner {
width:768px;
float:right;
}
#banner2 {
width:768px;
float:right;
}
#storybanner{
width:768px;
float:right;
}
.newsdate {
font-weight:bold;
}
.memberbullets{
list-style-image:url(../members/news/banner/member_bullet.gif);
padding-bottom:10px;
}
.employerbullets{
list-style-image:url(../employers/news/banner/employer_bullet.gif);
padding-bottom:10px;
}
.pensionerbullets{
list-style-image:url(../pensioners/news/banner/pensioner_bullet.gif);
padding-bottom:10px;
}

#features li{
padding-bottom:9px;
}
#noteworthy li{
padding-bottom:4px;
}

/*This class establishes the minimum height of the article div to fill the browser window at 1024 x 768 */
/*Put more simply, the height of the content div will expand with whatever text and images are added, but will never be shorter than the minimum value assigned */
.minheight {height: 390px;}

html>body .minheight {
height: auto;
min-height: 390px;
} 

.indent {padding-left: 40px;}

/*These are used only for the Site Map */
.map_section {padding-left: 20px; font-size: 0.9em; color: #333; font-weight:600; line-height:10px;}
.sitemap_indent {padding-left: 40px; line-height:8px;}
.doubleindent {padding-left: 60px; margin:0; line-height:8px;}
.tripleindent {padding-left: 80px; margin:0; line-height:8px;}

/*This is used to make any links to a French version appear smaller */
p.frenchlink{
	padding:6px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style : normal;
	font-weight : normal;}

/*This is used for the first sentence on a webpage to make it prominent, colourful */
.key_message {
font-weight:bold;
background-color:#F0F5F9;
color:#157BAE;
padding:10px 5px 10px 2px;
border-bottom:1px solid #E9E9E9;
border-top:1px solid #E9E9E9;
}
.extra_heading {
line-height:18px;
border-bottom:1px solid #E9E9E9;
font-weight:bold;
background-color:#F0F5F9;
color:#157BAE;
padding:10px 5px 10px 2px;
border-top:1px solid #E9E9E9;
}

#callout {
position: relative;
float: right;
width: 168px;
height:137px;
top: 0px;
right: 0px;
padding: 20px 20px 20px 20px;
margin: 0 0 15px 15px;
font-size:17px;
}
.about {
background-image:url(../images/callouts/callout_about.gif)
}
.mem {
background-image:url(../images/callouts/callout_mem.gif)
}
.pen {
background-image:url(../images/callouts/callout_pen.gif)
}
.emp {
background-image:url(../images/callouts/callout_emp.gif)
}

#sidebar {
position: relative;
float: right;
width: 220px;
top: 0px;
right: 0px;
padding: 20px 20px 20px 20px;
margin: 0 0 20px 30px;
color:#000;
}
.employer {
background-color:#F4EAF5;}
.member {
background-color:#F6F9E8;}
.pensioner {
background-color:#FDF1E5;}

#sidebar h2 {
font-size: 1em;
font-weight: bold;
margin:8px 0 10px 0;
padding:0;}

/*use buffer for inline images*/
.buffer {
padding:0 10px 5px 10px;}

.buffer_right {
padding:5px 10px 5px 0;}

.buffer_left {
padding:5px 0 5px 10px;}

/*This clearfix is a hack to compensate for the differences in how IE and Mozilla clear floated divs*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

table{margin-bottom:12px;}

.datatable{
	border-collapse:collapse;
	text-align:left;
	border:1px;	
}
.datatable tr{
	vertical-align:top;
	border:1px;
}
.datatable td, th{
	padding:7px;
	border:1px;
}
#standard {border:1px solid #5DA5CB;} /*dark border*/
#standard thead th	{background-color:#5DA5CB; font-weight:bold; font-size: 1em; border:1px solid #32769A;} /*light border, dark bg*/
#standard tbody th	{border:1px solid #5DA5CB; font-weight:bold;} /*dark border*/
#standard tbody td	{border:1px solid #5DA5CB;} /*dark border*/
#standard tr.rowOdd td,
#standard tr.rowOdd th	{background-color:#FFF;} /*white bg*/
#standard tr.rowEven td,
#standard tr.rowEven th	{background-color:#EDF7FF;} /*light bg*/

#borderless {border:0;}
#borderless thead th	{background-color:#5DA5CB; font-weight:bold; font-size: 1em; border:0;}
#borderless tbody th	{border:0; font-weight:bold;}
#borderless tbody td	{border:0;}

#footer {
width:969px;
height:17px;
clear:both;
background:url(/images/greengrey/footer_bg.gif);
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:6px 0 0 15px;
margin-bottom:50px;
}
#footer a {color: #000; text-decoration:none; } 
#footer a:link {color: #000; } 
#footer a:active {color: #000; } 
#footer a:visited {color: #000; } 
#footer a:hover {color: #000; text-decoration:underline; }
#footer ul {list-style:none; margin:0; padding:0;}
#footer li {padding:0 7px 0 7px; display:inline;}

#index_wrapper{
width:984px;
height:482px;
}
#index_leftedge{
width:5px;
height:482px;
background:url(/images/greengrey/left_edge.gif);
background-color:#C1CFD5;
background-repeat:repeat-y;
float:left;
}
#index_content{
width:446px;
height:482px;
background:url(/images/index_whatsnew_top.gif) #FFF;
background-repeat:repeat-x;
float:left;
padding:0 0 0 0;
}
#index_flash{
width:528px;
height:482px;
background:#5DA5CB;
float:left;
}
#index_rtedge{
width:5px;
height:482px;
background:url(/images/greengrey/right_edge.gif);
background-repeat:repeat-y;
background-color:#C1CFD5;
float:right;
}
#index_whatsnew{
width:415px;
height:255px;
padding:15px 15px 10px 16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#index_whatsnew p {font-size:9pt;}
#index_whatsnew h1{
	font-size:12pt;
	/*line-height:14px;*/
	margin:0;
	padding:0;
	}
#index_whatsnew h2{
	font-size:10pt;
	margin:0;
	margin-top:8px;
	margin-bottom:3px;
	padding:0;
	}
#index_whatsnew p{
	font-size:9pt;
	margin:0;
	margin-bottom:5px;
	padding:0;
	}

#index_promo1{
width:271px;
height:156px;
background-color:#FFF;
float:left;
padding:0 0 0 11px;
}
#index_promo2{
width:164px;
height:156px;
background-color:#FFF;
float:right;
}
#index_promo3{
width:446px;
background-color:#FFF;
clear:both;
}