body,
	html {
		margin:0;
		padding:0;
		background:#cccccc;
		color:#000;
		font-size:0.9em;
	}
	body {
		min-width:950px;
		font-family: verdana,arial,sans-serif;
        }
	body h1{
		font-size: 2em;
		font-weight: lighter;
		color: #666666;
	}
	body h2{
		font-size:1.5em;
		font-weight:lighter;
	}
	body h3{
		font-size:1em;
		font-weight:bolder;
	}
	a:link{
                color: #000;
        }
        a:visited{
                color: #666666;
        }
        a:active{
                color: red;
        }
        a:hover{
                color: red;
        }
        img{
                border: none;
        }
        .skip {position: absolute; top: -4em; display: none} /*Opera*/
        * html .skip {display: block; position: absolute; top: -4em; left: 0; z-index: 0} /*Seen by IE*/
        html:not([dummy]) .skip {display: block; position: absolute; top: -4em; left: 0; z-index: 0} /*Seen by Moz and FF*/
        .skip a {padding: 0 0.5em; left: 0; width: 8em; z-index: 0}
        .skip a:focus, .skip a:active {display: inline; z-index: 2; border: solid black 1px; background-color: black; color: white; text-decoration: none; position: absolute; top: 6.5em; left: 0}
        .skip a:hover {cursor: default}
	#wrap {
		margin:0 auto;
		padding-top:2em;
		width:950px;
		overflow: hidden;
	}
	#search {
                width:950px;
                text-align: right;
        }
        #sidebar {
		float:left;
		width:200px;
		padding-top: 3em;
		/*border-right: 4px solid white;*/
		padding-bottom: 20010px;  /* X + padding-bottom */
                margin-bottom: -20000px;  /* X */

	}
	#sidebar h1, #sidebar h3, #sidebar p {
		padding:0 10px 0 40px;
        }
        #sidebar a{
		text-decoration:none;
	}
        #sidebar .address {
                font-family: officina, sans-serif;
		font-size:0.8em;
        }
        #sidebar .hands_on {
                text-align: center;
                margin-top: 8.1em;
        }
        #sidebar .newsletter h1{
		margin:3em 0 0 0;
		font-size: 1.3em;
		color: red;
        }
        .newsletterp{
		margin-top:0;
		font-size: 0.8em;
        }
        .newsletterform{
		margin:0 0 0.3em 0;
		font-size: 1em;
        }
        .newsletterformred{
		margin:0 0 0.3em 0;
		color: red;
		font-size: 1em;
        }
        p#disclaimer {
                margin-top:0;
                font-family: verdana,arial,sans-serif;
		font-size:0.7em;
		line-height: 1;
        }
        .main-background {
		float:right;
		width:797px;
		overflow:hidden;
		background-repeat:no-repeat;
	}
        #main {
		float:left;
		width:747px;
		overflow: hidden;
		background: white;
		margin-top: 0px;
		margin-bottom: 0px;

	}
	#main ul {
		margin-bottom:0;
        }
        #main h3, #main p {
		padding:0 10px 0 0;
        }
        #nav {
		width:747px;
                padding:3px 0 0 0;
		text-align:center;
		background:#cccccc;
	}
	#nav a{
		text-decoration:none;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	#banner {
		background:#cccccc;
		border-top: 3px solid red;
		border-bottom: 3px solid red;
		margin:0;
                padding:0;
	}
	#banner a.menu_opacity img {
                display: block;
                filter:alpha(opacity=50);
                -moz-opacity: 0.5;
                opacity: 0.5;
        }

        #banner a.menu_opacity:hover img {
        filter:alpha(opacity=100);
        -moz-opacity: 1.0;
        opacity: 1.0;
        }
	#content_vspacer{
                height:1em;
                /*background: white;*/
        }
	#content-wrap {
		margin:0;
		padding-top: 2em;
		width:747px;
                height:auto !important;
	}
	#content {
		float:right;
		width:520px;
		min-height:230px;  /* gives the content a minimum height. Otherwise the background image gets cut off*/
                height:auto !important;
                height:230px;
                padding-bottom: 2em;
	}
	#content h1, #content h2, #content h3, #content p, #content form, #content table {
		padding:0 10px;
        }
        #content h3 {
		padding-bottom: 0;
		margin-bottom: 0;
        }
        #content .no_vspace {
		padding-top: 0;
		margin-top: 0;
        }
        #content h3.volopps_agency a { 
                margin-top: 3em;
                background-color:#909090;
                display: block;
                color:white;
                text-decoration:none;
        }
        #content h3.vspace {
                margin-top: 3em;
        }
        #content a {
                color: red;
        }
	#submenu {
          /*min-height:400px;  /* gives the content a minimum height. Otherwise the background image gets cut off*/
                min-height:auto !important;
                height:100%;
		float:left;
		width:220px;
		line-height:2;
                padding-top: 0.2em;
	}
	#submenu p{
		padding: 2.5em 0;
		line-height: 1.2;
		font-size: 3em;
		color: #e4c191;
		text-align: center;
	}
	#submenu a{
		text-decoration:none;
	}
	#submenu ul {
		margin-bottom:0;
                list-style:none;
        }
        #submenu li {
		padding: 0.5em 0;
		line-height: 1;
        }
        #submenu li p{
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
		font-size: 0.8em;
		text-align: left;
        }
        #submenu li p a{
		color:red;
        }
        #footer-spotlight {
                float: left;
                width: 950px;
                padding-bottom: 10010px;
                margin-bottom: -10010px;
        }
        #spotlight {
                width: 747px;
                clear: both;
                margin-left: 25px;
        }
        #spotlight .billboard {
            float: left;
                margin-left: 5px;
                padding-left: 10px;
                margin-bottom: 10px;
                padding-bottom: 10px;
                display: inline;
                width: 155px;
        }
	#footer-wrapper {
                float: left;
                position: relative;
                width: 950px;
                padding-bottom: 10010px;
                margin-bottom: -10000px;
		border-top: 5px solid red;
                background: #cccccc;         /* Same as body
                                             background */
        }
	#footer-wrapper2 {
                margin-top: 2px;
                border-top: 1px solid black;  /* little black line below the footer's red line*/
        }
	#footer {
		clear:both;
		position: relative;
	}
	#footer p {
		padding:4px;
		margin:0;
		font-family: verdana,arial,sans-serif;
		font-size:0.7em;
        }
        #footer p.float_right {
		float:right;
        }
        #footer a{
		text-decoration:none;
	}

        #printonly{
                display:none;
        }

/* Community Resources List creation section*/
table.grey {
            font-size: 0.8em;
            color: #c0c0c0;
           }
.active {
         color: black;
         border: 1px solid black;
       }
       
.small {
        font-size: 0.8em;
       }

.cell {
       border-top: 1px solid #c0c0c0;
      }
      
.selectcell {
             text-align: right;
            }

.instructions {
               border: 1px solid #c0c0c0;
              }
              
.bottom {
         margin-bottom: 2em;
        }
        
.banner {
         display: none;
        }

.fcoanoshow {
	      color: red;
	      margin-top: 0px;
             }
/* END Community Resources List creation section*/