/* --------------
PIREAN STYLE SHEET: FOUNDATION

Defines the broad styling of the Pirean site.

Duncan Wilson
duncan.wilson@pirean.com

(With thanks and acknowledgements to numerous resources on the web and in print)

-------------- */

body{font:9pt Verdana, Arial, Helvetica, sans-serif; text-align: left; color: black;}
	
p {}


.BreakoutBox{font: 11pt Arial bolder; text-transform: uppercase; background-color: #eaeaea; color: black; padding-top: 8px; padding-bottom: 12px; padding-left: 6px; padding-right: 10px; margin: 6px} 

blockquote{background-color: #eaeaea; color: black; padding-top: 8px; padding-bottom: 12px; padding-left: 6px; padding-right: 10px; margin: 6px;}



/* --------------
basic heading settings - to customised using descendant selectors. All except h6 are bigger / more prominent than the body copy itself:

h1: for the page
h2: for the strap / tagline
h3: for the intro text / overview at the top of the page
h4: for page section/sub titles
h5: for 'other' uses - most commonly for the bottom text summary 
h6: for the 'product overview text' above product pages - normally at the very top of the page
-------------- */

h1 {
font: 18pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
padding-bottom: 2pt;
}
html h1 {margin:0}

h2 {font: 16pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
padding-bottom: 2pt;
}
html h2 {margin:0}

h3 {font: 14pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
padding-top: 2pt;
padding-bottom: 6pt;
}
html h3 {margin:0}

h4 {font: 12pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif; text-align: left; padding-top: 4pt; padding-bottom: 1pt;}
html h4 {margin:0}

h5 {font: 10pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif; text-align: left;}

h6 {color: #505050; font:9pt Arial, Helvetica, sans-serif; text-align: left; font-variant: small-caps;}

/* --------------
basic anchor settings - to customised using descendant selectors
-------------- */

a:link {text-decoration: underline; color: black; background-color: #0d5684;}
a:visited {text-decoration: underline; color: blue;}

#content a:link:after, #content a:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
color: grey;
}

#content a[href^="/"]:after {
content: " (http://www.pirean.com" attr(href) ") ";
   }



/*  anything in the class .RelatedLinks needs to be different */


/* --------------
basic list settings - to customised using descendant selectors for:
-------------- */
ul {}
ol {}
li {}


.RelatedLinks p{
padding-top: 12px;
}

.RelatedLinks ul{
list-style: square;
color: #ffa244;
text-align: left;
border: 0;
margin: 0;
}

.RelatedLinks a{
color: #ffa244;
text-decoration: underline;
padding-left: 14px;
padding-bottom: 1px;
margin-bottom: 2px;
}

.RelatedLinks :visited{
color: #ffffff;
text-decoration: underline;
background-color: #4079ad;
}

/*=========
CONTAINERS
===========*/

#Wrapper  #MainContent{
width: auto;
margin: 0 5%;
padding: 0;
border: 0;
float: none !important;
color: black;
background: transparent none;
   }
   
#Wrapper  #TermsPrivacyLayout{
width: auto;
margin: 0 5%;
padding: 0;
border: 0;
float: none !important;
color: black;
background: transparent none;
   }

#TopStrip {
display: none;
}

#TopNavPlacement {
display: none;
}

#FlashHeader {
display: none;
}

#SectionNav {
display: none;
}

#DownloadsAdverts {
display: none;
}


#Footer {display: inline;
text-align: left;}

#Footer p{
text-align: left;
padding-top: 66px;
}

#Footer ul{
display: none;
}

#Footer a:link{
display: none;
}
#Footer a:visited{
display: none;
}

.CourseContentsPanel{
display: inherit;
}

.CourseContentsPanel h4{
font: 12pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
padding-top: 4pt;
padding-bottom: 1pt;
}


.SummaryPanel{
display: inherit;
}

.SummaryPanel p{
font:9pt Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: black;
}


.SummaryPanel h4{
font: 12pt "Arial" bolder,Trebuchet MS, Verdana, sans-serif;
text-align: left;
padding-top: 4pt;
padding-bottom: 1pt;
}

.SummarySideLeft{
width: 60px;
text-align: right;
font-weight: 800;
color: #ffffff;
}

.SummarySideRight{
text-align: left;
font-weight: 800;
}