/* CSS Document */

#contentHolder {margin:0px auto; font-size:12px; background:url(../images/background.jpg) repeat-y; float:left;}
#contentHolder .cornerPic {background:url(../images/cornerPic.jpg) no-repeat bottom left; float:left; width:808px;}

/* SIDEBAR */
#contentHolder #sideBar {width:222px; padding-top:29px; margin-top:20px; display:inline; float:left}
#contentHolder #sideBar.bgTop {background:url(../images/subNavBorderTop.jpg) no-repeat top right}
#contentHolder #sideBar #subNav {width:204px; background:url(../images/sideBarBg.jpg) repeat-y right; margin:0px 0px 0px 18px;}
#contentHolder #sideBar #subNav ul {font-weight:bold; font-size:11px; margin:0px; padding:3px 29px 0px 0px; text-align:right}
#contentHolder #sideBar #subNav li {padding:5px 0px 0px 0px; list-style:none; background:url(../images/subNavBorder.jpg) no-repeat top;}
#contentHolder #sideBar #subNav li a {text-decoration:none; color:#2e7189; display:block; padding:3px 6px 3px 0px; margin:0px; min-height:15px; height:auto !important; height:15px;}
#contentHolder #sideBar #subNav li a:hover, 
#contentHolder #sideBar #subNav li a.subSelected {color:#ffffff; background:url(../images/subNavOvrBg.jpg) repeat-y ; display:block}

#contentHolder #sideBar #subNav #nextSteps {margin-top:20px; padding-bottom:29px}
#contentHolder #sideBar #subNav #nextSteps.bgBot {background:url(../images/subNavBorderBottom.jpg) no-repeat bottom right}
#contentHolder #sideBar #subNav #nextSteps li {background: none; padding:0px; list-style:none}
#contentHolder #sideBar #subNav #nextSteps li.subLinkTitle {font-weight: bold; color:#999999; background: url(../images/nextStepsTitleBg.jpg) no-repeat bottom; padding:1px 6px 5px 0px; list-style:none}
#contentHolder #sideBar #subNav #nextSteps li a {padding:1px 6px 0px 0px; color:#999999; font-weight:normal;}
#contentHolder #sideBar #subNav #nextSteps li a:hover {color:#000000; font-weight:normal; background:none;}


/* ADS */
#contentHolder #sideBar #ads {margin:20px 0px 0px 18px; text-align:center;}
#contentHolder #mainContent #bannerAds {display:block; position:relative; margin:30px auto; width:500px; text-align:center; padding:5px;}
#contentHolder #mainContent #bannerAds img {background-color:none; border:none; padding:0px; margin:0px; margin:0px 10px}



/* MAIN CONTENT */
#contentHolder #mainContent {width:550px; margin:20px 25px 20px 0px; display:inline; float:left; color:#4c4c4c; min-height:550px; height:auto !important; height:550px;}

#contentHolder #mainContent h1 {font:bold 22px Arial, Helvetica, sans-serif; color:#005581; margin:0px 0px 10px 0px; padding:0px}
#contentHolder #mainContent h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#005581; margin:20px 0px 5px 0px; padding:0px; border-bottom:1px solid #cccccc}
#contentHolder #mainContent h3 {font:bold 13px Arial, Helvetica, sans-serif; color:#005581; margin:15px 0px 0px 5px; padding:0px;}
#contentHolder #mainContent h4 {font:bold 11px Arial, Helvetica, sans-serif; color:#000000; margin:15px 0px 0px 5px; padding:0px; text-transform:uppercase}
#contentHolder #mainContent p {margin:5px 0px 15px 0px; padding:0px 5px 0px 5px}

#contentHolder #mainContent ul {margin:0px 25px 0px 35px; padding:0px;}
#contentHolder #mainContent ol {font-weight:bold}

#contentHolder #mainContent ul.listTitle {font-weight:bold}
#contentHolder #mainContent ul.listTitle ul{font-weight:normal}
#contentHolder #mainContent ul li {list-style-image:url(../images/bullet.jpg)}
#contentHolder #mainContent ul a{text-decoration:none;}
#contentHolder #mainContent ul a:hover{text-decoration:none; color:#000000; background:none;}

#contentHolder #mainContent li {margin:10px 0px 10px 0px; padding:-5px 0px 0px 0px;}
#contentHolder #mainContent li.listFooter {list-style: none; list-style-image:none; font-weight:normal; font-style:italic; margin-left:-10px;}
#contentHolder #mainContent li p{font-weight:normal}

#contentHolder #mainContent a {color:#005581; text-decoration:underline}
#contentHolder #mainContent a:hover {color:#005581; text-decoration:underline; background-color:#bef5ff}
#contentHolder #mainContent a.applyOnline {color:#ffffff; text-decoration:none; background:url(../images/buttonBg.jpg) no-repeat; font-weight:bold; font-size:12px; text-align:center; width:120px; height:20px; display:block; padding-top:5px; margin:20px 10px 0px 0px; float:left}
#contentHolder #mainContent a.applyOnline:hover {text-decoration:none; color:#ffffff; background:url(../images/buttonBgOvr.jpg) no-repeat;}
#contentHolder #mainContent a.noFloat {float:none}
#contentHolder #mainContent a.noUnderline {text-decoration:none}

#contentHolder #mainContent p.termsConditions a {text-decoration:none;}
#contentHolder #mainContent p.termsConditions a:hover{text-decoration:none; background:none}
#mainContent p.termsConditions {font-size:10px; color:#999999; border-top:1px solid #cccccc}

#contentHolder #mainContent blockquote {font-style:italic; background:url(../images/quotes.jpg) no-repeat top left; padding:15px 0px 0px 20px; color:#555555}

/* FORMS */
#mainContent form label {width:80px; display:inline; float:left; color:#005581; text-align:right}
#mainContent form input {width:180px; margin-left:5px; font: 12px Arial, Helvetica, sans-serif}
#mainContent form textarea {font:12px Arial, Helvetica, sans-serif; margin-left:5px; width:180px;}
#mainContent form select {margin-left:5px; width:180px; min-width:180px; width:auto !important}
#mainContent form input.submitButton {width:95px; margin-left:80px;}
#mainContent form input.loginButton {color:#ffffff; text-decoration:none; background:url(../images/buttonBg.jpg) no-repeat; font-weight:bold; font-size:12px; text-align:center; width:120px; height:25px; padding-top:0px; margin:5px 10px 0px 80px; border:none;}
#mainContent .buttonbg {color:#ffffff; text-decoration:none; background:url(../images/buttonBg.jpg) no-repeat; font-weight:bold; font-size:12px; text-align:center; width:120px; height:25px; padding-top:0px; margin:5px 10px 0px 30px; border:none;}

#mainContent form select {width:150px; font-size:12px}
#mainContent form .bold,
#mainContent form select option.bold {font-weight:bold}
#mainContent form .error {color:#FF0000; font-size:11px; font-weight:bold; margin-left:160px; display:block}

/* FOOTER */
#footerHolder {height:29px; width:540px; text-align:center; padding-top:9px; float:left; margin-left:220px; display:inline}
#footerHolder ul {font-size:9px; margin: 0px; display:inline;}
#footerHolder li {display:inline;}
#footerHolder a {text-decoration:none; color:#4c4c4c}
#footerHolder a:hover {text-decoration:underline;}

/* IMAGES */
#mainContent img {padding:5px 5px 5px 5px; background:url(../images/picBg.jpg) repeat; margin:0px 10px 10px 10px; border:1px solid #81a6b3}
.leftPic {float:left}
.rightPic {float:right}
.caption {text-align:center; width:265px;}
.captionVert {text-align:center; width:200px;}
.caption p, .captionVert p{font-size:10px; color: #990000; line-height:0.9}
#mainContent .caption img, #mainContent .captionVert img{margin-bottom:0px}

/* NEWS */

#mainContent #mainNews {background-color:#eeeeee; height:180px; display:block; padding:13px 13px 0px 13px; margin:10px 0px;}
#mainContent #mainNews h2 {border-bottom:none; text-align:left; font-size:18px; margin:0px}

body #mainContent #mainNews h2 a, body #contentHolder #mainContent .otherNews h3 a {text-decoration:none; text-align:left}
body #mainContent #mainNews h2 a:hover, body #contentHolder #mainContent .otherNews h3 a:hover {text-decoration:none; color:#000000; background:none; text-align:left}

#mainContent #mainNews img {margin:0px 8px 0px 0px; background:none; border:1px solid #cccccc; background-color:#ffffff}
#mainContent .otherNews {display:block; clear:both}
#mainContent .otherNews img {margin:0px 8px 5px 0px; padding:0px; background:none}
body #mainContent .otherNews p {font-size:10px; margin:0px; padding:0px; text-align:left}
#mainContent .otherNews .newsItem {width:260px; display:inline; float:left; margin-left:10px;}

#mainContent .date{font-style:italic;}
.otherNews .date{font-weight:bold;}

/* CENTRE FINDER */
#mainContent #regions {margin:0px 5px 5px 20px; padding:0px 10px; background:url(../images/ukMap.jpg) right bottom no-repeat}
#mainContent #regions a {text-decoration:none}

#disclaimer {width:480px; font-size:10px; color:#999999;float:left; margin:20px 5px 15px 220px; display:inline}
#anniversarySmall {margin:0px 0px 15px 35px; display:inline;}
/*.cornerPic #anniversarySmall {margin:0px 0px 10px 740px; float:left; display:inline}*/



