/* QuranicPath Welcome Style sheet CSS */

img { border: none; }
a {
	text-decoration: none;
 } 

#background
	{
	background-image: url("images/green_bg3.png");
	}
	
#outer
	{
	background: url("images/second_welcome.png");
	background-repeat: no-repeat;
	border-radius: 24px;
	border: 30px solid rgb(124, 166, 88);
	width: 973px;
	
/* 	Vertical Centering */
	top: 50%;                      /* move outer element down 50% of containing  element */
	margin-top: -228px;            /* now move up by half of the height of the outer element plus the width of the border */
	
/* 	Horizontal Centering */
	left: 50%;                     /* move outer element right 50% of containing element */
	margin-left: -517px;		   /* now move left by half of the width of the outer element plus the width of the border */
	
	height: 416px;				   
	position: absolute;
	}

/* Hover border colour change */
#outer:hover
	{
	border: 30px solid rgb(148, 184, 113);
	}
	
/* Latest / Featured articles hover */

#latest_article
	{
	display: block;
	width: 415px;
	height: 43px;
	background-image: url("images/welcome_latest10.png");
	background-repeat: no-repeat;
	background-position: top;
	}

#latest_article:hover
	{
	background-position: bottom;
	}
	
#featured_article1
	{
	display: block;
	width: 462px;
	height: 43px;
	background-image: url("images/welcome_featured1.png");
	background-repeat: no-repeat;
	background-position: top;
	}

#featured_article1:hover
	{
	background-position: bottom;
	}
	
#featured_article2
	{
	display: block;
	width: 454px;
	height: 43px;
	background-image: url("images/welcome_featured2.png");
	background-repeat: no-repeat;
	background-position: top;
	}

#featured_article2:hover
	{
	background-position: bottom;
	}
	
#featured_article3
	{
	display: block;
	width: 542px;
	height: 43px;
	background-image: url("images/welcome_featured3.png");
	background-repeat: no-repeat;
	background-position: top;
	}

#featured_article3:hover
	{
	background-position: bottom;
	}
	
	
#copyright
	{
	position: absolute;
	bottom: 0;
	/* To sink the container to the bottom */
	display: block;
	width: 265px;
	height: 24px;
	background-image: url("images/copyright2015.png");
	background-repeat: no-repeat;
	background-position: top;
	position: fixed; 
	margin-left: 10px;
	margin-bottom: 20px;
	
	/* 	Horizontal Centering */
	left: 50%;                     /* move outer element right 50% of containing element */
	margin-left: -132px;		   /* now move left by half of the width of the image */
	}

	}
/* End of QuranicPath Welcome Page Style sheet */