/* blocks ------------------------------------------------------- */

body {
    margin: 56px 72px; 
    font:  Helvetica Neue, Geneva, sans-serif; 
    color: #333;
    background-color: #fefefe;
}

/* iPhone, Wii, etc... */
@media screen and (max-width: 900px) {
	body {
        margin: 2em 1em;	
	}
}

#SetUpLookGoodBG {text-align: left; min-height:500px; ; background-color:#fdfde9; height:100%; vertical-align:top; border: solid thin #d6d6d6; padding:0px;  margin-top:0px; overflow:visible;}
#SetUpLookGood { margin:56px 72px; min-height:400px;}

p { margin-top: 0.5em; } 

p, blockquote, pre, dt, dd {
    max-width: 800px;
}

pre { font-family: helvetica, sans-serif; }


/* headers ----------------------------------------------------------- */
.BARGrey8ptB { color:#000033; font-size:8pt; background-color:#d3d3d3; text-indent:10px; font-weight:bold; padding:3; margin:5; width:98%;}
.BARGrey10ptB { color:#000033; font-size:1.0em; background-color:#d3d3d3; text-indent:10px; font-weight:bold; padding:3; margin:5; width:98%;}
.BARGrey10ptBPadded { color:#000033; font-size:1.0em; background-color:#d3d3d3; text-indent:10px; font-weight:bold; line-height:2; padding:3; margin:5; width:100%;}

.BARBlue8ptB{ color:#FFFFFF; font-size:8pt; background-color:#244d7b; text-indent:10px; font-weight:bold; padding:4; margin:5; width:98%;}
.BARBlue10ptB { color:#FFFFFF; font-size:10pt; background-color:#244d7b; text-indent:10px; font-weight:bold; padding:4; margin:5; width:98%;}
.BARBlue12ptB { color:#FFFFFF; font-size:12pt; background-color:#244d7b; text-indent:12px; font-weight:bold; padding:4; margin:5; width:98%;}
.BAROrange8ptB{ color:#FFFFFF; font-size:8pt; background-color:#CC6600; text-indent:10px; font-weight:bold; padding:3; margin:5; width:98%;}
.BAROrange10ptB { color:#FFFFFF; font-size:10pt; background-color:#CC6600; text-indent:10px; font-weight:bold; padding:3; margin:5; width:98%;}
.BARUnderline10ptB { color:#000033; font-size:10pt; background-color:#FFFFFF; text-indent:10px; font-weight:bold; padding:3; margin:5; border-bottom-style:solid; border-bottom-color:#000099; border-bottom-width:1px; width:98%;}
.BARUnderline12ptB { color:#000033; font-size:12pt; background-color:#FFFFFF; text-indent:10px; font-weight:bold; padding:3; margin:5; border-bottom-style:solid; border-bottom-color:#000099; border-bottom-width:1px; width:98%;}




/* divs --------------------------------------------------------- */

DivAlign
div.DivAlignCenter600 { padding:40px; text-align: center; margin: 0 auto; width: 600px; border-width:2px; border:solid; border-color:#efefef;} 
div.DivAlignCenter700 { padding:45px; text-align: center; margin: 0 auto; width: 700px; border-width:2px; border:solid; border-color:#efefef;} 
div.DivAlignCenter800 { padding:50px; text-align: center; margin: 0 auto; width: 800px; border-width:2px; border:solid; border-color:#efefef;} 
div.DivAlignCenter800NP { text-align: center; margin: 0 auto; width: 800px; border-width:2px; border:solid; border-color:#efefef;} 
div.DivAlignLeft400 { padding:20px; text-align: left; margin: 0 auto; width: 400px; border-width:2px; border:solid; border-color:#efefef;} 
div.DivAlignLeft800{ padding:50px; text-align: left; margin: 0 auto; width: 800px; border-width:2px; border:solid; border-color:#efefef;} 


/* links --------------------------------------------------------- */

/* Link listed-order MUST be link, visited, hover, active to be effective */	
a:link, a:visited, a:active { color: #610317; text-decoration: none; background-color: transparent;	font-weight:500; }
a:active { background-color: #FD0; }
a:hover { color:#cc0033; }
a.offsite:hover { background-color: #d0dbe7; color:#303b97; text-decoration: none; border-bottom: none; }

a.Link_BreadCrumb:link { color: #610317; text-decoration: none; background-color: transparent; font-weight:200; font-size:0.9em; }
a.Link_BreadCrumb:visited { color: #610317; text-decoration: none; background-color: transparent; font-weight:200; font-size:0.9em; }
a.Link_BreadCrumb:hover { color:#cc0033; text-decoration: none; background-color: transparent; font-weight:200; font-size:0.9em; }
a.Link_BreadCrumb:active { color: #610317; text-decoration: none; background-color: transparent; font-weight:200; font-size:0.9em; }
.Link_BreadCrumb { color: #610317; text-decoration: none; background-color: transparent; font-weight:200; font-size:0.9em; }

a.AWPFeMail:link { color: #610317; text-decoration: none; background-color: transparent; font-weight:100; font-size:1.0em; }
a.AWPFeMail:visited { color: #610317; text-decoration: none; background-color: transparent; font-weight:100; font-size:1.0em; }
a.AWPFeMail:hover { color:#cc0033; text-decoration: none; background-color: transparent; font-weight:100; font-size:1.0em; }
a.AWPFeMail:active { color: #610317; text-decoration: none; background-color: transparent; font-weight:100; font-size:1.0em; }

a[type="application/pdf"]:hover:after { content: " [pdf]";}
a img { border: none; }


         

/* headings  -------------------------------------------------- */

h1, h2, h3, h4, h5 {
    font-weight: normal;
    background-color: transparent;
    margin: 1em 0 0 0; 
    padding: 0;
    line-height: 1.15em;
    page-break-after: avoid;
    page-break-inside: avoid;
	letter-spacing: -0.05em;
}

h1 { font-size: 24px; }
h2 { font-size: 24px; font-weight: 550; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }

h1 .accent, h2, h3 .accent, h4, h5 .accent { color: #864; } 
h1, h2 .accent, h3, h4 .accent, h5 { color: #369; }

h1 {
    margin-top: 0.5em;
    margin-bottom: 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #333;
    background-color: transparent;
}
h1 + .subtitle { margin-top: 6px; font-size: 90%; }
h1 + .navtop, h1 + .subtitle + .navtop {
    margin: 0.2em 0 0 0;
    position: relative;
    top: -4.9em;
    text-align: right;
    max-width: 900px;
}
h1 + .navtop { top: -2em; }
.navtop + .date {
    position: relative;
    top: -4.25em;
    text-align: right;
    max-width: 900px;
    font-size: 90%;
}
h1 + p {margin-top: 1.5em; }  

/* feed button in sidebar */
h4 + .navtop {
    position: relative;
    top: -1.5em;
    text-align: right;
    margin: 0;
}


/* tables -------------------------------------------------------- */

table.grid th {
  font-weight: normal;
  text-align: right;
  color: white;
  background-color: #333;
  padding: 3px 6px;
}

table.grid td {
  background-color: #d0dbe7;
  padding: 3px 6px;
}


/* lists -------------------------------------------------------- */
/*
ul { list-style-type: disc; margin: 0 0 0.5em 0.5em; padding-left: 1.5em; }
dt { font-weight: bold; }
dd { padding-bottom: 0.5em; }
*/

/* this adds a star on each menu item in FireFox
@media screen {
    ul { list-style-type: none; padding-left: 0em; }
    ul li:before { content: '\FF0A\00A0 '; color: #740; font-size: 0.9em; } 
}
*/
/*
ul.inline { list-style-type: none; }
ul.inline li { display: inline; margin-right: 1.0em; white-space: nowrap}
ul.inline li:before { content: ''; }
*/
/* ok above */



/* other redefinitions ------------------------------------------ */

@media screen {
  strike { text-decoration: none; }
  strike:after { content: "^H^H^H^H^H"; }
}

acronym:hover, abbrev:hover { cursor: help; }
abbrev[title], acronym[title], span[title] {
  border-bottom: thin dotted;
  cursor: help;
}

/* This pushes the search box down too far aml 9/1/09
input[type='text'], textarea, select {
  border-color: black;
  border-style: solid;
  border-width: 1px;
  margin: 2px 1px;
  padding: 1px;
}
*/
hr {
  border-style: none;
  background-color: #ddd;
  padding: 1px;
}

/* hack for apache directory listings */
h1 + pre hr { visibility: hidden; }


blockquote {
  border-style: solid;
  border-color: #d0dbe7;
  border-width: 0 0 0 .15em;
  padding-left: 0.5em;
}


/*
q { quotes: '\201C' '\201D' '\2018' '\2019'; }          
q:before {
  content: "\201C";
  content: open-quote;
  font-size: 1.5em;
}
q:after {
  content: "\201D";
  content: close-quote;
  font-size: 1.5em;
}

*/


/* specialisations --------------------------------------------------- */

.intro {
	font-size: 1.1em;
	line-height: 1.35em;
    font-family: Helvetica Neue, Geneva, sans-serif;
	page-break-inside: avoid;
}

.intro a {
	font-weight: bolder;
}

.intro+h2, .intro+h3, .intro+h4 {
	margin-top: 2em;
}

/* can stick on a div and set a width: <div align="left" class="callout" style="width:800px;"> */
.callout {
    width: 250px;
    font: 1.3em/1.3em Garamond, "Times New Roman", Times, serif;
    padding: 0em 0em 0em 1em;
    border-left: #a30 solid 0.25em;
    page-break-inside: avoid;
}

.left {
    float: left;
    margin: .5em 2em .5em 0em;
}

.right {
    float: right;
    margin: .5em 0em .5em 2em;
}

.ad1 {
    margin: 1em 0;
}

.banner {
    margin: 2em 0;
    padding: 1em;
    background-color: #ececda;
    border-left: #a30 solid 1em;
}

.footnote {	 /* piddling detail */
    text-align: right;
    font-size: 0.9em;
    margin-top: 0px;
}

.button {   
    text-align: right;
}

/* text-based button */
.textbutton, a.textbutton:link, a.textbutton:visited, a.textbutton:active, a.textbutton:hover {
    border:1px solid;
    border-color:#FC9 #630 #330 #F96;
    padding:0 3px;
    font:bold 10px verdana,sans-serif;
    color:#fff;
    background:#F60;
    text-decoration:none;
    margin:0;
}

p.navtop {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.9em;
}

/* navigation banner at the bottom of the page */
p.navigation {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #333;
    font-size: 0.9em;
    margin: 2em 0 0 0;
    padding: 0.25em 72px;
    background-color: white;
    text-align: right;
    opacity: .9;
    border-top: #999 solid 1px;
    clear: both;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    max-width: 900px;
}

p.navigation a {
    margin-left: 1em;
}

p.navigation input[type=text] {
	margin-left: 2em;
}

.detail {
    font-size: 0.9em;
    page-break-inside: avoid;
}

.warning {
    background-color: #F60;
    border: #C30 solid 1px;
    padding: 3px;
    text-align: center;
}

.author {
    text-align: right;
    font-style: italic;
    font-size: 0.9em;
    margin: 0pt;
}

.version {  /* bottom right or in the top right header */
    text-align: right;
    font-style: italic;
    font-size: 0.9em;
    margin: 0pt;
    padding-top: 12px;
    color: #999;
}

.date { /* to the right of a headline */
    margin: 0.25em 0 0 0;
    text-align: right;
}
.date + * {
    margin-top: 0.10em;
}

.example {
    font-family: monospace;
    font-size: 0.9em;
    background: #ececda;
    margin-left: 2em;
    margin-right: 2em;
    overflow: auto;
}

.exampleGrayBar {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
    font-size: 1.1em;
    background: #ececda;
    margin-left: 2em;
    margin-right: 2em;
    overflow: auto;
	color:#666666;
}

.exampleGrayBarBold {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
    font-size: 1.1em;
	font-weight:bold;	
    background: #ececda;
    margin-left: 2em;
    margin-right: 2em;
    overflow: auto;
	color:#666666;
}


.spec {
    font-family: monospace;
    font-size: 0.9em;
    margin-left: 1.2em;
    margin-right: 1.2em;
    overflow: auto;
}

.story + .story {
    margin-top: 2em;
}


/* images -------------------------------------------------------- */


.image {
	text-align: center;
}

IMG.Image_thumbnail {  
background-color: #fdfde9; 
border-style : inset; 
border-width : 4pt; 
border-color : #d5ae83; 
} 

/* print --------------------------------------------------------- */

@media print {
    #main { width: 100%; }
    #sidebar { display: none; }
    body { 
        margin: 18pt 48pt 18pt 32pt; 
        max-width: 100%;
        font: 8.5pt/10.5pt Palatino Linotype, palatino, Book Antiqua, serif; 
    }
    form, .navtop, .navigation, a.textbutton, .imgnav, .ad1 {
        display: none;
    }
}