/* TLRonecol.css */

/* Eliminate browser default margins and padding */
*{
    margin:0;
    padding:0;
}

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 */
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	position:relative;
}

/************* misc. styles **************/
.bullet {
	list-style-image:url('../pix/bullet1_.GIF');
}


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

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

.leftalignedpicbullet {
	margin-right: 30px;
}

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

/* 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;
}

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

.linkedimg {
	border:none 0px
	}

/********** Major layout divisions **********/

/********** Branding division styles **********/
#branding{
    /* For absolutely-positioned hyperlinks */
    position:relative;
}   

/********** Branding division hyperlinks **********/
#branding a{
	/* Postions are set in tags in layout.htm  */
   	position:absolute;
	text-decoration: none;
	color: #000; /*black */
	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;
	position: relative;
}

/********** Leftcolumn division styles **********/
#leftcolumn{
    /* Remember, content and navbar left 
       margins  must match this width */
    width:12em;
    float:left;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned leftcolumn */
    position:absolute;
    top:6.25em; /* Same as branding div height */
    left:0;   
}

/* Applies to images in the leftcolumn div */
#leftcolumn img{
    width:80%;
}

/* Applies to paragraphs and lists in the leftcolumn division */
#leftcolumn .leftcollist{
	border: solid 2px #7E97A6;
	padding: 8px;
	width: 80%;
	font-size: 0.8em;
	margin: 2em auto;
	text-align:left;
	font-family: tahoma, Verdana, sans-serif;
	
}

#leftcolumn p{
	border: solid 2px #7E97A6;
	padding: 8px;
	width: 80%;
	font-size: 0.8em;
	margin: 2em auto;
	text-align:left;
	font-family: tahoma, Verdana, sans-serif;
}

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

/* Applies to ordered and unordered lists in left column */
#leftcolumn ul {
    padding:8px;
    width:80%;
    font-size:0.8em;
    margin:.5em auto;
    text-align:left;
    font-family:tahoma, Verdana, sans-serif;
       }
       
#leftcolumn ol {
    padding:8px;
    width:80%;
    font-size:0.8em;
    margin:.5em auto;
    text-align:left;
    font-family:tahoma, Verdana, sans-serif;
   
       }
            
       
#leftcolumn li{
	padding-bottom:1.5em;
	padding-left:1.5em;
	text-align:left;
	list-style-position:inside;
	font-size:.8em;
	text-indent:-5px
	
		}

/********** Navbar division styles **********/
#navbar{
    background:#aaa;
    background-image:url('../pix/navbak.jpg');
    background-repeat:repeat-x;
    background-position:center;
	height:1.6em;	 
	/* For absolutely-positioned navbar */
	position:absolute;
	top:6.25em; /* Same as branding div height */
	left:12em; /* Same as leftcolumn width */
    width:38em; /* Layout width minus leftcolumn width */
}

/* Remove bullets from ul in the 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:8em;
    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:8em;
    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-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:8em;
    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 */
{
  background:#ADEAEA; /* turquoise removes background image */ 
  color:#009999; /* dark teal font */
}

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

#navbar li 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
{
  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;
}

/********** Content division styles **********/
#content{
    /* Left margin must match leftcolumn width */
    margin-left:12em;
    background-color:#fff; /* white background */
    color:#000; /* black type */
    padding:9em 10px 10px 20px;
}

/* Applies to paragraphs in the content division */
#content p{
    margin:1em;
    line-height:1.5em;
}

/* Applies to all lists in the content division */
#content ol{
    margin:1em;
    padding:0.25em 0 10px 40px;
    line-height:1.5em;
}

#content ul{
    margin:1em;
    padding:0.25em 0 10px 40px;
    line-height:1.5em;
}

#content li{
margin-bottom:2em;
}
	
	
	
}
/* Styles h1, h2, h3, h4, h5 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: normal;
	padding-left: 0px;
	margin-top: 15px;
	margin-left: 15px;
	text-align: left;
	font-size: 1.25em;
}
	

/* Size h5 like h2 except alignd center in the content division */
#content h5{
	font-family:Papyrus, Techno, "Penguin Attack", fantasy;
    color:#009999; /* dark teal */
    letter-spacing:0.08em;
	font-size:1.5em;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-align:center;
	font-size:1.5em;
}
	

/* Size h2 headings in the content division */
#content h2{
	font-family:Papyrus, Techno, "Penguin Attack", fantasy;
    color:#009999; /* dark teal */
    letter-spacing:0.08em;
    font-size:1.5em;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	text-align:left;
	font-size:1.5em;
}
/* Size h3 headings in the content division */
#content h3{
	font-family: Papyrus, Techno, "Penguin Attack", fantasy;
	color: #009999; /* dark teal */;
	letter-spacing: 0.08em;
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}

#content h1{
	font-family:Papyrus, Techno, "Penguin Attack", fantasy;
    color:#009999; /* dark teal */
    letter-spacing:0.08em;
	font-weight:bold;
	text-align:center;
	font-size:2em;
}

#content a{
	color:#009999;
}

/********** Table that spans two columsn **********/
/*#table {
	width: 799px;
	float:left;
	position:absolute;
}*/

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

}

/* Footer unvisited and visited links */
#footer a:visited{
    /* No underline on links */
    text-decoration:none;
}

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

/* Footer hover and active links */
#footer a:active{
    color:#A05FA0;
    border:dotted 1px #A07F5F;
}

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

/*************** General styles ************/
.hotkey{
    text-decoration:underline;
}

/* Acronyms and abbreviations */
    abbr{
        border-bottom:dotted 1px #333;
        cursor:help;
}

    acronym{
        border-bottom:dotted 1px #333;
        cursor:help;
}

/*********** Printer-Friendly Styles **********/
@media print{
/* Start printer-friendly styles */

/* Printer only-Make wrapper the full page width */
#wrapper{
    width:100%;
}

/* Printer only-Hide leftcolumn, navbar,and footer */
#footer{
    display:none;
}

#navbar{
    display:none;
}

#leftcolumn{
    display:none;
}

/* Printer only-Get rid of content div margins and 
   padding. Use a different font for print */
#content{
    margin:0;
    padding:0;
    font-family:'Century Schoolbook', Times, Serif;
    font-size:1em;
}
/*End printer-friendly styles */
}