/* TLRstylesheet.css */

/* Universal style rule */ 
*{ 
/* Block all browser default margins and padding */ 
  margin: 0; 
  padding: 0; 
/* Temporary borders */ 
/* border: dashed 1px #f00; */
} 

body {
	background-image:url('../pix/celt08.jpg');
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
}
	
/* Wrapper contains layout */	
#wrapper{ 
  width: 50em; 
  background-color: #DFECEC; /* light teal */
/* put 20px margin above the wrapper */
/* set right and left to auto to center the wrapper */ 
  margin: 20px auto;
  position:relative; 
}


.righth1 {
	text-align: center;
}
.left3ctrspic {
	margin-left: 1em;
	margin-right: 1em;
}
.sidebarspiral {
	margin-left: 10em;
	margin-right: 10em;
}
.bodypic {
	margin-top: 7px;
	margin-bottom: 7px;
}

/* captioned pic right */
.captionedpic_right {
	float: right;
	width: 25%;
	border: thin solid #C0C0C0;
	margin: .5em;
	padding: .5em;
	text-align: center;
}

/* captioned pic right cutline */
.cutline_r {
	text-align: center;
	font-style: italic;
	font-size: xx-small;
	text-indent: 0px;
	font-family: "Times New Roman", Times, serif;
}

.Bullet {
	list-style-image: url('../pix/bullet1_.GIF');
	text-align: left;
}


.leftalignedpic {
	margin-left: 0px;
	margin-right: 12px;
}

.rightalignedpic {
	margin-left: 12px;
	margin-right: 0px;
}

.leftalignedpicbullet {
	margin-right: 30px;
}

.footcopyright {
	font-size: xx-small;
}

.quoter {
	color: #009999;
	font-style: italic;
}

.linkedimg {
	border:none 0px
	}



/**************** Major Layout Divisions Styles  *****************/

/************* Branding Division Styles  *********/
#branding {
/* for absolutely positioned hyperlinks */
	position:relative;
	height:6em;
	background-color:#E5E5E5 /* grey  */;
	font-family:Arial, Helvetica, sans-serif;
	color:#5FA0A0 /*med teal*/;
	text-align:left;
}

/* branding division hyperlinks */
#branding a {
/* positions are set in tags in default.htm */
	position:absolute;
	text-decoration:none;
	color:#000;
	font-size:0.8em;
}


#branding a:visited {
	color: #000; /*black */
}


#branding a:link {
	color: #000; /*black */
}

#branding a:hover {
	color:#5FA0A0 /*med teal*/;
}

#branding a:active {
	color: #FF00FF; /* fuschia */
}


/* fixes the mysterious image gap */
#branding img {
	display: block;
}

/****************** Navbar division styles ******************/
#navbar{
/* left and right margin must match left_right column width */
	background:#aaa;
	background-image:url('../pix/navbak.jpg');
	background-repeat:repeat-x;
	background-position:center;
	height:1.6em;
	/* for absolutely positioned layout */
	position: absolute;
	top:6.25em; /*same as branding division height */
	left:10em; /* same as left column width */
	width:30em;	/*layout width minus left and right colum width */	
}

/* remove bullets from ul in navbar */
#navbar ul {
	list-style-type:none;
}

/* list items in the navbar */
#navbar li {
	float:left;
	/* required for drop-down menus */
	position: relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-weight:bold;
  font-size:80%;
  color:#009999  /*dark teal */;
  background:#aaa;
  background-image:url('../pix/navbak.jpg');
  background-repeat:repeat-x;
  background-position:center;
  display:block;
  height:2em;
  width:6em;
  border-right: solid 1px #ddd;
  line-height:2em;
  text-align:center;
  outline-style:none;
}


#navbar a:link{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-weight:bold;
  font-size:80%;
  color:#009999  /*dark teal */;
  background:#aaa;
  background-image:url('../pix/navbak.jpg');
  background-repeat:repeat-x;
  background-position:center;
  display:block;
  height:2em;
  width:6em;
  border-right: solid 1px #ddd;
  line-height:2em;
  text-align:center;
  outline-style:none;
}


#navbar a{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:80%;
  color:#009999  /*dark teal */;
  background:#aaa;
  background-image:url('../pix/navbak.jpg');
  background-repeat:repeat-x;
  background-position:center;
  display:block;
  height:2em;
  width:6em;
  border-right: solid 1px #ddd;
  line-height:2em;
  text-align:center;
  outline-style:none;
}


/* Navbar hover, active, and current page links */
#navbar li.selected a:visited {
	background:#ddd;
	background-image:url('../pix/navhover.jpg');
	background-repeat:repeat-x;
	background-position:center;
	color:#009999  /*dark teal */;
}


#navbar li.selected a:link {
	background:#ddd;
	background-image:url('../pix/navhover.jpg');
	background-repeat:repeat-x;
	background-position:center;
	color:#009999  /*dark teal */;
}


#navbar a:active {
	background:#ddd;
	background-image:url('../pix/navhover.jpg');
	background-repeat:repeat-x;
	background-position:center;
	color:#009999  /*dark teal */;
}


#navbar a:hover {
	background:#ddd;
	background-image:url('../pix/navhover.jpg');
	background-repeat:repeat-x;
	background-position:center;
	color:#009999  /*dark teal */;
}


/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
    position:absolute;
    top:8.25em;
    z-index:100;
    visibility:hidden;
    border:solid 1px #aaa;
    border-right:solid 2px #999;
    border-bottom:solid 2px #999;
}

/* Make drop-down visible on navbar hover */
#navbar li a:hover ul{ /* IE6 hack */
   visibility:visible;
   top:1.6em; 
   left:0; 
}


#navbar li:hover ul{ /* IE6 hack */
   visibility:visible;
   top:1.6em; 
   left:0; 
}


/* Applies to links on the drop-down menu */
#navbar li.selected a:hover ul li a
{
	background:#D1EEEE;  /* Removes background image */
	color: #009999; /* dark teal font */
	text-align:left;
	font-weight:normal;
	display:block;
	width:15em;
	padding:0 0 0 1em;
	height:auto;
}

#navbar li a:hover ul li a
{
	background:#D1EEEE;  /* Removes background image */
	color: #009999; /* dark teal font */
	text-align:left;
	font-weight:normal;
	display:block;
	width:15em;
	padding:0 0 0 1em;
	height:auto;
}

#navbar li.selected:hover ul li a
{
	background:#D1EEEE;  /* Removes background image */
	color: #009999; /* dark teal font */
	text-align:left;
	font-weight:normal;
	display:block;
	width:15em;
	padding:0 0 0 1em;
	height:auto;
}

#navbar li:hover ul li a
{
	background:#D1EEEE;  /* Removes background image */
	color: #009999; /* dark teal font */
	text-align:left;
	font-weight:normal;
	display:block;
	width:15em;
	padding:0 0 0 1em;
	height:auto;
}

/* Hover on drop-down menu links */
#navbar li.selected a:hover ul li a:hover
{
  background:#ADEAEA; /* turquoise removes background image */ 
  color:#009999; /* dark teal font */
}

#navbar li.selected:hover ul li a:hover #navbar li a:hover ul li a:hover
{
  background:#ADEAEA; /* turquoise removes background image */ 
  color:#009999; /* dark teal font */
}

#navbar li:hover ul li a:hover
{
  background:#ADEAEA; /* turquoise removes background image */ 
  color:#009999; /* dark teal font */
}

/* IE6 hack applies to its table drop-down */
#navbar table {
    margin:-1px; 
    border-collapse:collapse; 
    position:absolute;
    top:0.5em;
    left:0;
    z-index:100;
}


/**********************  Column Styles   *******************/
#leftcolumn {
/* remember left margin of #content must match this width */
	width: 10em;
	float: left;
/* Center text and images in this column */
	text-align:center;
/* For absolutely positioned layout */
	position:absolute;
	top:5em;
	left:0;
}

#rightcolumn {
/* remember right margin of #content must match this width */
	float:right;
	width:10em;
/* Left align text and images in this column */
	text-align:left;
/* For absolutely positioned layout */
	position:absolute;
	top:5em;
	right:0;
}

/* Applies to images in the left and right columns */
#rightcolumn img{
     width:80%;
     display: block;
     margin-left: auto;
     margin-right: auto;     
}

#leftcolumn img{
     width:80%;
     margin:1em 0;
}

/* Applies to paragraphs in the left and right columns */
#rightcolumn p{
     width:75%;
     padding:0.25em;
     border:thin solid #7E97A6;
     font-family: Tahoma, Verdana, Sans-Serif;
     font-size:0.8em;
     margin:2em auto;
}


#leftcolumn p{
     width:75%;
     padding:0.25em;
     border:thin solid #7E97A6;
     font-family: Tahoma, Verdana, Sans-Serif;
     font-size:0.8em;
     margin:2em auto;
}

/* Applies to headings in the left and right columns */
#rightcolumn h1{
     width:75%;
     padding:0.25em;
     font-family:Enviro, Papyrus, verdana, sans-serif;
     color:#009999; /*dark teal */
     font-size:1.25em;
     margin:1em auto;
     text-align:center;
}


#leftcolumn h1{
	width: 75%;
	padding: 0.25em;
	font-family: Enviro, Papyrus, verdana, sans-serif;
	color: #009999; /*dark teal */;
	font-size: 1.25em;
	margin: .5em auto .5em auto;
	text-align: center;
}

/* Applies to lists in the left and right columns */
#rightcolumn ol{
   padding: 10px 0px 0px 40px;
   line-height:1.25;
   font-size:0.8em; 
   
   /* List within the column */
}

#rightcolumn ul{
   padding: 10px 0px 0px 40px;
   line-height:1.25em;
   font-size:0.8em; 
   
   /* List within the column */
}

/*applies to list items in the content division */
#rightcolumn li {
	margin-bottom:10px;

}

#rightcolumn a:link {
	color:#006666;
}



/*******************Content Division Styles **********************/
#content  {
	/* remember margins of content must match width of left and right columns*/
	margin: 0  10em;
	/* black type on white background */
	background-color:#FFF; /* white */
	color:#000;
	padding:2em;
}

/* applies to paragraphs in the content division */
#content p {
	line-height:1.5em;
	text-align: left;
	font-size: 1em; 
}


/* Applies to lists in the content division */
#content ol{
   padding: 10px 0px 0px 40px;
   line-height:1.25em;
   font-size: 1em; 
   /* Paragraphs within the content */
}

#content ul{
   padding: 10px 0px 0px 40px;
   line-height:1.25em;
   font-size: 1em; 
   /* Paragraphs within the content */
}

/*applies to list items in the content division */
#content li {
	margin-bottom:10px;

}


/* Styles h1, h2, h3, and h4 style rules in the content division */
#content h4 {
  font-family:"Trebuchet MS", Verdana, sans-serif;
  color:#009999 /*dark teal */;
  font-weight:bold;
  font-style:normal;
  font-variant:normal;
  letter-spacing:.08em;
   }	

}
#content h3 {
  font-family:Papyrus, Techno, "Penguin Attack", fantasy; 
  color:#009999 /*dark teal */;
  font-weight:bold;
  font-style:normal;
  font-variant:normal;
  letter-spacing:.08em
 }	
 
#content h2 {
  font-family:Papyrus, Techno, "Penguin Attack", fantasy; 
  color:#009999 /*dark teal */;
  font-weight:bold;
  font-style:normal;
  font-variant:normal;
  letter-spacing:.08em;
  text-align:left;
  padding:15px;
 }	
 
#content h1 {
  font-family:Papyrus, Techno, "Penguin Attack", fantasy; 
  color:#009999 /*dark teal */;
  font-weight:bold;
  font-style:normal;
  font-variant:normal;
  letter-spacing:.08em;
  text-align:center;
  }	
 
/* size h1 headings in the content division */
#content h1 {
	font-size:2em;
}


/* size h2 headings in the content division */
#content h2  {
	padding: 15px 0px 15px 0px;
	font-size: 1.5em;
}

/* size h3 headings in the content division */
#content h3  {
	font-size:1.25em;
	}

/* size h4 headings in the content division */
#content h4 {
	font-size:1.25em;
}

#content a:link {
	color:#006666;
}

  
/*******************  Footer Division Styles ***********/
#footer {
	background-color:#DFECEC; /* light teal */
	border-top:1px solid #5FA0A0; /*med teal*/
	padding:0.5em;
	text-align:center;
}

#footer a:visited {
/*no underline on links */
	text-decoration:none;
}

#footer a:link {
/*no underline on links */
	text-decoration:none;
}

#footer a: active {
	color:#A05FA0;
	border:1px #A07F5F dotted; 
}

#footer a:hover {
	color:#A05FA0;
	border:1px #A07F5F dotted; 
}
/********************* form *************/
#form {
	border:thin #5FA0A0 solid;  /*med teal*/
	padding:.5em;
	margin:1em auto 1em auto;
	width:25em;
	background-color:#DFECEC;/* light teal */
	font-weight:bold;
}


#label {
	float:left;
	padding-right:.5em;
	width:5em;
	text-align:right;
	font-weight:bold;
}

.submit {
	font-weight:bold;
	text-align:center;
}







@media print{
/* Start styles for printer-friendly pages */
#wrapper{
   width:100%;
}

/* Hide all but branding and content divs */
#footer{
   display:none;
}

#rightcolumn{
   display:none;
}

#leftcolumn{
   display:none;
}

#navbar{
   display:none;
}

/* Eliminate content margins and padding */
#content{
    margin:0;
    padding:0;
}
/* End styles for printer-friendly pages */
}