body {
   margin: 0px;
   padding: 0px;   
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {  
   color: #9C309C;
   font-size: 1.6em;
   font-weight:normal; 
   }	   
	    
h2,h3,h4, h5 {color: #008284;}		
		
h2  { font-size: 1.1em;} 
h3  { font-size: .9em;}  
h4  { font-size: .7em}
h5  { font-size: .65em}
p   { font-size:.75em; color:#636163; line-height: 1.4em}

a {color: #9C309C;}
a:hover { color:#FFFFFF; background-color:#E7A6E7}
#subpage #left p {color:#CCCCFF;}
ul {list-style: none;  font-size:.8em;}   

#page, #subpage{
   width: 750px;
   margin: 10px auto 10px auto;	   
   background-position: 20px  50px;
   background-repeat:no-repeat; 
}


#page {background-image:url(../images/sidecurves.gif);}

#subpage {background-image:url(../images/sidecurves2.gif);}

#banner {overflow:hidden; height:79px; position:relative}

#banner h1{
   text-decoration:none; 
   color:#ffffff;  
   text-align:right; 
   font-size: 1.3em; 
   margin: 26px 20px 0px 0px; 
   overflow:hidden;
}


/*lh content */
#left {
      float: left;
      clear:none;
      width: 199px;
      margin:0px; 
      padding: 0px;
     /* background-color:#FFF7FF;
	  background-color:#F7FBF7; */
	 /* background-color:#844DA5 */
	  background-color: transparent;
	  padding-bottom:1000px
      }
	  
#subpage #left { 
   background-color:#55216E;
   background-image:url(../images/sidecurves2.gif);
   background-position: 20px  -50px;
   background-repeat:no-repeat;   
   padding-bottom: 1600px }	  
	
.leftcontent {
   padding: 80px 20px 80px 20px;
   }	
 	
#subpage #left img {
   margin-top:-70px; 
   padding:0px; 
   text-align : center; 
   overflow:hidden
   }  	  
   

	  
#left p {padding : 5px 10px;
         }	
		 
#left h4  {font-size: .8em; font-weight: normal; margin:0px 0px 0px 3px;   }	 

#subpage #left h5{color: #ccc0ff;}		
#subpage #left h4  {font-size: .8em; font-weight: bold;  margin:0px 0px 5px 3px; 
       color: #ccc0ff  }	

		 
#subpage #left ul   {margin: 9px} 
#subpage #left ul li {color: #EFEBFF;}	
#subpage #left a,  
#subpage #left a:active,  
#subpage #left a:link,  
#subpage #left a:visited{
        padding: 3px 0px 3px 0px;
		color:#ffffff; 
		text-decoration:none;}
   
#left a:hover {
   color:white;
   background-color: #9C309C
   }   
    
#left ul  {
   margin: 0px; 
   padding: 0;
   } 
#left ul li {
   margin: 0px; 
   padding: 1px 0 10px 0; 
   font-size: .85em;  
   }	 
#left a, 
#left a:active, 
#left a:link, 
#left a:visited{
	font-weight: bold;
	padding: 3px;
	color:#993399; 
	text-decoration:none;
	}
		
#left li a:hover {
   color:white;
   background-color: #9C309C
   }   		
   
/* main content */     
#main {
      margin:0px; padding:0px;
      vertical-align: center;  
	  width:550px;
	  float:left;
	  clear:none;
      }

div.maincontent {margin: 20px 40px 40px 20px; }
  
#subpage .maincontent ul { list-style-type:circle}

.article{
   border:solid 1px #FFEBFF; 
   background-color:#FFF3FF;
   padding: 20px;
   margin: 20px -20px;
   }

.article p{ 
   color: #000000;  
   font-size:small;
   }
.article a, .article a:active, .article a:link,.article a:visited{
   color: #7371BD; 
    padding: 1px 2px; }

.article a:hover {
   background-color:#9999CC; 
   color: white; 
   padding: 1px 2px;}




.sitemap ul ul{font-size: 1em;}



   
/* 
#main  ul li a{display: block}  
   
#main ul li{  margin: 1px ; width: 20em;
              font-weight: normal;
              font-size: .9em}
#main  a,			  
#main  ul li a,
#main  ul li a:link,
#main  ul li a:active,
#main  ul li a:visited { 
   padding:2px 0px 2px 5px; 
   background-color:#FFDFE7; 
   color:#5A1C5A;}
   
#main  a:hover,   
#main  ul li a:hover {background-color:#52206B; color: #ffffff;}

*/   

ul.modality {
   list-style:none; 
   padding: 0px; 
   margin: 0px;
   }

ul.modality li.modality {
   width: 40%;
   float:left;
   clear:left;
   font-size: .9em; 
   padding-top: 5px;
   }
   
 li.modality a,
 li.modality a:link,
 li.modality a:visited,
 li.modality a:active{
   color: purple; 
   padding: 0px 3px; 
   margin: 0px;
   text-decoration: none;
   background-color: none;
   }

 li.modality a:hover {
   background-color: purple; color:white;  }   

ul.modality li.modality a:hover {
   background-color: purple; color:white;  }   
   
   
   
ul.modality li.modalitydescription {
  clear: right; 
  background-color:#9999CC;
  width: 250px;
  margin:0px 0px 1px 0px; 
  font-size: .8em; 
  position:relative;
  display:block; 
  
}

ul.modality li.modalitydescription a,
ul.modality li.modalitydescription {
   color:white; 
   text-decoration: none; 
   margin:0px 0px 1px 0px; display:block; padding:3px;
   float: left;
   }

ul.modality li.modalitydescription:hover,
ul.modality li.modalitydescription a:hover {
  color: purple;
  background-color: #EFEBF7; margin:0px 0px 1px 0px; display:block;
  }

ul.modality li.modalitydescription  ul{
  font-size:1em; 
  margin:0px; 
  padding: 0px;
   }
















/* Navigation */


#nav, #nav ul {
	float: left;
	clear: both;
	list-style: none;
	line-height: 1;
	background: white;
	width:750px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;	
	padding: 0px;
	border: solid #F7DFF7;
	border-width: 1px 0;
	margin: 0px;
}

#nav a {
	display: block;
	color: #9C309C;
	text-decoration: none;
	padding:.35em .9em 0.35em .9em ;        
}

#nav a:hover {color: #fff}

#nav li {
	float: left;
	padding: 0;
	margin-right:.8em;
	margin-left: 2em;
	
}

* html #nav li {margin-left: 1.1em;}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 17em;
	w\idth: 16em;
	font-weight: normal;
	border-width: 0.1em;
	margin: 0;
	font-size: 1em;	
	z-index:1;
}

#nav li li {
	padding-right: 0em;
	width: 13em;
        margin-left: 0em;
        margin-right: 0em;
 
}

#nav li ul a {
	width: 17em;
	w\idth: 15.9em;
    font-size:.9em ; 
    margin-right:0em;
    padding-right: .9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #E7A6E7;
	color:#FFFFFF;
	
}

ul.back {margin: 600px 0px 0px 0px;}

p.fill {height: 450px}

p.return {
   display: inline; 
   float: left; 
   margin: 2px 0px 0px -100px; 
   font-weight: bold ; 
   position:relative; 
   z-index:100;}
   
   .context {font-size:.65em; }

/*------------------*/

/* extra purple */
.purpleextra { padding-bottom: 800px;   }