/* === THIS CSS IS THE GLOBAL CSS APPLIED TO ALL DND CLF 2.0 WEB SITES AND SHOULD NOT BE MODIFIED === */
/* === PLEASE USE THE SITE.CSS FOR ANY SITE SPECIFIC STYLES                                       === */

/* CSS developed by Chris Hardie, 07/06 
Modified by Nancy Arruda, 09/08 -- version 1.4.1

=GENERAL - General formatting styles for the body
=STRUCTURE - Structure of the site, not to be modified!
=HEADER - Header styles, including the common nav and breadcrumbs
=FOOTER - Footer styles, including top of page and notices
=MENU - Left and sidebar menus
=SEARCH_BOX - Styles for the search box 
=FORMS - Any styles particular to forms (buttons, input boxes)
=UTILITIES - Classes that were created for general use so users don't have to create it, and for consistency
*/

/* ---------------------------------------------------------------- 
 	=GENERAL
------------------------------------------------------------------- */ 
/*Do not apply margins, padding or border to the body. When combined with negative margins and background properties,
IE6 will improperly calculate percentages.*/
body {
	margin: 0;
	padding: 0;
	min-width: 580px;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
body#one_col_oversize {
	background-color: #fff;
}
	
h1 {
	margin: 0 0 1em 0;
	font: bold 1.6em Verdana, Arial, Helvetica, sans-serif;
}
	
h2 {
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	}	

h3 {
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	}	
	
h4 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}	

h5 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}	

h6 {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
}	

p {
	line-height: 1.5em;
	}
	
hr {
	height: 1px;
	border: 0;
}

#main a, #main a:visited, #main a:hover {
	text-decoration: underline;
}

#main ul li, #main ol li  {
	font-size: 1em;
	line-height: 1.4em;
	}

#main ul li, #main ul ul li {
	padding-left: 0.1em;		
	margin-top: 0.8em;
	position: relative;
}

#main ul > li{
	height: auto;
}

#main ol li {
	margin-top: 0.8em;	
}

#main ul li p, #main ol ul li, #main ul ul li, #main ol ol li, table, th, td, td p {
	font-size: 1em;
}

code {
	font-family: Courier, sans-serif;
}

dt {
	font-weight: bold;
}

dd {	 	
	margin-bottom: 2em;
}

/*  This is a work around for the inline quote q element so that we get quote marks in all browsers as IE does not support the standard for this element */
q:before, q:after {
	content: ""; 
}

.redirectNotice {
	color: #900;
	font-size: 1.2em;
	font-weight:bold;
}

/* ------ Tables ----- */
table {
	margin-bottom: 1em;
	border-collapse: collapse;	
	}

table h2 {
	font-size: 1.2em;
}

table h3 {
	font-size: 1.1em;
}
	
td {
	border-width: 1px;
	border-style: solid;
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: top;	
	line-height: 1.4em;	
}
		
th {
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;	
	padding-left: 0.5em;
	padding-right: 0.5em;	
}
		
table caption {
	text-align: left;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;	
	padding-bottom: 1em;
}

table ul {
	margin-left: 16px;
}

/* ---- Acronyms -----*/
#main acronym {
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: normal;
}

a acronym, #sidebar h2 acronym, #nav h2 acronym {
	border-bottom: 0;
	font-variant: normal;
}


/* ---- Top of page arrow on pages ----	 */
#container #main p.arrow_up {
	text-align: left;
	background-color: #fff;
	background-position: 0 50%;	
	background-repeat: no-repeat;
	font-size: 1em;
	display: block;	
}

#container #main p.arrow_up a {	 
	text-decoration: none;
	padding-left: 17px;
}

#container #main p.arrow_up a:hover {	 
	text-decoration: underline;
}


/*-----  Tooltip styles  -------*/
div.tooltip {
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:100;
	padding:2px 4px;
	text-align:left;
	position:absolute;
	width:auto;
	height:auto;
	z-index:25000;
}

/*for ARCHIVED pages */
#cn-cols {
background-color:#FFFFFF;
width:770px;
padding-right: 10px; 
}

#cn-left-col-inner{
 padding-left: 10px;
float:left;
}


/* ---------------------------------------------------------------- 
 	=STRUCTURE
------------------------------------------------------------------- */

/*NOTE: The overflow property of the container and the bottom padding and margin properties
of the columns were originally included so that we could apply background color to the columns
and have them appear to be of equal height. A fatal rendering issue occured with Firefox 1.x as described here:
http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems
If browser demographics shift, we can re-instate these rules.*/
#container{
	width: 760px;
	margin: 0 auto;
    padding: 0 10px;    
    border-left-width: 10px;
	border-right-width: 10px;
	background-color:#fff;
	height:1%;
	}
	
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	
body > #container
{
    /*Relative positioning interferes with the javascript style switcher in IE6*/
    position:relative;
    z-index: 1;       
    height:auto; 
}

body#with_sidebar #container
{
    padding: 0 10px;        
}

body#one_col #container, body#one_col_oversize #main{
	margin: 0 auto;
	text-align: center;
	
}

body#one_col #main, body#one_col_oversize #main{
	width: 760px;
	margin-left: 0;
	margin-right: 0;
	text-align: left;	
}

body#one_col_oversize #header, body#one_col_oversize #container, body#one_col_oversize #main, body#one_col_oversize, body#one_col_oversize #footer-wrapper{
	margin-left: 0;
  	text-align: left;  	
}

body#one_col_oversize #footer{
	margin-left: 10px;
}

.column {
	position: relative;
	float: left;
	padding: 0 0 20px 0;	
	}
	
#main {
    float: right;    
    width: 605px;    
}

#with_sidebar #main {
    width: 405px;
    float: left;
    left: 155px;    
}
	
#with_sidebar #nav {
	left: 215px;	
}

html > body#with_sidebar #nav{
	left: -410px;	
}

#container #sidebar {
	width: 195px;
	left: 5px;
	float: right;
	margin: 0 0 20px 0;
    padding: 0;
    left: 0;	    
}

html > body#with_sidebar #sidebar
{    
	margin-right: 5px;
	left: 5px;	
}

/*The negative margin on #main prevents the nav float from clearing when a left-hand nav item extends past
150 pixels in IE. We need to adjust positioning accordingly, and then reset it for modern browsers. */
#container #main, #with_sidebar #main
{
 	margin-left: -200px;   
 	left: 0px; 	
}

#with_sidebar #main
{
 	left: 365px;
}

#container > #main, html > body#with_sidebar #main
{
 	margin-left: auto;   
 	left: auto; 	
}

html > body#with_sidebar #main
{
 	left: 155px;
}

#with_sidebar #nav
{
    left: -200px;
}

html > body#with_sidebar #nav
{
    left: -410px;
}

#header h1, #nav h1, #sidebar h1 {
	position: absolute;
	left: -999em;
}

/* 1 pixel border around the content area in three-column layout */
#contentWrapper {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}

/* ---------------------------------------------------------------- 
 	=HEADER
------------------------------------------------------------------- */
#fip { 
	position:absolute;	
	top: 10px; 
	left:0;
	z-index:2;
	height:20px;
}

#flag_img { 
	position:absolute;
	top:10px; 
	right:0;
	z-index:2;
	height:20px;
}

#header {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	padding-top: 30px;
	width: 760px;
	margin: 0 auto;
	position:relative;
	z-index:1;
	background-color: #fff;
}

#header #masthead {
	height: 6.5em;
	border-top: 42px solid #fff;
	min-height: 80px;
	position: relative;
}
	
#header #masthead p#site_title {
	padding-top: 30px;
	margin: 0px;
	position: absolute;
	height: 80%;
	min-height: 50px;
	width: 100%;	
	z-index: 1;
}	

#header #masthead p#site_url {
	padding-top: 4.5em;
	margin: 0;
	position: relative;
	z-index: 1;
}

#header #bannerLeaf {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-32px;
    margin-top:-36px;
    z-index: 2;
}

#header #bannerLeaf img {
	height: 65px;
	width: 65px;
}

#masthead p#site_title, #masthead p#site_url{
	text-align: center;
	margin: 30px 0 2px 0;
}	

#masthead p#site_title, #masthead p#site_url{
	font: bold 1.7em Times, serif;
	color: #fff;
}

#masthead p#site_url{
	font: normal 1em Arial, sans-serif;
	}
	
#header > #masthead{
	height: auto;
	}

ul#common{
	background: #000;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	z-index: 2;
	position: relative;	
	}
	
#common li{
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;		
	width: 10.33em;	
	border-left: 1px solid #fff;
	padding: 0.25em 0;
	background:#000;
	}
	
#common > li
{
    width:10.35em;
}

#common li#first_link{
	border-left: 0;
	width:10.4em;
}

#common li#last_link{
	width:10.2em;
}

#common li a{
	color: #fff;
	text-decoration: none;
	padding-left: 5px;
	}

#breadCrumbs {
	font-size: 0.9em;
	margin: 0;
	padding: 0.3em 0 0.4em 0.5em;
	width: 99%;
	clear: both;
}

#breadCrumbs a {
	text-decoration: none;
}

#breadCrumbs a:hover{
	text-decoration: underline;
	}

#skiplink{
	margin: 0;
	padding: 0;
	height: 70px;
	position: absolute;
	top: 31px;
	left: auto;
	margin-left: 10px;
	width: 760px;
	min-width: 780px;
	z-index: 2;
	}
	
html > body #skiplink
{
    left: 0;
    width: 100%;
    margin-left: 0;
}
	
#skiplink li{
	display:block;
    float:left;
	}
	
#skiplink a{
	position:relative;
	display:block;
	padding:5px;
	top:-200px;
	left:180px;
}

/*Don't adjust whitespacing here, IE5.0 will sometimes render these styles*/
#skiplink>li a {
	position:absolute;
	left:50%;
	margin-left:-200px;
}

#skiplink>li a#skipMenu {
	margin-left:-90px;
}

#skiplink>li a#skipInstitutional {
	margin-left:90px;
}

a#skipContent:focus, a#skipContent:active,
a#skipMenu:focus, a#skipMenu:active,
a#skipInstitutional:focus, a#skipInstitutional:active{
	top:-32px;
}

/*IE7 has issues with these widths, must hard code it*/
a#skipMenu, a#skipInstitutional{ width:13em; }

	
/* ---------------------------------------------------------------- 
 	=FOOTER
------------------------------------------------------------------- */
#footer 
{
	clear: both;
	height: 1px;
	border-top: 15px solid;
	position: relative;
	z-index: 1;				
}

#footer-wrapper {
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	padding-top: 10px;
	width: 760px;
	margin: 0 auto;
	clear:both;
	background-color: #fff;
	height:4.5em;
}

body > #footer-wrapper
{
    float: none;
    width: auto;    
    max-width: 760px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}

#footer p{
	margin: 0;
	padding: 0;
	display: block;
	font-size: 1em;	
	}

body#one_col_oversize #footer-wrapper > #footer{
	margin-left: 0;
}
	
#topOfPage{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;	
}

#topOfPage img{
	width: 16px;
	border: 0;
}

#mod{
	float: left;
	position: absolute;
	z-index: 2;
	left: 0;
	max-width:284px;
	}

#footer > #mod
{
    left: 0;
}
	
#notices{
	float: right;
	z-index: 1;
	position: relative;
	}
	
#notices a, #top a, #topOfPage a {
	text-decoration: none;
}

#notices a:hover, #top a:hover, #topOfPage a:hover {
	text-decoration: underline;
}		

/* ---------------------------------------------------------------- 
 	=MENU
------------------------------------------------------------------- */
/*** Left-navigation menu ***/
#nav {
	width: 150px;
	padding: 0 0 20px 5px;
	margin-left: -100%;
	left: 15px;
	margin-left: 0;
    left: -5px;
}

#nav h2 , #nav form h2 {
	padding: 5px;
	margin: 0;
	font: bold 1em Verdana, sans-serif;
	display: inline-block;
	}
	
#nav > h2, #nav form h2 {
	display: block;
}	
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;	
	}

#nav ul ul {
	position:relative;
	margin-top: 3px;
	margin-left: -5px;
}

html > body div#nav ul{
	margin-bottom:-3px;
}

div#nav ul a{
	display:block;
	margin:0;
	padding:0;
}

div#nav ul > li a{
	display:inline;
}

#nav ul ul a {
	padding-left: 19px;
	text-decoration: none;		
}

#nav ul ul a:hover {
	text-decoration: underline;
}

#nav ul li {	
	border-top-width: 1px;
}

#nav ul li > ul
{
    margin-bottom: 0;
}

#nav ul ul li {
	border: 0;
	border-bottom: 0;
	list-style: inside square;
	margin: 0;
	text-indent: -15px;
    padding: 3px 0 3px 20px;
    position: relative;        
}

#nav .inMenuTree {
	display: block;
	font-weight: normal;
}

/*This style allows for multi-line list items line up*/
#nav ul ul > li
{
    padding: 3px 0 3px 18px;
	text-indent: -12px;   
}

#nav ul li li a{
	margin: 0;
	padding: 0;
}

#nav ul > li:first-child {
	border-top: 0;
}

/*If you desire a background hover effect on your menu items, you will need to set 
the li display to inline and its anchor children to display block. Once you set the li
to display inline, you will lose bullets*/
	
#nav li {
	padding: 3px 0 3px 5px;
	margin: 0;
	}
	
#nav .spacer {
	height: 15px;
	margin: 0;
}		

#nav li a {
	padding: 5px;
	position: relative;		
	font-size: 1em;
	text-decoration: none;	
	}		

#nav li a:hover {
	position: relative;
	text-decoration: underline;
	}

#nav p {
	margin: 0;
	padding: 5px;
	border-top: 0;
	text-align: center;
	position: relative;
}

#nav p a {
	text-decoration: none;
}

#nav p a:hover {
	text-decoration: underline;
}

#nav form {
	margin: 0;
}

#nav form p a {
	font-size: 1em;	
}

#nav form p {
	margin: 0;
	padding-top: 2px;
}

#nav form p select, #nav form p input  {
	margin-bottom: 5px;
}

#nav noscript p {
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 0;
	border-top: 0;
}

/*** Sidebar and supplemental content ***/

#sidebar h2, #suppContent h2, #sidebar #frm h2 label, #suppContent #frm h2 label {
	padding: 5px;
	margin: 0;
	font: bold 1em/1.4em Verdana, sans-serif;
	}
	
#sidebar #frm h2 label, #suppContent #frm h2 label {
	display: block;
	padding: 0;
}	
	
#sidebar #frm h2, #suppContent #frm h2 {
	display: block;
	padding: 5px;
}	
	
#sidebar ul, #suppContent ul {
	margin: 0 0 20px 0;
	padding: 0;
}

#sidebar ul li, div#suppContent ul li {	
	padding-left: 5px;
	text-indent: 0;
	list-style: none;
	margin:0;
	line-height:1.2em;
}

#sidebar ul ul, #suppContent ul ul {
	position:relative;
	margin: 3px 0 0 -5px;
	border: 0;
}

#sidebar ul ul li, #suppContent ul ul li {
	border: 0;
	border-bottom: 0;
	list-style: inside square;
	margin: 0;
    padding: 3px 0 3px 20px;
    position: relative;        
}

#sidebar ul ul a, #suppContent ul ul a {
	padding: 0;
	margin: 0;
	text-decoration: none;		
}	

#sidebar ul ul a:hover, #suppContent ul ul a:hover, #main #suppContent ul li a:hover {
	text-decoration: underline;
}

#main #suppContent ul li a {
	text-decoration: none;
}

/*This style allows for multi-line list items line up*/
#sidebar ul ul > li, #suppContent ul ul > li
{
    padding: 3px 0 3px 18px;
	text-indent: -12px;   
}

#sidebar ul, #sidebar li, #suppContent ul, #suppContent li
{
    text-indent: -5px;
}

#sidebar ul li li a, #suppContent ul li li a {
	margin: 0;
	padding: 0;
}

#sidebar ul > li:first-child, #suppContent ul > li:first-child {
	border-top: 0;
}

#sidebar li, #suppContent li {
	padding: 3px 0 3px 5px;
	margin: 0;
	}
	
#sidebar li a, #suppContent li a {
	position: relative;		
	font-size: 1em;
	text-decoration: none;	
	}		

#sidebar li a:hover, #suppContent li a:hover {
	position: relative;
	text-decoration: underline;
	}

#sidebar p, #suppContent p {
	margin: 0 0 20px 0;
	padding: 5px;
	font: 1em/1.3em Verdana, sans-serif;
}	

#sidebar p a, #suppContent p a {
	text-decoration: none;
}

#sidebar p a:hover, #suppContent p a:hover {
	text-decoration: underline;
}

#sidebar .spacer, #suppContent .spacer {
	height: 15px;
	margin: -20px 0 0 0;
}

/* ---- DND/CF Initiative Links ------ */
#sidebar div.gcinit {
	position: relative;
	width: 192px;
	height: 5.35em;
	border: 1px solid #000;
	padding: 0;
	margin-bottom: 10px;			
	background: url(/images/init/recruit-recrute.jpg) #000 no-repeat center; 
}

#sidebar div.gcinit p {
	position: relative;
	padding: 0;
	border: 0;   			
	width: 100%;
	height: 100%;						
	top: 5%;
	left: 5%;
	background-color: transparent;
	font-size: 1.2em;
	font-weight: bold;									 	
}

#sidebar div.gcinit p a, #sidebar div.gcinit p a:visited, #sidebar div.gcinit p a:hover {
	width: 100%;
	height: 100%;
	float: left;
	text-decoration: none; 	
	color: #ff0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	word-spacing: normal;
}  


/* ---- Right column icons ---- */
#sidebar ul.withIcons li, #sidebar ul.firstItem_withIcons li {
	padding: 2px 0 8px 5px;
	vertical-align: top;
	}
	
#sidebar ul.withIcons img, #sidebar li.withIcons img, #sidebar ul.firstItem_withIcons img, #sidebar li.firstItem_withIcons img {
	position: absolute;
	left: 10px;
	}
	
#sidebar > ul.withIcons img, #sidebar > li.withIcons img, #sidebar > ul.firstItem_withIcons img, #sidebar > li.firstItem_withIcons img {
	left:3px;	
	}
	
#sidebar ul.withIcons a, #sidebar ul.firstItem_withIcons a {
	padding-left: 40px;
	display: block;
	}
	
#sidebar li.withIcons, #sidebar li.firstItem_withIcons {
	position: relative;
	padding-left:30px;
}

#sidebar li.withIcons .icon, #sidebar li.firstItem_withIcons .icon{
	left: -30px;
	top: 7px;
}

#sidebar li.withIcons > .icon, #sidebar li.firstItem_withIcons > .icon{
	left: 0;
	top: 6px;
}

#sidebar ul > li.withIcons, #sidebar ul > li.firstItem_withIcons {
	min-height: 1.9em;
	padding-top: 3px;
	padding-bottom: 0;
	}
	
#sidebar .firstItem, #sidebar .firstItem_withIcons, #suppContent .firstItem, #sidebar #slideshow .firstItem {
	border-top: 0;
} 	

/* --- Supplemental content area (search box, etc.) --- */
#suppContent {
	width: 195px;
	float: right;
	background: #fff;
}

#suppContent div {
	margin-left: 5px;
}

/*------ Slideshow ------*/
#sidebar #slideshow, #sidebar #slideshow li {          
    border: 0;      
}

#sidebar #slideshow {
	padding: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;	
	margin: 0 0 20px 0;
}

#sidebar #slideshow li {
	margin: 0;
	border-top-width: 1px;
	border-top-style: dashed;
	padding: 2px 0 2px 6px;
	display: block;
}

#sidebar #slideinterface img, #sidebar #slidecontainer img {
   	border: 0;   
   	padding: 0;
}

#sidebar #slideinterface {
	background-image: url(/images/sshw-mdiap/deco.gif);
	margin-top: 0;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;	
}

#slidecontainer {
    height: 70px;
}

/* ---------------------------------------------------------------- 
 	=SEARCH_BOX
------------------------------------------------------------------- */
#sidebar #frm, #suppContent #frm {
	margin-top: 0;
}

#sidebar #frm p {
	margin-bottom: 20px;
	background-color: #fff;
	position: relative;
}

/* ---------------------------------------------------------------- 
 	=FORMS
------------------------------------------------------------------- */
label {
	font-weight: bold;		
}

form label, form p label, #form label {
	font-size: 1em;
}

fieldset {
	padding: 8px;
	margin-bottom: 16px;
}

legend {
	text-align: left;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;	
}

.input-box{
	margin-top: 2px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	font-size: 1em;			
}

textarea.input-box {
	font-size: 1.2em;
}

.submit-button, .homeSubmit {
	padding: 3px;
	margin-top: 2px;
	display: inline;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border-width: 1px;		
	border-style: solid;
}

.homeSubmit {
	padding: 0;
}

div.forms {
	width: 95%;
	background-color: #fff;
	border: 0px;
	padding: 5px;
	margin: 0px;	
}
	
div.row, .row {
  	clear: both;
  	padding-top: 5px;
}

div.row span.form_label {
  	float: left;
  	width: 40%;
  	text-align: left;
}

div.row span.form_field {
  	float: right;
  	width: 60%;
  	text-align: left;
  	margin-left: 5px;
} 

.section, .section td {
	height: 22px;
}

/* --- Advanced Search styles ---- */
#QForm fieldset {
	border: 0; 
	width: 50%;
}

#QForm fieldset legend {
	font-weight:bold; 
	font-size:135%;
}

#QForm fieldset table td {
	padding: 3px;
}

#QForm fieldset table th {
	text-align: left;
}

#QForm p label {
	font-size:120%;
}

.helpIcon {
	border:0;
	width:30px;
	height:30px;
	vertical-align:middle;
}


/* ---------------------------------------------------------------- 
 	=UTILITIES
------------------------------------------------------------------- */ 
/* ---- For a full-sized table ---- */
table.full {
	width: 100%;
}

/* ---- Smaller font size ---- */
.smaller, #sidebar .smaller {
	font-size: 0.8em;
}


/* ----- Two columns within the page content area ---- */

.left_column_50 {
	float: left;
	width: 48%;
	position: relative;
}

.right_column_50 {
	float: right;
	width: 48%;
	position: relative;
}

.left_column_50 ul, .right_column_50 ul {
	margin-left: 16px;
}

.left_column_50 ol, .right_column_50 ol {
	margin-left: 28px;
}

body > #container .left_column_50 ul, body > #container .right_column_50 ul,
body > #container .left_column_50 ol, body > #container .right_column_50 ol {
	margin-left: -22px;
}

.clear {
	clear: both;
}


/* ----- For the Contact Us page ----- */

table.contactInfo {
	width: 99%;
	border: 1px dotted #333;
}

table.contactInfo th {
	width: 24%;
	background-color: #fff;
	color: #000;
	border: 0;
	text-align: left;
	vertical-align: top;
	padding: 2px 2px 2px 15px;
}

table.contactInfo td {
	border: 0;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}


/* ---- Styles for list items ----	 */

.lower-alpha {
	list-style-type: lower-alpha;
}

.lower-roman {
	list-style-type: lower-roman;
}

.upper-alpha {
	list-style-type: upper-alpha;
}

.upper-roman {
	list-style-type: upper-roman;
}

/* Class to reduce space between list items for a menu list (table of contents) in the content area */
#main ul.contentMenuList li, #main ul.contentMenuList ul li {
	margin-top: 0.3em;
}


/*---- For footnotes -----*/

.footnotes hr {
	width: 30%;
	text-align: left;
}

.footnotes p {
	font-size: 0.8em;
}


/* ===== Images, photos and icons ===== */

/* Image for the main site crest */
#nav .siteCrest {
	border: 0;
	text-align: center;
	margin-top: 10px;
}

img.icon {
	vertical-align: middle;
	padding-left: 7px;
	margin-right: 5px;
	float: none;
}

img.crest {
	margin-left: 5px;
	float: right;
}

.badge, .logo, .picture {
	float: left;
	padding: 5px;
}

.badgeAlt, .logoAlt, .pictureAlt {
	float: right;
	padding: 5px;
}

a .picture, a .pictureAlt, a img {
	border: 0;
}

.pictureMain {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.photoFrame, .photoFrameAlt {
	font-size: 0.8em;
	text-align: center;
	background-color: #fff;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 2px ;
	border-right-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
}

.photoFrame {
	float: left;
	margin: 0 5px 5px 0;
}

.photoFrameAlt {
	float: right;
	margin: 0 0 5px 5px;
}


/* Style for excerpts from a document, book, etc. */
.excerpt {
	padding: 0 5px;
	font-style: italic;
	font-weight: normal;
	font-size: 1em;	
	border-width: 1px;
	width: 95%;
}


/* ---- Boxes and notices ----	 */

.labelBox, .alternateLabelBox, .noticeBox, .importantBox, .caveat, #sidebar .labelBox, #sidebar .alternateLabelBox, 
#sidebar .noticeBox, #sidebar .importantBox, #sidebar .caveat, .docFormats, .note {
	padding: 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
	position: relative;
}

.caveat, #sidebar .caveat {
	background-color: #c00;
	color: #fff;
	border: 0;	
	font-weight: bold;
}

#main .caveat a, #main .caveat a:visited, #main .caveat a:hover, 
#sidebar .caveat a, #sidebar .caveat a:visited, #sidebar .caveat a:hover {
	color: #fff;
	text-decoration: underline;
}

.error {
	font-weight: bold;
	color: #f00;
}