/*

	UKAEA Pensions - Main Stylesheet
	---------------------------------

	@file 		main.css
	@version 	1.0
	@date 		2009-09-23 08:33:14 +0100 (Wed, 23 Sep 2009)
	@author 	Gordon Mackay <gm@navertech.com>

	Copyright (c) 2009 Navertech <http://navertech.com/>

*/

body 
{
	background : #818181;
	color : #000;
	font : 100% "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	margin : 0;
	padding : 0
}

a:link,a:visited 
{
	color : #194C76
}

img 
{
	border : none
}

fieldset
{
border : 1px solid #666;
margin: 0 0 10px 0;
padding : 10px
}

legend
{
color : #000;
font-size : 14px;
margin : 0;
padding : 0 10px
}

label
{
color : #000
}

p 
{
	font-size : 13px;
	line-height : 1.7em;
	margin : 0;
	padding : 0 0 15px;
	text-align : justify
}

h2 
{
	color : #9D1C36;
	font-size : 30px;
	font-weight : 400;
	margin : 0;
	padding : 0 0 0px
}


h3,caption 
{
	color : #9D1D36;
	font-size : 18px;
	padding : 0 0 10px 0;
	text-align : left
}

p#intro 
{
	font-size : 16px
}

#wrapper-main 
{
	background : #FFF url(../images/bg_wrapper-main.jpg) repeat-y 0 0;
	margin : 0 auto;
	padding : 0;
	width : 980px
}

#wrapper-branding 
{
	background : url(../images/bg_branding.jpg) no-repeat 0 0;
	height : 170px;
	margin : 0;
	overflow : hidden;
	padding : 0;
	position : relative
}

#button-home 
{
	height : 65px;
	left : 20px;
	position : absolute;
	text-indent : -99999px;
	top : 32px;
	width : 320px
}

#button-home a 
{
	display : block;
	height : 65px;
	text-decoration : none;
	width : 320px
}

#wrapper-branding h1,#button-skipnav 
{
	left : 0;
	position : absolute;
	top : -9999px
}

#content-a 
{
	float : left;
	margin : 0;
	padding : 0;
	width : 253px
}

#content-a .padder 
{
	margin : 0;
	padding : 10px 0 10px 20px
}

#content-b 
{
	float : left;
	margin : 0;
	padding : 0;
	width : 727px
}

#content-b .padder 
{
	margin : 0;
	padding : 30px 60px 10px
}

#content-c 
{
	background : url(../images/bg_content-c.jpg) no-repeat 0 0;
	clear : both;
	height : 56px;
	margin : 0;
	padding : 56px 20px 0;
	position : relative
}

#nav-main 
{
	font-size : 16px;
	font-weight : 700;
	left : 20px;
	list-style-type : none;
	margin : 0;
	padding : 0;
	position : absolute;
	top : 130px
}

#nav-main li 
{
	float : left;
	margin : 0;
	padding : 0;
	text-align : center;
	width : 235px
}

#nav-main li a 
{
	background : #9D1D36;
	border-right : 2px solid #FFF;
	color : #FFF;
	display : block;
	height : 28px;
	line-height : 28px;
	position : relative;
	text-decoration : none;
	width : 233px
}

#nav-end a 
{
	border-right : none !important;
	width : 235px !important
}

#nav-main li a:hover,#nav-main li a:focus,#nav-main li a:active,#nav-main li a.nav-mainsel,body.members #nav-members,body.join #nav-join,body.guidance #nav-guidance, body.mypension #nav-mypension 
{
	background : #194C76 url(../images/bg_nav-hover.jpg) no-repeat 0 0 !important;
	height : 34px !important;
	line-height : 34px !important;
	top : -4px;
	z-index : 100
}

#nav-sup 
{
	font-size : 13px;
	left : 440px;
	list-style-type : none;
	margin : 0;
	padding : 0;
	position : absolute;
	top : 51px
}

#nav-sup li 
{
	float : left;
	margin : 0 20px 0 0;
	padding : 0
}

#nav-sup li a 
{
	border-bottom : 1px solid #FFF;
	color : #333;
	text-decoration : none
}

#nav-sup li a:hover,#nav-sup li a:focus,#nav-sup li a:active
{
	border-bottom : 1px solid #194C76;
	color : #194C76
}

#form-search 
{
	margin : 0;
	padding : 0;
	position : absolute;
	right : 20px;
	top : 48px
}

#form-search p 
{
	line-height : normal;
	margin : 0;
	padding : 0
}

#form-search label,#input-keywords,#submit-search 
{
	margin : 0;
	padding : 0;
	vertical-align : middle
}

#form-search label 
{
	display : none
}

#input-keywords 
{
	border : 1px solid #7F7F7F;
	color : #666;
	height : 18px;
	line-height : 18px;
	margin : 0 5px 0 0;
	padding : 0 4px;
	width : 200px
}


#content-b ol 
{
	font-size : 13px;
	line-height : normal;
	margin : 0 0 0 20px;
	padding : 0 0 20px 0
}

#content-b ol li 
{
	margin : 0 0 0 20px;
	padding : 5px 0 5px 0
}


#content-b ul 
{
	font-size : 13px;
	line-height : normal;
	list-style-type : none;
	margin : 0;
	padding : 0 0 15px 20px
}



#content-b ul li 
{
	background : url(../images/bg_li-small.jpg) no-repeat left center;
	margin : 0;
	padding : 5px 0 5px 22px
}


body.page-home #content-b ul 
{
	color : #194C76;
	font-size : 16px;
	list-style-type : none;
	margin : 0;
	padding : 0 0 20px 20px
}

body.page-home #content-b ul li 
{
	background : url(../images/bg_li.jpg) no-repeat left center;
	margin : 0;
	padding : 10px 0 10px 35px
}

#copyright,#nav-bottom 
{
	float : left;
	line-height : normal !important;
	padding : 10px 0 !important
}

#nav-bottom 
{
	width : 647px
}

#copyright 
{
	width : 293px
}

#button-top 
{
	height : 42px;
	overflow : hidden;
	position : absolute;
	right : 40px;
	text-indent : -99999999px;
	top : 0;
	width : 42px
}

#navertech 
{
	float : right
}

#button-top a 
{
	display : block;
	height : 42px;
	text-decoration : none;
	width : 42px
}

.clearboth 
{
	clear : both;
	height : 0;
	margin : 0;
	padding : 0
}

#nav-pages 
{
	list-style-type : none;
	margin : 0;
	padding : 20px 0 0
}

#nav-pages li 
{
	font-size : 14px;
	margin : 0;
	padding : 0
}

#nav-pages li a 
{
	background : #003867;
	border-bottom : 3px solid #FFF;
	color : #FFF;
	display : block;
	padding : 8px 10px;
	text-decoration : none
}

#nav-pages li a:hover,#nav-pages li a:focus,#nav-pages li a:active,#nav-pages li a.nav-pagessel 
{
	background : #9C1C35 url(../images/bg_nav-pages-hover.jpg) no-repeat 0 0 !important
}

#nav-pages ul 
{
	background : #A7324A;
	border-bottom : 3px solid #FFF;
	list-style-type : none;
	margin : 0;
	padding : 0 0 0 10px
}

#nav-pages ul li 
{
	font-size : 13px;
	margin : 0;
	padding : 0
}

#nav-pages ul li a 
{
	background : #003867;
	border-bottom : 3px solid #FFF;
	border-left : 2px solid #FFF;
	color : #FFF;
	display : block;
	padding : 6px 10px;
	text-decoration : none
}

#nav-pages ul li a:hover,#nav-pages ul li a:focus,#nav-pages ul li a:active,#nav-pages ul li a.nav-pagessel 
{
	background : #A7324A !important;
	background-image : none !important
}

li.last a 
{
	border-bottom : none !important
}

#breadcrumbs 
{
	color : #666;
	font-size : 12px
}

#breadcrumbs a 
{
	color : #666;
	text-decoration : none
}

#pagination 
{
	font-size : 13px !important;
	list-style-type : none;
	margin : 0 !important;
	padding : 0 !important
}

#pagination li 
{
	background-image : none !important;
	display : inline;
	margin : 0;
	padding : 0 20px 0 0 !important
}

a.inactive 
{
	color : #999 !important
}

#content-b ul li a,#pagination li a 
{
	text-decoration : none
}

table,td 
{
	border : 1px solid #CCC;
	border-collapse : collapse
}

table 
{
	border : 1px solid #CCC;
	font-size : 14px;
	margin : 0 0 20px 0;
	width : 100%
}

thead th,tbody th 
{
	background : #FFF;
	border-left : 1px solid #CCC;
	color : #003867;
	padding : 5px 10px;
	text-align : left
}

tbody th 
{
	background : #fafafb;
	border-top : 1px solid #CCC;
	font-weight : 400;
	text-align : left
}

tbody tr td 
{
	color : #666;
	padding : 5px 10px
}

tbody tr:hover 
{
	background : #EEE
}

tbody tr:hover td 
{
	color : #454545
}

tfoot td,tfoot th 
{
	background : #FFF;
	border-left : none;
	border-top : 1px solid #CCC;
	color : #666;
	padding : 4px
}

a:hover,a:focus,a:active,#breadcrumbs a:hover,#breadcrumbs a:focus,#breadcrumbs a:active,#pagination li a:hover,#pagination li a:focus,#pagination li a:active 
{
	color : #000
}