/*************************************************************************
/*************************************************************************
****																															********
****		FILENAME:       style.css																	********
****		DESCRIPTION:    CSS for Adoptions With Love 							********
****		CREATION DATE:  04/01/2007																********
****		LAST MODIFIED:  04/01/2007																********
****																															********
/*************************************************************************
/************************************************************************/


@media screen {

/* GLOBAL STYLES --------------------------------------------------- */

	body, html, #wrapper { margin:0px; padding:0px; }
	body {	background-color:#bee6f8; font:12px Arial, Helvetica, sans-serif;	color:#000000;}
	
	#wrapper { text-align:center;}
	#container { position:relative; z-index:1; top:0px; left:0px; width:820px; margin:auto; text-align:left; padding:0px 61px; background:url(../images/bg.gif) repeat-y;}

	img {	border: none;}
	td { vertical-align:top;}
	
	a:link, a:visited {	color:#ffffff; text-decoration:none;}
	a:hover {	color:#cc0033; text-decoration:none;}
	a.m:link, a.m:visited {	color:#000000;}
	a.m:hover {	color:#ffffff;}

	#logo { position:absolute; top:247px; left:73px; z-index:10; width:200px; }
	
	#menu { position:absolute; top:420px; left:80px; z-index:10; width:200px; }
		.button { padding:7px 0px 7px 25px;  background:url(../images/heart.gif) no-repeat 0px 3px;	color:#000000; font:bold 13px "Myriad Pro", Arial, serif;}
		.bRoll { padding:7px 0px 7px 25px;  background:url(../images/heart2.gif) no-repeat 0px 3px;	color:#ffffff; font:bold 13px "Myriad Pro", Arial, serif; cursor:pointer;}
		.bCurrent { padding:7px 0px 7px 25px;  background:url(../images/heart2.gif) no-repeat 0px 3px; color:#ffffff; font:bold 13px "Myriad Pro", Arial, serif; cursor:pointer;}
	
	#submenu { font:10px Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 0px 14px; color:#cc0033}
		#submenu a:link, #submenu a:visited, #submenu a:hover { padding:0px 0px 0px 12px}
	
	#breadcrumb  { font:10px Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px;}
	
	#menuFoot { font-size:11px; line-height:normal; padding:10px 0px 0px 5px; }

/* MAIN CONTENT AREA --------------------------------------------------- */

	#hometext { background: url(../images/bg_heart.gif) no-repeat left top; width:500px; height:450px; margin-left:200px; padding:0px 30px 0px 15px; font-size:14px;}
	.hmtxtPad { margin:15px 0px; }
	#homequote { position:absolute; top:640px; left:285px; }
	#content { margin-left:210px; width:500px; }
	
	.picRight { float:right; padding-left:15px; }
	.picLeft { float:left; padding-right:15px; }

/* TEXT STYLES --------------------------------------------------- */

	h1{	display:none; }
	h2{	font: normal 18px Georgia, Times, serif; color:#ffffff; margin:10px 0px; }
	h3{	font: normal 16px Georgia, Times, serif; color:#ffffff; margin:10px 0px;}
	h4{	font: bold 14px Georgia, Times, serif; margin:15px 0px 5px 0px;}
	h5{	font: bold 14px Georgia, Times, serif; margin:0px;}   /* MENU FOOTER */
	
	ul { margin:0px 0px 20px 35px; padding:0px;}
	li { margin:0px; padding:10px 0px 0px 0px;}

	.required { color:#d4402b; font-size:12px; font-weight:bold;}


/* FOOTER --------------------------------------------------- */

	#footer { clear:both; text-align:center; padding:20px 0px; margin-left:100px; font:12px Arial, Helvetica, sans-serif;}
	#footPhone { 	font: normal 20px Georgia, Times, serif; margin: 10px 0px; }
	
	a.foot:link, a.foot:visited { color:#666666; text-decoration:none; }
	a.foot:hover { text-decoration:underline; }
	
/* FOR PRINT VIEW --------------------------------------------------- */

	#botImg { display:block; }
	#topImg { display:block; }
	#menuImg { float:left; }
	#headerImg { display:block; padding:15px 0px 5px 0px; }

}



/* -------------------------------------------------------------------- */
/* ------------------- THESE ARE STYLES FOR PRINT --------------------- */
/* -------------------------------------------------------------------- */



@media print {

	body, html, #wrapper { margin:0px; padding:0px; }
	body { font:14px Arial, Helvetica, sans-serif; }
	
	#wrapper { text-align:center;}
	#container { position:relative; z-index:1; top:0px; left:0px; width:820px; margin:auto; text-align:left; padding:0px 61px; background:none;}

	img {	border:none;}
	td { vertical-align:top;}
	
	a:link, a:visited {	text-decoration:none;}
	a:hover {	text-decoration:none;}
	a.m:link, a.m:visited {	}
	a.m:hover {	}

	#logo { position:absolute; top:20px; left:73px; z-index:10; width:200px; }
	
	#menu { position:absolute; top:200px; left:50px; z-index:10; width:200px; }
		.button { padding:7px 0px 7px 25px;  font:bold 13px "Myriad Pro", Arial, serif;}
		.bRoll { padding:7px 0px 7px 25px;  font:bold 13px "Myriad Pro", Arial, serif; cursor:pointer;}
		.bCurrent { padding:7px 0px 0px 25px;  font:bold 13px "Myriad Pro", Arial, serif; cursor:pointer;}
	
	#submenu { font:12px Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 0px 14px;}
		#submenu a:link, #submenu a:visited, #submenu a:hover { padding:0px 0px 0px 12px}

	#breadcrumb  { font:10px Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px;}
	
	#menuFoot { font-size:11px; line-height:normal; padding-left:5px; }
	
/* MAIN CONTENT AREA --------------------------------------------------- */

	#hometext { background:none; width:440px; height:430px; margin-left:200px; padding:0px 30px 0px 15px; font-size:14px;}
	.hmtxtPad { margin:15px; }
	#homequote { position:absolute; top:580px; left:260px; }
	#content { margin-left:210px; width:500px; }
	
	.picRight { float:right; padding-left:15px; }

/* TEXT STYLES --------------------------------------------------- */

	h1{	font: normal 26px Georgia, Times, serif; margin: 10px 0px 0px 0px;}
	h2{	font: normal 20px Georgia, Times, serif; margin: 10px 0px;}
	h3{	font: normal 14px Georgia, Times, serif; margin: 10px 0px;}       			/* HOME PAGE WHITE */
	h4{	font: normal 14px Georgia, Times, serif; margin: 15px 0px 5px 0px;}     /* SUB PAGES WHITE */
	
	ul { margin:0px 0px 20px 35px; padding:0px;}
	li { margin:0px; padding:10px 0px 0px 0px;}


/* FOOTER --------------------------------------------------- */

	#footer { text-align:center; padding:20px 0px; margin-left:90px; font:10px Arial, Helvetica, sans-serif;}
	#footPhone { 	font: normal 20px Georgia, Times, serif; margin: 10px 0px; }
	
	a.foot:link, a.foot:visited { text-decoration:none; }
	a.foot:hover { text-decoration:underline; }
	
/* FOR PRINT VIEW --------------------------------------------------- */

	#botImg { display:none; }
	#topImg { display:none; }
	#menuImg { display:none; }
	#headerImg { display:none; }


}