/* stylesheet for css experiments */

body	{  background-image: url('images/blue_gradiant_double.jpg'); } /* bbb8f8 */

.container { 
       	     font-family: courier, fixed;
       	     padding-bottom: 40px;
     }

.main { font-family: 'Arial', sans-serif;
	font-size: 80%;
	position: relative;
	top: 20px;
	left: 40px;
	width: 800px;
	background: white;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	border: 4px double rgb(122,26,0); /* #1758bf */
	float: none;
	}
	
img.logo {
		float: left; 
		width: 313px; 
		height: 141px;
		}
	
h2 { color: #7a1a00;
     font-size: 120%;
     text-indent: .75em;
     }
     
h3 { color: #7a1a00;
     font-size: 110%;
     text-indent: .75em;
     }	     

span.emph { color: #7a1a00;
	    font-weight: bold;
	     }

.menu { 
	width: 800px;
	text-align: left;
	}
ul.nav { margin-left: 0px;
	 padding-left: 4px;
	 list-style: none;
	 float: left;
 	width: 100%;

	 }
ul.nav li { float: left; }
ul.nav a {
	width: 124px;
/*	height: 35px; */
	display: block;
/*	border: groove 2px #ddd; */
	margin-right: 5px;
	line-height: 275%;
	background-image: url('images/b_off_expA.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	/* background-color: #b9cded; */
	color: white;
	text-align: center;
	padding-top: 0px;
	font-weight: bold;
	text-decoration: none;
	}
	
ul.nav a:hover { font-weight: bold;
		 background-color: #739cdb;
		 background-image: url('images/b_on_expA.jpg');	
		 color: #ddd; }	

table.header { width: 100%; }

table.header td p.sectionhead { text-align: right;
		font-family: Tahoma, serif;
		font-size: 150%;
		font-style: italic;
		     }

p.letter { /* text-indent: 3em; */
	   text-align: left;
	   margin-left: 1em;
	   }
	   

	   
ul.circ { margin-left: 2em; 
	  list-style-type: circle;
	  }

p.emlink { text-align: center;
	   font-style: bold;
	   font-size: 85%;
	   }
	   
p.righthanging { padding-left: 75%; }

.grabber {
		float: right; 
		width: 25%; 
		border: thick black; 
		background: #6cb9ef; /* was 4ec2ff */
/*		background-image: url('images/grabber_bgi_300x500_inv.jpg');  gradient bg */
		margin: 4px;
		margin-left: 20px;
		margin-bottom: 10px;
		margin-top: 2em;
		padding-bottom: 1em;
		}

.grabber p { padding-left: 10px;
	     padding-right: 10px;
	     padding-top: 1em;
	     }

.grabber p.title { font-weight: bold; 
		   text-align: center;
		   padding-top: 1em;
		   color: #7a1a00;
		   font-size: 100%;
		   word-spacing: 100%;
		   }

.grabber p.inside { font-style: italic;
		    text-align: left;
		    line-height: 130%;
		    text-indent: 1em;
		    }
.grabber p.inside_ni { font-style: italic;
		    text-align: left;
		    line-height: 130%;
		    }

.grabber p.more a { font-style: bold;
		    font-size: 80%;
		    color: black;
		    }

	
div.linklist ul li { margin-top: 0px;
		 margin-bottom: .5em;
		 font-size: 85%;
		 margin-left: -1em;
		 font-weight: normal;
		 }

/* plist - a page long list which puts para type formatting on an a link - used in links.html*/		 
		 
div.plist a { /* text-indent: 3em; */
	   text-align: left;
	   margin-left: 1em;
	   padding-bottom: .25em;
	   display: block;
	   }	   

div.plist h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: .5em;
	}
	
div.footer {
	clear: both;
	font-size: 75%;
	font-color: black;
	font-family: Tahoma, serif;
	text-align: center;
	}

/* used in testimonials */

div#comments
	{ float: left;
	  width: 70%;
	}

#comments table{
	background-color: white;
	margin-left: 4px;
	}
	
#comments table thead { font-weight: bold;
			text-align: center;
			}

#comments table thead td
			{ padding-top: .5em;
			 padding-bottom: .5em;
			 }
			 
#comments table tbody td { padding-left: .5em;
			   padding-right: .5em; }
			   
#comments table tbody td { vertical-align: top; }			   

#comments table p.sig { font-weight: normal;
		       font-style: italic;
		       font-size: 80%;
		       padding-bottom: 2px;
		       border-bottom: 1px dotted #7a1a00;
		       text-align: right;
		       }
		      
#comments table td { width: 50%; }

/* used in jobseekers */
ul.tips { list-style-type: none; }
ul.tips li { padding: .25em 0 .25em 0; }
ul.tips li.q { color: black;
		font-weight: 50%; 
		list-style-image: url(images/check.gif); }
ul.tips li.a {  text-indent: .75em;
		font-family: 'Arial', sans-serif;
		font-style: italic;
		font-weight: normal;
		color:#7a1a00;
		letter-spacing: .5pt;
ul.tips li.b { font-weight: bold; }

/* old classes		    		    
		    
h1.pageheader	{ margin-top: 0px;
		  font-family: Tahoma, serif;
		  font-size: 180%;
		  text-align: center;		  
		  }

div.subject	{ padding: 10px;
		  border-top: 1px dashed #000;
		  border-bottom: 1px dashed #000;
		  border-left: 1px dashed #000;
		  border-right: 1px dashed #000;		  
		  background: #daf6f6;
		  margin-bottom: 20px;
		  text-align: left;
		  }

p.recommend {
		padding-left: 20px;
		padding-right: 20px;
		font-style: normal;
		}
		
p.sig	{ padding-left: 20px;
	  padding-right: 20px;
	  text-align: right;
	  font-style: italic;
	  }
	  
.command	{ font-family: Courier, monotype, fixed;
		  font-weight: bold;
		  }

.filler {
	clear: both;
	margin-right: 160px;
	padding: 5px 160px 20px;
	border-top: 1px dashed #999;
	font-weight: bold;
	color: #666;
	position: relative;
	}
	
*/		  