/* Australian Institute of Family Studies
   General stylesheet
   Last modified 10/11/2011 by Mark */

body {
    background: #fff;
    color: #444;
    font-family: helvetica, arial, sans-serif;
	font-size: 0.9em;
    margin: 0;
    padding: 0;
    }
p, td, ul, li { line-height: 1.3; } 

blockquote {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
 }
 
 caption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
 }
    
/* HEADINGS	*/  
    
h1 {
	font-size: 1.8em;
	letter-spacing: -1px; 
	text-align: left;
	font-weight: normal;
	color: #002656;
	border-bottom: 1px solid #d3d3d3; 
	padding: 5px 0 25px 0; 
	margin-bottom: 16px;
	background: url(/afrc/images/logo.jpg) no-repeat top right;
	}
h2, h3, h4, h5, h6 {
	text-align: left;
	font-weight: bold;
	margin: 1.0em auto;
	color: #333;
    }
h2 { font-size: 1.4em; font-weight: normal; }
h3 { font-size: 1.3em; color: #002656; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.05em; color: #002656; }
h6 { font-size: 0.95em; }  		
	
/* LINKS */
	
a { color: #053a7c; text-decoration: underline; }
a:visited { color: #2c1555; }
a:hover { text-decoration: none; }
a:active { color: #2c1555; }
    
a img { border: none; }
    
ul { list-style: square; margin-left: 25px; padding: 0; }
ul ul { list-style: disc; margin-top: 0; margin-bottom: 0; }
ul ul ul { list-style: circle; margin-top: 0; margin-bottom: 0; }
ol { margin-left: 25px; padding: 0; }
ol.loweralpha { list-style-type: lower-alpha; }
ol.lowerroman { list-style-type: lower-roman; }

.centre { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }

.intro p {
	margin-top: 0;
	border-bottom: solid #d3d3d3 1px;
	padding-bottom: 10px;
	margin-bottom: 16px;
}

.intro h1 { padding-bottom: 0.4em; margin-bottom: 0; border-bottom: none; background: none; }

.intro { background: url(/afrc/images/logo.jpg) no-repeat top right;
 }


em { font-style: italic; }
strong, .verystrong, .medstrong { font-weight: bold; }
.verystrong { color: #900; }
.medstrong { color: #555; }

.small { font-size: 0.8em; }
.medsmall { font-size: 0.9em; }
.largefont { font-size: 1.2em; }
.normalfont { font-family: helvetica, arial, sans-serif; font-size: 0.9em; font-weight: normal; color: #000; }
.indent { margin-right: 40px; margin-left: 40px; }
.bigindent { margin-right: 60px; margin-left: 60px; }
.spacedlines { line-height: 1.5em; }
.clear { clear: both; }
.nowrap { white-space: nowrap; }
.subhead { color: #900; text-align: center; }
.caption { font-size: 0.9em; text-align: left; font-weight: bold; }
.captionlight { color: #555; font-weight: normal; font-size: 1.0em; }
.doctype { color: #555; font-size: 1.0em; line-height: 1.3; text-decoration: none; display: block; }
.nomargintop { margin-top: 0; }
.nomarginbottom { margin-bottom: 0; }
.new { font-size: 0.8em; color: #93c; font-weight: bold; }   
.date { font-size: 0.9em; font-weight: bold; color: #444; }
.highlight { color: #900; font-style: italic; }
.confauthor { color: #444; font-weight: bold; }
.abstract { font-size: 0.9em; margin: auto 50px; }
.download { font-size: 0.8em; white-space: nowrap; }
			
p.notes { font-size: 0.95em; font-style: italic; }

/* instead of <hr> use: <p class="dividingline">&nbsp;</p>  */
p.dividingline { border-bottom: 2px dotted #555; }
p.dividefaint { border-bottom: 1px dotted #868686; }
p.backtop { font-size: 0.8em; }
a.backtop { text-decoration: none; color: #555; }
a.backtop:hover { text-decoration: underline; color: #900; }
p.back { font-size: 0.9em; margin-bottom: 0px; }
p.back a { text-decoration: none; }
p.back a:hover { text-decoration: underline; }
p.hr { border-bottom: 1px dotted #868686; }

.highlightbox { border: 2px solid #69c; padding: 5px; }

.apastyle { padding-left: 30px; }
.apastyle p { text-indent: -30px; margin-top: 0; margin-bottom: 0.5em; }

.simpleboxblue {
	border: 1px solid #393d92;
	padding: 8px;
	margin-bottom: 10px;
}
.simpleboxgold { border: 2px solid #fbec8b; padding: 8px; }

.titleright {
	text-align: right;
	font-size: 1.2em;
	color: #606466;
	font-weight: bold;
}

.headingcolor { color: #002a5c; }
.afrcquarterlycolor { color: #8E3903; }

.whatsnewtitle { color: #002a5c; font-weight: bold; }
.whatsnewdate { color: #002a5c; }

#skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
 
#skip a:active, #skip a:focus {
	position: static;
	width: auto;
	height: auto;
	padding-top: 3px;
	background-color: #fff;
	} 

/********   LAYOUT   ********/

/* government branding top left of all pages */
#header { background: #d7ce58; padding-top: 8px; height: 102px; }
#branding {
    color: #000;
    font-size: 1.3em;
    margin: 0px;
    width: 310px;
    position: relative;
    z-index: 2;
    }
     
/* image top right corner of subpages */
#pagename {
    text-align: right;
    margin: -54px 0 0 0;
	padding-bottom: 10px;
    }

/* content area of subpages */
#mainbody {
    background: url(/afrc/images/toprightinner.gif) no-repeat top right;
	margin: 0;
    padding: 6px 20px 1px 20px;
    }

/* footer on all pages */
#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    margin: 0;
	clear: both;
    }
#footer ul { margin: 0; padding: 10px 5px 25px 20px; background: #d1d3d4; color:#fff; }
#footer ul li { float: left; display: block; }
#footer ul li a { padding: 0 0.5em; color: #000; text-decoration: none; }
#footer ul li a:hover { color: #000; text-decoration: underline; }
#footer ul li a.sep { border-left: 1px solid #000; }
#footer ul li#copyr { float: right; }
#footer ul li#aifsfoot { float: right; margin-right: 20px; } 
#footabove { padding: 2.2em 0 5px 20px; margin: 0 11px 0 0; background: url(/afrc/images/bottomleft.gif) no-repeat bottom left; }
#footabove span { float: right; }

/* Old pubslist
.pubslist table td { padding-top: 0.2em; padding-bottom: 0.8em; vertical-align: top; border-bottom: 1px dotted #bbb; color: #555; }
.pubslist table th h4 { margin-top: 1em; margin-bottom: 0; }
*/
.publist li { border-bottom: 1px solid #d3d3d3; padding: 9px 20px 7px 10px; list-style: none; }
#pubsmenu li { margin-bottom: 0.2em; }
.pubslist img { margin: 5px 0; }


.pubslist p { margin: 7px 0 3px 0; }
.pubslist table td { vertical-align: top; border-top: 1px solid #d3d3d3; color: #000; padding: 9px 20px 7px 10px; }
.pubslist table th h4 { padding-left: 10px; margin: 0; }
.pubslist table { border-bottom: 1px solid #363636; margin-bottom: 1.0em; }

.noborders { border-bottom: none !important; border-top: none !important; }

/* Following are for show/hide tables e.g. new pubs listing by tab */
.pubtable { width: 100%; }
.pubtable tr { border-bottom: 1px dotted #a6a6a6; width:100%; display: block; }
.pubtable tr.year { color: #444; padding: 0; margin:0; display: block; border: none; }
.pubtable td { vertical-align: top; padding: 0.5em 20px 0.5em 0; }
.pubtable th h4 { margin-top: 1em; margin-bottom: 0.5em; }
/* End of show/hide tables */


/* Added MP for jump to section */
#jump h3 a { color: #002a5c; text-decoration: underline; }
#jump a:hover { text-decoration: none; }
#jump ul, #jump h3 { margin-left: 5px; }
#jump ul li h3 { margin: 0 20px 0.2em 0; font-size: 1.0em; }
#jump h3 { font-size: 1.0em; }
#jump h2 { 
  font-family: Arial, Helvetica, sans-serif; 
  color: #002a5c;
  padding: 2px 4px;
  font-size: 1.2em;
  margin: 0 0 -10px 0;
}
#jump h2 a { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
#jump p { padding: 6px 0; margin: 0 1em; }
#jump { padding-top: 8px; border-bottom: 2px dotted #555; border-top: 2px dotted #555; }
  

.new {
	font-size: 0.8em;
	line-height: 1.8em;
	font-weight: bold;
	color: #393D92;
	background: #FDFCF6;
	padding: 2px;
	border: 1px solid #8E3903;
	margin: 0 0.7em;
}
.cat { font-size: 0.8em; line-height: 1.8em; font-weight: bold; color: #393D92; background: #FDFCF6; padding: 0 2px; border: 1px solid #8E3903; margin-left: 1em; }

/*two column code - added by Ros 23/9*/

#menucontainer { width: 90%; margin-left: 5% }
#leftcol, .leftcol { width: 45%; float: left; }
#rightcol { width: 45%; float: right; }

/*two column code - added by Mark 23/9/10 - adapted from intranet, used NCPC bibs */

#container { width: 98%; }
#container ul { margin: 0px; padding: 10px; }
#container li { margin-bottom: 0.5em; }
#leftcolumn { float: left; width: 47%; border-right:1px solid #ccc; padding-right: 15px; }
#rightcolumn { float: left; width: 45%; }


/* * * * * * * * * * * * * * * * * *
   boxes for highlighting sections 
 * * * * * * * * * * * * * * * * * * */

	/* -moz-border-radius-topright: 25px 30px; /* Firefox */  /* -webkit-border-top-right-radius: 25px 30px; /* Safari */
#sectiontitle { 
	overflow: hidden; 
	padding: 10px;
	margin-bottom: 1em;
	color: #fff;
	background: #002a5c; /* url(/afrc/images/sectiontitlecnr.gif) no-repeat top right; */
}

#sectiontitle a { color: #fff; }
#sectiontitle h2 { padding-top: 0; margin-top: 0; color: #fff; padding-right: 20px; }
#sectiontitle h3 { padding-top: 0; margin-top: 0; color: #fff; padding-right: 20px; }
.sectioncover {
	float: left;
	margin-right: 10px;
	border: 1px solid #002a5c;
	padding: 1px;
	background-color:#dfcf47;
}

.confcover { float: left; margin-right: 10px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; }

.sectionmajor, .sectionminor, #sectiondetails {  
	padding: 0 0 0.5em 10px;
	margin: 0 0 1.5em 0; 
	}

.sectionmajor {  
	border-bottom: 1px solid #363636;
	}	
	
#sectiondetails {
	overflow: hidden;
	padding: 10px;
	margin-bottom: 1em;
	color: #fff;
	background:  #002a5c; /* url(/afrc/images/sectiontitlecnr.gif) no-repeat top right; */
	line-height: 1.4em;
}
#sectiondetails a { color: #fff; }
#sectiondetails h2 { padding-top: 0; margin-top: 0; color: #fff; padding-right: 20px; }
#sectiondetails h3 { padding-top: 0; margin-top: 0; color: #fff; padding-right: 20px; }
	
.sectionminor { 
	border-bottom: 1px solid #d3d3d3;
	}

.sectionmajor p, .sectionmajor ul, .sectionmajor ol,
.sectionminor p, .sectionminor ul, .sectionminor ol,
#sectiondetails p, #sectiondetails ul, #sectiondetails ol {
    margin-top: 0.8em;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}
	
.sectionmajor ul, .sectionmajor ol,
.sectionminor ul, .sectionminor ol {
	margin-left: 20px;
}
.sectionmajor ul.nobullets, .sectionmajor ol.nobullets,
.sectionminor ul.nobullets, .sectionminor ol.nobullets {
	margin-left: 0;
}

#sectiondetails h2, #sectiondetails h3, #sectiondetails h4 { 
	margin-top: 0;
	letter-spacing: normal;
	}
	
.sectionmajornoborder, .sectionminornoborder, #sectiondetailsnoborder {  
	padding: 0 0 0.5em 10px;
	margin: 0 0 1.5em 0; 
	}
	
.sectionmajornoborder p, .sectionmajornoborder ul, .sectionmajornoborder ol,
.sectionminornoborder p, .sectionminornoborder ul, .sectionminornoborder ol,
#sectiondetailsnoborder p, #sectiondetailsnoborder ul, #sectiondetailsnoborder ol {
    margin-top: 0.8em;
	margin-right: 10px;
	margin-bottom: 0.8em;
	}
	
.sectionmajornoborder ul, .sectionmajornoborder ol,
.sectionminornoborder ul, .sectionminornoborder ol,
.sectionmajornoborder ul li, .sectionminornoborder ul li {
	margin-left: 10px;

}
	
.box, .boxbackground, .boxheading, .boxheadingnarrow, .boxheadingmedium {
	padding: 10px;
	margin: 1.5em 0;
	border: 1px solid #ccc;
	}
.boxheadingnarrow { width: 20em; }
.boxheadingmedium { width: 35em; }

.boxheading h2, .boxheading h3, .boxheading h4,
.boxheadingnarrow h2, .boxheadingnarrow h3, .boxheadingnarrow h4,
.boxheadingmedium h2, .boxheadingmedium h3, .boxheadingmedium h4 { 
	background: #555; 
	color: #fff;
	padding: 5px 10px;
	}
	
.boxbackground {
	background: #f3f3f3 ; 
	}
	
.boxyellow {
	padding: 8px;
	background-color: #f9f1c1;
	margin-right: 20px;
	margin-bottom: 10px;
	}
	
	.rowcontainer { 
	 /* width: 46em; this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	/* background: #fff; Do NOT set background color - causes problems with IE7 in fammats */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* border: 1px solid #000000; */
	text-align: left; /* this overrides the text-align: center on the body element. */	
	width: 100%;
	overflow: hidden;
} 

.leftside {
	float: left;
	width: 33%; 	
	padding: 0; 
}
.rightside {
	float: right; 
	width: 33%; 
	padding: 0; 
}
.leftside h3, .leftside p, .rightside p, .rightside h3, .middle p, .middle h3 {
	/* the left and right margin should be given to every element that will be placed in the side columns */
	/*margin-left: 10px; 
	margin-right: 10px;*/
	margin-top: 0;
	margin-bottom: 0;
}
.leftside h3, .rightside h3, .middle h3, .leftside h2, .rightside h2, .middle h2 {
	margin-top: 0;
}

/* two columns within a page eg for a menu page - taken from core.css created for growingup sub-site - added RJ 28/9/10 */
.twocolmenucontainer { width: 98%; overflow: hidden; }
.twocolleft { float: left; width: 47%; }
.twocolright { float: left; width: 45%; margin-left: 5%; }
.twocolleft h2, .twocolright h2 { margin-top: 0; }


/* Tips for middle:
1. If you give this #middle div a font-size value different than the #sidebar1 div, the margins of the #middle div will be based on its font-size and the width of the #sidebar1 div will be based on its font-size. You may wish to adjust the values of these divs.
2. The space between the middle and sidebar1 is created with the left margin on the middle div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #middle div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
3. To avoid float drop, you may need to test to determine the approximate maximum image/element size since this layout is based on the user's font sizing combined with the values you set. However, if the user has their browser font size set lower than normal, less space will be available in the #middle div than you may see on testing.
4. In the Internet Explorer Conditional Comment below, the zoom property is used to give the middle "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.middle {
  margin: 0 33%; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
  padding: 0;
} 
.middle h1 {
  margin-top: 0;
  padding-top: 0;
}

	

/* New in page links using left nav bar - Mark 22/3/10 */
#contentheading { color: #002a5c; font-size: 1.4em; border-bottom: 1px solid #d3d3d3; padding-bottom: 10px; padding-left: 5px; margin-bottom: 16px; }
#contentsnav { width: 235px; float: left; border-bottom: 1px solid #363636; }
#contentsection { margin-left: 253px; }
#contentsection h2 {
	padding: 0 20px 0 0px;
	margin-top: 0;
}
#contentsnav ul { list-style: none; margin: 0; padding: 0; }
#contentsnav li { border-bottom: 1px solid #d3d3d3; color: #000; padding: 9px 20px 7px 10px; background: #e9e9e9; }
#contentsnav li.header { padding-top: 2px; padding-bottom: 2px; background: #e9e9e9; /* url(../images/contentsnavcnr.gif) no-repeat top right; */
/* -moz-border-radius-topright: 25px 30px; /* Firefox */ /* -webkit-border-top-right-radius: 25px 30px; /* Safari */ }
#contentsnav li { border-bottom: 1px solid #d3d3d3; color: #000; padding: 5px 20px 5px 10px; background: #e9e9e9; }
#contentsnav ul ul li { border: none; padding-top: 0; }
#contentsnav h4 { margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; }
#contentsnav h3 { margin: 7px 20px 5px 0; padding: 0; color: #444; }

/* 'Connect with' drop down menu and landing page */
#p7PMnav ul a.emailmenu { background: #ece05a url(/images/icon_email.png) no-repeat 8px 50%; padding-left: 30px; }
#p7PMnav ul a.rssmenu { background: #ece05a url(/images/feed.png) no-repeat 8px 50%; padding-left: 30px; }
#p7PMnav ul a.facebookmenu { background: #ece05a url(/images/facebook-mini.png) no-repeat 8px 50%; padding-left: 30px; }
#p7PMnav ul a.twittermenu { background: #ece05a url(/images/twitter-mini.png) no-repeat 8px 50%; padding-left: 30px; }
#p7PMnav ul a.pubsmenu { background: #ece05a url(/images/icon_pubs.png) no-repeat 8px 50%; padding-left: 30px; }

.connectlistlarge li { border-bottom: 1px solid #d3d3d3; padding: 10px 20px 15px 10px; list-style: none; font-size: 1em; }
	
.subscriberss { 
	background: transparent url(/images/rss.png) no-repeat 0 0; 
	padding: 5px 0 20px 35px; }
.subscribefacebook { 
	background: transparent url(/images/facebook-med.png) no-repeat 0 0; 
	padding: 5px 0 20px 35px; }
.subscribetwitter { 
	background: transparent url(/images/twitter-med.png) no-repeat 0 0; 
	padding: 5px 0 20px 35px; }
.subscribealert { 
	background: transparent url(/images/email-med.png) no-repeat 0 0; 
	padding: 5px 0 20px 35px; }	
.subscribepubs { 
	background: transparent url(/images/pubs-med.png) no-repeat 0 0; 
	padding: 5px 0 20px 35px; }	
	
 
/*horizontal link menu style - Ros */
.horizontallinkmenu ul { margin: 0; padding: 9px 5px 30px 0; list-style-image: none; }
.horizontallinkmenu ul li { float: left; display: block; list-style-image: none; }
.horizontallinkmenu ul li a { padding: 0 0.5em;  }
.horizontallinkmenu ul li a.sep { border-left: 1px solid #ccc; }
.horizontallinkmenu ul li.sep { float: left; display: block; list-style-image: none; border-left: 1px solid #ccc; padding: 0 0.5em;  }
.horizontallinkmenu ul li.sepr { float: left; display: block; list-style-image: none; border-right: 1px solid #ccc; padding: 0 0.5em;  }

/* in page links modified version added by Mark 23/9/10 */
.hlinkmenu span { float: left; padding-top: 10px; }
.hlinkmenu ul { margin: 0; padding: 10px 5px 20px 0; }
.hlinkmenu ul li { float: left; list-style-type: none; padding: 0 0.5em; }
.hlinkmenu ul li.sep { float: left; list-style-type: none; padding: 0 0.5em; border-left: 1px solid #ccc; }

/* RSS feeds */
.positiontopright { float: right; width: 100px; }
.positiontextright { position: relative; margin-left: 30px; margin-top: -30px; }

.spacedlist li, .spacedlist ul, .spacedlist dt, .spacedlist dd { margin-bottom: 1em; }
.unspacedlist li, .spacedlist dt, .spacedlist dd { margin-bottom: 0; }
.halfspacedlist li, .halfspacedlist dt, .halfspacedlist dd { margin-bottom: 0.5em; }
.halfspacedlistnobullets li, .halfspacedlistnobullets dt, .halfspacedlistnobullets dd { margin-bottom: 0.5em; list-style-type: none; }
.nobullets { list-style-type: none; }
.hide { display: none; }
.infobox {
    margin: 0 0 1.5em 0;
    padding: 4px;
    border: 1px solid #704b18;
	border-top: 1px solid #704b18;
	line-height: 1.3;
    }
.infobox h2 { font-size: 100%; text-align: left; letter-spacing: 0; margin: 0 0 0.3em 0; }
.infobox p { margin: 0; }
.infobox ul { margin: 0; padding-left: 14px; color: #225b92; }
.infobox ul li { margin-bottom: 4px; }
.infobox img { float: left; padding-right: 15px; }
.infobox strong { color: #333; }
.pubsection { margin-left: 10px; }
.pubsection .pubcover { float: left; border: 1px solid #ccc; margin-right: 25px; margin-bottom: 15px; }
.pubsection .pubimage { float: left; margin-right: 25px; margin-bottom: 15px; }
.pubsection h2 { font-size: 1.1em; font-style:normal; text-align: left; color: #b20e05; margin: 0.4em 0; }
.pubsection h3 { font-size: 1.0em; color: #000; margin: 0.2em 0 0.4em 140px; }
.pubsection h3 a { color: #000; }
.pubsection p { margin: 0 0 0 140px; }
.pubsection ul { margin-left: 140px; margin-top: -0.4em; list-style: none !important; }
.pubsection ul li { margin-top: 0; margin-bottom: 0.2em; padding-bottom: 0.4em; padding-top: 0.2em; border-bottom: 1px dotted #868686; }
.pubsection .bullet { list-style:disc !important; margin-left: 160px !important; }
.pubsection .bullet ul li { list-style:circle; }
.clear-both { clear: both; }
.clear-left { clear: left; }
/*  main content menu with dropdown submenus  */
#nav { position: relative; display: block; background: #fff url(/afrc/images/toprightouter.gif) no-repeat top right; padding: 8px 0 0 0; margin: 0; line-height: 1.8; width: 100%; }
ul#searchnav { margin: -75px 10px 2px 0; list-style: none; text-align: right; padding-bottom: 10px; }
ul#searchnav li { display: inline; font-size: 0.9em; }
ul#searchnav li a { padding: 0 0.5em; }
ul#searchnav li a.sep { border-left: 1px solid #000; }
ul#searchnav a { text-decoration: none; color:#000; }
ul#searchnav a:hover { text-decoration: underline; }
ul#searchnav form { margin: 20px 0.5em 15px 0; }
ul#searchnav input { font-size: 0.9em; font-weight: normal; color: #666; }
ul#searchnav input.gobut { font-size: 0.9em; font-weight: normal; }
	
#pagename { float: right; text-align: left; width: 230px; margin: -60px 0 0 0; }

/* Contact page */
.col1narwide { float: left; color: #444; width: 130px; font-size: 0.9em; font-weight: bold; }
.col2narwide { margin-left: 150px; font-weight: normal !important; }
.col2narwide form { display: inline; }
/* Must specify font size in ems for IE6 accessibility and font style for consistency bw fields MP */
.col2narwide input, .col2narwide textarea { font-size: 0.9em; font-family: helvetica, arial, sans-serif; }
#contactform {
	float: left; 
	width: 50%; 
	padding: 0; 
}

#contactmap {
	float: right;
	border: 1px solid #a6a6a6;
	padding: 5px;
	margin-right: 15px;
	width: 43%; 
	background-color: #eee;
}
#contactmap ul {
	list-style-type: none;
	margin: 1.0em;
}
#map {
	margin: 1.0em 0;
	height: 240px;
	z-index: 0;
	border: 1px solid #a6a6a6;
}

/* Removed as causing HTML validation error, but required if you want to draw polylines in Google Maps ie. directions
v\:* {
	behavior:url(#default#VML);
} */
#announce {
	background-image:url(images/new-manage.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
 	font-size: 1px;
    line-height: 0px;
}	

.hidden {
	position: absolute;
	left: -2000px;
	width: 1900px;
	padding: 0;
	margin: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * *
                 T A B L E S 
 * * * * * * * * * * * * * * * * * * * * * * * */

table { margin-bottom: 1em; }
caption { text-align: left; margin-bottom: 0.5em; }
td, th { 
	text-align: left; 
	vertical-align: top;
	font-size: 0.9em; 
	padding: 6px;
	}
th { font-weight: bold; color: #333; }
td ul { margin-top: 0; margin-bottom: 0; padding-left: 0; }

/*  TABLES: USE THE FOLLOWING GROUP OF CLASSES TO FORMAT DATA TABLES
   .tableleft/centre/right will give basic tables with left/centre/right aligned data and headings
   .tablerowlinesleft/centre/right will give a line under every row in the table
    To shade the background of headers: tr.headershade or thead.headershade
	To shade the background or a row (eg subheaders or alternate rows): tr.rowshade
	For headers down the side of the table: th.rowheader
	To put a line under any row: tr.rowline
	To put a line under a single cell: td.line or th.line
	To add column lines to the left/right/both sides of a cell: td or th.collineleft / .collineright / .collineboth
	To override the default table text alignment of a cell: td or th.left / .centre / .right
	To override the default table vertical alignment of a cell: td or th.middle / .bottom   
	Indenting within a cell - avoid when possible eg use headings, bold instead
	If you must indent: td or th or span.tindent for one level of indentation; .tindent2 for second level indentation
*/
.tableleft td, .tableleft th,							
.tablerowlinesleft td, .tablerowlinesleft th {  		
    text-align: left; vertical-align: top; 
	}
.tablecentre td, .tablecentre th,
.tablerowlinescentre td, .tablerowlinescentre th {
	text-align: center; vertical-align: top;
	}
.tableright td, .tableright th,
.tablerowlinesright td, .tablerowlinesright th {
    text-align: right; vertical-align: top;
	}	
.tablerowlinesleft td, .tablerowlinesleft th,
.tablerowlinescentre td, .tablerowlinescentre th,
.tablerowlinesright td, .tablerowlinesright th { 	
	border-bottom: 1px solid #ccc;
	}

/* Add to any row or cell for a bottom border */
tr.rowline td, tr.rowline th { border-bottom: 1px solid #ccc; }
td.line, th.line { border-bottom: 1px solid #ccc; }
th.headerline { border-bottom: 1px solid #a6a6a6; } /* darker line shows on shaded background */

th.mainheader { text-align: center; border-bottom: 1px solid #a6a6a6; }

/* add to header rows for shaded background (darker) */
tr.headershade th, thead.headershade th { background-color: #ccc; }

/* add to any row for shaded background (lighter) eg every second row or subheadings  */
tr.rowshade td, tr.rowshade th { background-color: #eee; } 

/* make header cells look like normal text */
th.rowheader { text-align: left; font-weight: normal; }
th.rowheaderbold { text-align: left; font-weight: bold; }

.collineright { border-right: 1px solid #a6a6a6; }
.collineleft { border-left: 1px solid #a6a6a6; }
.collineboth { border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; }

td.left, th.left { text-align: left; }
td.centre, th.centre { text-align: center; }
td.right, th.right { text-align: right; }
td.middle, th.middle { vertical-align: middle; padding-left: 6px; }
td.bottom, th.bottom { vertical-align: bottom; }

td.tindent, th.tindent, td span.tindent, th span.tindent { padding-left: 1em; }
td.tindent2, th.tindent2, td span.tindent2, th span.tindent2 { padding-left: 2em; }

.tableleft td ul, .tablecentre td ul, .tableright td ul,
.tablerowlinesleft td ul, .tablerowlinescentre td ul, .tablerowlinesright td ul { 
    margin-top: 0; margin-bottom: 0; 
	}
	
div.tableborder table { border: 1px solid #a6a6a6; }