*
{
padding:0;
margin:0;
}

body {
    margin: 0;
    padding: 0;
    background-color: gray;
    background: url('http://www.cathedral-church.org/school/images/back2-2.jpg');
   background-repeat: repeat-x;
    font-family: Arial, Verdana, sans-serif;
    font-size: 100%;
    text-align: center
}
#bigbox {
    position: static;
    width: 790px;
    margin-top: 5px;      /* make this 8px if take out the link in div banner */ 
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;   /* why doesn't this put margin at bottom of page? */
    background-color: white;
    text-align: left;
}


a:link {
    color: black; }
 
a:visited {
    color: black; 
 }
a:hover { 	text-transform: none;
/*	font-weight:bold;     */
	color:purple;
	background-color: transparent;  }
a:active {
    color: black; 
  } 
a {text-decoration:none;}




a.navbar:link {  color: white; }
a.navbar:visited { color: white;}
a.navbar:hover { text-transform: none;
	     color:purple;    }
a.navbar:active { color: white; }	



ul.navbar {
    list-style-type:none;
    position: static;
    height: 30px;
    padding: 0;
    margin-left: 0;
    margin-top: 1px;
    border: 0px none black;
    background-color: black;
}

ul.navbar li { 
   display:inline;
   background-color: black;
   padding-top:4px;
   padding-right:20px;
   padding-bottom:10px;
   padding-left:45px;
   margin: 0;
   font-size: 12px;
   zoom: 1;  } 



.mlistleft {
   list-style-type:none;
   margin-left: 0;
   margin-top: 0;
   padding:1px;
}

.mlistleft li { 
   border:0px solid;
   margin:0;
   padding-left:.5em;
   zoom: 1;
   font-size: .8em;
 }




.mlistright {
   list-style-type:none;
   margin-left: 0;
   margin-top: 2px;
   padding:1px;
}


.mlistright li { 

   border:0px solid;
   margin:0;
   padding-left:.5em; 
   zoom: 1;
   font-size:.7em
}


#banner {
    position: static;
    width: 100%;
    top: 0;
    padding: 0;
    background-color: black;
}

#mainbody {
    background-color: white;
    margin: 0;
    position: static;
    padding-left: 0;
    padding-right:0;
    margin-bottom: 3px;
}

#mleftcol {
    height: 660px;
    width:20%;
    float: left;
    background-color: white;
    padding-left: 3px;
    border-right: 3px;
    border-right-color: black;
}

#mmidcol {
    height: 660px;
    width:52%;
    float: left;
    background-color: transparent;
    padding-left: 8px;
    padding-right: 0;
}

#mrightcol {
    height: 660px;
    width:23%;
    float: right;
    background-color: #eeeeee;
    padding-left: 10px;
    }

#footer {
    width:790px;
    clear: both;
    padding-top: 5px;
    text-align: center;
    color: black;
    background-color: #ffffff;
    font-size: .8em;    
}

#footer a{ text-decoration:none;  
    color: black; background-color: #ffffff;
    }


p { font-size: .8em; 
     }
    
#main-schoolid {text-align: left;
    padding-right: 3px;
    color: purple;
    font-size: .8em;
}
#mstates {font-size: .65em;
    color: #845139}



.titleimg  { margin-left:  20px;  }


.fullimage {
    position: static;
    width: 100%;
    top: 0px;
    padding: 0px;
    background-color: black;
}


#ptemplate {
    background-color: white;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    position: static;
    padding-left: 0;
    padding-right:0;
    margin-bottom: 3px;
}



th { text-align:left;
     font-size: 1em;  }

td { text-align:left;
     font-size: .8em;  }

dt  {font-size: .9em}


.listdots-in  { font-size: .8em;
	list-style-position: inside;
}


.list-in {list-style-type: none;
	font-size: .8em;
	list-style-position: inside;
}