@charset "utf-8";

body    { 
		color: #333333;
		background-color: #fff;
		font-family: arial, verdana, Helvetica, sans-serif; 
		font-size: 85%;
		line-height: 140%; 
		margin: 0 0 0 0;
		padding: 0 0 0 0;		
		}

h1      { 
	    color: #005796; 
		background-color:#e7e7e7;
	    font-size: 1.5em;
		font-weight: bold;
		line-height: 120%; /*reduce to allow secondary h1 heading of 'smaller'*/
		margin-top: 3px;
	    margin-bottom: 3px;
		padding: 2px 10px 2px 0px; /*top, right, bottom, left*/
		border-bottom: 1px solid #b7d2d5;
	    }

h2      { 
        color: #005796;
		font-size: 1.1em;
        margin-top: 20px;
		margin-bottom: 0px;
		}
		
h2.h2whitebox { /*used on introductory page*/
        color: #000;
		margin-top: 2px;
		}
        
h3     { 
        color: #303030;
		font-size: 1.0em;
        margin-top: 12px;
		margin-bottom: 0px;
        }
		
h4     { 
        color: #005796;
		font-size: 0.9em;
		font-style: italic;
        margin-top: 12px;
		margin-bottom: 0px;
        }
			
p      {
        margin-top: 7px;
		margin-bottom: 0;
        }
		
a 		{
		text-decoration: none;
		}
		
ul 		{
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2px;
		padding-bottom: 0}

.bold   {
        font-weight: bold;
        }
 
.italic {
        font-style: italic; 
        }
 
.nobullet {
        list-style-type: none;
        }




/* HEADING OF PAGES */

#header {} /*div for elements above text, ie top graphics and breadcrumbs bar*/

#headergif {
	    float: left; 
		position: absolute; 
			top: 0; 
			left: 0;
		border: none;
		}

#headergif img { /* for Internet Explorer*/
        border: none;
        }
 
#headcogsgif {
		position: absolute; 
			top: 0; 
			right: 0;
		}



/* BOTTOM OF PAGES */

#footer { /* div for bottom of page*/
		clear: both;
		}
		
#copyright {
        font-size: 60%;
		text-align: right;
        margin: 5px 10px 0 0; /*top, right, bottom, left*/
        }

	
		
/* GENERAL POSITIONING AND FORMATTING*/

#page   { /* div for everything except the header div*/
	    width: 100%;
		margin-top: 89px; /* height of image HeadCog + 4px padding for breadcrumbs + Serach Box makes it wider*/
		padding-top: 1.19em; /* to cover line height of 140% and 85% of an em (1.19=140x0.85) */
	    }

#content { /* div for the content placeholder */
		margin: 0 0 0 17em; /*top, right, bottom, left - 11em+7px navigation and white space*/
		padding: 0; 
		}
		
#content a, #content a:visited {
        color: #008ba6;
		}
        
#content a:focus, #content a:hover, #content a:active {
		color: #ff0000; 
		text-decoration: underline;
		}

.wholepage { /* page div inside content placeholder for all but homepage*/
        margin-right: 40px; 
        }

.top 	{
		margin-top: 3px;
		margin-bottom: 3px;
		text-align: right;
		font-size: smaller;
		}
		
.spacer {
		font-size: 10px;
		line-height: 50%;
		}	
		
.bluebox 	{
		background-color: #e0eaec;
		border: 2px solid #005796;
		padding: 8px;
		margin-right: 2em;
		margin-left: 2em;
		}

.yellowbox 	{
		background-color: #faffd3;
		border: 2px solid #CC0033;
		padding: 8px;
		margin-right: 2em;
		margin-left: 2em;
		}  
		
.yellowboxtitle {
        color:#CC0033;
		font-size: 1.1em;
        font-weight: bold;
		margin-top: 2px;
		margin-bottom: 2px;
		}

.boxtitle {
        color: #005796;
		font-size: 1.1em;
        font-weight: bold;
		margin-top: 2px;
		margin-bottom: 2px;
		}
		
.whitebox 	{
		background-color: #fff;
		border: 2px solid #005796;
		padding: 10px;
		}

.nobullet {
		list-style: none;
		}

.adobe {
		float: right;
		margin-right: 33px;
		margin-left: 33px;
		border: none;
		}
		
.adobe img { /* for Internet Explorer*/
        border: none;
        }
 
/* CLEARING (http://positioniseverything.net/easyclearing) */ 
.clearfix:after { 
		clear: both; 
		content: "."; 
		display: block; 
		font-size: 0; /* Fixes FF */ 
		height: 0; 
		visibility: hidden; 
		} 
		
.clearfix {
		display: inline-block;
		}

/* Holly Hack Targets IE Win only \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End 
Holly  Hack */