/* General document styles */

body {  
    color:#666666;
	font-family:'Lucida Sans', Arial, Helvetica, sans-serif;
    font-size: 75%;  
    margin: 0px;
    padding: 0px;
    background: url(images/Backgrounds/PageBG1.gif) repeat ; 
	text-align: left; /* Takes care of horizontal alignment in Internet Explorer */
}

html, body {height: 100%}

/* Headings */

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0px 0px 0.5em 0px;}
h1 {font-size: 1.8em;} 
h2 {font-size: 1.6em;} 
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

/* Anchor styles */

a { color:#666666; text-decoration: underline;  } 
a:link { text-decoration: underline;}
a:visited { color:#666666; }
a:hover { text-decoration: underline; color:#000033;} 
a:active { text-decoration: none;} 
a:visited:hover { text-decoration: underline; color: #000033;}

/* Global image default styles */

img, a img, :link img, :visited img {border: none;}

/* Global horizontal rule styles */

hr { border: none; background-color:#FFF; color:#66CCFF; height: 1px;}

/* Miscellaneous */

.justify { text-align:justify;} 
.clearboth {clear:both; }


/* Page layout styles  - used for positioning of major page items */

#PageContainer {background:#FFF; width: 960px; text-align: left;  margin: 0px; padding: 0px;  }


/* Page header styles */


#MainHeader {height: 34px; padding: 12px 0px 0px 36px; margin: 0px 0px 0px 0px;    }
#MainHeader img { padding: 0px; margin: 0px;}




/* Main navigation styles */

#NavContainer { padding: 0px 0px 0px 26px; margin: 0px 0px 0px 0px; border-top: 1px solid #e1e1e1;  }

#NavContainer .clearboth {margin: 0px; padding:0px; height: 0px; }

.Menu { font-size: 1em;  float: left; 	margin: 8px 0px 8px 0px; }
.Menu ul { list-style-type:none; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; }
.Menu ul li  { height: 14px;  }
.Menu ul li a {  text-decoration: none; display: block;   } 
.Menu ul li a:hover { text-decoration: none;} 

#Nav1 {width: 152px; }
#Nav2 {width: 128px; }
#Nav3 {width: 180px; }
#Nav4 {width: 140px; }

.Highlight a {color:#CC0066; }
.Highlight a:hover {color:#000066;  }


/* Content */


#ContentContainer { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 12px 0px 36px 26px; margin: 0px 0px 0px 0px;  } 

.ContentHome { width: 264px; margin: 0px 10px 0px 12px;}
.ContentHome p.column { float:left; width: 264px; margin: 0px 10px 0px 26px;}

#usGraphic {position: absolute; top: 140px; left: 27px;}

.ContentAboutUs1 { float: left; width: 264px; margin: 40px 0px 0px 0px; padding:0px;}
.ContentAboutUs1 p {margin:0px 0px 8px 0px; padding:0px;}
.ContentAboutUs2 {  width: 264px; margin: 40px 0px 0px 280px; padding:0px;}

.PageIntro {width: 264px; margin: 0px 0px 40px 0px;}
.PageTitle { font-size: 1.8em;  margin: 0px 0px 32px 152px;}
.PageText { width: 404px; margin: 0px 10px 0px 152px; }
.PageTextTitle { font-weight:bold; }
.PageImage  { margin: 0px 0px 0px 0px;}

#ValidationIcons { margin: 0px 0px 0px 152px;}

/* Project page - styles */



.ProjectImage {margin: 0px 20px 0px 0px; padding: 40px;}
.ProjectTitle { font-size: 1.5em; margin: 0px 0px 20px 40px;}
.ProjectText {width: 264px; margin: 0px 0px 20px 40px;  }
.ProjectDescription {  }


/* Report page - styles */

.ReportBlock { margin: 0px 0px 20px 0px; border-bottom: 1px solid #e1e1e1;}

.ReportCover {float: left; width:124px; margin-right: 28px; }

.ReportTitle {font-size:1.6em; margin: 0px; padding: 0px; }

.ReportText { width:284px; margin-left: 152px;}

.ReportDownload {font-size: 0.9em; color: #999999;}

/* Article page - styles */

.ArticleBlock { margin: 0px 0px 20px 0px; border-bottom: 1px solid #e1e1e1;}


.ArticleIntro {width: 264px; margin: 0px 0px 40px 0px;}

.ArticleCover {float: left; width:124px; margin-right: 28px; }

.ArticleAuthor { font-size:0.9em; color:#006699; margin: 0px 0px 0px 0px;}

.ArticleJournal { color: #666666; margin: 0px 0px 0px 0px; }

.ArticleTitle {font-size:1.4em; width: 80%; margin: 0px 0px 2px 0px; padding: 0px; }

.ArticleText { width:284px; margin-left: 152px;}

.ArticleDownload {font-size: 1em; color: #999999; margin: 12px 0px 6px 0px;}



/* Footer */


.Footer { border-bottom: 1px solid #e1e1e1; padding: 6px 6px 6px 26px; margin: 0px 0px 0px 0px; } 

.Footer .Address {background-color: #FFFFFF; color: #333;}
.Footer .Telephone { background-color: #FFFFFF; color: #333;}
.Footer .Email { background-color: #FFFFFF; color: #333; }
.Footer.Last {border-bottom: none; height: 60px;}

/* Secondary navigation  */

#SecondaryNav { width: 160px; margin: 0px 0px 0px 0px;}
#SecondaryNav ul { list-style-type:none; margin: 0px; padding: 0px; list-style-position: outside;  }
#SecondaryNav ul li  { margin: 0px; padding: 0px; }
#SecondaryNav ul li a {color:#531109; display:block; height: 20px; font-size: 0.85em; }



/* Project page navigation  */

#PageNavContainer { height: 20px; font-size: 0.85em; padding: 3px 0px 0px 26px; border-top: 1px solid #e1e1e1;  background: url(images/MarginBG.gif) repeat-y 12px 0px;}



.PageNavArrowPrev { }
.PageNavNumber { }
.PageNavArrowNext { }
.PageNavArrowPrev a { color:#003399; text-decoration: none; }
.PageNavArrowNext a { color:#003399; text-decoration: none; }

.PageNavicon {display: block; height:18px; width:18px; border: 1px solid #cccccc;}




/* Contact page - form styles */


#ContactInfo {width: 240px; float: left;}
#ContactInfo p {padding: 0px; margin:0px 0px 6px 0px;}

#ContactForm { width: 404px; margin: 0px 0px 0px 280px; padding:0px; }


.FormLayout div { margin:0px; padding:0px;} 
.FormLayout label, FormLayout textarea {float: left; width: 9em; margin-right: 4px; text-align: left; }

#SubmitButton { margin: 12px 0px 0px 0px ;}

.AccessKey {text-decoration: underline;}

.Mandat, .Mandat label {color:#CC0066; }
.Mandat input, .Mandat textarea {background-color: #fff; }

#IncludeField {font-size:0.75em; margin: 12px 0px 0px 0px;}


fieldset { border:none;  margin: 0px; padding: 0px;}
fieldset legend {  display: none; padding: 0px; }
fieldset h4 {margin: 0px 0px 0px 0px;}
fieldset p {margin: 0px 0px 0px 0px;}
fieldset br { display: none;}

input, textarea {margin: 6px 0px 0px 0px;}

.removed {display: none;} /* Removed from view - available for accessiblity */
.hidden {display:none;} /* Removed to allow images to be displayed but left in for accessibility reasons */




/* PDF download styles */

#PDFdownload { position: absolute; top: 200px; left: 0px; width: 128px; font-size: 0.85em;}
#PDFdownload p { margin: 0px 0px 0px 0px;}
#PDFdownload img { margin: 0px 0px 0px -2px;}