/* Stylesheet 1 Autims Services Inc. */

/* Main Body Style for index page only*/

/* css meyer reset */

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	color: #E6FFFF;
			}
/* remember to define focus styles! */
		:focus {
				outline: 0;
			}
		body {
				line-height: 1;
				color: black;
				background: white;
			}
			ol, ul {
				list-style: none;
			}
/* tables still need 'cellspacing="0"' in the markup */
			table {
				border-collapse: separate;
				border-spacing: 0;
			}
			caption, th, td {
				text-align: left;
				font-weight: normal;
			}
			blockquote:before, blockquote:after,
			q:before, q:after {
				content: "";
			}
			blockquote, q {
				quotes: "" "";
			}


/* new styles added below */

			body 
			{
			background-color:#eeeeee;
			}	

			#wrapper
			{
			background-image: url('images/white1.gif'); background-position: center top; background-repeat: repeat-y; border: 0; margin: 0px 0px 5px 0px; padding:0 0 0px 0; 
			}

			#head 
			{
			margin-top: 20px;
			width: 960px;
			height: 140px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0;
			padding:0;
			background-image: url('images/head2.jpg'); background-position: center top; background-repeat: no-repeat; border: 0; 
			}

			#head h1
			{
			color: #006699;
			font: italic bold 17px "Georgia", serif; 
			padding:65px 10px 18px 390px;
			}

			#search
			{
			padding:10px 5px 0px 730px;
			}
			
/* css for menu list */

			#navcontainer
			{
			width: 960px;
			margin: 0 auto 0 auto;
			background-color:#669933;
			padding: 4px 0;
			}

			#navcontainer ul
			{
			list-style-type: none;
			padding: 0;
			margin: 0;
			border: none;
			} 

			#navcontainer ul li { display: inline;  }

			#navcontainer ul li a
			{
			text-decoration: none;
			background-color: #669933;
			color: #FFF;
			padding: 4px 24px;
			border-right: 1px solid #fff;
			font: bold 80% arial, helvetica, sans-serif;
			margin: 0;
			}

			#navcontainer ul li a:hover
			{
			background-color: #99cc33;
			color: #ffffff;
			padding: 4px 24px;
			}

			
/*Top Section*/			

			#toppics 
			{
			margin: 5px auto 0 auto;
			width: 960px;
			height: 248px;
			padding: 0;
			background-color: transparent;
			border:0;
			}

			#slideshow {
			position:relative;
			height:248px;
			width: 680px;
			margin-top: 10px;
			margin-left: 12px;
			float: left;
			}

			#slideshow IMG {
		    position:absolute;
			top:0;
			left:0;
		    z-index:8;
		    opacity:0.0;
			}

			#slideshow IMG.active {
		    z-index:10;
		    opacity:1.0;
			}

			#slideshow IMG.last-active {
		    z-index:9;
			}

			#pic2
			{
			background-image: url(images/greybox3.jpg); background-position: right top; background-repeat: no-repeat; 
			border: 0; margin: 10px 10px 0px 0px; padding:0 0 10px 0; 
			float: right;
			width: 250px;
			}

			#pic2 h3
			{
			color: #ffffff;
			/*text-transform: uppercase;*/
			font: bold 18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; 
			line-height: 24px;
			padding: 12px 0px 5px 30px;
			}
		
			#pic2 ul
			{
			list-style-type: none;
			padding: 0;
			padding-left: 30px;
			padding-bottom: 5px;
			}	

			#pic2 li
			{
			background-image: url(images/check.png);
			background-repeat: no-repeat;
			background-position: left center;
			}

			#pic2  ul li a
			{
			padding-left: 30px;
			padding-bottom: 5px;
			padding-top: 5px;
			text-align: left;
			font: bold 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
			text-decoration: none;
			color: #ffffff;
			display: block;
			}

			#pic2 ul li a:hover
			{
			background: transparent url(images/checkg.png) left no-repeat; 
			color: #99cc33;
			}

			#now a
			{
			float:right;
			padding: 5px 40px 0px 0;
			width:106px;
			background-image:url(images/donatenow7.png); background-position:top; background-repeat:no-repeat;  margin: 0;
			}

			#now a:hover
			{
			background-image:url(images/donatenow4.png); background-position:top; background-repeat:no-repeat; padding: 5px 40px 0px 0; margin: 0;}



/*Mid Section*/	

			#midcontent 
			{
			width: 960px;
			margin:20px auto 15px auto;
			border: 0;
			padding: 0;
			}


/* css for vertical menu list */
			
			#navcontainer2
			{
			width: 213px;
			height:270px;
			margin: 0px 0px 0px 5px; 
			background: transparent url(images/greenbg4.png) left top no-repeat;
			padding: 0px 0px 0px 0px;
			float: left;
			}
			
			#navcontainer2 h2 
			{
			text-align: center; 
			font: bold 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; 
			color: #ffffff;
			padding-bottom: 10px;
			padding-left: 0px;
			margin: 0;
			padding-top:10px;
			}

			#navcontainer2 ul 
			{
			list-style-type: none;
			padding: 10px;
			margin: 0;
			}

			#navcontainer2 ul li a
			{
			padding-left: 30px;
			padding-bottom: 5px;
			padding-top: 5px;
			text-align: left;
			font: normal 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
			text-decoration: none;
			color: #669933;
			border-bottom: 2px dotted #669933;
			display: block;
			}

			#navcontainer2 ul li a:hover
			{
			background: transparent url(images/arrowWs.png) left center no-repeat; 
			background-color: #669933;
			color: #ffffff;
			border-bottom: 2px dotted #669933;
			font-weight: normal;
			padding-right: 8px;
			}

			#newsletter 
			{
			margin: 30px 0 0px 10px;
			width: 200px;
			float: left;
			
			}
			#newsletter h2
			{
			font: bold 15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
			text-align: left;
			color: #669933;
			padding:5px 0 8px 0;
			}
			
			#newsletter p
			{
			font: normal 11px verdana, sans-serif; 
			line-height: 28px;
			color: #333333;
			}

			#form table tr td
			{
			font: normal 11px verdana, sans-serif; 
			color: #333333;
			width: 180px;
			padding: 2px 0;
			background-color: #ffffff;
			border: 0;
			text-align: left;
			}

			.butt {
			/*background-color: #669900;
			color: #ffffff;*/
			font-size: 11px;
			}

			#canadahelps1
			{

			margin: 10px 0 0px 10px;
			width: 200px;
			
			float: left;
			padding-top: 35px ;
			padding-left: 20px;
			padding-bottom: 5px;
			}


			#facebook
			{
			margin: 30px 0 0px 10px;
			width: 200px;
			float: left;
			padding-bottom: 20px;
			}
			
			#facebook p
			{
			font: bold 13px verdana, sans-serif; 
			text-align: left;
			color: #669933;
			padding:5px 0 0px 0;	
			}
			
			#facebook a
			{
			font: bold 13px verdana, sans-serif; 
			color: #669933;
			text-decoration: none; 	
			}
			#facebook a:hover
			{
			font: bold 13px verdana, sans-serif; 
			color: #669933;
			text-decoration: underline; 	
			}
			
			
			#smartstart
			{
			margin: 30px 0 0px 10px;
			width: 200px;
			float: left;
			padding-bottom: 20px;
			}
																

			#smartstart h1
			{
			font: bold 13px verdana, sans-serif; 
			text-align: left;
			color: #669933;
			padding:5px 0 0px 0;	
			}
			
			#smartstart p
			{
			font: bold 11px verdana, sans-serif; 
			text-align: left;
			color: #669933;
			padding:5px 0 0px 0;	
			}
			
			#smartstart a
			{
			font: bold 11px verdana, sans-serif; 
			color: #669933;
			text-decoration: none; 	
			}
			#smartstart a:hover
			{
			font: bold 11px verdana, sans-serif; 
			color: #669933;
			text-decoration: underline; 	
			}
			
			
			
			#content
			{
			width: 460px;
			
			background-image: url(images/bluebg2.png); background-position: center top; background-repeat: no-repeat; border: 0;
			float: left;
			margin: 0px 0px 0 31px;
			padding-left: 0px;
			background-color: #ffffff;
			}

			#content h1 
			{
			font: bold 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; 
			color: #ffffff;
			text-align: center;
			margin-top: 0;
			padding: 10px 0px 10px 0px; 
			}
		
			#content h2 
			{
			font: bold 16px verdana, sans-serif; 
			color: #006699;
			text-align: left;
			margin-top: 0;
			padding: 0px 0px 0px 15px; 
			}
			
			#content h4
			{
			font: bold 13px verdana, sans-serif; 
			line-height: 16px;
			color: #006699;
			padding: 10px 0px 0px 15px;
			}

			#content h5 
			{
			font: bold 16px verdana, sans-serif; 
			color: #006699;
			text-align: left;
			margin-top: 0;
			padding: 20px 0px 15px 10px; 
			}
			
			#content p 
			{
			font: normal 11px verdana, sans-serif; 
			line-height: 16px;
			color: #333333;
			padding: 10px 15px 0px 15px;
			}
			
			#content a
			{
			font: bold 11px verdana, sans-serif; 
			color: #006699;
			line-height: 16px;
			text-decoration: none;
			
			}
			#content a:hover
			{
			font: bold 11px verdana, sans-serif; 
			color: #006699;
			line-height: 16px;
			text-decoration: underline; 
			}

			#content hr
			{
			color: #cccccc; background-color:#cccccc;;
			width: 430px;
			height: 1px;
			}

			#content ul 
			{
			font: normal 11px verdana, sans-serif; 
			line-height: 16px;
			color: #333333;
			padding: 5px 10px 0px 30px;
			list-style-type: disc;	
			}
			
			#content ul li 
			{
			font: normal 11px verdana, sans-serif; 
			line-height: 16px;
			color: #333333;
			padding: 5px 10px 0px 5px;
			}
		

			#firstp:first-letter
			{
			float: left; font-size: 300%; line-height: 0.8; color:#006699;
			}

			#news
			{
			float:right;
			width: 213px;
			margin: 0px 5px 0px 0px; 
			background: transparent url(images/purplebg.png) right top no-repeat; border:0;
			padding: 0px 0px 0px 0px;
			background-color: #ffffff;
			}

			#news h1 
			{
			font: bold 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; 
			color: #ffffff;
			text-align: center;
			margin-top: 0;
			padding: 10px 0px 10px 0px; 
			}


			#news h2
			{
	color: #906;
	padding: 10px 0px 0px 10px;
	font-family: verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
			}

			#news p
			{
	font: normal 11px verdana, sans-serif;
	line-height: 16px;
	color: #333333;
	padding: 0px 5px 5px 10px;
	font-family: verdana, sans-serif;
			}

			#news a
			{
			font: bold 11px verdana, sans-serif; 
			color:  #990066;
			line-height: 16px;
			
			text-decoration: none;
			}

			#news a:hover 
			{
			text-decoration: underline;
			}
		
			#footer
			{
			width:960px;
			height: 98px;
			padding: 0px 0;
			background-image: url(images/banner3.gif); background-position: center top; background-repeat: no-repeat; border: 0;
			text-align: center;
			margin: 0px auto 0px auto;
			clear: both;
			}

			#bottomfooter
			{
			width: 960px;
			margin: 0 auto 0px auto;
			background-color:#669933;
			padding: 0;
			height: 30px;
			}
			
			#bottomfooter p
			{
			color: #FFF;
			padding: 5px 10px;
			text-align: center;
			font: bold 13px arial, helvetica, sans-serif;
			}

			#outsidebottom p
			{
			font: bold 10px verdana, sans-serif; 
			color: #333333;
			margin-bottom: 5px;
			text-align: center;
			line-height: 15px;
			}

			#outsidebottom a
			{
			font: bold 10px verdana, sans-serif; 
			color: #333333;
			margin-bottom: 5px;
			text-align: center;
			text-decoration: none;
			}

			#outsidebottom a:hover
			{
			text-decoration: underline;
			}
.april {
	text-align: center;
}
.april {
	color: #69A5CA;
}
.april {
	font-size: larger;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}