/*-----------------------------

Structural stylesheet for SHPA main website

built 7/3/08 by Stuart Steel
Acorn Web Studio
039029213

Subcontracting to ComboIT

---------------------------------

Main structural elements

--------------------------------*/

body
{
margin: 0;
padding: 0;
}

#bodywrapper
{
width: 852px;
}
#bodywrapperfront {
width: 599px;
margin: 0 auto;
position: relative;
}

#banner
{
border-bottom: solid 2px #EEEBF9;
height: 87px;
width: 940px;
}

#banner h1
{
position: absolute;
left: 0;
top: 0;
margin: 0;
}
#banner h1 a
{
width: 384px;
height: 95px;
overflow: hidden;
text-indent: -9000px;
background: url(/lib/images/banner/logo_banner.gif) 100% 0 no-repeat;
display: block
}

#contentwrapper
{
padding-top: 25px;
margin-bottom: 40px;
overflow: hidden;
position: relative;
}

#footer
{
clear: both;
border-top: solid 2px #EEEBF9;
width: 940px;
}
#footerfront {
width: 599px;
border-top: solid 2px #EEEBF9;
margin:0 auto;
}
#footer ul, #footerfront ul {
margin: 0 auto;
width: 555px;
padding: 0;
}
#footer ul li, #footerfront ul li {
text-align: center;
list-style: none;
display: inline;
}
#logofront h1 a {
width: 323px;
height: 103px;
overflow: hidden;
text-indent: -9000px;
background: url(/lib/images/shpa_home/logo_front.gif) 100% 0 no-repeat;
display: block;
padding-bottom: 10px;
margin-bottom: 50px;
}
#entersite {
padding-bottom: 10px;
}
#entersite h2 a {
width: 599px;
height: 217px;
background: url(/lib/images/shpa_home/enter_shpa.gif) 0 0 no-repeat;
overflow: hidden;
text-indent: -9000px;
display: block
}
#purpleboxes {
width: 599px;
height: 141px;
overflow: hidden;
padding-bottom: 20px;
position: relative;
}
#jpprbox a {
background: url(/lib/images/shpa_home/jppr_front.gif) 0 0 no-repeat;
float:left;
margin-right: 8px;
height: 141px;
width: 143px;
text-indent: -9000px;
display: block;
}
#shpacpdbox a {
background: url(/lib/images/shpa_home/shpa_cpd_front.gif) 0 0 no-repeat;
float:left;
margin-right: 8px;
height: 141px;
width: 143px;
text-indent: -9000px;
display: block;
}
#jobsbox a {
background: url(/lib/images/shpa_home/jobs_front.gif) 0 0 no-repeat;
float:left;
margin-right: 8px;
height: 141px;
width: 143px;
text-indent: -9000px;
display: block;
}
#careersbox a {
background: url(/lib/images/shpa_home/careers_front.gif) 0 0 no-repeat;
float:left;
height: 141px;
width: 143px;
text-indent: -9000px;
display: block;
}


/*--------->>  BODY CONTENT <<----------*/

#bodycontent
{
width: 683px;
padding-left: 169px;
float: right;
margin-left: -169px;

}
 
/*--------->>  GLOBAL NAVIGATION (banner) <<----------*/

#globalmenu
{
margin-left: 388px;
padding-top: 52px;
overflow: hidden;
}

#globalmenu ul
{
margin: 0;
overflow: hidden;
list-style: none;
}

#globalmenu li
{
margin: 0;
padding: 0;
float: left;
list-style: none;
}

#globalmenu a
{
display: block;
height: 28px;
overflow: hidden;
text-indent: -9000px;
}

/* buttons */

#shpa a
{
background: url(/lib/images/globalnav/shpa_btn.jpg) 0 0 no-repeat;
width: 102px;
}
#shpa a:hover {
background: url(/lib/images/globalnav/shpa_btn.jpg) bottom left no-repeat;
width: 102px;
}

#jobs a
{
background: url(/lib/images/globalnav/jobs_btn.jpg) 0 0 no-repeat;
width: 89px;
}
#jobs a:hover {
background: url(/lib/images/globalnav/jobs_btn.jpg) bottom left no-repeat;
width: 89px;
}

#jppr a
{
background: url(/lib/images/globalnav/jppr_btn.jpg) 0 0 no-repeat;
width: 89px;
}
#jppr a:hover {
background: url(/lib/images/globalnav/jppr_btn.jpg) bottom left no-repeat;
width: 89px;
}

#careers a
{
background: url(/lib/images/globalnav/careers_btn.jpg) 0 0 no-repeat;
width: 142px;
}
#careers a:hover {
background: url(/lib/images/globalnav/careers_btn.jpg) bottom left no-repeat;
width: 142px;
}

#shpacpd, #shpacpd a
{
background: url(/lib/images/globalnav/shpa_cpd_btn.jpg) 0 0 no-repeat;
width: 89px;
}
#shpacpd, #shpacpd a:hover {
background: url(/lib/images/globalnav/shpa_cpd_btn.jpg) bottom left no-repeat;
width: 89px;
}


#globalmenu a
{
display: block;
float: left;
}

#globalmenu img
{
display: block;
border: none;
}

/*--------->>  SIDE NAVIGATION <<----------*/

#menu
{
width: 145px;

}

#menu table
{
margin: 0; padding: 0;
}

#menu td img {height: 30px; margin: 0; padding: 0;}

/*--------->>  TYPOGRAPHY <<----------*/

body
{
font-family: verdana, arial, helvetica, sans serif;
font-size: 100%;
}

#bodycontent
{
font-size: 0.75em;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
}

/* td,th {font-size: 100%;} */

h1, .style2 {
color:#333366;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
text-transform: uppercase;
}


h2, .style4 {
color:#F78F1E;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}

h3 {
color:#333;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}
.style3 {color: #333; font-size: 12px; font-weight: normal;}

h4, .style5 {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
ul {
}
a {
color: #5e489d;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
text-decoration: none;
}
a:hover {
color: #f78f1e;
}

/*----- Coresoft Standard Tags ---*/
TABLE.eventcalander {
	FONT: 11px;
        font-family: Arial, Helvetica, sans-serif; 
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #DDE5F2; 
	TEXT-ALIGN: left;
}
	
TD.eventcalander A:link {
     	font-weight: bold;
	color: #1B3C77;	
}

TD.eventcalander A:visited {
     	font-weight: bold;
	color: #616161;
}
	
TD.eventcalander A:hover {
     	font-weight: bold;
	COLOR: #000000
}

TD.eventcalanderAlt A:link {
	font-weight: bold;
	color: #1B3C77;
}

TD.eventcalanderAlt A:visited {
	font-weight: bold;
	color: #616161;
}

TD.eventcalanderAlt A:hover {
	font-weight: bold;
	COLOR: #000000
}									
	
TD.eventcalander {
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        FONT: 11px
        font-family: Arial, helvetica, sans-serif;
        BORDER-LEFT: #eeeeee 1px solid;
        COLOR: black;
        PADDING-TOP: 3px;
        BACKGROUND-COLOR: #DDE5F2;
	BORDER-BOTTOM: #eeeeee 1px solid
}											

TD.eventcalanderAlt {
	BORDER-RIGHT: #eeeeee 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	FONT: 11px
	font-family: Arial, helvetica, sans-serif;
	BORDER-LEFT: #eeeeee 1px solid;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #C5D0E2;
	BORDER-BOTTOM: #eeeeee 1px solid
}  

TD.pageHeader{
     	font-weight: bold;
        background: #5C7EBA;
        color: #FFFFFF;
        font-size: 11px;
        font-family: Arial, helvetica, sans-serif;
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        BORDER-LEFT: #eeeeee 1px solid;
        PADDING-TOP: 3px;
        BORDER-BOTTOM: #eeeeee 1px solid;
}															
TD.eventcalanderHeading {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, helvetica, sans-serif;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TABLE.ServSales {
	FONT: 11px;
        font-family: Arial, Helvetica, sans-serif; 
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #DDE5F2; 
	TEXT-ALIGN: left;
}
	
TD.ServSales A:link {
     	font-weight: bold;
	color: #1B3C77;	
}

TD.ServSales A:visited {
     	font-weight: bold;
	color: #616161;
}
	
TD.ServSales A:hover {
     	font-weight: bold;
	COLOR: #000000
}

TD.ServSalesAlt A:link {
	font-weight: bold;
	color: #1B3C77;
}

TD.ServSalesAlt A:visited {
	font-weight: bold;
	color: #616161;
}

TD.ServSalesAlt A:hover {
	font-weight: bold;
	COLOR: #000000
}									
	
TD.ServSalesBody {
        FONT: 11px
        font-family: Arial, helvetica, sans-serif;
        COLOR: black;
        BACKGROUND-COLOR: #EAF0F8;
	BORDER-RIGHT: #EAF0F8 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #EAF0F8 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #EAF0F8 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #EAF0F8 1px solid;
}

TD.ServSalesTop {
        FONT: 11px
        font-family: Arial, helvetica, sans-serif;
        COLOR: black;
        BACKGROUND-COLOR: #EAF0F8;
	BORDER-RIGHT: #EAF0F8 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #EAF0F8 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #EAF0F8 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #EAF0F8 1px solid;
}

TD.ServSales {
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        FONT: 11px
        font-family: Arial, helvetica, sans-serif;
        BORDER-LEFT: #eeeeee 1px solid;
        COLOR: black;
        PADDING-TOP: 3px;
        BACKGROUND-COLOR: #DDE5F2;
	BORDER-BOTTOM: #eeeeee 1px solid
}
											
TD.ServSalesAlt {
	BORDER-RIGHT: #eeeeee 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	FONT: 11px
	font-family: Arial, helvetica, sans-serif;
	BORDER-LEFT: #eeeeee 1px solid;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #C5D0E2;
	BORDER-BOTTOM: #eeeeee 1px solid
}  													
TD.ServSalesHeading {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, helvetica, sans-serif;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TD.ServSalesHeadingTotal {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, helvetica, sans-serif;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TD.ServSalesHeadingTop {
	font-weight: bold;
	background: #7B98C7;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, helvetica, sans-serif;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

TABLE.MemberSearch {
	FONT: 11px;
        font-family: Arial, Helvetica, sans-serif; 
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #DDE5F2; 
	TEXT-ALIGN: left;
}
	
TD.MemberSearch A:link {
     	font-weight: bold;
	color: #1B3C77;	
}

TD.MemberSearch A:visited {
     	font-weight: bold;
	color: #616161;
}
	
TD.MemberSearch A:hover {
     	font-weight: bold;
	COLOR: #000000
}

TD.MemberSearchAlt A:link {
	font-weight: bold;
	color: #1B3C77;
}

TD.MemberSearchAlt A:visited {
	font-weight: bold;
	color: #616161;
}

TD.MemberSearchAlt A:hover {
	font-weight: bold;
	COLOR: #000000
}									
	
TD.MemberSearch {
        BORDER-RIGHT: #eeeeee 1px solid;
        PADDING-RIGHT: 3px;
        BORDER-TOP: #eeeeee 1px solid;
        PADDING-LEFT: 3px;
        PADDING-BOTTOM: 3px;
        FONT: 11px
        font-family: Arial, helvetica, sans-serif;
        BORDER-LEFT: #eeeeee 1px solid;
        COLOR: black;
        PADDING-TOP: 3px;
        BACKGROUND-COLOR: #DDE5F2;
	BORDER-BOTTOM: #eeeeee 1px solid
}											

TD.MemberSearchAlt {
	BORDER-RIGHT: #eeeeee 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #eeeeee 1px solid;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	FONT: 11px
	font-family: Arial, helvetica, sans-serif;
	BORDER-LEFT: #eeeeee 1px solid;
	COLOR: black;
	PADDING-TOP: 3px;
	BACKGROUND-COLOR: #C5D0E2;
	BORDER-BOTTOM: #eeeeee 1px solid
}  
														
TD.MemberSearchHeading {
	font-weight: bold;
	background: #5C7EBA;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, helvetica, sans-serif;
	BORDER-RIGHT: #eeeeee 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #eeeeee 1px solid; 
	PADDING-LEFT: 3px; 
	PADDING-BOTTOM: 3px; 
	BORDER-LEFT: #eeeeee 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #eeeeee 1px solid;
}

.i {
        FONT: 11px
        font-family: Arial, helvetica, sans-serif;
        COLOR: black;

}
#enews ul li a:
{padding-right:200px;
}