/* grid for products - eg schools_products.php */

#product_grid {
	position:absolute; top:40px; left:10px; width:500px; height:800px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#product_grid li {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 160px;
	height: 25%;
	padding: 0px;
	text-align: center;
}



/* home page structure */


#main_feature {
	position:absolute; top:0px; left:0px; width:860px; height:200px;
	border-width:1px;
}

#feature1 {
	position:absolute; top:250px; left:50px; width:150px; height:150px;
	border-width:1px;
}

#feature2 {
	position:absolute; top:250px; left:250px; width:150px; height:150px;
	border-width:1px;
}

#feature3 {
	position:absolute; top:250px; left:450px; width:150px; height:150px;
	border-width:1px;
}

#feature4 {
	position:absolute; top:250px; left:650px; width:150px; height:150px;
	border-width:1px;
}






/* about bar */

#about_bar {
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#about_bar li {
	display: block;
	float: left;
	margin: -10px 0px 20px 6px;
	width: 15%;
	text-align: center;
}




/* details bar */

#details_bar {
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#details_bar li {
	display: block;
	float: left;
	margin: -11px 0px 0px 0px;
	width: 25%;
	text-align: center;
}





/* navigation buttons */

#button_bar {
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#button_bar li {
	display: block;
	margin: 40px 0px 40px 0px;
	text-align: center;
}




/* pull down menus eg for schools.php */

#pdmenu_list {
	position:absolute; top:80px; left:15px; width:200px; height:200px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#pdmenu_list li {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
	width: 30%;
	padding: 0px;
	text-align:center;
	vertical-align:middle;
}


/* go button eg for menus on schools.php */

#go_button {
	position:absolute; top:150px; left:550px; width:200px; height:200px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}




/* image list eg for badges to go next to the list of schools.php */

#img_list {
	position:absolute; top:210px; left:100px; width:200px; height:200px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#img_list li {
	display: block;
	float: left;
	margin: 0px 0px 60px 0px;
	width: 30%;
	padding: 0px;
}



/* text list eg for list of schools.php */

#text_list {
	position:absolute; top:290px; left:85px; width:200px; height:200px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#text_list li {
	display: block;
	float: left;
	margin: 0px 0px 115px 0px;
	width: 30%;
	padding: 0px;
}







/* breadcrumbs */

#crumbs {
	position:absolute; top:10px; left:50px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	color:#D90404;
}

#crumbs li {
	display: block;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color:#D90404;
}





/* list for images of st josephs academy */

#main_imgs {
	position:absolute; top:0px; left:-10px; width:600px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#main_imgs li {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 25%;
	padding: 0px;
}



/* contact form for st josephs academy */

#main_form {
	position:absolute; top:265px; left:300px; width:600px; height:600px;
	list-style-type: none;
	width: 50%;
	padding: 0;
	text-align:left;
}

#main_form li {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 50%;
	padding: 0px;
}





/* bg image eg for schools.php */

#menu_list {
	position:absolute; top:40px; left:15px; width:200px; height:200px;
	list-style-type: none;
	width: 100%;
	padding: 0;
}

#menu_list li {
	display: block;
	float: left;
	margin: 0px 10px 11px 0px;
	width: 30%;
	padding: 0px;
	text-align:center;
}


/* letter links to select schools beginning with... */

#letter_select {
	position:absolute; top:120px; left:25px; width:500px; height:600px;
	list-style-type: none;
	width: 93%;
	padding: 0;
	text-align:left;
}

#letter_select li {
	display: block;
	float: left;
	margin: 0px 0px 10px 0px;
	width: 25px;
	padding: 0px;
}



/* list of schools, alphabetically */

#schools_list {
	position:absolute; top:215px; left:110px; width:600px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#schools_list li {
	display: block;
	float: left;
	margin: 0px 0px 50px 0px;
	width: 100%;
	padding: 0px;
}
/* list of school badges, alphabetically */

#schools_list_image {
	position:absolute; top:200px; left:45px; width:600px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#schools_list_image li {
	display: block;
	float: left;
	margin: 0px 0px 20px 0px;
	width: 100%;
	padding: 0px;
}


#school_products_start {
	position:absolute; top:10px; left:0px; width:600px; height:600px;
	}

	
	


/* list of sports prod types */

#sports_list {
	position:absolute; top:215px; left:100px; width:600px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#sports_list li {
	display: block;
	float: left;
	margin: 0px 0px 50px 0px;
	width: 50%;
	padding: 0px;
}
/* list of sports prod type images */

#sports_list_image {
	position:absolute; top:200px; left:30px; width:600px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#sports_list_image li {
	display: block;
	float: left;
	margin: 0px 0px 50px 0px;
	width: 30%;
	padding: 0px;
}	
	
	
	


/* list of groups, alphabetically */

#groups_list {
	position:absolute; top:110px; left:150px; width:50px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#groups_list li {
	display: block;
	float: left;
	margin: 0px 0px 88px 0px;
	width: 30%;
	padding: 0px;
}
/* list of group images, alphabetically */

#groups_list_image {
	position:absolute; top:75px; left:30px; width:100px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#groups_list_image li {
	display: block;
	float: left;
	margin: 0px 0px 50px 0px;
	width: 30%;
	padding: 0px;
}
	
	
	
	
#temp_groups_list {
	position:absolute; top:140px; left:150px; width:50px; height:600px;
	list-style-type: none;
	width: 30%;
	padding: 0;
	text-align:left;
}

#temp_groups_list li {
	display: block;
	float: left;
	margin: 0px 0px 88px 0px;
	width: 100%;
	padding: 0px;	
	}
	
#temp_groups_list_image {
	position:absolute; top:100px; left:45px; width:600px; height:600px;
	list-style-type: none;
	width: 100%;
	padding: 0;
	text-align:left;
}

#temp_groups_list_image li {
	display: block;
	float: left;
	margin: 0px 0px 20px 0px;
	width: 100%;
	padding: 0px;	
}






#information_page_txt {
	position:absolute; top:50px; left:10px; width:400px; height:600px;
	list-style-type: none;
	padding: 0;
	text-align:left;
}
#information_page_img1 {
	position:absolute; top:50px; left:450px; width:200px; height:200px;
	list-style-type: none;
	padding: 0;
	text-align:center;
}
#information_page_img2 {
	position:absolute; top:255px; left:450px; width:200px; height:200px;
	list-style-type: none;
	padding: 0;
	text-align:center;
}
#information_page_link1 {
	position:absolute; top:690px; left:10px; width:500px; height:30px;
	list-style-type: none;
	padding: 0;
	text-align:left;
}
#information_page_link2 {
	position:absolute; top:740px; left:10px; width:500px; height:30px;
	list-style-type: none;
	padding: 0;
	text-align:left;
}

#information_page_link3 {
	position:absolute; top:790px; left:10px; width:500px; height:30px;
	list-style-type: none;
	padding: 0;
	text-align:left;
}

#information_page_submit {
	position:absolute; top:590px; left:490px; width:500px; height:30px;
	list-style-type: none;
	padding: 0;
	text-align:left;
}





.crumbs {
	color:#D90404;
	list-style-type: none;
	}