* {
												margin: 0;
												padding: 0;
								}

         /* hide mac \*/
								* html {
												font-size: 100%;
								}
								/* stop hide */
								
								body {
												font-size: 0.5em;
												font-family: Verdana, Helvetica, sans-serif;
								}
								#pagediv {
												font-size: 1.25em;
												/* This stops the dreadded 0.625 rounding bug in explorer */
								}
								a:link{color:#EE9C00; text-decoration: none;}
								a:visited{color:#EE9C00; text-decoration: none;}
								a:focus{color:#FF0000; text-decoration: none;}
								a:hover{color:#AA5700; text-decoration: underline;}
								a:active{color:#FF0000; text-decoration: underline;}
								a#email:link{color:#FF0033; text-decoration: none;}
								a#email:visited{color:#FF0033; text-decoration: none;}
								a#email:hover{color:#FF0033; text-decoration: underline;}
								a#deleted_content:link{color:#888888; text-decoration: none;}
								a#deleted_content:visited{color:#888888; text-decoration: none;}
								a#deleted_content:hover{color:#888888; text-decoration: underline;}
								
								
								h1     { font-size: 1.5em; 
											   font-weight: bold;	
								         margin: 0 0 1em 0;
								       } 
								h2     { font-size: 1.5em; 
											   font-weight: bold;	
								         margin: 0 0 1em 0;
								       }
								p      {  
								         margin: 0 0 1em 0;
												 font-size: 1em;
								       }
							
								img#border { border: 1px solid #000; }
								.border { border: 1px solid #000; }

				        #columnspacer { width: 3em; }
				        #columnspacerRight { width: 1em; }
								#headercolumnspacer { height: 73px; }
								#imagespacer { width: 200px; }
								#verticalspacer { height: 2em; }
								#contentspacer { width: 21em; }
								#headerleft {
												padding-top: 35px;
												width: 100%;
								}
 				        #headerright { padding-top: 29px; }
                #menuitemX {
												font-size: 1.4em;
								}
								table { font-size: 1em; }
								ul {
								  list-style: disc;
									margin: 0 0 0 1.7em;
									padding-left: 3px;
								  font-size: 1em;
					       }				
								ol {
									margin: 0 0 0 1.7em;
									padding-left: 3px;
                  font-size: 1em;
					       }				
								#menu .menulist  {
									list-style: none;
									margin: 0 0 0 0em;
									padding: 0;
								}
								#menu .menulistinner {
									list-style: none;
									margin: 0 0 0 1.7em;
									padding: 0;
									display: none;
					      }
								#menu .menulistitem a:link, #menu .menulistitem a:visited, #menu .menulistitem a:hover, #menu .menulistitem a:active {
											
												font-size: 1.6em;
												font-weight: bold;
												list-style: none;
								}

								#menu .menulistitem li a:link, #menu .menulistitem li a:visited, #menu .menulistitem li a:hover, #menu .menulistitem li a:active {
												font-size: 1.4em;
												font-weight: normal;
												list-style: none;
                 	      color:#000000; 
								}

								#menu a#heading {
                 	color:#FFF; 
									text-decoration: none;
								}
								#imagelabel {
									text-align: center;
									float: left;
									padding: 0 0 1em 0;
					      }

.outerbox#red { background: #E0004A; }
#red .boxround {   background: url(pics/mission.gif) no-repeat right top; }
#red .boxbot DIV { background: url(pics/red_bl.gif) no-repeat left bottom; }
/* #red .boxtop DIV { background: url(pics/red_tl.gif) no-repeat left top;  }
#red .boxtop { background: url(pics/red_tr.gif) no-repeat right top; }
#red .boxbot DIV { background: url(pics/red_bl.gif) no-repeat left bottom; }
#red .boxbot { background: url(pics/red_br.gif) no-repeat right bottom; } */


.outerbox#orange {  background: #EE9C00;  }
#orange .boxround {   background: url(pics/whatson.gif) no-repeat right top; }
#orange .boxbot DIV { background: url(pics/orange_bl.gif) no-repeat left bottom; }

.outerbox#green { background: #93CEC2; }
#green .boxround {   background: url(pics/aboutus.gif) no-repeat right top; }
#green .boxbot DIV { background: url(pics/green_bl.gif) no-repeat left bottom; }

.outerbox#blue { background: #4DA5D3; }
#blue .boxround {   background: url(pics/youth.gif) no-repeat right top; }
#blue .boxbot DIV { background: url(pics/blue_bl.gif) no-repeat left bottom; }

.outerbox#purple { background: #767FD1; }
#purple .boxround {   background: url(pics/contactus.gif) no-repeat right top; }
#purple .boxbot DIV { background: url(pics/purple_bl.gif) no-repeat left bottom; }

.outerbox#lilac { background: #CE5695; }
#lilac .boxround {   background: url(pics/worldissues.gif) no-repeat right top; }
#lilac .boxbot DIV { background: url(pics/lilac_bl.gif) no-repeat left bottom; }

.outerbox#brown { background: #D47D5B; }
#brown .boxround {   background: url(pics/courses.gif) no-repeat right top; }
#brown .boxbot DIV { background: url(pics/brown_bl.gif) no-repeat left bottom; }

.outerbox#dkgreen { background: #88A419; }
#dkgreen .boxround {   background: url(pics/students.gif) no-repeat right top; }
#dkgreen .boxbot DIV { background: url(pics/dkgreen_bl.gif) no-repeat left bottom; }

/* .outerbox#pink { background: #ED8CD4; } */
/*.outerbox#pink { background: #E78DD0; } */
.outerbox#pink { background: #E57AC6; } 
#pink .boxround {   background: url(pics/reviews.gif) no-repeat right top; }
#pink .boxbot DIV { background: url(pics/pink_bl.gif) no-repeat left bottom; }

.outerbox#black { background: #000; }
#black .boxround {   background: url(pics/nothing.gif) no-repeat right top; }
#black .boxtop { background: url(pics/black_tr.gif) no-repeat right top; }
#black .boxbot DIV { background: url(pics/black_bl.gif) no-repeat left bottom; }

.boxtop DIV { FONT-SIZE: 1px; WIDTH: 100%; HEIGHT: 12px; }
.boxtop { FONT-SIZE: 1px; WIDTH: 100%; HEIGHT: 12px; }
.boxbot DIV { FONT-SIZE: 1px; WIDTH: 100%; HEIGHT: 12px; }
.boxbot { FONT-SIZE: 1px; WIDTH: 100%; HEIGHT: 12px; }
.boxcontent { margin: 0px 1em; }
.boxround { margin: auto; width: 21em; min-width: 28px; text-align: left; }
.menubox { padding-bottom: 0.4em; height: auto; margin: auto; width: 21em; }