/* stylesheet created by Miraz Jordan January 2002 edited by Jean Ellis 2005
Last updated May 2005
Colours used: blue color= #008ec0 , silver color=#6F7E7E, text=#006699. Note: the contrast of text and background is too glaring if white is used.
 */

body {
background-color: #ffffff; 
color: #006699; 
margin-top: 0px;
margin-left: 0px;
padding: 0; 
border-width: 10;
font-family: Georgia, Times New Roman, Times, serif;
}

p {
padding-left: 4%;
}

li {
margin-left: 4%;
line-height: 150%;
}

h2 {
padding-top: 10px;
padding-bottom: 10px;
width: auto;
text-align: left;
padding-left: 4%;
}

h1, h3, h4 {
text-align: left;
padding-left: 4%;
font-size: 1em;
}

img {
border: 0;
}

/* q is used only on concepts.html */

q {
font-style: italic;
}

.bold {
font-weight: bold;
}

.pagetop {
font-size: 2em;
}


.topnav {
background-color: #ffffff; 
color: #6F7E7E; 
font-size: 0.9em;
margin-left: 0;
margin-top: 0;
display: block;
border-bottom: solid 2px #6F7E7E;
text-align: center;
}


/* note is for the introductory paragraph on a page */

.note {
font-size: 1.2em;
font-weight: bold;
}

/* comment is for list-type paragraphs on a page which are better NOT as an actual list */

p.comment:first-letter {
color: #006699;
font-size: 1.25em;
font-weight: bold;
letter-spacing: 0.1em;
 } 

.comment {
color: #006699;
padding-left: 5%;
 }


/* tname is for tradenames which are bold and italic */

.tname {
font-style: italic;
font-weight: bold;
}

#navleft {
width: 180px;
text-align: center;
position: absolute;
border-right: solid 1px #008ec0;
}

#main {
width: auto;
margin-top: 2%;
margin-left: auto;
margin-right: auto;
padding-left: 181px;
padding-right: 20px;
}




/* blockquote is for the block within which the motivational quotes appear */

blockquote {
background-color: #008ec0;
color: #ffffff;
font-weight: bold;
width: 80%;
padding: 3%;
text-align: center;
line-height: 1.6em;
border: 1px solid #008ec0;
}


/* left allows the image of Diana to float left and the text then wraps around it */


img.left {
float: left;
padding-right: 10px;
border: none;
}

.topbar {
background-color: #008ec0;
color: #008ec0; 
height: 76px;
margin: 0% 0% 0% 0%;
width: 100%;
clear: both;
}


/* bottom bands of blue */

.topstripe {
background-color: #008ec0;
color: #008ec0; 
height: 4px;
margin: 2% 0% 2% 0%;
width: 55%;
float: right;
clear: both;
}

.midstripe {
background-color: #008ec0;
color: #008ec0; 
height: 3px;
margin: 0% 0% 2% 0%;
width: 33%;
float: right;
clear: both;
}

.lowerstripe {
background-color: #6e7f7f; 
color: #6e7f7f; 
height: 2px;
margin: 0% 0% 2% 0%;
width: 12%;
float: right;
clear: both;
}


/* footer for each page */

.footer {
background-color: #ffffff;
color: #6F7E7E;
font-size: 0.85em;
text-align: right;
clear: both;
}


div.spacer {
 clear: both;
 }



a, a:link{
color: #006699;
background-color: #ffffff;
font-weight: bold;
letter-spacing: normal;
text-decoration: underline;
}

a:visited {
color: #6e7f7f;
font-weight: bold;
text-decoration: underline;
}

a:active {
font-weight: bold;
letter-spacing: normal;
text-decoration: underline;
}

a:hover {
color: #ffffff;
font-weight: bold;
background-color: #6F7E7E;
text-decoration: underline;
}


a:link img {
border: 0;
text-decoration: underline;
}

h3 {
background-color: #ffffff; 
color: #006699; 
text-decoration: none;
}

h2 {
background-color: #ffffff; 
color: #006699; 
text-decoration: none;
}
/* team page challenges and benefits */

.challenge {
font-style: italic;
font-weight: bold;
margin-top: 1em;
margin-bottom: 0;
}

.benefit {
margin-left: 1.5em;
margin-top: 0;
margin-bottom: 1em;
}

/* for slides */
.slide {
background-color: #008ec0 ;
color: #ffffff; 
margin: auto;
padding: 2em; 
width: 80%;
}

.slide h2 {
background-color: #008ec0 ; 
color: yellow; 
text-align: center;
}

.slide h3 {
background-color: #008ec0 ; 
color: yellow; 
text-align: center;
}

.slide p {
background-color: #008ec0 ; 
color: #ffffff; 
text-align: left;
}

.slide li {
background-color: #008ec0 ; 
color: #ffffff; 
text-align: left;
}