@charset "utf-8";
/* CSS Document */
/*-----------------------------------------------------------------------------
Rapport Screen Stylesheet
version:   1.0
date:      27/08/2007
author:    Peter Koopman
email:     peter@bda.co.nz

website:   www.bda.co.nz

-----------------------------------------------------------------------------*/
/* Import other stylesheets
-----------------------------------------------------------------------------*/
/* @import url("otherstylesheet.css"); */

/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Lucida Grande", "Lucida Sans", Tahoma, Verdana, sans-serif;
	color: #333;	
	/*text-align:center;*/
	background:no-repeat 80% top url(img/rapport-hands-back.jpg);
}
#wrapper{ 
	width: 84em; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	/*background-color: #FFFFFF;*/
	margin-top:2em;
}

/* Typography
-----------------------------------------------------------------------------*/
h1{font-size: 2.2em; /* Equivalent to 22pt */}
h2{font-size: 2.0em; /* Equivalent to 20pt */}
h3{font-size: 1.8em; /* Equivalent to 18pt */}
h4{font-size: 1.6em; /* Equivalent to 18pt */}
h5{font-size: 1.4em; /* Equivalent to 14pt */}
p, q, cite{font-size: 1.2em; /* Equivalent to 12pt */}
ul, ol, dl{
	list-style: none;
	font-size: 1.1em; /* Equivalent to 12pt */
}
li, dd, dt{
	font-size: 1.1em; /* Equivalent to 12pt */	
}
/* get rid of link outlines in firefox */
a {
	outline-color:transparent;
	outline-style:none;
	outline-width:medium;
}


/* Header
-----------------------------------------------------------------------------*/
div#branding h1{
	text-indent:-9999px;
	height:92px;
	width:300px;
	background:no-repeat top left url(img/rapport_logo_home.jpg);
}
div#branding h2{
	text-indent:-9999px;
}
div#branding h1.brandCorp{
	background-image:url(img/title_corporate_seminars.jpg);
	width:400px;
}
div#branding h1.brandCareer{
	background-image:url(img/title_career.jpg);
	width:400px;
}
div#branding h1.who{
	background-image:url(img/title_who.jpg);
	width:400px;
}
div#branding h1.contact{
	background-image:url(img/title_contact.jpg);
	width:400px;
}
div#branding h1.education{
	background-image:url(img/title_education.jpg);
	width:400px;
}
div#branding h1.eduoptions{
	background-image:url(img/title_options.jpg);
	width:400px;
}
div#branding h1.public{
	background-image:url(img/title_public.jpg);
	width:400px;
}
div#branding h1.publicDates{
	background-image:url(img/title_pubdates.jpg);
	width:400px;
}

/* Navigation
-----------------------------------------------------------------------------*/
div#navMain{
	width:12em;
	float:left;
	margin:0 1.5em;
	height:100%;
}
div#navMain li{
	margin-bottom:.5em;
}
/*the following are the images for the different menu items*/
div#navMain li a{
	text-indent:-9999px;
	display:block;
	height:80px;
	width:80px;
}
div#navMain li.home a{
	background:no-repeat top left url(img/handsinbox.jpg);
}
div#navMain li.corpSem a{
	background:no-repeat top left url(img/building.jpg);
}
div#navMain li.eduSem a{
	background:no-repeat top left url(img/plantinhands.jpg);
}
div#navMain li.pubSem a{
	background:no-repeat top left url(img/keys.jpg);
}
div#navMain li.career a{
	background:no-repeat top left url(img/training.jpg);
}
div#navMain li.about a{
	background:no-repeat top left url(img/jac.jpg);
}
div#navMain li.contact a{
	background:no-repeat top left url(img/cellphone.jpg);
}
div#navMain li.home a:hover{
	background:no-repeat center center url(img/button-home.gif);
}
div#navMain li.corpSem a:hover{
	background:no-repeat center center url(img/button-corpsem.gif);
}
div#navMain li.eduSem a:hover{
	background:no-repeat center center url(img/button-edusem.gif);
}
div#navMain li.pubSem a:hover{
	background:no-repeat center center url(img/button-public.gif);
}
div#navMain li.career a:hover{
	background:no-repeat center center url(img/button-career.gif);
}
div#navMain li.about a:hover{
	background:no-repeat center center url(img/button-who-med.gif);
}
div#navMain li.contact a:hover{
	background:no-repeat center center url(img/button-contact.gif);
}

/* Content
-----------------------------------------------------------------------------*/
div#content{
	width:42em;
	float:left;
	padding:0 0 0 4em;
}
div#content.homePage{
/*makes home page content a little wider to match bigger title*/
	width:45em;
}
div#mainContent{
/*pushes main content over to line up with 'R' of rapport*/
	margin-left:6em;
}
div#content.homePage div#strapLine, div#content.homePage div#mainContent{
/*corrects main content alignment for bigger title on home page*/
	margin-left:9em;
}
div#strapLine p{
	/*Blurb under brand on home page*/
	font:italic 1.3em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:1em 0 2em 1em;
}
div#mainContent p{
	margin:0 0 2em 0;
}
div#mainContent h4{
/*'outcomes' subtitle on corp seminars pages*/
	font:italic 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#mainContent p.reg{
	/*Myers-Briggs trademark on home page*/
	font:italic 1.1em/1.4em Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
}
div#mainContent p.jacName{
	/*Jacquie's name on Who page*/
	font:bold 1.2em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#mainContent p.jacQuals{
	/*Jacquie's qualifications in italics on Who page*/
	font:italic 1.1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:-2.1em;
}
div#mainContent ul.address, div#mainContent.publicDates ul{
	/*Mail address on Contact page and lists on public dates page*/
	list-style:none;
	margin:0 0 2em 1em;
}
div#mainContent p.address, div#mainContent.publicDates p {
	/*Other contact details on Contact page and public dates page*/
	margin-left:1em;
}
div#mainContent.publicDates h3{
	margin-bottom:2em;
}
/* Corporate Seminars pages
---------------------------------------------------------------------------*/
/*seminar menu */
div#corpSemList, div#pubLink{
	width:15em;
	float:right;
	margin-top:12.3em;
}
div#corpSemList ul{
	margin-bottom:2em;
	text-align:right;
}
div#pubLink p{
	text-align:left;
}
div#corpSemList ul li{
	margin-bottom:1em;
}
div#corpSemList ul li a, div#pubLink a{
	font:normal 1.2em/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	text-decoration:none;
}
div#corpSemList ul li a:hover, div#pubLink a:hover{
	color:#4c225d;
}
div#mainContent.corpSemHome, div#mainContent.corpSems{
	width:34em;
}
div#mainContent.corpSems p, div#mainContent.public p{
	margin:0 0 2em 0;
}
/*outcomes*/
div#mainContent ul.outcomes{
	list-style:disc;
	margin-left:2em;
}
div#mainContent.corpSems blockquote{
	font-style:italic;
	font-size:1.2em;
	margin:2em 0 0 1em;
}



/* Footer
-----------------------------------------------------------------------------*/
div#pageInfo p{
/*"The Science of Relationships" at bottom of all pages*/
	clear:both;
	background:no-repeat bottom right url(img/relationships.png);
	height:30px;
	text-indent:-9999px;
	margin-top:-4em;
}