body{font-family:Arial, Helvetica, sans-serif; 
    margin:auto; 
    width:770px; 
    padding:0;
    margin-top:3px;
    }

h1{ color: #4C597F;
    font-size:1.5em;
	float:left;
	margin-top:.7em;	
    display:inline;
	}	
h2{
    font-size:1.3em;
	text-align:left;
	margin-top:.4em;
	font-variant:small-caps;}
h3{
    font-size:1em;
	text-align:left;
	margin:.4em;
	clear:both;
}
	
h4{
    font-size:.9em;
	font-weight: normal;
	text-align:left;
	margin-bottom:0;
}
	
h5{
    font-size:1em;
    font-variant:small-caps;
    color:#0C193F;
	margin:3px;
}


hr{clear:both; color: #4C597F; }

p{  margin: 0 0 0.75em 0;
    line-height:1.2em;
	text-indent: 1em;
	font-size:.85em;
	font-family:"Times New Roman", Times, serif;}

p+p{margin:0;}

p.noindent {text-indent:0; margin-left:1em;}

blockquote
{
    line-height:1.2em;
	font-size:1em;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif}

li{
   
	font-family:"Times New Roman", Times, serif}
	
a img {border:0; cursor:pointer; }

#wrapper{border:1px solid #4c597f; width:770px;} <!-- borders page but not footer -->

ul.horizontal {padding-left:0} /*styles horizontal lists*/
ul.horizontal li {display:inline; padding:5px 5px;}
li.inline { list-style-type:none;  /*larger font than .horizontal styling above*/
    display:inline;
    padding-right:20px;
    font-size:1.02em;
    font-weight: bold;}   	

.logo{    /*styles logo image on master page*/
	float: left;
	cursor:pointer;
	padding-left:.4em;}   

.rightfloat{float:right; display:inline;clear:none; padding-top:1px}


/* ------ TOP MENU stylesheet is ../css/menu1.css----- */

/*------ BEGIN LOWER LEFT NAV (index, glossary, help) -------*/
#left_nav
{
    display:inline;
    float:left; 
    width:120px; 
    clear:left; 
    padding-top:2px;
    padding-right:2px;
    padding-left: 2px; 
    border-right:solid 1px #4C597F; 
    text-align:center;
    }   
.left_nav_item
{   margin-top:2px;
    padding-top: 6px;  
    padding-bottom: 6px;
    background:url(../css/menu2.gif) repeat-x top left;
    padding: .3em;   
    line-height:1.56em; 
    height:1.5em;
    clear:both; 

    } 
#left_nav a {     
  color:white;
  line-height:3em;  /*line height of at least 2em makes IE display correctly*/
  font:1.05em serif;
  margin-bottom:3px; 
  text-align: center;
  text-decoration:none;}
#left_nav a:visited{color:white}
#left_nav a:hover, a:active {color:#A3BAB0;}
	
/*---BEGIN search options--*/

#search_options label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	text-align:right; 
	margin: 2px 2px 1px 0; 
	clear:left;
	}
#search_options select
{
    font-size:.9em;
    float:left;
    margin-left:3px;
    margin-bottom:7px;
    background:#EAECF2}

/*---END search options--*/
/*------- END LOWER LEFT NAV (index, glossary, help) ------------------*/

/*------- BEGIN CONTENT ------*/  
#content{
	margin:0 10px 2px 10px;
	padding-bottom:1em;
	width:740px;
    }
    
#Flash {
    text-align: left;
    border: 1px solid #ccc;
    font-size: 14px;
    margin: 0 7px 12px 0;
    padding: 5px 5px 5px 30px;
}

div#Flash.good {
    border-color: #9c9;
    color: #060;
    background: url(../images/good.gif) #E2F9E3 left no-repeat;
}

div#Flash.bad {
    border-color: #c99;
    color: #fff;
    background: url(../images/bad.gif) #c00 left no-repeat;
}
    
.leftcontent{width:360px;display:inline; float:left; margin-right:8px; margin-left:6px} /* divides #content into left/right sections */
.rightcontent{width:359px;display:inline; float:left;margin-left:6px;}

.wideleftcontent{width:484px;display:inline; float:left;padding-left:6px;}
.narrowrightcontent{width:220px; display:inline; float:left;}

.narrowleftcontent{width:366px; display:inline; float:left; padding-left:6px;}
.widerightcontent{width:385px;display:inline; float:left;padding-right:4px;}

.mission{margin-left:1em; margin-right:1em; margin-top:.4em; margin-bottom:.4em; padding-top:4px; padding-bottom:4px; padding-left:8px; padding-right:8px; border:double #4C597F; font-family: Sans-Serif; font-size:.9em; font-weight:bold;background:#FFFFD7}
.doubleborder{margin-left:.5em; margin-right:.5em; margin-top:.4em; margin-bottom:.4em; padding-top:4px; padding-bottom:4px; padding-left:8px; padding-right:8px; border:double #4C597F; font-family: Sans-Serif; font-size:.8em;}
.clear{clear:both}
.space{display:inline; width:100px}

/* BEGIN .button is for inline button-style <a href> */  	
#button{display:inline;} /*enclose inline group of <a href>s with a div; 
                                            use spans for each individual <a href>  */
.button
{   margin:auto;
    clear:both; 
    margin-top:2px;
    padding-top: 5px;  
    padding-bottom: 8px;
    background:url(../css/menu2.gif) repeat-x top left;
    padding-left:.8em;
    padding-right:.8em;
    margin-left:.5em;
    margin-right:.5em;  
    line-height:1.56em; 
    height:1.5em;
    text-align:center;
    } 
.button a {     
  border-right:solid 1px #4C597F; 
  border-left:solid 1px #4C597F;
  display:inline;
  color:white;
  line-height:3em;  /*line height of at least 2em makes IE display correctly*/
  font:1em serif;
  margin-bottom:3px; 
  text-align: center;
  text-decoration:none;}
.button a:visited{color:white}
.button a:hover, a:active {color:#A3BAB0;}
/* END .button */
 
 p.back {text-align:center;} /* styles '<< back' at bottom of roles(professions) pages */
.asterisk {color:#B70000; font-size:.7em; font-style:italic;margin-left:5em;vertical-align:super;}
.red {color:#B70000;}   
.source {font-size:smaller; font-style:italic;} /*styles for referenced quote/copyright sources*/
.strong {font-weight:bold;}
.go_to {
	font-size:.75em;
}
/*------- BEGIN FORM STYLES ------*/
fieldset{
    border:black groove 3px; 
	width:580px; 
	background-color:white;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1em;
	padding:1em;
	margin:1em;}
	
label{
    width:15em; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;  
	font-size:.71em;
	text-align:right; 
	margin: 2px 2px 1px 0; 
	clear:both;}
	
.checkboxes label{
    width:15em; 
	float:none;
	font-family:Arial, Helvetica, sans-serif;  
	font-size:.71em;
	text-align:left; 
	margin: 2px 25px 1px 0; 
	clear:none;}

#region_label label{
    width:15em; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;  
	font-size:.71em;
	text-align:right; 
	margin: 2px 2px 1px 0; 
	clear:both;}
			
.required {
    font-size:.6em;
}
	
.note{
	font-family:Arial, Helvetica, sans-serif;  
	font-size:.7em;
}
			
.submit-button{
    clear: left;  
	margin-left:18em; 
	float:left; 
	margin-bottom:1em;
	margin-top:1em;}
	
.reset-button{  
	margin-left:1em; 
	clear:right;
	float:left; 
	margin-bottom:1em;
	margin-top:1em;}
	
/*-----  END FORM STYLES -------*/
table.nocellborder caption{font-size:1.2em; font-weight: bold; padding-bottom:.5em}
table.nocellborder{
    width:450px; 
    border-collapse: collapse; 
    border:2px solid black;
    font-size:.8em;
    }
table.nocellborder th{border-bottom:2px solid black; border-right:1px solid black}    
table.nocellborder td{text-align:left; border-right:1px solid black; padding-left:1em}

.btn {color:#fff; background-color:#69c; border:solid 1px #036; cursor:pointer;}

.req {color:#ff0000;}

table.form td {font-size:13px;}

/*------- END CONTENT ----------------*/ 

/*-------- BEGIN FOOTER ------------- */
#footer{ 
	margin:3px;
	padding:3px 0 3px 0;
	text-align:center;
	font-size:.7em;
	line-height:1.3em;
	clear:both;
	}
/*------- END FOOTER ---------------*/

/*--DEVELOPER NOTES -- Notes for design & development of website. Notes should be deleted from html when remedied. --*/
.developer_note{ font-size:.8em; color:#006600;}