/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––- */
/*		    STYLE SHEET FOR PARISH INTRO PAGES ON SOUTHHAMS WEB SITE	   */
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––- */

/* Call this style sheet using the following link command:                 */
/*     <link href="../../parish.css" rel="stylesheet" type="text/css" >*/
/* changing the number of ../ as appropriate.                              */

/* ======================================================================= */


/* boxes frames */
.container 	{ padding: 4px 8px; }
.content 	{ display: flex;  justify-content: space-between; width: 80%; margin: 0 auto 32px; }

/* boxes */
.box 		{ background-color: #e1e1e1; border: 2px solid gray; padding: 4px 8px; margin: 0 auto; }
.box-title 	{ font-weight: bold; margin-top: 8px; margin-bottom: -8px; }
.w300 		{ width: 300px; }
.w350 		{ width: 350px; }
.w400 		{ width: 400px; }
.w450 		{ width: 450px; }
.w600 		{ width: 600px; }

/* footer */
p.footer 	{ margin-top: 24pt; width: 600px; margin-left: auto; margin-right:auto; }

/* lists */
ul     		{ margin-left: -4px; margin-bottom: 8px; }
li      	{ font-size: 12pt; text-align: left; list-style-type: circle; }
/*** note that the left margin to the list items does not display correctly in MS Expression Web ***/