/*************/
/*  vcd_grid_nosidebar  stylesheet */
/*************/
/******************/
/* GLOBAL LAYOUT  */
/******************/
body {
font-size:62.5%;
background:#f2f2f2 url(../img/bg.gif) repeat-y center;
font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {
width:978px;
padding-top:0;
background-color:#fff;
margin:0 auto;
font-size:1em;
}

.header {
width:492px;
min-height:/*Non-IE6*/
127px;
height:/*Non-IE6*/
auto!important;
height:/*IE6*/
127px;
background:#e1e1e1 url(../img/narrowheader.jpg) no-repeat;
font-size:1em;
background-color:#FFF;
margin-left:9px;
}

.navbar {
	white-space:/*IE hack*/
nowrap;
	float:left;
	width:978px;
	background-color:#313163;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:/*Non-IE6*/
130%!important;
	font-size:/*IE6*/
120%;
	margin-left:0px;
}

/* My Comment */
/*Color navigation bar normal mode*/
.main {
clear:both;
width:958px;
padding:10px 10px 20px;
font-size:1em;
background:#fff url(../img/headerbottom.gif) repeat-x;
}

.content {
display:inline;
/*Fix IE floating margin bug*/
float:left;
width:958px;
background-color:transparent;
font-size:1em;
overflow:/*Non-IE6*/
visible!important;
overflow:/*IE6*/
hidden;
margin-top:10px;
}

.subcontent {
display:/*Fix IE floating margin bug*/
inline;
float:right;
width:270px;
background-color:#fff;
font-size:1em;
overflow:/*Non-IE6*/
visible!important;
overflow:/*IE6*/
hidden;
margin-top:15px;
}

.footer {



clear:both;



width:958px;
margin: 10px 10px 0 10px;



padding:1em 0;



background-color:#fff;
border-top:solid 1px #dcdcdc;


font-size:/*Non-IE6*/



1em!important;



font-size:/*IE6*/



1em;



overflow:/*Non-IE6*/



visible!important;



overflow:/*IE6*/



hidden;
	float: left;
}



/****************/
/*  HEADER-TOP  */
/****************/
/* SITENAME AND SLOGAN */
.sitename {
width:300px;
height:70px;
position:absolute;
z-index:1;
margin:27px 0 0 95px;
overflow:hidden;
display:none;
}

.sitename h1 {
font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
font-weight:normal;
font-size:/*Non-IE6*/
290%!important;
font-size:/*IE6*/
260%;
display:none;
}

.sitename h2 {
font-family:"Lucida Grande", Lucida, Verdana, sans-serif;
margin-top:-5px;
padding-bottom:2px;
color:#7d7d7d;
height:20px;
font-weight:normal;
font-size:/*Non-IE6*/
130%!important;
font-size:/*IE6*/
120%;
display:none;
}

.sitename a {
text-decoration:none;
color:#fff;
}

.sitename a:hover {
text-decoration:none;
}

/* BUTTON NAVIGATION */
.navbutton {
width:400px;
position:absolute;
z-index:2;
margin-top:26px;
margin-left:/*Non-IE6*/
547px!important;
margin-left:/*IE6*/
550px;
}

.navbutton ul {
float:right;
}

.navbutton li {
display:inline;
list-style:none;
}

.navbutton li a {
padding-left:3px;
}

.navbutton a:hover {
text-decoration:none;
}

.navbutton a img {
height:32px;
}

/*******************/
/*  HEADER BOTTOM  */
/*******************/
/* BREADCRUMB */
.header-bottom ul {
float:left;
width:430px;
list-style:none;
padding:/*Non-IE6*/
8px 0 3px 10px!important;
padding:/*IE6*/
8px 0 3px 10px;
}

.header-bottom ul li {
display:inline;
padding:0 0 0 10px;
background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%;
font-size:/*Non-IE6*/
110%!important;
font-size:/*IE6*/
100%;
}

.header-bottom ul li.nobullet {
display:inline;
padding:0;
background:none;
color:#4b4b4b;
}

.header-bottom ul a {
color:#7d7d7d;
font-weight:bold;
text-decoration:none;
}

.header-bottom ul a:hover {
color:#fff;
}

/* SEARCH FORM */
.header-bottom .searchform {
float:right;
width:430px;
}

.header-bottom .searchform form fieldset {
float:right;
border:none;
padding-top:5px;
padding-right:10px;
}

.header-bottom .searchform input.field {
width:15em;
height:1.2em;
padding:/*Non-IE6*/
1px!important;
padding:/*IE6*/
2px;
border:solid 1px #c8c8c8;
background-color:#fff;
font-size:/*Non-IE6*/
110%!important;
font-size:/*IE6*/
100%;
}

.header-bottom .searchform input.button {
width:4.5em;
height:1.6em;
background-color:#f0f0f0;
border:solid 1px #969696;
text-align:center;
color:#646464;
font-size:/*Non-IE6*/
110%!important;
font-size:/*IE6*/
100%;
}

.header-bottom .searchform input.button:hover {
cursor:pointer;
border:solid 1px #505050;
background-color:#dcdcdc;
color:#505050;
}

/********************/
/*  NAVIGATION BAR  */
/********************/

/* MAIN MENU */
.navbar ul {
	list-style-type:none;
}

.navbar ul li {
	float:left;
	z-index:/*Non-IE6*/

auto!important;
	z-index:/*IE6*/

1000;
	background-color:#313163;
}

.navbar ul li a {
	float:/*Non-IE6*/

none!important;
	float:/*IE-6*/

left;
	display:block;
	height:3.1em;
	line-height:3.1em;
	padding:0 16px;
	text-decoration:none;
	font-weight:bold;
	color:#ffffff;
	border-right:solid 0 #d7d7d7;
}

.navbar ul li ul {
	display:none;
	border:none;
}

/* SUBMENU (Non-IE6 hovering) */

.navbar ul li:hover {
	position:relative;
}


/*Sylvain IE hack*/

.navbar ul li:hover a {
	background-color:#313163;
	text-decoration:none;
}

/*Color main cells hovering mode*/

.navbar ul li:hover ul {
	display:block;
	width:10em;
	position:absolute;
	z-index:1000;
	top:3em;
	margin-top:.1em;
	left:0;
	padding:0 16px;
	border-top:solid 1px #d7d7d7;
}

.navbar ul li:hover ul li a {
	white-space:normal;
	display:block;
	width:10em;
	height:auto;
	line-height:1.3em;
	margin-left:-17px;
	padding:4px 16px;
	border-right:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	border-bottom:solid 1px #d7d7d7;
	background-color:#313163;
	font-weight:normal;
	color:#ffffff;
}

/*Color subcells normal mode*/

.navbar ul li:hover ul li a:hover {
	background-color:#ff9900
\;
	text-decoration:none;
	background-color: #FFffff;
	color:#313163;
}


/*Harvey Second Level Submenu Positioning*/
.navbar ul li:hover ul li ul {display:none;}
.navbar ul li:hover ul li:hover ul {display:block; position: absolute; z-index:999; margin-top:0; left:11.4em; top: 0;}

/*Color subcells hovering mode*/

/* SUBMENU (IE6 hovering) */
.navbar table {
	position:absolute;
	z-index:1000;
	top:0;
	left:-1px;
	border-collapse:collapse;
}

.navbar ul li a:hover {
	position:/*Sylvain IE hack*/
	relative;
	z-index:/*Sylvain IE hack*/
	1000;
	background-color:#313163;
	text-decoration:none;
}

/*Color main cells hovering mode*/
.navbar ul li a:hover ul {
	display:block;
	width:10em;
	position:absolute;
	z-index:1000;
	top:3.1em;
	t\op:3em;
	left:0;
	marg\in-top:.1em;
	border-top:solid 1px #d7d7d7;
}

.navbar ul li a:hover ul li a {
	white-space:normal;
	display:block;
	w\idth:10em;
	height:1px;
	line-height:1.3em;
	padding:4px 16px;
	border-right:solid 1px #d7d7d7;
	border-left:solid 1px #d7d7d7;
	border-bottom:solid 1px #d7d7d7;
	background-color:#ffffff;
	font-weight:normal;
	color:#313163;
}

/*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {
	background-color:#ffffff;
	text-decoration:none;
}


/*************/
/*  CONTENT  */
/*************/
/* CONTAINER (NO BOXES)  */
.content-1col-nobox {
width:958px;
background-color:#fff;
}

.content-2col-nobox-leftcolumn {
display:inline;
float:left;
width:478px;
background-color:#fff;
}

.content-2col-nobox-rightcolumn {
display:inline;
float:right;
width:478px;
background-color:#fff;
}

.content-3col-nobox-leftcolumn {
display:inline;
float:left;
width:478px;
background-color:#fff;
}

.content-3col-nobox-middlecolumn {
display:inline;
float:left;
width:478px;
background-color:#fff;
}

.content-3col-nobox-rightcolumn {
display:inline;
float:right;
width:318px;
background-color:#fff;
}

/* CONTAINER (BOXES) */
.content-1col-box {
width:958px;
background-color:transparent;
}

.content-2col-box-leftcolumn {
display:inline;
float:left;
width:472px;
background-color:transparent;
}

.content-2col-box-rightcolumn {
display:inline;
float:right;
width:472px;
background-color:transparent;
}

.content-2col-box {
width:472px;
background-color:#fff;
}

.content-3col-box-leftcolumn {
display:inline;
float:left;
width:313px;
background-color:transparent;
}

.content-3col-box-middlecolumn {
display:inline;
float:left;
margin-left:10px;
width:313px;
background-color:transparent;
}

.content-3col-box-rightcolumn {
display:inline;
float:right;
width:313px;
background-color:transparent;
}

.content-3col-box {
width:313px;
background-color:#fff;
}

/************/
/*  FOOTER  */
/************/
.footer p {
clear:both;
line-height:1.3em;
text-align:center;
color:#7d7d7d;
font-weight:bold;
font-size:110%;
}

.footer h2.strapline {
	clear:both;
	font-weight:bold;
	color: #fcb131;
	font-size:10px;
	text-align: center;
	margin-top:10px;
	margin-right:10px;
}

.footer a,.footer a:visited {
text-decoration:underline;
color:#7d7d7d;
}

.footer a:hover {
text-decoration:none;
color:#333;
}

/*********************/
/*  ROUNDED CORNERS  */
/*********************/
/* CONTENT */
.corner-content-1col-top {
clear:both;
width:958px;
height:7px;
background:#FFF;
overflow:hidden;
}

.corner-content-1col-bottom {
clear:both;
width:958px;
height:7px;
margin-bottom:10px;
background:transparent;
overflow:hidden;
}

.corner-content-2col-top {
width:474px;
height:7px;
background:transparent;
overflow:hidden;
}

.corner-content-2col-bottom {
width:474px;
height:7px;
margin-bottom:10px;
background:transparent;
overflow:hidden;
}

.corner-content-3col-top {
width:313px;
height:7px;
background:transparent;
overflow:hidden;
}

.corner-content-3col-bottom {
width:313px;
height:7px;
margin-bottom:10px;
background:transparent;
overflow:hidden;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after,.header:after,.header-top:after,.header-bottom:after,.navbar:after,.main:after,.content:after,.content div:after,.subcontent:after,.subcontent div:after,.footer:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.content-1col-nobox:after,.content-2col-nobox-leftcolumn:after,.content-2col-nobox-rightcolumn:after,.content-3col-nobox-leftcolumn:after,.content-3col-nobox-middlecolumn:after,.content-3col-nobox-rightcolumn:after,.content-1col-box:after,.content-2col-box-leftcolumn:after,.content-2col-box-rightcolumn:after,.content-2col-box:after,.content-3col-box-leftcolumn:after,.content-3col-box-middlecolumn:after,.content-3col-box-rightcolumn:after,.content-3col-box:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.corner-content-1col-top:after,.corner-content-1col-bottom:after,.corner-content-2col-top:after,.corner-content-2col-bottom:after,.corner-subcontent-top:after,.corner-subcontent-bottom:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

p:after {
content:".";
display:block;
height:0;
/*clear:both Do not use here to avoid paragraphs clearing next to images;*/
visibility:hidden;
}

/*home page buttons nav for orgs and vols*/
.subcatnav {
width:360px;
height:154px;
position:relative;
margin:10px 10px 10px 40px;
padding:0;
float:left;
list-style-type:none;
background:url(../img/blue-button.gif) no-repeat;
}

.subcatnav ol {
text-decoration:none;
list-style-image:none;
}

.subcatnav li {
display:block;
position:absolute;
width:360px;
list-style-image:none;
list-style-type:none;
text-decoration:none;
background-image:none;
}

.subcatnav ol li {
text-decoration:none;
list-style-image:none;
width:360px;
margin:10px 40px 10px 10px;
padding:0;
}

.subcatnav li a {
width:360px;
height:70px;
display:block;
text-decoration:none;
list-style-image:none;
}

.subcatnav .volunteer {
left:0;
background-position:0 0;
top:0;
list-style-image:none;
text-decoration:none;
}

.subcatnav .volunteer a:hover {
display:block;
background:url(../img/blue-button.gif) no-repeat -363px 0;
list-style-image:none;
text-decoration:none;
}

.subcatnav .orgs {
left:0;
background-position:0 -77px;
top:77px;
list-style-image:none;
text-decoration:none;
}

.subcatnav .orgs a:hover {
display:block;
background:url(../img/blue-button.gif) no-repeat -363px -77px;
list-style-image:none;
text-decoration:none;
}

.slideshow {
width:450px;
margin-left:20px;
float:left;
height:154px;
}

.hidden {
visibility:hidden;
}

/*home page button for promotion*/

.promotion {
	width: 360px;
	height: 154px;
	position: relative;
	margin: 0px 10px 0px 40px;
padding:0;
float:left;
	list-style-type: none;
	background: url(../img/brownbutton.jpg) no-repeat;
text-decoration:none;
}

.promotion ol {
	text-decoration: none;
	list-style-image: none;
	}	
	
	.promotion li {
    display: block;
	position: absolute;
	width: 360px;
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
	background-image: none;
} 	
.promotion ol li {
	text-decoration: none;
	list-style-image: none;
	width:  360px;
	margin: 10px 40px 10px 10px;
	padding: 0;}	
		
	.promotion li a {
	width: 360px;
	height: 154px;	
	display: block;
	text-decoration: none;
	list-style-image: none;
}

.promotion .button {
	left:  0px;
	background-position: 0px -0px;
	top: 0px;
	list-style-image: none;
	text-decoration: none;
}

.promotion .button a:hover {
	top: 0;
	display: block;
	background: url(../img/brownbutton.jpg) no-repeat -363px 0;
	text-decoration: none;
	border-style: none;
	}

.promotion .hidden {
	visibility: hidden;
}	

/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */
@media print {
.content-2col-nobox-rightcolumn {
display:inline;
float:right;
width:313px;
border-left:none;
background-color:#fff;
}
}

@media print {
.content-3col-nobox-rightcolumn {
display:inline;
float:right;
width:313px;
border-left:none;
background-color:#fff;
}
}