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

/* the page width is set in:  .main-content   .main-logo   .nav-header    .footer    */


BODY
{
	background-image: "";		/* background image of entire page */	
    background-color: #dddddd;	/* background color of entire page */	
    font-size: 100%;			/* by defaul this should be 1em or 16px 	*/
    color: #333333;				/* normal font across the page, bullets before UL points */
    font-family: Trebuchet, Verdana, Arial, Sans-serif;
}


.header-wrapper			/* so that the main logo is left justified to the main-content */
{
	background-color:#24382a;	/* light grey blue */
	margin: 0 auto;
}

.header						/* quick links */
{
	width:960px;						/* width of the page */
	height:30px;
	margin: 0 auto;
	line-height:30px;
	background-color:#24382a;		/* light grey blue */	/*#D29849;*/
	text-align:right;
	font-size: 0.875em;		/* 16*.875 = 14px */
	color: #eeeeee;
}


.main-logo-wrapper			/* so that the main logo is left justified to the main-content */
{
	background-color:#72856d;   
	margin: 0 auto;
	/* the follow was originally placed in the .main-logo but moved here to center larger image on page */
	background-image:url("images/portdovercemetery1.jpg");
	background-repeat:no-repeat;
	border:none;
	background-position:center;	

}

.main-logo
{
	width:960px;				/* width of the page */
	height:450px;
	margin: 0 auto;
	background-color:#none;
}

.main-logo-text
{
	width:960px;				/* width of the page */
	height:350px;				/* tital is 100px  */
	margin: 0 10;
	background-color:#none;
	display: flex;
  	justify-content: flex-end;
  	align-items: flex-end;	
}




.nav-header-wrapper
{
	background-color:#72856d;	 
	/*background-image:url("images/nav-header-background.jpg");*/
	margin: 0 auto;
}

.nav-header
{
	width:960px;						/* width of the page */
	height:50px;
	background-color:#24382a;
	/*background-image:url("images/nav-header-background.jpg");*/
	text-align:right;
	font-size: 0.875em; /* 16*.875 = 14px */
	color: #000000;
	margin: 0 auto;
}

.course-nav-table
{
	background-color:#ffffff;
	margin: 10px;
	padding:0px;
	border-spacing:5px;
	border:none;
}

.course-nav-table td
{
	border:none;;
	text-align:center;
	height:42px;
}

.main-content-wrapper		/* so there can be a background colour on both sides of the .maincontent  */
{
  	background-color:#ffffff;
	overflow: hidden;
	background-color:none;
}

.main-content
{
	width:960px;				/* width of the page */
	background-color:#ffffff;  	/*#ffffff;   /*#D29849; */
	margin: 0 auto;
	overflow: hidden;
}



.address-table
{
	background-color:#ffffff;
	margin: 10px;
	padding:0px;
	border-spacing:5px;
	border:none;
}

.address-table td
{
	border:none;
	text-align:left;
	vertical-align:top;
	padding:10px;
}

.return-to-top-left
{
	text-align:left;
	padding-left:20px;
}	


.return-to-top-right
{
	text-align:right;
	padding-right:20px;
}	


p
{
  font-size: 1em;	/* 16*.875 = 14px */
  line-height:175%;
}


.footer
{
	width:960px;						/* width of the page */
	height:75px;
	background-color:#24382a;   		
	margin: 0 auto;
}

.footer-wrapper			/* so that the main logo is left justified to the main-content */
{
	background-color:#24382a;			
/*	background-image:url("images/logo-background.jpg");*/
}

.footer-break
{
	height:30px;
	background-color:#72856d;  /* blue 8590AA; */
}


.break		/* blank line between sections */
{
	clear: both;
	background-color:none;
	height: 5px;
	margin-left:auto; 
	margin-right:auto;	
}



.full-column
{
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  background-color:#ffffff;  /*#D29849; */
  padding:5px;
  border:none;
}

  
.big-column
{
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  background-color:#ffffff;  /*#D29849; */
  padding:5px;
  border:none;
  width:560px;
}


.small-column
{
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;
  background-color:#ffffff;  /*#D29849; */
  padding:5px;
  border:none; 
}



H1
{
	/*use EM for font size 1em=16px*/
	font-size: 2em;				/* 32px/16=2em */
	font-weight: bold; 
	color: #505050;               /*#4FA8C2;         /*  #D97441;    /* #555555; */
	margin-left: 1px;
	margin-top: 20px;
	margin-bottom: 10px;		
}


.title
{
	font-size: 3em;;				/* titles like Course Links, School Links .. */
	font-weight: bold; 
	color: #fff;               /*#4FA8C2;         /*  #D97441;    /* #555555; */
	line-height: 100px;
	margin-left: 10px;
	
}


hr
{
	border: none;
    height: 1px;
    /* Set the hr color */
    color: #ddd; /* old IE */
    background-color: #ddd; /* Modern Browsers */
	margin:17px;
}
		

a
{
	color:#333333;
	text-decoration: none;
	font-weight:normal;
}


a:hover
{
	color: #FF0000;
	/**
	box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
	transform: translateZ(25px) rotate(3deg);
	**/
}
	
img
{
	 border: 1px solid #555; 
  	 padding: 5px;
}