/* Main style sheet for Out and About */
/* URL: www.oaa.co.uk */
/* Created: 12-05-2009 */
/* Last edited: 13-05-2009 */

/* page structure and styling */

	html, body {
		height:95%;
		background-color: #FFFFFF;
		background-image: url(../images/clouds.jpg);
		background-repeat: repeat;
		background-position: left top;
		margin: 0px;
		padding: 0px;
	}

	#centeredcontent {
		width: 100%;
		height: 100%;
		position: absolute;
		/*left: 50%;*/
		margin-left: 0px; 
		margin-top: 0px;
		border: 0px; 
		background-image: none;
		display: block;
		z-index: 1;
		padding:0;
	}
	
/* head section */

	#centeredcontent #headWrapper {
		width: 100%;
		height: 157px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 2;
	}
	
	#centeredcontent #headWrapper #menuWrapper {
		width: 100%;
		height: 36px;
		position: absolute;
		display: block;
		margin-top: 100px;
		margin-left: 0px;
		z-index: 3;
		background-color: #D6E7F9;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		line-height: 36px;
	}
	
	#centeredcontent #headWrapper #headLogo {
		width: 158px;
		height: 135px;
		position: absolute;
		display: block;
		margin-top: 12px;
		margin-left: 10px;
		background-image: url(../images/oaa_logo.png);
		background-repeat: none;
		background-position: left top;
		z-index: 4;
	}
	
	#headDetails {
		width: 500px;
		height: 25px;
		position: absolute;
		display: block;
		top: 30px;
		left: 180px;
		z-index: 10;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #000000;
		line-height: 25px;
		text-align: justify;
	}
	
	#headDonate {
		width: 90px;
		height: 76px;
		position: relative;
		display: block;
		margin-top: -50px;
		right: 150px;
		float: right;
		background-image: url(../images/donateonline.png);
		background-repeat: none;
		background-position: left top;
		z-index: 10;
	}
	
	/*********************************************************************
 	Standard structural CSS that typically should not need to be changed
	*********************************************************************/
	#oaaMenuH { /* menu wrapper div */
		padding: 0px;
		margin: 0px;
		border: 0px;
		white-space: nowrap;
		position: relative;
	}

	#oaaMenuH ul { /* all submenu lists */
		padding: 0px;
		margin: 0px;
		border: 0px;
		list-style-type: none;
		white-space: nowrap;
		z-index: 99999;
	}

	#oaaMenuH li { /* all list items */
		position: relative;
		display: inline;
		float: left;
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#oaaMenuH li li { /* all items under the top level */
		z-index: 11113;
	}

	#oaaMenuH a { /* all links within the menu wrapper */
		display: block;
		margin: 0px; 
		border: 0px;
		padding: 0px;
	}

	#oaaMenuH li li a { /* all item links under the top level */
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#oaaMenuH li a:hover {
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#oaaMenuH li li a:hover {
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#oaaMenuH li ul {
		position: absolute;
		margin: 0px;
		border: 0px;
		padding: 0px;
		z-index: 11112;
	}

	#oaaMenuH li ul ul { /* third-and-above-level lists */
		margin: 0px;
		border: 0px;
		padding: 0px;
	}

	#oaaMenuH li:hover ul ul, 
	#oaaMenuH li:hover ul ul ul, 
	#oaaMenuH li.sfhover ul ul, 
	#oaaMenuH li.sfhover ul ul ul {
		left: -9999px;
	}

	#oaaMenuH li:hover ul, 
	#oaaMenuH li li:hover ul, 
	#oaaMenuH li li li:hover ul, 
	#oaaMenuH li.sfhover ul, 
	#oaaMenuH li li.sfhover ul, 
	#oaaMenuH li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		z-index: 99999;
	}

	#oaaMenuH iframe {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 0px;
		/*filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);*/
		display: block;
	}

	.ArrowPointer
	{
		cursor: default;
	}

	/*******
	oaa menu
	*******/
	/*******************************************************
 	Presentation CSS that typically needs to be customized
	*******************************************************/
	#oaaMenuH { /* menu wrapper div */
		width:765px;
		height:36px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		position:absolute;
		display: block;
		z-index:200;
	}

	#oaaMenuH { /* all submenu lists */
		padding:0px;
		margin:0px;
		list-style-type:none;
		margin-top: 0px;
		margin-left: 180px;
	}

	#oaaMenuH li { /* all list items */
		width: auto;
		/*height: 22px;*/
		/* hack for MacIE5 to ignore, while other browsers use */
		width: auto;
		_width: 1px;
		height: 22px;
		_height: 20px;
		/* end hack */
		padding: 5px;
		padding-left: 8px;
	}

	#oaaMenuH li li { /* all items under the top level */
		/*width: 211px;
		height: auto;*/
		/* hack for MacIE5 to ignore, while other browsers use \*/
		/*width: 189px;
		_width: 189px;*/
		/* end hack */
		padding: 0px;
	}

	#oaaMenuH a { /* all links within the menu wrapper */
		font-size:12px;
		text-decoration:none;
		color:#000000;
		height:25px;
		/*padding:5px;*/
		padding-left: 5px;
		padding-right: 5px;
		line-height:25px;
		/* hack for MacIE5 to ignore, while other browsers use \*/
		_width: 100%;
		height: 12px;
		_height: 20px;
		/* end hack */
	}

	#oaaMenuH li li a { /* all item links under the top level */
		background:#CCDBE9; color:#000; height:auto; line-height:1em; padding:5px 0px; border:1px solid #336EA6; border-width:0 1px 1px 1px;font-size:11px;
		text-indent: 10px;
		/*
		padding: 5px;
		width: 189px;
		height: 20px; */
		/* hack for MacIE5 to ignore, while other browsers use \*/
		/*width: 211px;
		_width: 211px;
		height: 12px;
		_height: 20px;*/
		/* end hack */
		padding-right: 0px;
	}

	#oaaMenuH li a:hover {
		background:#EAF0F6;
		padding-left:5px;
		padding-right:5px;
		line-height:25px;
		height: 25px;
		color: #000000;
		/* hack for MacIE5 to ignore, while other browsers use \*/
		height: 25px;
		_height: 25px;
		/* end hack */
	}

	#oaaMenuH li li a:hover {
		background:#EAF0F6; color:#000; height:auto; line-height:1em; padding:5px 0px; border:1px solid #336EA6; border-width:0 1px 1px 1px;font-size:11px;
		text-indent: 10px;
		/* hack for MacIE5 to ignore, while other browsers use \*/
		height: 12px;
		_height: 20px;
		/* end hack */
		padding-right: 0px;
	}

	#oaaMenuH li li li a {
		font-size: 10px;
		background:#EAF0F6;
	}

	#oaaMenuH li li li a:hover {
		background:#FDF5DA; color:#000; height:auto; line-height:1em; padding:5px 0px; border:1px solid #336EA6; border-width:0 1px 1px 1px;font-size:10px;
		text-indent: 10px;
		/*color:#000000; 
		background:#FCEEC0;
		padding: 5px;
		height: auto;*/
		/* hack for MacIE5 to ignore, while other browsers use \*/
		height: 12px;
		_height: 20px;
		/* end hack */
	}

	#oaaMenuH li ul { /* second-level lists */
		/*width: 212px;*/ /* width of submenu, must be set so third-level list can get shifted over properly */
		left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		top: 30px;
		padding: 0px;
		margin: -2px 0 0 0;
		/* hack for MacIE5 to ignore, while other browsers use \*/
		margin: 0;
		/* end hack */
		line-height: 12px;
		border-top:1px solid #336EA6;
	}

	#oaaMenuH li ul ul { /* third-and-above-level lists */
		margin: -31px 0 0 212px;
		border-top:1px solid #336EA6;
		line-height: 12px;
		background-color: #336EA6;
		/*width: 212px;*/
		padding: 0px;
	}

	/* Applied to the parent item, if displayed, in either vertical or horizontal orientation. Must follow other styles. */
	#oaaMenuH #houseMenuParentItem a
	{ /* all links under the parent item (li) */
		background-color: transparent; 
		text-decoration: none;
	}

	#oaaMenuH a#houseMenuParentLink
	{ /* parent link itself */
		background-color: transparent; 
		text-decoration: none;
	}

	#oaaMenuH a#houseMenuCurrentLink
	{ /* current link itself */
		/* padding: 5px;
		color: #333; 
		background-color: #eee; 
		text-decoration: none; */
	}
	
	/* end of head section */
	
	/*content section */
	
	#contentWrapper {
		width: 100%;
		height: auto;
		min-height: 600px;
		position: absolute;
		display: block;
		margin-left: 0px;
		margin-top: 157px;
		background-color: #FFFFFF;
	}
	
	#contentWrapper #leftContent {
		width: 200px;
		height: auto;
		min-height: 900px;
		margin: 5px;
		margin-right: 15px;
		margin-top: 45px;
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 0px;
		text-align: left;
		text-indent: 0px;
	}
	
	.sideNews {
		width: 200px;
		height: auto;
		position: absolute;
		display: inline;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		z-index: 5;
	}
	
	.sideNews li {
		list-style-type:none;
		display: block;
	}
	
	.newsTop {
		width: 200px;
		height: 15px;
		list-style-type: none;
		background-image: url(../img/blue_top.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.newsBottom {
		width: 200px;
		height: 14px;
		list-style-type: none;
		background-image: url(../img/blue_bottom.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}
	
	.newsHead {
		width: 196px;
		height: 25px;
		line-height: 25px;
		text-indent: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		font-weight: bold;
		border-left: 2px solid #AED9E8;
		border-right: 2px solid #AED9E8;
		border-bottom: 1px solid #AED9E8;
		padding: 0px;
	}
	
	.newsFoot {
		width: 196px;
		height: 25px;
		line-height: 25px;
		text-indent: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #000000;
		font-weight: bold;
		border-left: 2px solid #AED9E8;
		border-right: 2px solid #AED9E8;
		padding: 0px;
	}
	
	.newsCell {
		width: 176px;
		border-left: 2px solid #AED9E8;
		border-right: 2px solid #AED9E8;
		/*border-top: 1px solid #AED9E8;*/
		border-bottom: 1px solid #AED9E8;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#contentWrapper #centerContent {
		width: auto;
		height: auto;
		min-height: 700px;
		margin: 5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		line-height: 22px;
		text-align: justify;
	}
	
	#contentWrapper #centerContent h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #3366CC;
		line-height: 22px;
		text-align: left;
		font-style: italic;
	}
	
	#contentWrapper #rightContent {
		font-family: Arial, Helvetica, sans-serif;
		width: 200px;
		height: auto;
		min-height: 600px;
		margin: 5px;
		margin-left: 15px;
		margin-top: 45px;
		float: right;
		font-size: 11px;
	}
	
	/* end of content section */
	
	/* footer section */
	
	#footerWrapper {
		width: 100%;
		height: 157px;
		position: absolute;
		display: block;
		bottom: -157px;
		margin-left: 0px;
		z-index: 2;
		clear: both;
		float: right;
	}
	
	#centeredcontent #footerWrapper #footerBar {
		width: 100%;
		min-height: 36px;
		position: absolute;
		display: block;
		margin-top: 0px;
		margin-left: 0px;
		z-index: 3;
		background-color: #ADCFF3;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		line-height: 36px;
		text-indent: 10px;
	}
	
	#centeredcontent #footerWrapper #footerLogos {
		width: 200px;
		height: 72px;
		position: absolute;
		display: block;
		margin-top: 46px;
		right: 10px;
		z-index: 4;
	}
	
	/* end of footer section */
	
	/* general styles */
	
	img {
		border: 0;
	}
	
	.imgL {
		float: left;
	}
	
	.imgR {
		float: right;
	}
	
	
	/* accessibility styles */
	#accessBox {
		width: 200px;
		height: 25px;
		margin-top: 165px;
		margin-left: 15px;
		position: absolute;
		display: block;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-align: left;
		line-height: 25px;
	}
	
	#accessBox a:link {
		color: #000000;
		text-decoration: none;
	}
	
	#accessBox a:visited {
		color: #000000;
		text-decoration: none;
	}
	
	#accessBox a:hover {
		color: #0000FF;
		text-decoration: underline;
	}
	
	#accessFull {
		width: 120px;
		height: auto;
		margin-top: 190px;
		margin-left: 15px;
		background-color: #FFFFFF;
		display: none;
		position: absolute;
		z-index: 100;
		border: 1px;
		border-style: solid;
		border-color: #99CCFF;
	}
	
	#accessFull ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}
	
	#accessFull li {
		float:left;
		position:relative;
	}
	
	#accessFull p {
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		text-decoration: none;
		text-indent: 5px;
		padding: 0px;
		margin: 3px;
		clear: both;
	}
	
	a.closeLink:link {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:visited {
		color: #000000;
		text-decoration: none;
	}
	
	a.closeLink:hover {
		color: #0000FF;
		text-decoration: underline;
	}
	
	.font12 {
		font-size: 12px;
	}
	.font14 {
		font-size: 14px;
	}
	.font18 {
		font-size: 18px;
	}
	
	.fontNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.fontXLarge {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conNormal {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFFFFF;
		border: 1px;
		border-style: solid;
		border-color: #000000;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #000000; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conHigh {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #000000;
		border: 1px;
		border-style: solid;
		border-color: #FFFF00;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif; 
		color: #FFFF00; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conCream {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #FFF9D2;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}
	
	.conBlue {
		width: 25px;
		height: 25px;
		display: block;
		background-color: #EFF8FB;
		border: 1px;
		border-style: solid;
		border-color: #010066;
		line-height: 25px;
		text-align: center;
		font-family: Times, serif;  
		color: #010066; 
		margin: 5px;
		text-decoration: none;
	}