/*****************************************/
/* dropzone.css */
/* Use with template LRAFBDropZone.html  */
/*****************************************/

/*************************************/
/* HTML tag styles                  */
/*************************************/

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */

body { 
font-family:"georgia", "arial";
font-size:.9em;
background-image:url(header.jpg);
background-position:top;
padding:0px;
margin:0px;
color:#666;
}
	
H2 {
color:#3D5A90;
}

H3 { 
color:#3D5A90;
}
   
ACRONYM {
font-variant:small-caps;
border-bottom: 2px dotted #aaa;
border-bottom-style:dotted;
border-bottom-color:#aaa;
font-weight:bold;
color:#aaa;
}
		
p { 
text-indent:1.5em;
line-height:1.4em;
}
  
a {
font-variant:small-caps;
color:#6586C5;
text-decoration:none;
font-weight:bold;
}

a:hover { 
font-variant:small-caps;
}

/* specific divs */

#container {
position:absolute;
top:0px;
left:auto;
width:100%;
margin:0px;
background-image:url(header.jpg);
background-repeat:no-repeat;
background-position: left top;
}

#intro { 
word-spacing:.2em;
line-height:1.4em;
text-align:right; 
float:left;
width:20%;
margin: 360px 10px 50px 30px;
padding: 0px;
background-image:url(fnd-col-g.jpg);
background-repeat:repeat-x;
background-position:top;
font-style: oblique;
}
	
#intro p{ 
margin:0px;
padding: 10px;
}
	
#pageHeader {
margin:0px;
padding:0px 0px 0px 0px;
display:none;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */


#pageHeader h1 {
position:absolute;
background: url(header.jpg)no-repeat
padding:0px 0px 0px 0px;
}


#pageHeader h1 span {
display:none;
margin:0px;
padding:0px;
}

#pageHeader h2 span {
display:none;
}

#quickSummary {
padding:0px;
background-image:url(fnd-col-g-h.jpg);
background-repeat:repeat-x;
background-position: left top;
font-size:small;
color:#3F67B2;
font-weight:bold;
}

#preamble h3{
padding:10px;
margin:0px;
font-weight:bold;
font-size: medium;
}

#supportingText {
width:40%;
margin: 350px 50px 0px 10px;
float:left;
padding: 5px;
}

#supportingText h3{
font-size:x-large;
font-style:italic;
font-family: "trebuchet MS";
letter-spacing: .2em;
background-image:url(fnd_h3.gif);
background-repeat:no-repeat;
}

#supportingText p{
font-family: "trebuchet MS";
word-spacing:.1em;
letter-spacing: .05em;
line-height:1.6em;
text-align:justify;
}

#footer { 
padding-top:10px;
border-top:1px dotted #3D5A90;
}

#linkList {
margin: 360px 10px 10px 20px;
}

#linkList h3 { 
color:#999999;
font-style:italic;
font-family: "trebuchet MS";
letter-spacing: .2em;
}

#linkList li { 
list-style-image:url(puce-etoile.gif);
vertical-align:middle;
}