﻿/*////////////////////////////////////*/
/* ---- =RESET --*/
/*
* { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }
img { overflow: hidden; display: block; }
*/
/*ul, ol { list-style: none; }*/

/*
object, embed { visibility: visible !important; }*/

/*////////////////////////////////////*/
/* ---- =GLOBALS --*/
/*
body { font: normal normal normal 0.66em Arial, Helvetica, sans-serif; background: #fff; color: #666; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4em; color: #CC002A; margin-bottom: 15px; letter-spacing: -0.04px; }
h1 { margin-bottom: 0px; }
h2 { font-size: 1.6em; color: #545454; margin-bottom: 0px; font-weight: normal !important; }
h3 { font-size: 1.6em; color: #666; margin-bottom: 25px; }
h4 { font-size: 1.5em; color: #CC002A; }
p { line-height: 1.4em; margin-bottom: 15px; }
input, select, textarea { padding: 3px; background: transparent; color: #666; font-family: Arial, Helvetica, sans-serif; }
strong { font-weight: bold !important; }

a, a:visited { color: #CC002A; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: none; }
*/

/*////////////////////////////////////*/
/* ---- =CLASSES --*/

/* universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear { clear: both; overflow: hidden; height: 0px; margin-top: -1px; }
.hide { position: absolute; left: -9999em; }
.last { margin: 0 !important; }
.end { margin: 0 !important; padding: 0 !important; border: 0 none !important; }

.buttonRight { margin-top: 5px !important; float: right !important; }

.newsPlaque { padding: 2px 5px 2px 5px; background: #CC002A; color: #fff; font-size: 0.9em; }

.mt6 { margin-top: 6px !important; }
.mb10 { margin-bottom: 10px !important; }

/*////////////////////////////////////*/
/* ---- =COLOURS --*/

.red { color: #CC002A; }

/*////////////////////////////////////*/
/* ---- =NAV --*/

.nav { padding: 0px 10px 0px 10px; float: left; width: 970px; background: #CC002A; }
.nav ul { float: left; }
.nav ul li { float: left; position: relative; }
.nav ul li a { padding: 0px 10px 0px 10px; float: left; line-height: 54px; cursor: pointer !important; }
.nav ul li a:hover { background: #fff; }
.nav ul li a:active { background: #eeeeee; }
.nav ul li a span { padding-left: 10px; float: left; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgArrowNavWhite.gif) no-repeat scroll left 23px; color: #fff; }
.nav ul li a:hover span { background: transparent url(/SiteCollectionImages/napier2009/homepage/bgArrowNavRed.gif) no-repeat scroll left 23px; color: #CC002A; }

/*////////////////////////////////////*/
/* ---- =SUB NAV --*/

/*.nav ul li:hover ul { display: block; position: absolute; top: 54px; left: 0px; z-index: 999; }
.nav ul li ul { display: none; }*/

/*////////////////////////////////////*/
/* ---- =LAYOUT --*/

.wrapper { margin: 0px auto; padding: 10px 0px 30px 0px; width: 990px; }

.header {padding: 15px 35px 0px 25px; float: left; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgHeader.gif) repeat-x scroll left bottom; width: 925px; min-height: 102px; height: auto !important; height: 102px; }
.logo { float: right; }

.headerLeft {margin-top: 25px; float: left; }
.headerLeft ul { float: left; }
.headerLeft ul li { margin-right: 15px; padding-right: 15px; float: left; border-right: solid 1px #808080; }

#ctl00_SiteSearchHome_btnSearch{
background: transparent url(/SiteCollectionImages/napier2009/homepage/btnSearch.gif) no-repeat scroll left top;
width: 21px;
height: 24px;
/*margin-top: 5px;*/
margin-bottom: 0px;
border: 0px;
cursor: pointer;
}
.search { float: left; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgSearchBar.gif) no-repeat scroll left top; width: 186px; height: 27px; position: relative; }
.search a { width: 27px; height: 27px; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgSearchBar.gif) no-repeat scroll right top; position: absolute; top: 0px; right: 0px; z-index: 1; text-indent: -9999em; }
.search a:hover { background-position: right bottom; }
.search input { width: 145px; height: 15px; position: absolute; top: 2px; left: 5px; z-index: 2; }

.srchOffset{margin-left: -4px;}

.headerStrap h2{ margin-top: 10px; float: left; clear: left; color: #545454; font-weight: lighter;}

.banner { float: left; width: 990px; height: 206px; position: relative; }
.banner img { position: absolute; top: 0px; left: 0px; z-index: 1; }
.bannerHeading { position: absolute; top: 40px; left: 35px; z-index: 2; font-size: 2.2em; color: #fff; }
.banner a { position: absolute; bottom: 8px; right: 12px; z-index: 3; }

.strap { float: left; width: 990px; }

.homePanelsTop { padding: 25px 14px 30px 14px; float: left; width: 960px; border-left: solid 1px #eeeeee; border-right: solid 1px #eeeeee; }
.homePanelsTop ul, .homePanelsTop h3 { float: left; }
.homePanelsTop ul li { margin-right: 17px; float: left; width: 227px; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgHomePanelShadow.jpg) no-repeat scroll left 146px; }
.homePanelsTop ul li img { float: left; width: 227px; }
.homePanelsTop ul li strong { padding: 20px; float: left; width: 187px; font-weight: normal !important; min-height: 50px; height: auto !important; height: 50px; }

.homePanelsBottom { margin-bottom: 15px; padding-left: 15px; float: left; width: 975px; background: #EDF1F1; }
.homePanelsBottom ul { padding-top: 15px; float: left; }
.homePanelsBottom ul li { margin-right: 17px; float: left; display: inline; width: 227px; min-height: 225px; height: auto !important; height: 225px; position: relative; }
.homePanelsBottom ul li a.buttonHomeRed { position: absolute; bottom: 0px; left: 30px; z-index: 9999; }

.news { padding: 15px; float: left; width: 212px; background: #DEE2E2; }
.news h4 { margin-bottom: 5px !important; }
.news dl { margin-top: 10px; float: left; }
.news dl dt { float: left; width: 212px; font-weight: bold; color: #003745; }
.news dl dd { padding-bottom: 10px; float: left; width: 212px; border-bottom: dotted 1px #ccc; }
.news dl dd p { margin-bottom: 5px !important; }
.news dl dd a { font-size: 0.9em; }

.footerTop { padding: 10px 15px 10px 15px; float: left; width: 958px; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgFooterTopGrad.gif) repeat-x scroll left bottom; border: solid 1px #EDC4CA; line-height: 42px; }
.footerTop span { margin-right: 68px; float: left; color: #CC002A; font-size: 1.6em; }
.footerTop em { margin-top: 2px; float: left; font-size: 0.9em; font-style: normal !important; }

.footer {
padding-bottom: 35px;
float: left;
width: 990px;
background: transparent url(/SiteCollectionImages/napier2009/homepage/bgFooterShadow.gif) no-repeat scroll center bottom;
/*background-color: #ffffff;*/
}
.footer2 {
padding-bottom: 35px;
float: left;
width: 990px;
background: transparent url(/SiteCollectionImages/napier2009/homepage/bgFooterShadow.gif) no-repeat scroll center bottom;
background-color: #ffffff;
font-size: smaller;
}
.registration{background-color: #ffffff; }
.footerInner { margin-top: 15px;
padding: 10px 15px 10px 15px;
float: left; width: 960px;
background: #CE2438 url(/SiteCollectionImages/napier2009/homepage/bgFooterGrad.gif) repeat-x scroll left bottom; color: #fff;
}
.footerInner { margin-top: 15px;
padding: 10px 15px 10px 15px;
float: left; width: 960px;
background: #CE2438 url(/SiteCollectionImages/napier2009/homepage/bgFooterGrad.gif) repeat-x scroll left bottom; color: #fff;
}
.footerInner a { color: #fff !important;}
.footerInner a:hover { text-decoration: underline; }
.footerInner span { float: left; }
.footerInner ul { margin-top: 30px; float: right; }
.footerInner ul li { margin-right: 7px; padding-right: 7px; float: left; display: inline; border-right: solid 1px #fff; }


.footerInner2 { margin-top: 0px;
padding: 10px 15px 10px 15px;
float: left; width: 955px;
background: #CE2438 url(/SiteCollectionImages/napier2009/homepage/bgFooterGrad.gif) repeat-x scroll left bottom; color: #fff;
}
.footerInner2 a { color: #fff !important; text-decoration: none;}
.footerInner2 a:hover { text-decoration: underline; }
.footerInner2 span { float: left; }
.footerInner2 ul { margin-top: 30px; float: right; }
.footerInner2 ul li { margin-right: 7px; padding-right: 7px; float: left; display: inline; border-right: solid 1px #fff; }


.footerBottom { padding: 0px 15px 0px 15px; float: left; width: 960px; font-size: 0.9em; }

/*////////////////////////////////////*/
/* ---- =HYPERLINKS --*/

a.buttonRed * {
cursor: pointer !important;
text-decoration: none !important;
line-height: 34px !important;
font-weight: normal !important;
font-size: 9px;
}

a.buttonRed {
clear: both;
padding-left: 15px;
float: left;
display: block;
background: transparent url(/SiteCollectionImages/napier2009/homepage/bgButtonRedLeft.gif) no-repeat scroll left top;
}
a.buttonRed strong { padding-right: 37px; float: left; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgButtonRedRight.gif) no-repeat scroll right top; color: #fff; }
a:hover.buttonRed { background-position: 0% -34px; }
a:hover.buttonRed strong { background-position: 100% -34px; color: #CC002A; }
a:active.buttonRed { background-position: 0% bottom; }
a:active.buttonRed strong { background-position: 100% bottom; color: #CC002A; }

a.buttonGrey * {
cursor: pointer !important;
text-decoration: none !important;
line-height: 34px !important;
font-weight: normal !important;
font-size: 9px;
}

a.buttonGrey { padding-left: 15px;
float: left;
display: block;
background: transparent url(/SiteCollectionImages/napier2009/homepage/bgButtonWhiteLeft.gif) no-repeat scroll left top;
}
a.buttonGrey strong { padding-right: 37px; float: left; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgButtonWhiteRight.gif) no-repeat scroll right top; }
a:hover.buttonGrey { background-position: 0% -34px; }
a:hover.buttonGrey strong { background-position: 100% -34px; color: #fff; }
a:active.buttonGrey { background-position: 0% bottom; }
a:active.buttonGrey strong { background-position: 100% bottom; color: #fff; }

a.home { float: left; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgIconHome.gif) no-repeat scroll left top; width: 25px; height: 23px; text-indent: -9999em; }

a.homePanel { float: left; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgHomePanelHeading.gif) no-repeat scroll left top; width: 227px; line-height: 46px; text-align: center; font-size: 1.4em; }
a:hover.homePanel { background-position: left bottom; }
a.homePanel span { padding-left: 13px; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgArrowWhiteBig.gif) no-repeat scroll left center; color: #fff; }

a.buttonHomeGrey{
 margin-left: 30px;
 padding: 0px 35px 0px 15px;
 float: left;
 display: inline;
 background: transparent url(/SiteCollectionImages/napier2009/homepage/bgButtonHomePanel.gif) no-repeat scroll left top;
 width: 117px;
 line-height: 34px;
/*font-size: 0.9em;*/
 font-size: 9px;
 }
a:hover.buttonHomeGrey { background-position: left -34px; color: #fff !important; }
a:active.buttonHomeGrey { background-position: left bottom; color: #fff !important; }

a.buttonHomeRed {
padding: 0px 35px 0px 15px;
float: left;
display: inline;
background: transparent url(/SiteCollectionImages/napier2009/homepage/bgButtonHomePanelReverse.gif) no-repeat scroll left top;
width: 117px;
line-height: 34px;
/*font-size: 0.9em;*/
font-size: 9px;
color: #fff !important; }
a:hover.buttonHomeRed { background-position: left -34px; color: #CC002A !important; }
a:active.buttonHomeRed { background-position: left bottom; color: #CC002A !important; }

a.arrowWhite { padding-left: 8px; float: left; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgArrowWhiteSmall.gif) no-repeat scroll left center; color: #fff !important; }
a.arrowRed { padding-left: 8px; float: left; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/bgArrowRedSmall.gif) no-repeat scroll left center; color: #CC002A !important; }

a.rss { margin-top: 5px; float: right; display: block; background: transparent url(/SiteCollectionImages/napier2009/homepage/imgIconRSS.gif) no-repeat scroll left top; width: 17px; height: 17px; text-indent: -9999em; visibility: hidden; }

