/* CSS Document */

/* CSS for FACT Oregon */

/*  GLOBAL STYLES */

body	{
	background-color:#F97513;
	font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	color: #000;
	padding: 18px;
	text-align: center;
	}
	
p	{
	margin-top: 0px;
	padding-top: 0px;
	line-height: 1.4em;
	margin-bottom: 9px;
	padding-bottom: 0px;
	}
	
a	{
	color: #003366;
	}

#mainContent a  {
text-decoration: none;
border-bottom: 1px dotted #003366;
} 


	
a:hover	{
	color: #990000;
	}
	
.ci	{	/* applies to both local and global nav */
	font-style: italic;
	}
	
/* HEADING STYLES */	
	
h1	{ /* page title */
	margin: 12px 0px;
	font-size:24px;
font-weight: normal;
	}
	
h2	{
	font-size: 1.2em;
	}
	
body.sub #mainContent h2	{ /* this is h2 in left and right cols */
	padding: 0;
	margin: 0;
	}
	
.relatedArticle	h2, #mainColumn h3 {
	color: #9F2235;
	}

#mainColumn h3 {
      margin-top: 18px;
      border-bottom: 1px solid #FFF;
      padding: bottom: 6px;
      margin-bottom: 12px;
      }
	
body.sub #leftCol h2	{ /* THIS IS HEADER ON LOCAL NAV */
	background-color: #FABE0A; /* orangey yellow */
	color: #FFF;
	font-weight: normal;
	padding: 4px 9px;
	margin: 3px 0px;
	}
	
#home h2, body.sub #relatedColumn h2	{ /* This is the Purple H2, which is on home and in right col on sub pages */
	background-image: url(../images/hd_bg.gif); /* purple graphic */
	border: 1px solid #A798D8; /* purple */
	border-left: 0;
	border-right: 0;
	background-repeat: repeat-x;
	background-position: top;
	color: #D3CCE3;
	background-color: #563A94;
	font-weight: normal;
	padding: 4px 9px;
	margin: 0px;
	}

#home h2.green    {
        background-image: url(../images/hd_bg_green.gif);  
	background-color: #91ce1a;  
        border: 1px solid #91ce1a;
        margin-right: 0px;
}

#home h2.orange      {
        background-image: url(../images/hd_bg_orange.gif);  
	background-color:  #fb740d; 
        border: 1px solid #fb740d;
        margin-right: 0px;
}

#home h2.pink     {
        background-image: url(../images/hd_bg_pink.gif);  
	background-color:  #fb5e8a; 
        border: 1px solid #fb5e8a; 
        margin-right: 0px;
}
	
#home h2	   {
	font-size: 16px;
	margin: 0 3px;
	padding-left: 12px;
	color: #FFF;
	}
	
#home h3   	{
	font-size: 1em;
	margin-top: 18px;
	margin-bottom: 4px;
	}
	
h3	{
	font-size: 1em;
	padding: 0;
	margin: 12px 0px 0px 0px;
	}

h4    {
       margin: 18px 0px 6px 0px;
       padding: 0px;
       font-size: 14px;
       }

h5 {
   font-size: 12px;
   font-style: italic;
   }
	
	
/* GLOBAL PAGE STRUCTURE */
	
#container	{
	/* width: 770px; */
	width: 90%;
	min-width: 970px;
	background-color: #FFF;
	padding: 4px;
	/*float: left;*/
	margin: 0px auto 9px auto;
	text-align: left;
	}
	
#banner	{
	/* width: 770px; */
	width: 100%;
	height: 133px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/fact_banner_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 3px solid #FFF;
	background-color: #91CE1A;

	}
	
#logo	{
	height: 133px;
	margin: 0;
	}

	
.breadcrumb	{
	font-size: 12px;

	color: #666;
	padding: 0px 0px 6px 0px;
	}

#breadcrumb a	{
	text-decoration: none;
	}
	
#breadcrumb a:hover	{
	text-decoration: underline;
	}


/* GLOBAL NAV */


#container #gnav {
	background-image: url(../images/gnav_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #338AEB;
	/* width: 770px; */
min-width: 870px;
	width: 100%;
	margin:0;
	padding:0;
	border-bottom: 3px solid #FFF;
	text-align: left;
	}
	
#gnav ul li.current, li.current a {
	color: #999;
	}

#home li#facthome a, #about li#about a , #policy li#policy a, #projects li#projects a, #contact li#contact a, #events li#events a, #resources li#resources a, #getinvolved li#getinvolved a, #whatsnew li#whatsnew a {
       color: #003366;
}
		
#gnav ul	{
	padding: 0px;
	margin: 0px 9px;
 
	height: 36px;	
	}	

#gnav li	{  
	float: left;
	display: block;
	padding: 0px 14px 0px 0px;
	font-family: 'Trebuchet MS', verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	list-style-type: none;
	margin: 9px;
	color:#FFF;
	border-right: 1px dotted #FFF;
	}
	
#gnav .lastLink	{
	border-right: 0;
	padding-right: 0;
	}
	
#gnav a	{
	color: #FFF;
	text-decoration: none;
	}
	
#gnav a:hover	{
	text-decoration: underline;
	}
	
/* MAIN CONTENT -- HOME PAGE ONLY */
	
#vision	{
	/*border-bottom: 1px solid #FFF;*/
	/*width: 770px;*/
	background-color:#9196DB;
        height: 107px;
	}
	
#bigBox	{  /* this box contains the first two columns in main content area.  It gets the floats correct */
	width: 66%;
	float: left;
	}
	
#col1	{ /* current What's New */
	width: 50%;
	float: left;
	}
	
#col2 { /* current Top issues */
	width: 50%;
	float:right;
	}
	
#col3{ /* current Get Involved*/
	float: right;
	width: 34%;
	}
	

#home .contentBox	{
	margin-bottom: -2000px; 
	padding-bottom: 2000px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 0px;
       border-top: 0px; 
       border-left: 0px;
	}

#home .contentBox img     {
     border: 1px solid #ccc;
     padding: 3px;
     background-color: #FFF;
     margin-right: 9px;
}
	
#home #col2 .contentBox	{
	border:0px
	}

.contentBox p  {
      padding: 0px;
      margin: 3px 0px 9px 0px;
      }

p.date   {
 
      margin: 0px;
      }

	
#home #mainContent	{
	float: left;
	overflow: hidden;
	/* width: 770px; */
	width: 100%;
	background-color: #FFF;
        border-top: 3px solid #fff;
	}
	
/* MAIN CONTENT  -- SUB PAGES */

#sub #mainContent	{
	padding: 0;
	margin: 0px 0px;
	background-color: #FFF;
	}

#mainColumn	{ /* this is currently the center column */
	margin-left: 183px;
	margin-right: 228px;
        margin-right: 333px;
	background-color: #CDE3FA;  
	padding: 18px 24px 18px 24px;
        height: 100%;

	}

#mainContent ul, #mainContent ol  {
       padding-left: 18px;
       padding-right: 12px;
}

#mainContent li  {
      margin-top: 0px;
      margin-bottom: 9px;
      }

#mainColumn img  {
margin-right: 9px;
border: 1px solid #999;
background-color: #FFF;
padding: 4px;
 
       }
	
.twocol #mainColumn {
       margin-right: 0px;
       }

.relatedArticle	{ /* these currently appear beneath the main article, e.g., What's New */
	background-color: #E4F0FC;
	padding: 6px 12px;
	margin-left: 183px;
	margin-right: 228px;
        margin-right: 333px;
	margin-top: 3px;
	}

span.date  {
      color: #666;
      font-size: 11px;
      }

#events p.location {
     font-style: italic;
     margin: 0;
    padding: 0;
     }

#events p.date { 
	color: #C64408; /* dark orange */
   margin: 0;
    padding: 0;
     }

#events p.url {  
margin: 0;
    padding: 0;
}
  
p.moreLink {

     margin: -6px 0px 0px 0px;
     padding: 0px;

     }
		
/* LEFT COLUMN and LOCAL NAV */

#leftCol	{
	float: left;
	width: 179px;
	}
	
#localNav	{
	background-color: #FCDE84; /* yellow */
	margin: 0;
	padding: 0;
	color: #C64408; /* dark orange */
        margin-bottom: 4px;
	}
	
#localNav a, #localNav a:visited, #localNav li	{
	color: #C64408;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	line-height: 1.2em;
       border: none;
	}
	
#localNav a:hover	{
	text-decoration: underline;
	}

#localNav p     {
     border-bottom: 1px solid #fff;
     padding: 9px 12px;
      margin-bottom: 0px;
}

#localNav p.ffc_county     {
    background-color: #fcb184;

background-color: #fcfabf;

}


ul#localNav   {
      list-style-type: none;
      margin:  6px 0px 0px 0px;
      padding: 0;
}

ul#localNav li  {
     margin: 0px 6px 9px 0px;
}


	

	
/* RIGHT COLUMN of RELATED ITEMS */
	
#relatedColumn	{
	float: right;
	width: 225px;
        width: 330px;
        font-size: 11px;
	}
	
.contentBox	{ 
	margin-top: 3px;
	border: 1px solid #ABABAB;
	border-bottom: 0;
	padding: 6px 9px;
	}
	

	
#rCol1, #rCol2, #rCol3	{
	padding: 9px 9px 9px 9px;
	margin: 3px 0px;
	}
	
#rCol1	{
	background-color: #CDC4E0;
	}
	
#rCol2	{
	background-color: #E4DFEE;
	}

#rCol3 {
       background-color: #EFEAF9;
       }
	
#rCol1 p, #rCol2 p, #rCol3 p	{
	margin: 0px 0px 6px 0px;
	padding: 0;
	font-size: 12px;
	line-height: 1.2em;
        width: 290px;
       overflow: hidden;
	}


	
#relatedColumn p.date	{
	color: #666;
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

span.docsize  {
      font-size: 11px;
}

div.personEntry p  {
       margin: 0px;
       padding: 0px;
       line-height: 1.2em;
       }

#relatedColumn h3   {
      margin-top: 6px;
      font-size: 12px;
      }

.memberLogo {
 /*    border-bottom: 1px solid #999; */
    margin-top: 12px;
    padding-bottom: 6px;
}
     
.memberLogo  img {

margin-right: 9px;
border: 1px solid #999;
background-color: #FFF;
padding: 12px;
margin-top: 6px;
float: right;
}

.memberLogo p  {

    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    }

.personPhoto img {
     border: 1px solid #999;
     padding: 4px;
     background-color: #FFF;
     }

.role {
    font-style: italic;
    font-weight: normal;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    }
    
.resourceListing p {
    padding: 0px;
    margin: 1px 0px;
    }

.resourceListing {
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.date  {
   font-size: 12px;
margin-bottom: 6px;
color: #990000; 
}

.lo_profile_date   {
     text-transform: none;
     color: #333;
     font-size: 11px;
 
     }
   
	
/* FOOTER */	
	
#mission	{
	clear: both;
	padding: 18px;
	font-size: 12px;

	border-top: 3px solid #FFF;
       background-color: #feec75;
	}

#mission p      {
     text-align: center;
width: 640px;
margin: 0 auto;
}
	
#footer	{
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 0;
	}

.photocredit    {
     padding: 12px;
     font-style: italic;
     color: #666;
     font-size: 11px;
     }