/* CSS Document cfwr_styles.css */

body{
	font-family: Helvetica, sans-serif;
	}
	
a:link, a:visited, a:hover {
	text-decoration: none;
	color:#7e9254;
}

a:hover {
	text-decoration: underline;
}

.td, th{
text-align:left;
}

.ul{
list-style-type:disc;
}

li{
 margin-left:1em;
}


/* "Zoom" used to fix shifting menu-list div probem in IE.
*/
* {zoom: 1.0;} 

/**********************************
Index page
***********************************/
#indexContainer{
width:800px;
text-align:left;
}

#welcome{
margin-top:3em;
padding-left:6em;
}

#IndexFooter{
	padding-top:3em;
	float:right;
}

#welcome p{
font-variant:small-caps;
letter-spacing: 0.1em;
}

#welcome H1{
font-weight:100;
font-size:200%;
color:#7e9254;
}

#IndexImageBar{
margin-left:0em;
margin-right:0em;
margin-top:2em;
}

#IndexImageBar img{
margin-top:0em;
}

/****************************
Navigation on welcome page
****************************/

#IndexNav{
text-align:center;
/* white-space:nowrap;  More items have been added to this 
menu list, so I'm changing it to wrap and changing the alignment. */
padding:0em;
} 

#IndexNav a:link, #IndexNav a:visited {
color:#ffffff;
} 

#IndexNav ul{
margin:0em;
padding:0em;
}

#IndexNav li{
padding:0.25em;
display:inline;
line-height:1.5em;
}

li.gold{ background-color:#FFCC00; }
li.red{ background-color:#993333; }
li.green{ background-color:#7e9254; }
li.blue{ background-color:#6699cc; }
li.purple{ background-color:#9999cc; }

#IndexFooter img{
float:left;
}

/**********************************
Site standards
***********************************/
/* All other DIVs are nested in Placeholder*/

#placeholder{
padding: 0.5em;
margin: 0.5em;
position:relative;
}

#placeholder img{
float:left;
clear:both;
}

/* Header part of site
Holds heading and global navigation*/

#heading {
padding:0.5em;
margin: 0em;
margin-left:25%;
width:70%;
overflow:visible;
z-index:2;
position:inherit;
}

/* Main heading
Specified to replicate standards specified in Community Futures Common Brand Program page 23 */

#heading h1{
text-align:right;
font-weight:100;
font-size:150%;
color:#7e9254;
}

/* Global Navigation
Specified to replicate example provided in Web Design pg 2
http://www.pwcf-brand.ca/applications_12.htm 

Margins and padding have been specifically set to suit a floating layout
and keep the navigation visually inine with the main content in all 
browsers at most screen resolutions
*/

#NavBar{
color:#ffffff;
text-align:left;
background-color:#7e9254;
padding:0.5em;
margin:0em -0.5em 0em -0.5em; 
white-space:normal;
clear:none;
position:inherit;
z-index:2;
}

#NavBar a:link, #NavBar a:visited {
color:#ffffff;
}

#NavBar a:hover{
color:#FFCC66;
}

/* Page navigation
Specified to replicate example provided in Web Design pg 2
http://www.pwcf-brand.ca/applications_12.htm */

#NavColumn{
background-color:#dee3d3;
width:22%;
float:left;
clear:both; 
padding:0.5em;
padding-left:0em;
margin: 0.5em 0.5em 0em  0.5em;
font-size:90%;
font-weight:bold;
text-align:center;
}

#NavColumn h2{
font-size:110%;
clear:none;
}


#NavColumn a{
display:block;
line-height:120%;
font-weight:normal;
}

#NavColumn a:link, #NavColumn a:visited {
color:#000000;
}

#NavColumn a:hover{
color:#ffffff;
background-color:#7e9254;
text-decoration:none;
}

#NavColumn ul{
text-align:left;
}

#NavColumn li{
list-style-type:square;
}

/* Page content
Specified to replicate example provided in Web Design pg 2
http://www.pwcf-brand.ca/applications_12.htm 

Margins and padding have been specifically set to suit a floating layout
and keep the main content visually inine with the navigation in all 
browsers at most screen resolutions
*/

#MainBody{
background-color:#f6f5e6;
width:70%;
padding:0.5em;
margin: 0.5em 0em 0em 0.5em;
margin-left:25%;
z-index:1;
text-align:justify;
}

#MainBody h1{
font-weight:100;
font-size:120%;
}

#MainBody img{
float:right;
padding:0.5em;
}

/*Accessibility aid
The following rules are designed to be hidden from standard browsers
while providing shortcuts and additional information to vision-impared users 
who may be using screen readers. */

#FootNotes, a.skiplinks,  a.longdesc{
position:absolute;
left:-1000em;
width:900em;
}

#footer {
color:#CCCCCC;
font-size:80%;
text-align:center
}

#footer a:link, #footer a:visited{
color:#CCCCCC;
}

#footer a:hover{
color:#999999;
}