/*	hide elements in normal browsers, make visible in accessibility mode
-------------------------------------------------------------------------------------------------------*/
.hide-me ,.hide-me img{
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	font-size: 1px !important;
	line-height: 1px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/*	hide elements in normal browsers, visible to most users when someone tabs to the element
-------------------------------------------------------------------------------------------------------*/
#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 




/*	hide elements in normal browsers, make visible in print preview / print
-------------------------------------------------------------------------------------------------------*/
.element-for-print,
.element-for-print img {
	display:none;
	}



/*	tags         
-------------------------------------------------------------------------------------------------------*/
html,body {
text-align: center;
background-color: #003262;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../img/bg-body.jpg);
background-repeat: no-repeat;
background-position: center top;
}

html {
/* force scrollbar in most browsers inc FF IE */
height: 100%; 
padding-bottom: 1px;
}

a {
	color: #59A5D9;
	font-weight: bold;
}
a:hover {
	color: #50917B;
}
p {
	color: #000000;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 0px;
}
ul,li,div,blockquote{
	color: #000000;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

td,th {
	vertical-align: top;
}
h1{
	color: #2B88E5;
}

h2{
	color: #2B88E5;
}
h3{
	color: #2B88E5;
}
h4{
	color: #2B88E5;
	font-weight: normal;
	}

label {
	color: #000000;
	font-weight: bold;
}
label em{
color:#CC0000;
}
ul {
font-size:1em;
padding-left: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
  }
ul li {
font-size:1em;
list-style: disc;  
  }
ol {
font-size:1em;
padding-left: 1em;
 	margin-top: 1em;
	margin-bottom: 1em;
 }

/*	id's         
-------------------------------------------------------------------------------------------------------*/
#container {
text-align: left;
width: 960px;
margin: auto;
margin-top:0px;
}
#container-inner{
}
#tmp-fullcontent{
	margin-top:6px;
	margin-bottom:6px;
}
#tmp-contentcontainer{
padding:1.5em 1em 0.5em 1.5em;
background-color:#ffffff;
border-top:3px solid #003263;
}

#tmp-contentcontainer h1{
margin:0px;
	color: #2B88E5;
	border-bottom:4px solid #cccccc;
}

#tmp-contentcontainer h2{
	color: #2B88E5;
}
#tmp-contentcontainer h3{
	color: #2B88E5;
}
#tmp-contentcontainer h4{
	color: #2B88E5;
	font-weight: normal;
}









/*	classes         
-------------------------------------------------------------------------------------------------------*/
.spacer {
	display: block;
	clear: both;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
	
	





	

/*	logo
-------------------------------------------------------------------------------------------------------*/
#tmp-logo{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height:120px;
	margin:0px 0px 0px 0px;
}


/* banner
-------------------------------------------------------------------------------------------------------*/
#tmp-banner-container{
margin:0px 0px 0px 0px;
border-bottom: 1px solid #FFFFFF;
background-color: #ffffff;
height:221px;
}
#tmp-banner{
margin:0px 0px 0px 0px;
background-color: #ffffff;
background-image: url(../img/Paul-Whitehouse-on-The-Dee-300.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height:218px;
width:254px;
float:left;
border-left:2px solid #ffffff;
border-right:0px solid #ffffff;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}
#tmp-banner-right{
margin:0px 0px 0px 0px;
background-color: #ffffff;
background-image: url(../img/Salmon-Jumping-700.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height:218px;
width:700px;
float:right;
border-left:0px solid #ffffff;
border-right:2px solid #ffffff;
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
}


/*	navigation commonalities
-------------------------------------------------------------------------------------------------------*/

ul.navcommon{
	padding:0px;
	margin:0px;
	font-weight:normal;
}
ul.navcommon a{
	text-decoration:none;
	color:#1475de;
	font-weight:normal;
}
ul.navcommon li{
padding:0px 0.5em;
margin:0px;
display:inline;
}
.separator1{
color:#001832;
}


/*	Accessibility Menu
-------------------------------------------------------------------------------------------------------*/
#menuAccessibility {
padding:0px 0px 3px 0px;
font-size:0.8em;
color:#999999;
}
#menuAccessibility li{
color:#999999;
}

#menuAccessibility a{
color:#666666;
}
#menuAccessibility a:hover{
color:#0066cc;
}

#menuAccessibility .smallA{
font-size:1em;
}
#menuAccessibility .middleA{
font-size:1.2em;
}
#menuAccessibility .largeA{
font-size:1.4em;
}







/*	Top Menu
-------------------------------------------------------------------------------------------------------*/
#tmp-top{
float:right;
width:49%;
padding-top:6px;
font-size:1em;
color:#FFFFFF;
padding-bottom:6px;
font-weight:bold;
height:4.2em;
}
#tmp-top a{
color:#ffffff;
font-size:0.8em;
font-weight:normal;
}
#tmp-top a:hover,#tmp-top .selected{
color:#50917B;
}

#tmp-top ul{
text-align:right;
}
#tmp-top li{
color:#ffffff;
}

.accessibility{
font-size:1em;
padding-top:6px;
float:left;
width:49%;
text-align:left;
color:#ffffff;
height:4.2em;
}
.accessibility li{
color:#ffffff;
}

.accessibility li a{
color:#ffffff;
font-size:0.8em;
}
.accessibility a:hover,.accessibility .selected{
color:#50917B;
}


/*	Bar
-------------------------------------------------------------------------------------------------------*/

#tmp-bar{
margin-top:2px;
background-color:#ffffff;
padding:6px 6px 6px 0px;
margin-bottom:15px;
margin-top:15px;
color:#000000;
font-weight:normal;
font-size:0.8em;
border-top:2px solid #cccccc;
text-align:right;

}

#tmp-bar a{
color:#003262;
}
#tmp-bar .selected{
color:#50917B;
text-decoration:none;
}

#tmp-bar a:hover{
color:#000000;
text-decoration:none;
}





/*	main navigation 
-------------------------------------------------------------------------------------------------------*/
#tmp-main {
height: 3.6em;
margin-bottom: 2px;
background-image: url(../img/bg-nav-main.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#tmp-main ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-left: 12px;
	margin-right: 12px;
	float:left;
}
#tmp-main li{
	display: block;
	float: left;
	text-align: center;
	padding-left:1px;
	padding-right:1px;
}
#tmp-main a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-top:13px;
	padding-bottom:11px;
	padding-left:12px;
	padding-right:12px;
	color:#FFFFFF;
	font-size:1.3em;
}


#tmp-main a.selected,#tmp-main a:hover{
	color: #ffffff;
	background-color: #50917B;
}

#tmp-main-outer{
border-bottom:2px solid #cccccc;
margin-bottom: 10px;
}










/*	Footer Menu
-------------------------------------------------------------------------------------------------------*/
#tmp-footer{
	font-size:0.8em;
	background-color: #254f40;
	clear: both;
	color: #000000;
	text-align: right;
	padding-top:10px;
	padding-right: 6px;
	padding-bottom: 12px;
background-image: url(../img/bg-footer.jpg);
background-repeat: repeat;
background-position: 0px 0px;
border-top:3px solid #003263;
}

#tmp-footer ul{
margin:0px;
text-align:right;
height:1.2em;
}
#tmp-footer li{
padding-top:2px;
padding-bottom:2px;
}

#tmp-footer a{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
#tmp-footer a:hover,#tmp-footer .selected{
	color: #000000;
}
#tmp-footer li+li{
border-left:1px solid #ffffff;
}

#footer-image{
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}



/*	Sub logos
-------------------------------------------------------------------------------------------------------*/
#tmp-sublogos{
padding-top:0em;
text-align:right;
}

#tmp-sublogos img{
margin-right:0.1em;
}
.charity{
text-align:center;
font-size:0.7em;
padding-top:3px;
}

#tmp-sublogos2{
float:left;
width:300px;
}

/*	Sub Footer Menu
-------------------------------------------------------------------------------------------------------*/
#tmp-subfooter{
margin:0px;
padding:0px;
padding-bottom:1em;
padding-top:1em;
}
#tmp-subfooter ul{
padding-top:5px;
padding-left:9px;
padding-bottom:35px;
width:99%;
}
#tmp-subfooter li{
display:block;
width:16.5em;
float:left;
padding-top:2px;
padding-bottom:2px;
}
#tmp-subfooter h2{
margin:0px;
padding:0px;
font-size:1em;
color:#a3a3a3;
}
#tmp-subfooter ul a{
	color:#a3a3a3;
	margin-right:5px;
	display:block;
	font-size:0.8em;
	font-weight:normal;
}
#tmp-subfooter a:hover,#tmp-subfooter .selected{
	color:#59A5D9;
}













/*	other css
-------------------------------------------------------------------------------------------------------*/
.navbutton{
padding-left:485px;
padding-top:56px;
color:#000000;
}
.navbutton img{
margin-right:2px;
margin-left:2px;
}
#tmp-statement{
color: #666666;
text-align: right;
padding-top: 20px;
padding-bottom: 20px;
font-size:0.8em;
}

.kiswebs{
font-size: 0.8em;
color: #999999;
text-align:right;
padding:8px 1px 4px 0px;
}
.kiswebs a {
font-size:1em;
color:#CCCCCC;
text-decoration:none;
}
.kiswebs a:hover {
font-size:1em;
color:#59A5D9;
}


.copyright{
margin-top:0px;
padding-top:12px;
padding-left:17px;
padding-bottom:11px;
	color:#ffffff;
display:block;
font-size:0.9em;
text-decoration:none;
}



/*	shop menu
-------------------------------------------------------------------------------------------------------*/
#tmp-shopmenu{
text-align:right;
color:#55a6dd;
height:4.2em;
}
#tmp-shopmenu p{
color:#ffffff;
}
#tmp-shopmenu a{
text-decoration:none;
color:#55a6dd;
font-weight:normal;
}

#tmp-shopmenu a:hover,#tmp-shopmenu a.selected{
color:#ffffff;
text-decoration:underline;
}

.bluetext{
color:#55a6dd;
}