/*Layout purpose*/

.title_darkblue {
  font-family: verdana,arial,helvetica,sans-serif;
  color: #466D9F;
  font-size: 16px;
  font-weight: bold;
}
.subtitle_darkblue {
  font-family: verdana,arial,helvetica,sans-serif;
  color: #466D9F;
  font-size: 14px;
  font-weight: bold;
}


div,p {
	margin-top:0;
}/*clear top margin for mozilla*/

Form {padding:0px; margin:0px;}

form input, select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#666666;
font-size:12px;
border:1px solid #666666;
height:18px;
}

.appform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

.appformselect {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
color:#666666;
font-size:12px;
height:18px;
border:1px solid #666666;
}

.appformsubmit {
background-color:#fff;
border:1px solid #666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
height:20px;
color:#666666;
}

#outer {height:100%; min-height:100%; min-width:400px; margin-left:185px; margin-right:210px; color: #000000;margin-bottom:-102px;}

html>body #outer {
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#left {
	_position:relative; /*ie needs this to show float */
	width:185px;
	float:left;
	margin-left:-185px;/*must be 1px less than width otherwise won't push footer down */
}
* html #left {padding-bottom:102px ;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/

#right {
	position:relative;/*ie needs this to show float */
	width:195px;
	float:right;
	margin-right:-195px;/*must be 1px less than width otherwise won't push footer down */
}
* html #right {padding-bottom:102px ;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#rightbot {
	position:relative;/*ie needs this to show float */
	width:195px;
	float:right;
	margin-right:-195px;/*must be 1px less than width otherwise won't push footer down */
}
* html #rightbot {padding-bottom:102px ;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/

/* added Nov 08 - LA */
.onepixhidden {height:1px;width:1px;display:none;}

.leftbump {padding-left:5px;}

.rightbump {margin-right:5px;}

#end {padding-top:30px;padding-bottom:10px;}

.topbanner {margin:0px;padding:0px;}

.RightPicItem {border:0px;}

#fullViewDiv {
margin-left:20px; 
margin-top:10px; 
cursor:pointer; 
color:#000000; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:65%; 
font-weight:bold; 
display:none;
}

.lastupdated {
width:100%; 
clear:both; 
font-size:65%; 
color:#747374; 
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center; 
padding-top:2px; 
margin-right:1px; 
margin-bottom:10px; 
padding-bottom:0px;
}

#leftcont{
margin-left:-180px; width:180px; position:relative;float:left;
}

#highlightednews {
width:785px;
height:140px;
background-image:url('/cms-images/subpage/latestnewsbg.gif');
background-position:left top;
background-repeat:no-repeat;
border:1px solid #466d9f;
margin:10px 5px 0 10px;
background-color:#FFFFFF;
float:left;
position: relative;
}

#highlightednewscontent {
padding-left:30px;
padding-top:15px;
padding-right:5px;
padding-bottom:5px; 
color:#000000; 
font-family:verdana; 
font-size:70%; 
}

#highlightednewsimage {
position:absolute;
top:10px;
bottom:5px;
right:10px;
padding:0;
margin:0;

}

.newstitleblue A,
.newstitleblue A:link,
.newstitleblue A:visited,
.newstitleblue A:active,
.newstitleblue A:hover {text-decoration:none;color: #446497;font-weight: bold;}


.newsRSS {padding:20px 0; font-family:verdana, arial, sans-serif;font-size:70%;}
.newsRSS A, 
.newsRSS A:link, 
.newsRSS A:visited,
.newsRSS A:active,
.newsRSS A:hover {text-decoration:none;color: #446497;font-weight: bold;}
.newsRSS img {border:0;vertical-align:middle;}

.rightImageCaptionItem .newsRSS {padding:20px 0; font-family:verdana, arial, sans-serif;font-size:100%;}

/* END NEW ADDITIONS */

#footer {width:100%; clear:both; color: #000000;  position:relative;font-size:65%; color:#747374; font-family:verdana;text-align:center;}
#footer P {margin-top:0px;margin-bottom:10px;}
#footer A {color:#747374; text-decoration:none;}
#footer A:visited {color:#747374; text-decoration:none;}
#footer A:hover {color:#747374; text-decoration:none;}
#footer A:active {color:#747374; text-decoration:none;}
* html #footer {/*only ie gets this style*/
	\height:102px;/* for ie5 */
	he\ight:100px;/* for ie6 */
}
#footerRight {position:relative; width:195px; float:right;}
#footerMid {margin-right:195px;margin-left:185px;}
#clearfooter{clear:both;height:100px;}/*needed to make room for footer*/
* html #clearfooter {float:left;width:100%;}/* ie mac styles */
* html #centrecontent {height:1%;}/* combat IE's 3 pixel jog */
#centrecontent {position:relative;}

#minHeight{float:left;width:0px;height:100%;margin-bottom:-102px;} /*safari wrapper thanks to Tim Connor*/
* html #minHeight{margin-bottom:-100px;}

#midCol {margin-left:20px; margin-right:20px; margin-top:25px; color:#000000;text-align:left;}
#midCol P {margin-top:10px; margin-bottom:10px;}
#midColincludeItem {margin-left:20px; margin-right:20px; color:#000000;text-align:left;}
#midColincludeItem P {margin-top:10px; margin-bottom:10px;}

/*left Navigation styles*/

#leftPageTitle {margin-top:10px; padding-left:2px;margin-bottom:5px;}
#leftNavCol {float:left; margin-top:2px;margin-bottom:2px;padding-top:2px; padding-bottom: 2px;}
#leftNavArrow {float: left; width:20px;padding-top:2px;}
#leftNavText {float: left; width:160px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:70%;}
#leftNavText A {color: #000000; text-decoration: none;}
#leftNavText A:link {color: #000000; text-decoration: none;}
#leftNavText A:visited {color: #000000; text-decoration: none;}
#leftNavText A:hover {color: #000000; text-decoration: underline;}
#leftNavText A:active {color: #000000; text-decoration: none;}

#bluebar {margin-top:2px;margin-bottom:2px; padding-top:3px; padding-bottom: 3px; padding-left:5px; padding-right:3px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight: bold; font-size:70%;background:#446397;}
#bluebar A {color:#FFFFFF; text-decoration: none;}
#bluebar A:link {color:#FFFFFF; text-decoration: none;}
#bluebar A:visited {color:#FFFFFF; text-decoration: none;}
#bluebar A:hover {color:#FFFFFF; text-decoration: none;}
#bluebar A:active {color:#FFFFFF; text-decoration: none;}

.leftSubtextBlue {color:#000000; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; background:#E7F0FF; margin-bottom:2px;}
.leftSubtextBlue Ul {
	list-style:none;
	list-style-image: url("../cms-images/subpage/leftnav_darkblue.gif");
	margin-top:0px; 
	margin-bottom:0px;
	margin-left:10px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:2px;
	padding-right:5px;
}

.leftSubtextBlue LI {padding-top:0px; margin-top:0px;}
.leftSubtextBlue A {color:#000000; text-decoration: none;}
.leftSubtextBlue A:link {color:#000000; text-decoration: none;}
.leftSubtextBlue A:visited {color:#000000; text-decoration: none;}
.leftSubtextBlue A:hover {color:#000000; text-decoration: underline;}
.leftSubtextBlue A:active {color:#000000; text-decoration: none;}

.leftSubIntextBlue {color:#000000; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:2px;background:#E6ECF8;}
.leftSubIntextBlue Ul {
	list-style:none;
	list-style-image: url("../cms-images/subpage/leftnav_lightblue.gif");
	margin-top:0px;
	margin-bottom:0px;
	margin-left:19px;
	padding-left:19px;
	padding-top:4px;
	padding-bottom:2px;
	padding-right:5px;
}

.leftSubIntextBlue LI {padding-top:0px; margin-top:0px;}
.leftSubIntextBlue A {color:#000000; text-decoration: none;}
.leftSubIntextBlue A:link {color:#000000; text-decoration: none;}
.leftSubIntextBlue A:visited {color:#000000; text-decoration: none;}
.leftSubIntextBlue A:hover {color:#000000; text-decoration: underline;}
.leftSubIntextBlue A:active {color:#000000; text-decoration: none;}

.leftSubIn2textBlue {color:#000000; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:2px;background:#E6ECF8; padding-top:3px; padding-bottom:3px; padding-left:50px;padding-right:5px;
}

.leftSubIn2textBlue A {color:#000000; text-decoration: none;}
.leftSubIn2textBlue A:link {color:#000000; text-decoration: none;}
.leftSubIn2textBlue A:visited {color:#000000; text-decoration: none;}
.leftSubIn2textBlue A:hover {color:#000000; text-decoration: underline;}
.leftSubIn2textBlue A:active {color:#000000; text-decoration: none;}

/*Display purpose*/

#banner {
	margin-top:10px; text-align:center;
}
div.topBannerItem {
  margin-top:10px; margin-bottom:15px;text-align:center;
}
#boldBrown {
	color:#C68418; font-weight: bold;
}

#newsText a:link {color:#000;}
#newsText a:visited {color:#000;}
#newsText a:hover {color:#466d9f;}
#newsText a:active {color:#000;}



.newsText {
	padding-right:5px; margin-top:5px; margin-bottom:10px; color:#000000; font-family:verdana;
}
.newsText A{
	color:#000000; text-decoration: none;
}
.newsText A:visited {
	color:#000000; text-decoration: none;
}
.newsText A:hover {
	color:#000000; text-decoration: none;
}
.newsText A:active {
	color:#000000; text-decoration: none;
}
.newsText P {
	margin-top:0px; margin-bottom:0px;
}
#rightPinkCol {
	background:#FEF5E4;padding-left:10px;padding-right:15px;padding-top:10px; padding-bottom:15px;
}
#rightPinkCol A {
	color:#000000;
}
#rightPinkCol A:visited {
	color:#000000;
}
#rightPinkCol A:hover {
	color:#000000;
}
#rightPinkCol A:active {
	color:#000000;
}
#rightPinkCol UL {
	padding-left:10px; margin-left: 10px;margin-top:10px;margin-bottom:0px;
}
#rightPinkCol P {
	margin-top:10px;margin-bottom:10px;
}
#rightPinkHead {
	color:#C98216; font-weight: bold; padding-bottom:10px;
}
#rightImageCaption {
        padding-left:3px;padding-right:5px;padding-top:3px; padding-bottom:5px;
}
/*Events classes*/

#bannerEvents {
	margin-top:15px;margin-bottom:5px; text-align:center;
}
.blueBoldText {
	color: #446497; font-weight: bold;
}
.greenBoldText {
	color: #33928E; font-weight: bold;
}
.greenLtBoldText {
	color: #34BD00; font-weight: bold;
}
.purpleBoldText {
	color: #7753B3; font-weight: bold;
}
.orangeBoldText {
	color: #FF7E00; font-weight: bold;
}
.pinkBoldText {
	color: #FF296C; font-weight: bold;
}
#eventMidTitle {
	padding-top:10px; padding-bottom: 10px;
}
#midColEvents {
	margin-left:20px; margin-right:20px; margin-top:10px;font-size:75%;font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
}
#midColEvents P {
	margin-top:0px; margin-bottom:0px;
}
#midColEvents A {
	color:#000000; text-decoration: none;
}
#newsTextBlue {
	padding-right:5px; margin-top:1px; margin-bottom:10px; color:#436396; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%;
}
#newsTextBlue Img {
	float: left; margin-right:5px; margin-top:3px;margin-bottom:2px;
}
#midEventPic {
	float: left; width:70px;
}
#midEventText {
	float: left; width:80%;
}
#wrapper1 {
	width:48%; height:30px; float: left;
}
#wrapper1 {
	width:80px; height:40px; float: left;
}
#wrapper2 {
	width:110px; height:40px; float: left;
}
#floating {
	height:100%; position:relative;
}
#floating div {
	position:absolute; bottom:0; left:0;
}
.smallRtOrangeEvents {
	margin-left: 32px;margin-top:0px;margin-bottom:0px; color: #FC7F00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;
}
.smallRtPurpleEvents {
	margin-left: 32px;margin-top:0px;margin-bottom:0px; color: #7753B3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;
}
.smallRtLtGreenEvents {
	margin-left: 32px;margin-top:0px;margin-bottom:0px; color: #35BD01; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;
}
.smallRtPinkEvents {
	margin-left: 32px;margin-top:0px;margin-bottom:0px; color: #FF296C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;
}
.smallRtGreenEvents {
	margin-left: 32px;margin-top:0px;margin-bottom:0px; color: #35918E; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;
}
.smallRtBlueEvents {
	margin-left: 32px;margin-top:0px;margin-bottom:0px; color: #0067ff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 65%;
}
#chooseEventText {
	padding-right:5px; margin-top:5px; margin-bottom:5px; color:#000000; font-family:verdana; font-size:70%;
}

#calWrapper {
	width:100%; height:56px; float: left;
}
#calWrapper P {
	margin-top:0px; margin-bottom:2px; padding-left:2px;
}
#calFloating {
	height:100%; position:relative;
}
#calFloating div {
	position:absolute; bottom:0; left:0;
}
#calLeftCol {
	float: left;width:83%;
}
#calRightCol {
	padding-left: 83%;
}
#popupWin {
	position: absolute; width:185px; left:200px;top:300px; Z-Index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter: alpha(opacity=95); visibility: hidden;
}
#popupWinMid {
	background: #FFFFFF url("../cms-images/events/popup003.gif"); padding-left: 5px; padding-right: 5px; color:#35918E; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#popupWinMid A {
	color:#35918E; text-decoration: underline;
}
#popupWinMid A:visited {
	color:#35918E; text-decoration: underline;
}
#popupWinMid A:active {
	color:#35918E; text-decoration: underline;
}
#popupWinMid A:hover {
	color:#35918E; text-decoration: underline;
}
#eventYear {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; color:#446399; font-weight: bold;text-align: center;margin-bottom:5px;
}
#eventYeartop {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:110%; color:#446399; font-weight: bold;padding-top:12px;
}
.eventtoparrow {
	text-align:right;padding-top:28px;padding-right:2px;
}
/*Events NEW classes*/
#eventsArea{
	 position:relative; margin-left:-183px; margin-right:-195px; min-height:1px;
}
* html #eventsArea {
	height:1px
}/* ie needs this*/

#cldrweekBar {
	background: #6682B1 url("../cms-images/events/week_barbg.gif"); height: 27px;
}
#cldrweekBarLeft {
	position:relative;/*ie needs this to show float */
	width:7px;
	float:left;
}
#cldrweekBarMid {
	color:#FFFFFF; font-weight: bold; font-size: 95%; padding-top:4px;margin-right:7px;margin-left:7px;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;
}
#cldrweekBarRight {
	position:relative;/*ie needs this to show float */
	width:7px;
	float:right;
}
.calanderBar {
	background: #E5EEFD;height:56px;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calanderBarPl {
	background: #E5EEFD url("../cms-images/events/calander_peelBg.gif") repeat-y right top; background-repeat: no-repeat; height: 56px;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calanderBarDK {
	background: #D7E6FF; height: 56px;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calanderBarDKPl {
	background: #D7E6FF url("../cms-images/events/calanderdk_peelBg.gif") repeat-y right top; background-repeat: no-repeat; height: 56px;font-family:Verdana, Arial, Helvetica, sans-serif;
}
.dateBlueBold {
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #778FBD; font-size: 95%; font-weight: bold;
}
.dateWhiteBold {
	font-family:Verdana, Arial, Helvetica, sans-serif; color: #778FBD; font-size: 95%; font-weight: bold;
}
.eventsrchBldText {
	color: #33928E; font-weight: bold;font-size:75%;padding-left:2px;padding-bottom:2px;
}
.evttsrchgreenBldtxt {
	color: #33928E; font-weight: bold;font-size:75%;padding-left:2px;padding-bottom:2px;
}
.evttsrchgreenLtBldtxt {
	color: #34BD00; font-weight: bold;font-size:75%;padding-left:2px;padding-bottom:2px;
}
.evttsrchpurpleBldtxt {
	color: #7753B3; font-weight: bold;font-size:75%;padding-left:2px;padding-bottom:2px;
}
.evttsrchorangeBldtxt {
	color: #FF7E00; font-weight: bold;font-size:75%;padding-left:2px;padding-bottom:2px;
}
.evttsrchpinkBldtxt {
	color: #FF296C; font-weight: bold;font-size:75%;padding-left:2px;padding-bottom:2px;
}
/*News classes*/
.archnewsText {
	padding-right:5px; margin-top:5px; margin-bottom:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%;
}
.archnewsText A{
	color:#000000; text-decoration: none;
}
.archnewsText A:visited {
	color:#000000; text-decoration: none;
}
.archnewsText A:active {
	color:#000000; text-decoration: none;
}
.archnewsText A:hover {
	color:#000000; text-decoration: none;
}
.archnewsText P {
	margin-top:0px; margin-bottom:0px;
}
* html #header3 {height:1px}/* ie needs this*/
#midColNews {
	margin-left:10px; margin-right:15px; margin-top:10px;font-size:70%;font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;
}
.newsMidcols {
margin-top:10px; border:1px solid #cccccc; float: left; width: 100%;padding:3px; width:580px;
}
.newsMidcols P {
	margin-top:0px; margin-bottom:0px;
}
.newsMidpic {
	float: left; width: 45px;
}
.newsMidpic img {
	border-right: #FFFFFF 5px solid;
}
.newMidText {
	padding-left:3px;padding-top:3px; padding-bottom:3px;
}
.newMidText A {
	color: #446497;
}
.newMidText A:visited {
	color: #446497;
}
.newMidText A:active {
	color: #446497;
}
.newMidText A:hover {
	color: #446497;
}
#newsMainText {
	background: #FFFFFF; padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:75%;margin-right:235px;
}
#newsMainText P{
	margin-top:0px; margin-bottom:0px
}
.mainNewsBig {
	font-size:120%;color: #446497; font-weight: bold;padding-bottom:3px;
}
.mainNewsBold {
	font-weight: bold; padding-bottom:10px;
}

/* Spacing for Job details */
#dvContent {
padding-right:10px;
}


/*Alumni classes*/
/*Gallery classes*/

#galaryText2 {
	float: left;width:121px;margin-right:7px;margin-bottom:10px;
}
#galaryTextIn {
	background:#E9F5F3; font-family:verdana; font-size:90%; color:#000000;line-height:140%;padding-top:5px; padding-left:3px; padding-right:3px; padding-bottom:5px; height:170px;
}

/*Form Classes*/

#formheader{
	margin-left:10px; margin-right:-191px; position:relative; min-height:1px;
}
* html #formheader {height:1px}/* ie needs this*/


/*landing classes*/
#StripMainImage {
	float:right; position:relative;
}
#StripMainText {
	background: #FFFFFF; padding-left:5px;padding-top:5px;padding-right:5px;padding-bottom:5px;color:#000000;min-height:129px;margin-right:230px;
}
#StripMainText P{
	margin-top:0px; margin-bottom:0px
}

/*Staffsearch*/

#staffsearchhead{
color:#446397; font-family:Verdana, Arial, Helvetica, sans-serif; background:#E7F0FF; margin-bottom:10px;padding-top:5px;padding-bottom:5px;padding-left:5px;font-weight:bold;
}
.staffsearchleft {
	width:25%;float:left;padding-left:5px;font-weight:bold;padding-top:5px;
}
#staffResultArea {
margin-left:10px; 
margin-right:-190px;
font-size:75%;
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
position:relative; 
min-height:1px;
}

* html #staffResultArea {height:1px}/* ie needs this*/

#staffResultArea A {color:#000000;}
#staffResultArea A:visited {color:#000000;}
#staffResultArea A:active {color:#000000;}
#staffResultArea A:hover {color:#000000;}
#staffadmin {background:#E7F0FF;padding-top:5px;padding-bottom:5px;}

.staffsearchresult {background:#446397;color:#ffffff;font-weight:bold;float:left;}
.staff1 {width:30%;}
.staff2 {width:40%;}
.staff3 {width:30%;}

.fcdpt {height:1.5em;}

/* styles for joining instructions - lucy june 2008 / updated june 2009 */


#telCol {float:right;margin:0;padding:0;}

#j_centrecontent {
position:relative;
width:540px; 
margin-left:20px;
margin-right:10px; margin-top:25px; }

#j_midCol {
	color:#000000;text-align:left;
}
#j_midCol P {
	margin-top:10px; margin-bottom:10px;
}
#j_midCol A {
	color:#000000; text-decoration: underline;
}
#j_left {
	_position:relative;/*ie needs this to show float */
	width:190px;
	float:left;
	padding:0;
	margin:0;
	margin-left:-185px;/*must be 1px less than width otherwise won't push footer down */
}
* html #j_left {padding-bottom:102px ;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/

#j_right {
	_position:relative;/*ie needs this to show float */
	width:175px;
	float:right;
	padding:0;
	margin:0;
	margin-right:-210px;/*must be 1px less than width otherwise won't push footer down */
}
* html #j_right {padding-bottom:102px ;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/

#j_leftmenu{
border:1px solid #CCCCCC;
}

#j_leftPageTitle {margin-bottom:2px;width:190px;}

#JoinTop{position:relative; margin-top:-65px;margin-right:70px;}

#j_header {position:relative; height:125px; margin-left:-185px; margin-right:-195px;border-bottom:3px solid #CCCCCC; width:1000px;}

* html #j_header {height:1px}/* ie needs this*/

.joinRight{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0066CC;
font-size: 70%;
border-collapse:collapse;
border:1px solid #CCCCCC;
padding:3px;
position:relative;
}

.joinRight A {color:#0066CC;text-decoration:none;position:relative;}
.joinRight A:visited {color:#0066CC;text-decoration:none;position:relative;}
.joinRight A:active {color:#0066CC;text-decoration:none;position:relative;}
.joinRight A:hover {color:#0066CC;text-decoration:none;position:relative;}

.joinRightFirst {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 70%; 
color:#666666;
font-weight:bold;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#CCCCCC;
position:relative;
padding:3px;
}

.SideBanner {padding-top:10px;}

a img {border:0;}

#j_span {width:100%;border-bottom:2px solid #0066CC;}


/* join home page styles */
#j_home_main {position:relative;width:610px;}

#j_outer {height:100%; min-height:100%; min-width:400px; margin-left:185px; margin-right:195px; color: #000000;margin-bottom:-102px;}

html>body #j_outer {
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#j_wrapstar {padding-top:20px;min-width:550px; min-height:490px;}

.j_groups {padding-right:5px;}

#j_groups{padding-top:25px;}

#JoinPrintCol {width:168px; border:1px solid #CCCCCC;margin-bottom:5px;margin-top:9px;}

.j_printCol {width:160px;color:#000000;font-family:verdana; font-size:65%;font-weight: bold;padding:5px;}

/* top level menu items - dropdown arrow removed - may need to reinstate? */

.leftSubtextJoin {color:#0066CC; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif;background:#CFCFCF; margin-bottom:2px;position:relative;}
.leftSubtextJoin Ul {list-style:none; margin-top:0px; margin-bottom:0px;margin-left:5px;padding-left:5px;padding-top:4px;padding-bottom:2px;padding-right:3px;position:relative;}
.leftSubtextJoin LI {padding-top:0px; margin-top:0px;}
.leftSubtextJoin A {color:#0066cc; text-decoration: none;}
.leftSubtextJoin A:visited {color:#0066cc; text-decoration: none;}
.leftSubtextJoin A:active {color:#0066cc; text-decoration: none;}
.leftSubtextJoin A:hover {color:#0066cc; text-decoration: underline;}

/* second level menu items */

.leftSubIntextJoin {color:#0066cc; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:2px;background:#EEEFFF; position:relative;}
.leftSubIntextJoin Ul {list-style:none; list-style-image: url("../cms-images/subpage/leftnav_JoinArrow.gif"); margin-top:0px; margin-bottom:0px;margin-left:15px;padding-left:15px;padding-top:4px;padding-bottom:2px;padding-right:5px;position:relative;}
.leftSubIntextJoin LI {padding-top:0px; margin-top:0px;}
.leftSubIntextJoin A {color:#0066cc; text-decoration: none;}
.leftSubIntextJoin A:link {color:#0066cc; text-decoration: none;}
.leftSubIntextJoin A:visited {color:#0066cc; text-decoration: none;}
.leftSubIntextJoin A:active {color:#0066cc; text-decoration: none;}
.leftSubIntextJoin A:hover {color:#0066cc; text-decoration: underline;}

/* third level menu items */

.leftSubIn2textJoin {color:#0066cc; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:2px;background:#CCFFFF; padding-top:3px; padding-bottom:3px; padding-left:50px;padding-right:5px;}
.leftSubIn2textJoin A {color:#0066cc; text-decoration: none;}
.leftSubIn2textJoin A:link {color:#0066cc; text-decoration: none;}
.leftSubIn2textJoin A:visited {color:#0066cc; text-decoration: none;}
.leftSubIn2textJoin A:active {color:#0066cc; text-decoration: none;}
.leftSubIn2textJoin A:hover {color:#0066cc; text-decoration: underline;}


/* styles for Visit Day booking forms - added LA Dec 08 */

#visitform.inputselect {
height:18px;
width:300px;
}
#visitform.vflabel {
padding-right:20px;
}
#visitform p {
border:1px solid #b7cae2;
padding:10px;
}
#visitform .redstar {
color:red;
font-weight:bold;
}