/* mhc blue = #01209f & gold =#ffd200  */


/* TAG DEFINITIONS */

body 	{ 	
		
		background: url("../../imgs/ephdetail.gif") fixed left;
		color: #01209f;
		font-size: 12pt;
		font-family: Garamond, "Book Antiqua",  
			"Times New Roman", Times, serif; 
		}

img { border: none; } 		

a:link {color: firebrick; text-decoration: none;}
a:visited {color:darkgoldenrod; text-decoration: none;}
a:active {color:darkviolet; text-decoration: none;}
a:hover {color: green; text-decoration: underline;}
a.navbar:hover {color: green; text-decoration: underline; background: white;}


table 	{ border: 0pt; cell-spacing: 0px; }

td 	{ padding: 0pt; }


H1 		{		
		
		font-size: 22pt; 
		margin-top: .75em;
		margin-bottom: .5em;
		font-variant: small-caps;
		
		}



H2		{
		
		font-size: 20pt;
		margin-top: .6em;
		margin-bottom: .5em;
		font-variant: small-caps;
		
		}


H3		{
		
		font-size: 16pt;
		margin-top: .2em;
		margin-bottom: .5em;
		font-variant: small-caps;
		
		}

P { margin-top: .5em;
	margin-bottom: .5em; }


/* CLASS DECLARATIONS */

.white { color: white; }

.black { color: black; }

.gold { color: #ffd200; }

.blue { color: #01209f; }

.darkback { background-color: darkgoldenrod; }

.goldback { background-color: #ffd200; }

.blueback { background: #01209f; }

.blackback { background: black; }

.whiteback { background: white; }

.center { text-align: center; }	

.right { text-align: right; }

.left { text-align: left; }

.just { text-align: justify; }			

.small { font-size: 10pt; }

.medium { font-size: 12pt; }

.large { font-size: 16pt; }

.big { font-size: 18pt; }

.giant { font-size: 32pt; }

.pad { padding: 10px; margin-left: .5em; margin-right: .5em; }

.tight {  margin-top: 0em; margin-bottom: 0em;  }	

.top { margin-top: 1em; margin-bottom: 0em; }

.bottom { margin-top: 0em; margin-bottom: 1em; }

.wide	 { 		margin-top: 0em;	margin-bottom: .75em; }
				
.indent	 { 			margin-left: 15px; 			 }	
			 
.rindent { margin-right: 1em; }

.fl { text-indent: 1em; }

.hang { text-indent: -.5em;}

.box { border: solid; border-width: 2px; border-color: #ffd200; padding: .75em; }

.fill { border: solid; background-color: white; color: black; padding: 1em; }

.center { text-align: center; }				



/* ID DECLARATIONS */


#pagetop {

		position: fixed;
		width: 100%;
		top: -5px;
		left: -5px;
		height: 141px;
		z-index: 10;
		
		}

#name { 
       
       background: #01209f;
       position: absolute;
       left: -5px;
       top: -5px;
       width: 100%;
       height:100px;
       padding-left: 35px;
       z-index: 10;
       font-size: 18pt;
       font-variant: small-caps;
    
    }
    
    
#logo {

   	position: absolute;
   	right: 20px;
   	top: 10px;
   	z-index: 12;
   	
   	}
   	
#navbar {
		
		background: #ffd200;
		color: #01209f;
		position: absolute;
		width: 100%;
		left: -5px;
		top: 95px;
		height: 36px;
		font-size: 10pt;
		padding: 10px; 
		text-align: center;
		z-index: 10;
}


#content {

		position: absolute;
		top: 155px;
		width: 100%;
		
		}

#description {

		position: absolute;
		top: 0px;
		left: 0px;
		width: 23%;
		margin: 3px;
		padding: 7px;
		font-size: 11pt;
		text-indent: 1.5em;
		text-align: justify;
		
		}
    
 #illustration {
 
         position: absolute;
         top: 0px;
         left: 26%;
         width: 48%;
         text-align: center;
 }
 
 #centerpiece {
 
         position: absolute;
         top: 0px;
         left: 26%;
         width: 48%;
         text-align: left;
		 padding: 10px;

		}
		
#rightbar {

		position: absolute;
		top: 0px;
		left: 75%;
		width: 21%;
		padding: 5px;
		
		}


#moodlink {
		
		background: mistyrose; 
		border: solid;
		border-color: blue;
		border-width: 1px;
		color: darkblue;
		padding: 2% 2% 2% 5%;
		margin-bottom: 10px;

		}
		
		
#downloads {

		position: absolute; 
		top: 0px;
		left: 75%;
		width: 21%;
		height: 149px;
		padding: 1%;
		
		}

#sitelinks {

		position: absolute;
		top: 0px;
		left: 75%;
		width: 21%;
		font-size: 10pt;
		border: solid;
		border-color: blue;
		border-width: 1px;
		padding: 1%;
		
		}    

#links {

		position: absolute;
		top: 130px;
		left: 75%;
		width: 21%;
		font-size: 10pt;
		padding: 1%;
		
		}    
		

#linkslow {

 		position: absolute;
 		top: 250px;
 		left: 75%;
 		width: 21%;
 		padding: 1%;
 		
 		}

#specialization {
		
		background: white;
		position: absolute;
		top: 13px;
		left: 55%;
		width:30%;
		height: 47px;
		border: solid; 
		border-width: 2px; 
		border-color: #ffd200; 
		padding: 10px;
		text-align: justify;
		font-size: 9pt;
		font-family: "Baskerville Old Face"; Palatino; serif;
		z-index: 11;
	}
	
#titleandcontact {
		
		position: absolute; 
		top: -15px;
		left: 0px;
		width: 21%;
		padding: 1%;
		z-index: 9;
		
			}

#schedule {

		background: mistyrose; 
		color: darkblue;
		padding: 1%;
		position: absolute;
		top: 0px;
	     left: 24%;
	     width: 24%;
	     z-index: 9;
	     border: solid;
	     border-color: blue;
	     border-width: 1px;
         
		}
		
#othercourses  {

		background: lightyellow;
		padding: 1%;
		position:absolute;
		top: 0px;
		left: 51%;
		width: 21%;
		font-size: 10pt;
		z-index: 6; 
		
		}