@charset "UTF-8";
/* CSS Document */

* {
margin:0; 
padding:0;
}

html, body {
background-image: url(images/bg.jpg);
background-repeat: repeat;
}

a:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #737373; text-decoration: none; }
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #737373; text-decoration: none; }
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FF9900; text-decoration: none; }
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #737373; text-decoration: none; }


#bluebar{
margin-top: 100px;
float: left; 
width:100%;
height: 35px; 
z-index:10; 
background-color: #5187b4; 
padding:0px;
}

#bluebar2{
float: left;
width:100%;
height: 35px; 
z-index:10; 
background-color: #5187b4; 
padding:0px;
}

#content{
float: left;
width:100%;
height: 420px; 
z-index:10; 
background-color: #7bb0dd; 
padding:0px;
}

#center{
margin:0 auto;
width: 985px;
height: 420px;
z-index:10;
padding: 0px;
}

#nav{
float: left;
width:211px;
height: 420px; 
z-index:20; 
background-color: #7bb0dd; 
padding:0px;
}

#home{
float: left;
width:774px;
height: 420px; 
z-index:20; 
background-color: #7bb0dd; 
background-image: url(images/home.jpg);
padding:0px;
}

#modhmary{
float: left;
width:607px;
height: 340px; 
z-index:20; 
background-color: #7bb0dd; 
background-image: url(images/mod_bg.jpg);
padding-top: 80px;
padding-left: 60px;
}

#rosary{
float: left;
width:607px;
height: 380px; 
z-index:20; 
background-color: #7bb0dd; 
background-image: url(images/rosary.jpg);
padding-top: 40px;
padding-left: 60px;
}

#coloring{
float: left;
width:607px;
height: 380px; 
z-index:20; 
background-color: #7bb0dd; 
background-image: url(images/coloring.jpg);
padding-top: 40px;
padding-left: 60px;
}

#artist{
float: left;
width:607px;
height: 340px; 
z-index:20; 
background-color: #7bb0dd; 
background-image: url(images/artist.jpg);
padding-top: 80px;
padding-left: 60px;
}

#modtext{
float: left;
overflow: scroll;
width: 230px;
height: 260px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right: 10px;
z-index:20;
}

#arttext{
float: left;
overflow: scroll;
width: 230px;
height: 260px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right: 10px;
z-index:20;
}

#coloringtext{
float: left;
overflow: visible;
width: 230px;
height: 260px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right: 10px;
z-index:20;
}
#coloringpages{
float: left;
overflow: visible;
width: 230px;
height: 260px;
padding-top:0px;
padding-left:0px;
padding-bottom:0px;
padding-right: 10px;
z-index:20;
}

#rosarytext{
	float: left;
	overflow: scroll;
	width: 250px;
	height: 260px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right: 10px;
	z-index:20;
}




/***************FONT STYLES***************/

.bodycopy{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color: #000033;

}

.headline{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000033;
}