/* jan 2011 rollover sprites */
/* mar 2011 full length columns (cssplay.co.uk) */

/* ------------	SETTING THE STAGE */

body {font-size:80%; font-family:"trebuchet MS", verdana, arial, sans-serif; background:#1B3313;}
 
#container {width:900px; margin:0 auto; background:#fff;}

/* ------------	HEADER */
 
#header {background:#fff;}
#header {
	width: 900px;
	height: 150px;
	margin: 0 auto;
	padding: 1em 0;
	background: url('../images/bpaMenuLogos.gif') no-repeat;; padding-left:0px; padding-right:0px; padding-top:0; padding-bottom:0;
}
/* ------------	MENU */

#menu {
clear: both;
width: 900px;
height: 25px;
margin: 0 auto;
padding: 1em 0;
background: #6D8C38;
overflow: hidden;
}

#menu ul {
list-style: none;
margin-left: -40px;
margin-top: -10px;
}

#menu li {
display: inline;
float: left;
}

#menu a {
display: block;

height: 45px;
background-image: url(../images/bpaMenuLogos.gif);
padding: 0 0;
background-repeat: no-repeat;
text-indent: -5000px;
}

#menu-home a {width: 140px; background-position: -10px -175px;}
#menu-home a:hover {background-position: -10px -240px;}
#menu-home a:active {background-position: -10px -305px;}

#menu-words a {width: 135px; background-position: -150px -175px;}
#menu-words a:hover {background-position: -150px -240px;}
#menu-words a:active {background-position: -150px -305px;}

#menu-pictures a {width: 170px; background-position: -285px -175px;}
#menu-pictures a:hover {background-position: -285px -240px;}
#menu-pictures a:active {background-position: -285px -305px;}

#menu-shop a {width: 270px; background-position: -455px -175px;}
#menu-shop a:hover {background-position: -455px -240px;}
#menu-shop a:active {background-position: -455px -305px;}

#menu-contact a {width: 155px; background-position: -725px -175px;}
#menu-contact a:hover {background-position: -725px -240px;}
#menu-contact a:active {background-position: -725px -305px;} 
 
/* ------------	WRAPPER FOR COLUMNS */
#wrapper {overflow:hidden;}

/* ------------	COLUMNS */
#leftColumn {float:left; width:230px; background:#E0EDDD;}
#middleColumn {float:left; width:420px; background:#fff;}
#rightColumn {float:right; width:250px; background:#1C0804;}
#wideColumn {float:left; width:670px; background:#fff;}
#leftColumn, #middleColumn, #rightColumn, #wideColumn {padding-bottom:32767px; margin-bottom:-32767px;}
 

rightColumn{
	width: 250px;
	float: right;
	background: url('../images/bpaRedPostcards.gif');
	background-repeat: no-repeat;
	background-position: -270px -1px;
}

#rightColumn ul {
list-style: none;
margin-left: -40px;
margin-top: -1px;
}

#rightColumn li {
display: inline;
float: left;
}

#rightColumn a {
display: block;
height: 280px;
background-image: url('../images/bpaRedPostcards.gif');
padding: 0 0;
background-repeat: no-repeat;
text-indent: -5000px;
}

#rightColumn-car a {width: 250px; background-position: -1px -0px;}
#rightColumn-meeting a {width: 250px; background-position: -1px -280px;}


.content {padding:10px;}
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;} 
p {margin-top: 0;}
a:link, a:visited, a:hover, a:active {color: #1B3313; text-decoration: none;}

/* ------------	FOOTER */
#footer {clear:both; background:#6D8D20;}
#footer p,
#header p {color:#E0EDDD;}
#footer a {color:#E0EDDD;}
#footer a:hover {text-decoration:none;}


/* ---------- FOOTER */

#footer{
	clear:both;
	width: 900px;
	height: 15px;
	margin: 0 auto;
	padding: 1em 0;
	background: #655B5F;
/*	background: #6D8C38;*/
	overflow: hidden;
}

#footer ul {
list-style: none;
margin-left: -40px;
margin-top: -15px;
}

#footer li {
display: inline;
float: left;
}

#footer a {
display: block;
height: 45px;
background-image: url(../images/bpaMenuLogos.gif);
padding: 0 0;
background-repeat: no-repeat;
text-indent: -5000px;
}

#footer-motto a {width: 400px; background-position: -1px -370px;}
#footer-motto a:hover {background-position: -1px -436px;}

#footer-college a {width: 500px; background-position: -400px -370px;}
#footer-college a:hover {background-position: -400px -436px;}

/* -------------- TRAILER */

#trailer{
	clear:both;
	width: 900px;
	height: 40px;
	margin: 0 auto;
	padding: 1em 0;
	background: #1B3313;
}

#trailer ul {
list-style: none;
margin-left: -40px;
margin-top: -15px;
}

#trailer li {
display: inline;
float: left;
}

#trailer a {
display: block;
height: 60px;
background-image: url(../images/bpaMenuLogos.gif);
padding: 0 0;
background-repeat: no-repeat;
text-indent: -5000px;
}

#trailer-twitter a {width: 50px; background-position: -1px -500px;}
#trailer-facebook a {width: 50px; background-position: -50px -500px;}
#trailer-royals a {width: 70px; background-position: -100px -500px;}
#trailer-cora a {width: 70px; background-position: -170px -500px;}
#trailer-bpa a {width: 460px; background-position: -240px -500px;}
#trailer-string a {width: 200px; background-position: -700px -500px;}



/* ------------	SUBHEADINGS */
#newsletters {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -4px;
	margin-left: -13px;
	height: 40px;
}
#helping {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -43px;
	margin-left: -13px;
	height: 40px;
}
#formalities {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -82px;
	margin-left: -13px;
	height: 40px;
}
#meetings {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -121px;
	margin-left: -13px;
	height: 40px;
}	
#news {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -165px;
	margin-left: -13px;
	height: 40px;
}	
#pictures {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -210px;
	margin-left: -13px;
	height: 40px;
}
#shop {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -250px;
	margin-left: -13px;
	height: 40px;
}
#logo {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -285px;
	margin-left: -13px;
	height: 40px;
}
#email {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -325px;
	margin-left: -13px;
	height: 40px;
}
#cora {
	width: 220px;
	background: url('../images/bpaGreenTabs.gif');
	background-repeat: no-repeat;
	background-position: 0px -365px;
	margin-left: -13px;
	height: 40px;
}