/* basic elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ffffff;
	background: #ffffff url(../WebImages/bg-grid.gif);
	height: 100%;
	text-align: center;
	background-repeat: repeat-x;
	}

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	}
	
p, h3 {
	margin: 0;
	padding: 0 0px 5px 0;
	}

ul {
	margin: 0;
	padding: 2px 0 5px 0;
	}

li { 
	line-height: 1.6;
	}
	
/* Old-School! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
acronym { 
	cursor: help;
	}

a acronym { 
	cursor: help; 
	}
/* End Old-School! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a:link {
	font-weight: 900;
	color: #777;
	text-decoration: none;
	}

a:visited {
	font-weight: 900;
	color: #999;
	text-decoration: none;
	}

a:hover, a:active {
	font-weight: 900;
	color: #555;
	text-decoration: underline;
	}
		
/* Layout */	
#container {
	position: relative;
	width: 712px; 
	padding: 0px;
	margin-left: auto;
	margin-right: auto;	

	border-top: 0px;
	border-bottom: 0px;
	text-align: left; 
	/* Could not get the right column to stretch heigh: 100% of window view. So I cheated and had to
	create a background image to fake the 100% column. */
	background: #ffffff url(../WebImages/bg-full.gif) repeat-y;
	}
#Page1101 #container, #Page1075 #container {background: #ffffff url(../WebImages/bg-fullwhite.gif) repeat-y;}

html>body #container {
	width: 712px; /* ie5win fudge ends */
	}

#pageHeader h1{
	left: 209px;
	width: 712px;
	height: 207px;
	background: transparent url(../WebImages/intro_bg.jpg) no-repeat;
	/* border-bottom: 3px solid #CCEDFF; Added to bevel lower edge. Layer orders were failing causing this to break. */
	margin-top: 0;
	margin-bottom: 25px;
	}

#Page1101 #pageHeader h1, #Page1075 #pageHeader h1 {
	background: transparent url(../WebImages/intro_bgwhite.jpg) no-repeat;
	}


	
#pageHeader h1 span, #pageHeader h2 span, #extradiv1, #extradiv3, #extradiv4, #extradiv5, #extradiv6 { 
	margin: 0;
	padding: 0;
	display: none;
	}

#pageHeader img{display: none;}

/* Extra Divs - OverView, Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	
 #extraDiv2 {
 	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -20px;
	width: 712px;
	height: 63px;
	background: transparent url(../WebImages/foot-bg.gif);
	} 
 #Page1101 #extraDiv2, #Page1075 #extraDiv2{
 	background: transparent url(../WebImages/foot-bgwhite.gif);
	} 
	
	
	
/* Extra Divs Finish Here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#quickSummary p.p1 {
  
	position: relative;
	margin-left: 540px;
	width: 150px;
	font-size: 10px;
	color: #666666;
	
	z-index: 1;
	margin-top: -10px;
	
	
	}

#quickSummary p.p2 {
	position: absolute;
	top: 147px;
	margin-left: 10px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	color: #666666;
	}

	
#linkList {
	position: absolute;
	top: 60px;
	margin-left: 508px;
	margin-top: 3px;
	background: transparent ;
	width: 204px;
	padding: 10px;
	left: 0px;
	}
.Front .Front a,
.AboutUs .AboutUs a,
.YourReps .YourReps a,
.JoinBassa .JoinBassa a,
.Newsletters .Newsletters a,
.LegalAssistance .LegalAssistance a,
.MaternityLeave .MaternityLeave a,
.BranchMeetings .BranchMeetings a,
.Texting .Texting a,
.Gallery .Gallery a,
.Polls .Polls a,
.Video .Video a,
.Contact .Contact a,
.Page1075 .Page1075 a,
.Login .Login a,
.DestinationGuide .DestinationGuide a,
.DestinationSurvey .DestinationSurvey a,
.Immunisations .Immunisations a,
.Passports .Passports a,
.WhileYouAreAway .WhileYouAreAway a,
.LeaveAgreement .LeaveAgreement a,
.WorldwideScheduling .WorldwideScheduling a,
.Summer07OutOfHours .Summer07OutOfHours a,
.FAQS .FAQS a,
.Sep .Sep a,
.QuickLinks .QuickLinks a,
.BAContact .BAContact a,
.HotelFeedback .HotelFeedback a,
.RepsDetails .RepsDetails a,
.Roster .Roster a
  {border-top:1px solid #666;border-bottom:1px solid #666;background-color:#fff;padding:1px;}

.external a{
  background:url(../WebImages/External.gif) no-repeat right top;
  padding-right:14px;
}
.new a, .New a{
  background:url(../WebImages/New.gif) no-repeat right top;
  padding-right:24px;
}

#linkList h3.menu0heading { 
	margin-top: 130px;
	height: 20px;
	margin-left: 5px;
	}
#menu0 .closed{ 
	background: transparent url(../WebImages/list_0closed.gif) no-repeat; 
	}
#menu0 .opened{ 
	background: transparent url(../WebImages/list_0opened.gif) no-repeat; 
	}

#linkList h3.menu1heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu1 .closed{ 
	background: transparent url(../WebImages/list_1closed.gif) no-repeat; 
	}
#menu1 .opened{ 
	background: transparent url(../WebImages/list_1opened.gif) no-repeat; 
	}

#linkList h3.menu6heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu6 .closed{ 
	background: transparent url(../WebImages/list_6closed.gif) no-repeat; 
	}
#menu6 .opened{ 
	background: transparent url(../WebImages/list_6opened.gif) no-repeat; 
	}

#linkList h3.menu7heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu7 .closed{ 
	background: transparent url(../WebImages/list_7closed.gif) no-repeat; 
	}
#menu7 .opened{ 
	background: transparent url(../WebImages/list_7opened.gif) no-repeat; 
	}

#linkList h3.menu2heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu2 .closed{ 
	background: transparent url(../WebImages/list_2closed.gif) no-repeat;
	}
#menu2 .opened{ 
	background: transparent url(../WebImages/list_2opened.gif) no-repeat; 
	}

#linkList h3.menu3heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu3 .closed{ 
	background: transparent url(../WebImages/list_3closed.gif) no-repeat; 
	}
#menu3 .opened{ 
	background: transparent url(../WebImages/list_3opened.gif) no-repeat; 
	}

#linkList h3.menu4heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu4 .closed{ 
	background: transparent url(../WebImages/list_4closed.gif) no-repeat; 
	}
#menu4 .opened{ 
	background: transparent url(../WebImages/list_4opened.gif) no-repeat; 
	}

#linkList h3.menu5heading { 
	background: transparent url(../WebImages/list_5closed.gif) no-repeat; 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu5 .closed{ 
	background: transparent url(../WebImages/list_5closed.gif) no-repeat; 
	}
#menu5 .opened{ 
	background: transparent url(../WebImages/list_5opened.gif) no-repeat; 
	}


#linkList h3.menu8heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}
#menu8 .closed{ 
	background: transparent url(../WebImages/list_8closed.gif) no-repeat; 
	}
#menu8 .opened{ 
	background: transparent url(../WebImages/list_8opened.gif) no-repeat; 
	}

#menu10 {background: transparent url(../WebImages/list_10.gif) no-repeat;}
#menu10 a{text-decoration:none;}

#linkList h3.menu11heading { 
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
	}

#menu11 .closed{ 
	background: transparent url(../WebImages/list_11closed.gif) no-repeat; 
	}
#menu11 .opened{ 
	background: transparent url(../WebImages/list_11opened.gif) no-repeat; 
	}



#linkList h3.menu0heading span, #linkList h3.menu1heading span, #linkList h3.menu2heading span, #linkList h3.menu3heading span, #linkList h3.menu4heading span, #linkList h3.menu5heading span, #linkList h3.menu6heading span, #linkList h3.menu7heading span, #linkList h3.menu8heading span, #linkList h3.menu11heading span {
	display:none
	
	}
	
#linkList ul {
	margin: 5px;
	padding: 0px;
	}

#linkList li {
	list-style-type: none;
	width: 200px; 
	display: block; 
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #73529a;
	margin-left: 13px;
	
	
	
	}

#linkList li a:link, a:visited {
	color: #73529a;
	text-decoration: none;
	}

#linkList li a:hover, #linkList li a:active{ 
	color: #333333;
	text-decoration: underline;
	}	

a.c:link, a.c:visited, a.c:hover, a.c:active {
	font-weight: normal;
	color: #333333;
	text-decoration: underline;
	
	}
#preamble {
	padding: 30px;
	width: 450px;
	margin-top: -30px;
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #786f80;
	
	}
	
	
p.p8 {
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #73529A;
	background-color: #eeeeee;
	border:1px solid #cccccc;
	padding:2px;
	
	}

#preamble h3 {
	margin-top: 10px;
	font-family: verdana, sans-serif;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	color: #786f80;
	font-size: 18px;
	

	}

#supportingText {
	padding: 29px; 
	width: 450px; 
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #786f80;
	voice-family: "\"}\""; 
  	voice-family: inherit;

	 	
	}
	
	
	
#supportingText p.p8 {
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: #73529A;
	
	}


#supportingText a:link, #supportingText a:visited {
	color: #333333;
	
	}

#supportingText a:hover, #supportingText a:active { 
	color: #333333;
	border-bottom: 0px solid #73529a;
	text-decoration: underline;
	}

    #section3 h3, #section4 h3,  #section5 h3, #section6 h3 {
	margin-top:-10px;
	font-family: verdana, sans-serif;
	margin-bottom: 10px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
	color: #786f80;
	font-size: 18px;
	}
	
#section6 {
	}

#section6 p.p5 {
	
	margin-top: 20px;
	padding: 17px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	
	}

#footer {
	position: absolute;
	top: 146px;
	z-index: 1;
	color: #777;
	font-size: 12px;
	margin-left: 0px;
	width: 580px;
}

#footer a:link, #footer a:visited { 
	margin: 5px;
	font-weight: bold; 
	color: #4d3b60;
	text-decoration: none;
}

#footer a:hover, #footer a:active { 
	color: #333333;
	text-decoration: underline;
}

#extraDiv1, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {
	display: none;
	}
	

.pushbutton {
    font-weight: bold;
    padding: 1px;
    background-color: #666666;
    border: #000000 1px solid;
 color: #FFFFFF
}

.datatable {
    padding: 3px;
    border: #cccccc 1px solid;
    width:100%;
}

tr.title{
	font-weight: bold;
	height:30px;
}

td {
	 vertical-align:top;
	 height:20px;
	}
	
td.leftcontact {width:45%;}
td.centercontact {width:35%;}
td.rightcontact {width:25%;}

td.leftmembership {width:80%;}
td.rightmembership {width:20%;}

td.leftimmunisation {width:35%;}
td.centerimmunisation {width:40%;}
td.rightimmunisation {width:25%;}

.ptitle {
	text-decoration: underline;
}	

img.floatLeft { 
    float: left; 
    margin: 8px; 
}

img.floatRight { 
    float: right; 
    margin: 8px; 
}

p, #fmrMain {font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px;}

.offence{font-size:9px;font-weight:lighter;}


.aligncenter{text-align:center;}

.messagedelete{border:0;}

/* phil added this here for replacing the destination table of information */

div.destrow {
  clear: both;
  padding-top: 5px;
  }

span.destlabel {
  float: left;
  width: 200px;
  text-align: left;
  }

span.destvalue {
  float: right;
  width: 245px;
  text-align: left;
  }

input.searchtext {
  border-style: solid;
}


#contactsearch, #frmcompose{background-color:#FFFF80;}
#contactsearch ul {padding-left:30px;list-style: url(../WebImages/icon_info.gif);}
#contacts ul {padding-left:30px;list-style: url(../WebImages/icon_user.gif);}
#searchparagraph{margin-top:20px;margin-left:10px;padding-left:20px;background: url(../WebImages/Search.gif) no-repeat;}
#frmsearch textarea {height:18px;font-family:verdana;font-size: 14px;}
#replyto {margin-top:20px;margin-left:10px;padding-left:20px;background: url(../WebImages/icon_email.gif) no-repeat;}

.polls, .votemessage{color: #73529a;}