/******************************

CREATED BY: JASON BAYLY
DATE:       11 DECEMBER 2006
	  
******************************/


/*****************************
GLOBAL HTML ELEMENTS
*****************************/
body {
	font:10pt Arial, Helvetica, sans-serif;
	color:#545454;
	background-color:#FFF;
	padding:0px;
	margin:0px;
  text-align:center;
  background-image: url(../../images/interface/bg_body2.gif);
}

p {
  margin:0 0 10px 0;
  line-height: 140%;
}
table {
  font:10pt Arial, Helvetica, sans-serif;
}
a{
	color:#545454;
  text-decoration:underline;
}
a:hover{
	color:#CC0000;
  text-decoration:none;
}
h1,h2,h3,h4 {
  color:black;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  border:0px solid green;
  margin:0 0 3px 0;
}
h1{
	font-size:1.4em;
  margin:2px 0 3px 0;
}
h2{
  font-size:1.3em; 
  margin:0 0 3px 0;
}
h3{
	font-size:1.1em;
}
h4{
	font-size:1em;
}
h3 a { /*used in right col pull out*/
  color:black;
  text-decoration:none;
}
/*****************************
CONTENT ELEMENTS
*****************************/

/*HOMEPAGE ELEMENTS*/
h1 span.HPfeature {
  color:black;
  /*background-image:url(../../images/interface/icn_redArrow.gif);
  background-repeat:no-repeat;
  background-position:right;*/
  padding:0 10px 0 0;  
}
.HPfeature a, #subNewsItem a {
  text-decoration:none;
  color:black;
  line-height: 100%;
}
.HPfeature a:hover, #subNewsItem a:hover {
  color:#CC0000;
}
/*Sub News Items*/
#hpSubNews {
  position:relative;
}
#hpSubNews #adCol {
  float:right;
  border:0px solid green; 
  width:181px;
}
#hpSubNews #newsCol {
 /* float:left;
  border:0px solid yellow; 
  width:470px;
  height:580px;*/
}
#hp2colSubNews {
  position:relative;
  border:0px solid green;  
}
.subNewsLeftCol {
  float:left;
  width:325px;
}
.subNewsRightCol {
  float:right;
  width:325px;
}
#hp2colSubNews #subNewsItem {
  border-top: 1px solid #CDCCCA;
  border-bottom:0px;
  padding-top:18px;
  padding-bottom:0px;
} 
#subNewsItem, #featureNewsItem {
  padding:2px 2px 0px 2px;
}
span.hpProdPrice {
  /*background-image:url(../../images/interface/icn_orangeArrow.gif);
  background-repeat:no-repeat;
  background-position:right;
  padding:0 20px 0 0;*/
  color:#787776;
  font-size:1.3em;
  font-weight:bold;
}
span.hpProdPriceExtra, span.shopIndexPriceExtra {
  color:#545454;
  font-size:.75em;
}
span.hpAbstract {
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.2em;
}

/*feature news item*/
#featureNewsItem, #subNewsItem {
  border-bottom:1px solid #CDCCCA;
  padding-bottom:10px;
  margin-bottom:10px;
}
#featureNewsItem .featImage{
  float:left;
  margin:0 15px 0 0;  
}
h1.subPage {
  font-size:1.3em;
  color:black;
}
h2 span.featureJob {
  background-image:url(../../images/interface/icn_blueArrow.gif);
  background-repeat:no-repeat;
  background-position:right;
  padding:0 20px 0 0;
  color:#00A9E1;
}
h2.featureProduct {
  color:#F37200;
  margin-bottom:5px;
}
span.jobSalary, span.ArticleDate, span.secondPageHead, .searchPage {
  /*color:#B8B6B4;*/
  font-weight:normal;
}
span.jobLocation {
  color:#00A9E1;
  font-size:1.2em;
  font-weight:bold;
}
.shopIndexPrice {
  color:#F37200;
  font-size:1.2em;
  font-weight:bold;
}
/*EVENT & SHOP & JOB ELEMENTS*/
.eventItem, .shopItem, .jobItem {
  margin-bottom:16px;
  padding:2px 2px 0px 0px;  
  border-bottom:1px solid #CDCCCA;
}
.eventItem a {
  text-decoration:none;
  color:black;
}
.eventItem a:hover {
  color:#CC0000;
}
.shopItem a {
  text-decoration:none;
  color:black;
}
.shopItem a:hover {
  color:#F37200;
}
.jobItem a {
  text-decoration:none;
  color:black;
}
.jobItem a:hover {
  color:#00A9E1;
}
/*DIVS HOLDING THE GRAPHIC HEADS*/
.mainHead, .mainHeadSearch, .mainHeadShop, .mainHeadEmployment {
  padding-bottom:5px;
  position:relative;
}
.mainHead, .mainHeadSearch {
  border-bottom:2px solid #CC0000;
}
.mainHead {
  margin-bottom:15px;
}
.mainHeadShop {
  border-bottom:2px solid #F37200;
}
.mainHeadEmployment {
  border-bottom:2px solid #00A9E1;
}
.subHead {
  padding-bottom:6px;
  border-bottom: 2px solid #878787;
  position:relative;
  margin-bottom:10px;
}
.rightFloat  {
  position:absolute;
  right:2px;
  top:2px;
}
#backLink {
  position:relative; 
  text-align:right;
}
.rightFloat a, #backLink a {
  font-weight:bold;
  text-decoration:underline;
}
.rightFloat a:hover, #backLink a:hover {
  color:#CC0000;
}
H1.hidetext {
  /*color:white;
  display:inline;
  font-size:.5em;*/
  display:none;
}
/*PAGINATION*/
#pagination {
  padding:5px 0 5px 0;
  text-align:right;
  margin-bottom:15px;
}
#pagination a{
  border-top:1px solid #D1D1D1;
  border-left:1px solid #D1D1D1;
  border-bottom:1px solid #656565;
  border-right:1px solid #656565;
  text-decoration:none;
  padding:0px 3px 0px 3px;
  color:#B8B6B4;
}
#pagination a:hover, #pagination .PaginationDown{
  color:#FFFFFF;
  background-color:#949494;
}
#pagination a.PaginationNoBorder{
  border:0px;
  background-color:#FFFFFF;
}
#pagination a.PaginationNoBorder:hover{
  color:#656565;
  background-color:#FFFFFF;
}
/*TOOLS*/
#pageTools {
  margin-bottom:0px;
  border:0px solid blue;
}
#pageTools a{
  margin:0 0 0 10px;
  color:#BABABA;
  text-transform:uppercase;
  font-size:.8em;
  text-decoration:none;
  height:15px;
}
#pageTools a:hover{
  /*text-decoration:underline;*/
  color:black;
}
.print, .bookmark, #sendFriend {
  background-repeat:no-repeat;
  background-position:right;
  padding:5px 25px 0 0;
}
.print {
  background-image:url(../../images/interface/icn_print.gif);
}
.bookmark {
  background-image:url(../../images/interface/icn_bookmark.gif);
}
#sendFriend {
  background-image:url(../../images/interface/icn_emailFriend.gif);
}

/*LIST ELEMENTS*/
#content ul, .content ul{
  list-style:none;
  padding:10px 0px 0px 20px;
  margin:0px;
}
#content ul li, .content ul li{  
  background-repeat:no-repeat;
  background-position:0 5px;
  padding-left:10px;
  padding-bottom:5px;
}
#print21 ul li{
  background-image:url(../../images/interface/bullet_red.gif);
}
#shop ul li{
  background-image:url(../../images/interface/bullet_orange.gif);
}
#employment ul li{
  background-image:url(../../images/interface/bullet_blue.gif);
}
/*Search Results*/
#searchResults ul {
  margin:0px; 
  padding:0px;
  list-style:none;
}
#searchResults ul li {
  /*margin:0 0 0 0px;*/
  margin-bottom:10px;
  border-bottom:1px solid #CDCCCA;  
  list-style-type:none;
  background-image:none;
}


/*PULLOUT BOXES*/
#print21 .pullOut, #colb .pullOut{
  border:1px solid #CC0000;
  padding:2px;
}
#print21 .pullOut div, #colb .pullOut div{
  background-color:#FDF4F4;
  padding:5px;
}
#colb p{
  margin:0px;
}
#print21 h5, #colb h5{
  color:#CC0000;
  text-transform:uppercase;
  font-weight:bold;
  margin:5px 0 2px 0;
  font-size:1em;
}
#print21 #eventTypes{
  color:#CC0000;
  text-transform:uppercase;
  font-size:.85em;
  padding:15px 0 15px 0;
}
#print21 .pullOut #eventTypes img{
  margin-bottom:5px;
}
#print21 .pullOut a {
  color:#545454;
  text-decoration:none;
}
#print21 .pullOut a:hover {
  color:#CC0000;
  text-decoration:none;
}
#print21 .pullOut a.detail {
  color:#545454;
  text-decoration:underline;
}
#shop .pullOut, .hpProductPullOut{
  border:1px solid #F37200;
  padding:2px;
}
#shop .pullOut div, .hpProductPullOut div{
  background-color:#FDF2E8;
  padding:3px;
}
#shop h5 {
  color:#F37200;
  text-transform:uppercase;
  font-weight:bold;
  margin:5px 0 2px 0;
  font-size:1em;
}
#employment .pullOut, .hpJobPullOut{
  border:1px solid #00A9E1;
  padding:2px;
}
#employment h5 {
  color:#00A9E1;
  text-transform:uppercase;
  font-weight:bold;
  margin:5px 0 2px 0;
  font-size:1em;
}
#employment .pullOut div, .hpJobPullOut div{
  background-color:#E5F6FC;
  padding:3px;
}
.hpJobPullOut a.headline {
  color:#00A9E1;
  text-decoration:none;
  font-size:1.3em;
  font-weight:bold;
}
.hpJobPullOut a.headline:hover, .hpProductPullOut a.headline:hover {
  color:#545454;
  text-decoration:none;
}
.hpJobPullOut, .hpProductPullOut {
  margin-top:0px;
}
.hpProductPullOut a.headline {
  color:#F37200;
  text-decoration:none;
  font-size:1.3em;
  font-weight:bold;
}
.hpJobPullOut a:hover {
 color:#00A9E1;
}
.hpProductPullOut a:hover {
 color:#F37200;
}
/*Message box*/
.message {
  border:1px solid #DCDBDA;
  padding:2px;
  width:auto;
  margin:10px 0 5px 0;  
}
.message div {
  font-weight:normal;
  background-color:#F9F9F9;
  padding:5px;
}
/*FCKEditor Pullout*/
.contentPullout {
  border:1px solid #CDCCCA;
  padding:8px;
  margin:0 10px 5px 0;
  font:1.2em Trebuchet MS, Arial, Helvetica, sans-serif;
  color:#787878;
  font-weight:bold;
  width:180px;
  float:left;
  clear:right;
}

/*****************************
FORM ELEMENTS
*****************************/
input, textarea {
  font-size:1em;
  color:#545454;
	background-color:#FFF;
  padding:2px;
}
select {
  font-size:.9em;
}
checkbox {
  background-color:transparent;
}
#print21 input, textarea, #friendForm input {
   border:1px solid #EFBCB9;
}
textarea {
  font-family: Arial, Helvetica, sans-serif;
  overflow:auto;
}
#sForm .none, .button1, .none {
  background-color:transparent !important;
  border:0px !important;
}
#adForm .button2, #searchForm .button2{
  font-weight:bold;
  background-color:#fff;
  border:1px solid;
  border-top-color:#EDE9E9;
  border-left-color:#EDE9E9;
  border-right-color:#B8B3B3;
  border-bottom-color:#B8B3B3;
  /*height:20px;*/
  filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='white',EndColorStr='#DCDBDB');
}
#adForm .button2Hov, #searchForm .button2Hov {
  border-color:#F1B9B9;
  color:#CC0000;
  /*border-top-color:#F1B9B9;
  border-left-color:#F1B9B9;
  border-right-color:#F1B9B9;
  border-bottom-color:#F1B9B9;*/
}
.required {
  color:#FDF4F4;
  font-weight:bold;
  font-size:.9em;
}
label {
  font-weight:normal;
}
/*****************************
MISCELLANEOUS ELEMENTS
*****************************/
hr.clearer {
  display: block; 
  clear: left; 
  margin: -0.66em 0;
  visibility: hidden;
  margin:5px 0 5px 0;
}
div.clearer {
  clear: both; 
  line-height: 0; 
  height: 0;
}
.colADivider {
  text-align:center; 
  margin:10px 0 10px 0;
}
/*****************************
ADVERTISING ELEMENTS
*****************************/
.colHeader {
  text-transform:uppercase;
  color:#B7B7B7;
  font-size:.76em;
  text-align:right;
  padding-right:10px;
}
.islandAd, .otherPullout{
  float:right;
  padding:10px 0 10px 10px;
  background:white;
}

/*****************************
FOOTER ELEMENTS
*****************************/
#footerWrapper a{
	color:#CC0000;
  text-decoration:underline;
}
#footerWrapper a:hover{
  text-decoration:none;
}

#footerWrapper a.invis{
	color:black;
  text-decoration:none;
}
#footerWrapper a.invis:hover{
	color:#CC0000;
  text-decoration:underline;
}

/*****************************
LAYOUT STRUCTURAL ELEMENTS
*****************************/
#outerWrapper {
	text-align:left;
	/*margin: 0px auto;
	padding: 0;
	border:0px solid blue;
	width:997px;	
  background-color:white;
  background-image: url(../../images/interface/bg_body3.gif);*/
}
#innerWrapper {
  /*width:985px; 
  border:0px solid silver; 
  margin:0 6px 0 6px*/
}
#header {
	/*margin:0;
  height:184px;
  width:985px;
  position:relative;
  border:1px solid black;
  background-color:#CC0000;*/
}
#cola, #colb, #mainheader, .hidetext, .islandAd, #pageTools, #adCol, #hp2colSubNews, #navL1, #mainSearch, #navL2  {
	display:none
}

#content, .content { 
	/*float: left;
	width: 670px;*/
  border:0px solid silver;
}
#footer {
	/*clear: both;
  height:45px;
  font-size:.9em;
  padding-left:148px;*/
  font-size:9pt;
}
/*CONTENT BLOCK*/
#contentWrapper, .contentWrapper{ 
  /*margin:14px 10px 10px 10px;
  border:0px solid silver;
  width:658px;
  width: auto;
	border: 0;
	margin: 0 5%;
	padding: 0;
	float: none !important;*/
}

/*FOOTER BLOCK*/
#footerWrapper {
 /* border-top:1px solid #CC0000;
  width:658px;
  padding-top:10px;
  color:black;*/
}

/*****************************
NAV ELEMENTS
*****************************/
/*MAIN HEADER*/
#mainHeader {
  background-image: url(../../images/interface/bg_header.gif);
  height:152px;
  position:relative;  
}
#P21Logo {
  position:absolute;
  top:12px;
  left:40px;
}
#P21headText {
  position:absolute;
  top:14px;
  left:149px;
}
#topBanAd {
  position:absolute;
  top:6px;
  left:339px;
}
#newsBulletinBox {
  position:absolute;
  top:6px;
  left:824px;
  border:1px solid #C1BFBD;
  width:146px;
  height:123px;
  background-image:url(../../images/interface/bg_newsBulletin.jpg);
  background-repeat:no-repeat;
  background-position:4px 4px;
}
/*LEVEL 1 NAV ELEMENTS*/
#navL1 {
  position:absolute;
  text-transform:uppercase;
  left:149px; 
  top:130px;
  height:23px;
  text-align:left;
  z-index:10;
  border:0px solid blue;
}
#navL1 ul{
  margin:0;
  padding:0;
}
#navL1 ul li{
  display:block;
  float:left;
  list-style-type: none;  
  width:137px;
  height:23px;
  border:0px solid blue;
  padding:0;
  margin:0 2px 0 0;
  text-align:center;
}
#navL1 li a{
  padding-top:4px;  
  color:white;
  font-weight:bold;
  height:23px;
  text-decoration:none; 
  display:block;
  background-image: url(../../images/interface/butt_print_off.gif); 
  background-repeat:no-repeat;
  background-position:0 0;
}
#navL1 a.active_print21{  
  background-image: url(../../images/interface/butt_print_on.gif);  
}
#navL1 a.active_shop{  
  background-image: url(../../images/interface/butt_shop_on.gif);  
}
#navL1 a.active_employment{  
  background-image: url(../../images/interface/butt_employment_on.gif);  
}
#navL1 a.active_aboutprint21{  
  background-image: url(../../images/interface/butt_print_on.gif);  
}
#navL1 a.inactive, #navL2 a.inactive{
  color:#F4A1A7;
}
#navL1 a:hover, #navL2 a:hover{
  color:white;
}

/*LEVEL2  NAV ELEMENTS*/
/*Search*/
#mainSearch {
  position:absolute;
  right:0px;
  top:0px;
  padding-right:15px;
}
#navL2_print21 {
  /*border-top:1px solid #AE0000;
  background-color:#CC0000;*/
  padding-left:30px;
  background-image: url(../../images/interface/bg_print21.gif);  
  background-repeat:repeat-x;
  height:27px;
  border:0px solid yellow;
}
#navL2_shop {
  padding-left:270px;
  background-image: url(../../images/interface/bg_shop.gif);  
  background-repeat:repeat-x;
  height:27px;
}
#navL2_employment {
  padding-left:430px;
  background-image: url(../../images/interface/bg_employment.gif);  
  background-repeat:repeat-x;
  height:28px;
}
#navL2_aboutprint21 {
  /*border-top:1px solid #AE0000;
  background-color:#CC0000;*/
  padding-left:30px;
  background-image: url(../../images/interface/bg_print21.gif);  
  background-repeat:repeat-x;
  height:27px;
  border:0px solid yellow;
}
#navL2 ul{
  margin:0;
  padding:0;
  text-transform:uppercase;
  border:0px solid blue;
}
#navL2 ul li{
  display:block;
  float:left;
  list-style-type: none;  
  width:100px; 
  padding:0;
  margin:0px 2px 0 0;
  text-align:center;
  border:0px solid blue;
  height:27px;
}
#navL2 ul .L2Delimiter {
  width:10px;
}
.L2DelimiterDiv {
  margin-top:5px;
}
#navL2_print21 ul .L2Delimiter {   
  color:#F0B3B3;   
}
#navL2_shop ul .L2Delimiter {
  color:#FBD5B3; 
}
#navL2_employment ul .L2Delimiter {
  color:#B3E5F6; 
}
#navL2_aboutprint21 ul .L2Delimiter {   
  color:#F0B3B3;   
}
#navL2 li a{
  padding-top:5px;  
  color:white;
  font-weight:bold;
  text-decoration:none; 
  display:block;  
  height:28px; 
  border:0px solid blue;
  vertical-align:middle;
}
#navL2_print21 li a.active{
  background:url(../../images/interface/icn_print21_L2DownArrow.gif) transparent center top no-repeat;  
}
#navL2_shop li a.active{
  background:url(../../images/interface/icn_onlineShop_L2DownArrow.gif) transparent center top no-repeat;  
}
#navL2_employment li a.active{
  background:url(../../images/interface/icn_employment_L2DownArrow.gif) transparent center top no-repeat;  
}
#navL2_employment ul li{
  width:150px;
}
#navL2_employment a.inactive{
  color:#B3E5F6;
}
#navL2_shop a.inactive{
  color:#FBD5B3;
}
#navL2_aboutprint21 li a.active{
  background:url(../../images/interface/icn_print21_L2DownArrow.gif) transparent center top no-repeat;  
}



