/* Style sheet for Australian Institute of Family Studies.
   Last modified by Bianca 25-05-2011
   
   TO BE USED AS A GLOBAL STYLESHEET WITH BASIC STYLES, REFERENCED BY ALL AIFS SUB-SITES
   USE INSTITUTE COLOURS HERE, OVERWRITE WITH INDIVIDUAL SUB-SITE STYLESHEETS
      
*/


/* * * * * * * * * * * * * * * * * *
             general
 * * * * * * * * * * * * * * * * * * */

body {
	background: #fff;
	color: #333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
  	}
  
p { margin: 1em auto; }
p, li, dt, dd, blockquote { line-height: 1.4; }
ul, ol, dl, dd { margin: 1em auto; }
ul, ol, li { padding-left: 0; margin-left: 20px; }
dt { font-weight: bold; margin: 1.5em auto 1em auto; }
blockquote { margin: 1em 4em; background: #efefef; padding: 5px 10px; font-size: 0.95em; }

strong { font-weight: bold; }
em { font-style: italic; }
em em { font-style: normal; }

/* HEADINGS: */

h1 {
	font-size: 1.8em;
	letter-spacing: -1px; 
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #d3d3d3; 
	margin-bottom: 16px;	
	color: #033657; 
	padding: 5px 0 25px 0; 
	}
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; color: #333; }
h3 { font-size: 1.3em; font-weight: normal; color: #033657; }
h4 { font-size: 1.1em; color: #444; }
h5 { font-size: 1.0em; color: #033657; }
h6 { font-size: 0.9em; color: #333; }  	

a:link { color: #13649e; }
a:visited { color: #043f7b; }
a:hover { text-decoration: none; }
a:active { color: #408a7b; }

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active { color: #033657; text-decoration: none; }
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
h6 a:link, h6 a:visited, h6 a:hover, h6 a:active { color: #333; text-decoration: none; }
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { color: #444; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; }

a img { border: none; }

fieldset { margin-bottom: 1em; }
legend { color: #033657; font-weight: bold; }


/* * * * * * * * * * * * * * * * * *
            utilities 
 * * * * * * * * * * * * * * * * * * */
.small { font-size: 0.9em; }

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

.floatleft { float: left; }
img.floatleft { float: left; padding-right: 16px; }
img.floatleftborder { float: left; border: 1px solid #ccc; margin-right: 10px; }
.floatright { float: right; margin-left: 10px; }
img.floatright { float: right; padding-left: 16px; }
img.floatrightborder { float: right; border: 1px solid #ccc; }
.clear { clear: both; line-height: 0.1; font-size: 1px; height: 1px; }
.hide { display: none; }
.hidden {
	position: absolute;
	left: -2000px;
	width: 1900px;
	padding: 0;
	margin: 0;
}

.smallcaps { font-variant: small-caps; }

.nomarginleft { margin-left: 0; }

.border { border: 1px solid #ccc; }
p.border { 
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 1em 0;
	}
p.dividingline { border-bottom: 1px solid #ccc; }

.download { font-size: 0.9em; white-space: nowrap; }

/* eg for a figure use:
						<p class="figure">Figure 1. Title of figure<br /> <img src... /> </p> 
*/
.figure, caption { font-size: 0.9em; font-weight: bold; color: #444; }
.figure img { border: 1px solid #ccc; }

.backtop, .backleft { margin-top: 2em; margin-bottom: 0; line-height: normal; } 
.backtop a, .backleft a { text-decoration: none; background: url(/atp/images/backtop-arrow.gif) no-repeat top left transparent; padding-left: 12px; }
.backleft a { background: url(/atp/images/backleft-arrow.gif) no-repeat center left transparent; }
.backtop a:hover, .backleft a:hover { text-decoration: underline; }

/* headings */
h1.pub { line-height: 1.5; }
h1.pub .small { font-size: 0.8em; }
h2.lowimpact { font-size: 1.0em; letter-spacing: normal; }

/* lists with no bullets and underlined items */
.styledlist ul, ul.styledlist, .styledlist li {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}
.styledlist li { 
    padding: 0.5em 0; 
	border-bottom: 1px solid #ccc; 
	/* width: 100%; 
	   overflow: hidden; */
	}
	
.styledlist li ul.bullet { margin: 0 0 1em 0; }
.styledlist li ul.bullet li {
	list-style: disc;
	border-bottom: none;	
	padding: 0 0;
	margin-left: 36px;	
    }

.spacedlist li, .spacedlist ul, .spacedlist dt, .spacedlist dd { margin-bottom: 1em; }
.unspacedlist li, .unspacedlist dt, .unspacedlist dd { margin-bottom: 0; }
.halfspacedlist li, .halfspacedlist dt, .halfspacedlist dd { margin-bottom: 0.5em; }

.nobullets, .nobullets ul, .nobullets li { list-style-type: none; margin-left: 0; padding-left: 0; }
.nobullets ul li ul, ul.nobullets li ul { margin-left: 20px; }

/* for a link with a separating bar to the left/right. Use one extra space before/after the link */
a.sepleft { border-left: 1px solid #888; padding-left: 0.6em; }
a.sepright { border-right: 1px solid #888; padding-right: 0.6em; }
/* for lists of short links with a separating bar to the left eg years at the top of a page */
.horizontallinkmenu ul, ul.horizontallinkmenu { margin: 0 0 2em 0; padding: 9px 5px 22px 0; list-style: none; }
.horizontallinkmenu ul li, ul.horizontallinkmenu li { float: left; display: block; list-style: none; margin-left: 0; }
.horizontallinkmenu ul li a, ul.horizontallinkmenu li a { padding-right: 0.5em; }
.horizontallinkmenu ul li a.sep, ul.horizontallinkmenu li a.sep { border-left: 1px solid #888; padding-left: 0.5em; }

.contents, .contents li {
	list-style-type: none; 
	margin-left: 0; 
	padding-left: 0;
    }
.contents li ul { margin-top: 0; margin-bottom: 0; }
.contents li { margin-bottom: 1em; }
.contents li ul li { margin-bottom: 0; margin-top: 0; }


/* two columns within a page eg for a menu page */
.twocolmenucontainer { width: 98%; }
.twocolleft { float: left; width: 47%; }
.twocolright { float: left; width: 45%; margin-left: 5%; }
.twocolleft h2, .twocolright h2 { margin-top: 0; }



.simpletable td { border-bottom: 1px solid #ccc; }
.simpletable th { border-bottom: 1px solid #999; }



/* * * * * * * * * * * * * * * * * * * * * * * *
                 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; }

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

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

.box p, .box ul, .box ol,
.boxbackground p, .boxbackground ul, .boxbackground ol,
.boxbackgroundmedium p, .boxbackgroundmedium ul, .boxbackgroundmedium ol,
.boxheading p, .boxheading ul, .boxheading ol, 
.boxheadingnarrow p, .boxheadingnarrow ul, .boxheadingnarrow ol,
.boxheadingmedium p, .boxheadingmedium ul, .boxheadingmedium ol {
    margin: 0.8em 10px;
	}

.box h2, .box h3, .box h4, 
.boxbackground h2, .boxbackground h3, .boxbackground h4,
.boxbackgroundmedium h2, .boxbackgroundmedium h3, .boxbackgroundmedium h4,
.boxheading h2, .boxheading h3, .boxheading h4,
.boxheadingnarrow h2, .boxheadingnarrow h3, .boxheadingnarrow h4,
.boxheadingmedium h2, .boxheadingmedium h3, .boxheadingmedium h4 {
	margin: 0;
	padding: 0.8em 10px;	
	font-size: 1em;	
	letter-spacing: normal;
	}

.boxheading h2, .boxheading h3, .boxheading h4,
.boxbackgroundmedium h2, .boxbackgroundmedium h3, .boxbackgroundmedium h4,
.boxheadingnarrow h2, .boxheadingnarrow h3, .boxheadingnarrow h4,
.boxheadingmedium h2, .boxheadingmedium h3, .boxheadingmedium h4 { 
	background: #d3ddd6; 
	color: #033657;
	padding: 5px 10px;
	}
	
.boxbackground, .boxbackgroundmedium {
	background: #f3f3f3 ; 
	}
	
.highlight { color: #900; font-style: italic; }

#highlightitems ul li { background: #ced6e0; }
#highlightitems ul li:hover { background: #d3ddd6; }

/* used for contact forms */
.col1narwide { float: left; color: #444; width: 100px; font-size: 0.9em; font-weight: bold; }
.col2narwide { margin-left: 110px; font-weight: normal; }
.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: 45%; 
	padding: 0;
}
#contactform ul {
	padding-top: 0;
	margin: 0;
}
#contactmap {
	float: right;
	border: 1px solid #a6a6a6;
	background: #eee;
	width: 45%; 	
	margin: 0;
	padding: 0 20px;
}
#contactmap ul {
	list-style-type: none;
	margin: 1.0em;
}
/* used for Google Map */
#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);
} */



/* * * * * * * * * * * * * * * * * *
           page layout
 * * * * * * * * * * * * * * * * * * */

#header { background: #adc6b4; color: #000; padding-top: 8px; height: 102px; }

ul#searchnav { margin: -87px 10px 2px 0; list-style: none; text-align: right; padding-bottom: 10px; }
ul#searchnav li { display: inline; font-size: 0.9em; margin-left: auto; }
ul#searchnav li a { padding: 0 0.5em; }
ul#searchnav li a.sep { border-left: 1px solid #666; }
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; }

/*  main content menu with dropdown submenus  */
#nav {
	position: relative;
	display: block;
	background: #fff url(/atp/images/toprightouter.gif) no-repeat top right; 
	color: #000;
	padding: 8px 0 0 0;
	margin: 0;
	line-height: 1.8;
	width: 100%;
	}

.tagline { margin-top: 1em; margin-bottom: 1.4em; }

#mainbody {
	background: #fff url(/atp/images/toprightinner.gif) no-repeat top right;
	margin: 0;
	padding: 6px 20px 1px 20px;
	}  

.belowmaincontent { margin-top: 0; margin-bottom: 0; }
.belowmaincontent p { margin-top: 0; margin-bottom: 0; }

/*  Page Footer  */
#footer {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    margin: 0;
	clear: both;
    }
#footer ul, #footer ul li, #footer ul li a { background-color: #4b4b4b; color: #fff; }
#footer ul {
	margin: 0;
	padding: 10px 5px 25px 30px;
}
#footer ul li { float: left; display: block; margin: 0; }
#footer ul li a { 
	padding: 0 0.5em 0 0.6em; 
	text-decoration: none; 
}
#footer ul li a:hover { color: #fff; text-decoration: underline; }
#footer ul li a.sep { border-left: 1px solid #ccc; }
#footer ul li#copyr { float: right; }
#footabove { 
	padding: 2.2em 0 5px 33px; 
	margin: 0 11px 0 0; 
	background: #fff url(/atp/images/bottomleft.gif) no-repeat bottom left;
	color: #033657;
	}
#footabove p { margin-right: 33px; }
#footabove span { float: right; }

#footer a.backtop { text-decoration: none; }

.nospace { margin: 0; }
.nomargintop { margin-top: 0; }
.nomarginbottom { margin-bottom: 0; }
.noborder, .styledlist .noborder { border: none; }