html, body {margin: 0; padding: 0; border: 0;}
body {
color: #000;
background: #fff;
font-family: georgia, "times new roman", sans-serif;
font-size: 90%;
font-weight: normal;
text-align: center;
margin: 0 0 30px 0;
}
p {margin: 6px 0; padding: 0 6px;}
dt { padding: 0 6px; font-weight: bold; color: #666;
}
dd { margin-bottom: 10px;
}
a.pdf {
background: url(../images/icon-pdf-small.gif) no-repeat left top;
padding-left: 20px;
}
h1 {
color: #668B4A;
font: italic 1.8em/1em Georgia, serif;
padding: 0 6px 10px;
margin: 0;
text-transform: capitalize;
}
h2 {
color: rgb(0, 39, 76);
font-size: 1.4em;
font-weight: normal;
padding: 10px 6px 10px 6px;
margin: 0;
text-transform: uppercase;
display: block;
}
h3 {
/*color: #879F69;*/
color: #666;
font: normal 1.1em/1.3em Arial, sans-serif;
margin: 20px 10px 5px 6px;
text-transform: uppercase;
}
h4 {
color: #666;
font: normal 1.1em/1.3em Georgia, serif;
margin: 20px 10px 5px 6px;
text-transform: capitalize;
}
.clear { clear: both;
}
a {text-decoration: underline; color: #000;}
/* BEGIN Home page declarations */
body.home {
background: #6F876F;
color: #fff;
}
body.home h1 {
height: 199px;
line-height: 199px;
width: 587px;
position: relative;
text-indent: 10px;
margin-left: 5px;
}
body.home h1 span {
border: 1px solid #fff;
background: url(../images/skyline.jpg) no-repeat top left;
height: 199px;
width: 587px;
position: absolute;
top: 3px;
left: 3px;
}
body.home .center p { line-height: 2em; margin-left: 5px;
}
body.home .bottom p {
background: #fff;color: rgb(0, 39, 76);
}
body.home .center {
background: url("../images/dots-vertical-wong.gif") repeat-y top left;
}
body.home .left { }
/* END Home page declarations */
body.clients .center li, body.contact #main li { list-style-type: none;
}
body.clients .center li { margin-bottom: 5px;
}
body.contact .center p { margin-left: 2.5em;
}
#library1 { float: left; width: 300px;}
#library2 { float: right; width: 300px;
}
#library3 { clear: left;
}
.question { padding-bottom: 10px;
}
div.answer { color: #333; margin: 5px 10px;
}
a.contact {
color: #668B4A;
text-decoration: none;
text-transform: uppercase;
}
.alignright {margin-top: 0; text-align: right; clear: both;}
.small {font-size: .9em;}
.wide { /* header and footer colours */
width: 100%;
font-size: 1.6em;
font-weight: bold;
color: #ffa;
text-align: center;
}
.wide p {margin: 0; padding: 5px; position: relative;}
.top {text-align: left; margin-bottom: 20px;}
.top p { padding-top: 0;
}
.top #nav2 {
position: absolute;
right: 20px;
top: 50px;
text-align: right;
font-weight: bold;
font-size: .5em;
color: #000;
}
.top #nav2 a {
font-family: "Gill Sans", Helvetica, Verdana, Arial, sans-serif;
font-size: 0.85em;
font-weight: normal;
color: #000;
text-transform: uppercase;
text-decoration: none;
}
body.home .top #nav2, body.home .top #nav2 a { color: #fff;
}
#logo {
border-bottom: 4px solid #BA1428;
margin-left: 66px;
}
#affiliations p img { border: 0; margin-right: 20px;
}
.bottom {
/*border-top: 1px solid #000; */
margin-top: 20px;
position: relative;
width: 100%;
font-size: 0.7em;
font-weight: normal;
color: #000;
text-align: right;
}
.bottom p {
background: #6F876F;
float: right;
width: 500px;
}
#Disclaimer {
float: left;
}
* html>body #Disclaimer { width: 60px;
}
#Disclaimer a {
color: inherit;
text-decoration: none;
}
#portrait {
float: left;
margin: 0 10px 10px 6px;
position: relative;
}
#portrait img {
background: #666;
border: 1px solid #999;
margin: 0;
padding: 1px;
position: relative;
}
/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/
.wrapper {
margin: 0 auto;
width: 780px;
text-align: left;
}
* html .wrapper { /*** IE5.x/win box model fix ***/
width: 782px;
wid\th: 780px;
}
.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 170px; /*** Critical left col dimension value ***/
width: 610px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
border-left: none; /*** Critical left divider dimension value ***/
border-right: none; /*** Critical right divider dimension value ***/
}
* html .outer { /*** IE5.x/win box model fix ***/
width: 610px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 608px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
.float-wrap {
float: left;
width: 608px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-right: -1px; /*** Static fix ***/
}
.center {
background: url("../images/dots-vertical-gonw.gif") repeat-y top left;
float: right;
width: 608px; /*** Critical left and right col/divider dimension value (moves inversly) ***/
margin-bottom: -1px; /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px;
/* Hidden from IE-mac */
height: auto;
min-height: 450px;
}
* html .center { /*\*/ height: 450px; width: 600px; /* */ }
* html>body .center { margin-left: -3px;
}
.left {
float:left;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 172px; /*** Critical left col/divider dimension value ***/
margin-left: -171px; /*** Critical left col/divider dimension value ***/
padding: 0;
}
*>html .left {width:171px;} /*** Fix only for IE/Mac ***/
.container-left {
/*background: url("../images/dots-vertical-gonw.gif") repeat-y top right;*/
width: 160px; /*** Critical left col dimension value ***/
text-align: right;
padding-left: 0;
padding-bottom: 110px; /*** To keep content from going underneath the AP bottom boxes ***/
}
/*** Static fixes ***/
/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to
different elements and see if that fixes the problem. Sometimes it may be necessary
to use "position: relative;" on certain elements, but it's hard to tell in advance which
elements will need such fixes. Here it prevents IE5/Win from clipping the left ends
of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */
/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */