@charset "utf-8";
/* CSS Document */
/* styles.css */

/* Universal style rule */

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


#wrapper{
  width: 800px;
  background: #FFb;
 /* Put 20px margin above the wrapper */
/* Set right and left to auto for centering */
   margin: 20px auto 0 auto;
/* Required for absolutely-positioned layout only */
  position:relative;
   border: 4px double #ffb;
   
}


body{
  background: #FFFFFF url(images/sand1.gif);
  background-repeat: repeat;
  font-family: Geneva, Tahoma, sans-serif;
  text-align:center;

}

#divider {
   background: url(images/tablebg.jpg);
   position: absolute;   
   top:485px;
   width:750px;
   color: #ffffff;
   font-family: arial;
   font-weight: bold;
   font-size: 10pt;
   text-align: center;
}


#leftcolumn, #topleft {
/* #content left margin must match this width */
   width:164px;
   float:left;
   background: #FFb;
   height: auto;
 
   
/* Center text and images in this column */
   text-align: center;
  /* For absolutely-positioned leftcolumn */
  position:absolute;
  top:200px; /* Same as branding div height plus navbar height */
  left:0;
  margin-bottom: auto;
  
}

#leftcolumn p, #topleft p, #leftcolumn form {
  font-size: 10pt;
  font-family: Tahoma, Verdana, Sans-Serif;
  border: 1px solid #ccc;
  width: 160px;
  background-color: #fff;
  margin-bottom: 6px;
  
}

#leftcolumn, #topleft {
/* #content left margin must match this width */
   width:164px;
   float:left;
   background: #FFb;
   height: auto;
   
/* Center text and images in this column */
   text-align: center;
  /* For absolutely-positioned leftcolumn */
  position:absolute;
  top:200px; /* Same as branding div height plus navbar height */
  left:0;
  margin-bottom: auto;
  
}


#leftcolumn2 {
	/* #content left margin must match this width */
   width:164px;
	float:left;
	background: #FFB url(images/green.gif);
	background-repeat: no-repeat;
	/* Center text and images in this column */
   text-align: center;
	/* For absolutely-positioned leftcolumn */
  position:absolute;
	top:475px; /* Same as branding div height plus navbar height */
	left:0;
	padding-top: 20px;
	margin-bottom: auto;
  
}

#leftcolumn2 p {
  font-size: 10pt;
  font-family: Tahoma, Verdana, Sans-Serif;
  border: 1px solid #ccc;
  width: 160px;
  background-color: #fff;
  margin-bottom: 6px;
  margin-left: 2px;
}

#leftcolumn2 p.lalign {
  text-align: left;
  background-color: #fff;
}



/* Applies to images in the left & right column div */
#leftcolumn img {
 
  margin: 0 0;
}

#topright img {
  width:150px;
  margin: 0 0;
}

#rightcolumn .norm {
	width: auto;
	}
	
#rightcolumn img {
	width:150px;
	margin: 0 0;
}
#rightcolumn .ad {
  width: 100%;
  }
    

#rightcolumn .mail, #topright .mail {
  width:40px;
}

#rightcolumn .face {
  width:82px;
}

#rightcolumn .hats {
  width:70%;
}
/* Applies to paragraphs in the left & right column division */
#rightcolumn p, #topright p, #rightcolumn form, #topleft form, #topright form {
  font-size: 10pt;
  font-family: Tahoma, Verdana, Sans-Serif;
  border:  1px solid #ccc;
  width: 160px;
  background: #fff;
  margin-bottom: 6px;
  padding: 1px;
}


#rightcolumn, #topright {
/* #content right margin must match this width */
   width:164px;
   float:right;
   background: #ffb;
   
/* Center text and images in this column */
   text-align: center;
  /* For absolutely-positioned rightcolumn */
  position:absolute;
  top:195px; /* Same as branding div height */
  right:0;
  height:auto;
  
  
}

#rightcolumn2 p {
   
   border: 2px solid #008000;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
   margin: 0 auto;
   
  }


#rightcolumn2 {
/* #content right margin must match this width */
   width:164px;
   float:right;
   background: #FFf url(images/green.gif);
   background-repeat: no-repeat;
   font-size: 10pt;
   padding-top: 20px;
 

/* Center text and images in this column */
   text-align: center;
  /* For absolutely-positioned rightcolumn */
  position:absolute;
  top:462px; /* Same as branding div height */
  right:0;
}

#rightcolumn a, #rightcolumn2 a, #topright a, #leftcolumn a, #leftcolumn2 a, #topleft a,
#rightcolumn a:link, #rightcolumn2 a:link, #topright a:link, #leftcolumn a:link, #leftcolumn2 a:link, #topleft a:link,
#rightcolumn a:visited, #rightcolumn2 a:visited, #topright a:visited, #leftcolumn a:visited, #leftcolumn2 a:visited, #topleft a:visited,
#rightcolumn a:hover, #rightcolumn2 a:hover, #topright a:hover, #leftcolumn2 a:hover, #topleft a:hover, #leftcolumn a:hover{
color: #008000;
font-size:10pt;


}

#topcontent {
/* Left and right margins must match sidebar column widths */
   margin:200px 168px 10px 168px;
   background-color:#fff;
   color:#000;
   height: 191px;
   border: 1px solid #ccc;
   height: 250px;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
}

#adcontent {
/* Left and right margins must match sidebar column widths */
   margin:200px 168px 10px 168px;
   background-color:#fff;
   color:#000;
   border: 1px solid #ccc;
   height: auto;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
}

#contactcontent {
/* Left and right margins must match sidebar column widths */
   margin:200px 168px 10px 168px;
   background-color:#fff;
   color:#000;
   height: auto;
   border: 1px solid #ccc;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
}

#eventscontent {
/* Left and right margins must match sidebar column widths */
   margin:200px 168px 10px 168px;
   background-color:#fff;
   color:#000;
   height: auto;
   border: 1px solid #ccc;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
}


#adcontent p, #contactcontent p {
   text-align: left;
   padding: 10px;
   }


#topcontent p {
   text-align: left;
   } 
 
#topcontent img {
   float: left;
   }
   
#topcontent img .right {
   float: right;
   }

#content {
/* Left and right margins must match sidebar column widths */
   margin: 200px 168px auto 168px;
   background-color:#fff;
   color:#000;
   text-align:center;
   height: 1600px;
   border: 1px solid #ccc;
}

#contentsponsor {
/* Left and right margins must match sidebar column widths */
   margin: 200px 168px auto 168px;
   background-color:#fff;
   color: #333333;
   text-align:left;
   height: 3300px;
   border: 1px solid #ccc;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 10px;
   
}

#contenttips {
/* Left and right margins must match sidebar column widths */
   margin: 200px 168px auto 168px;
   background-color:#fff;
   color: #333333;
   text-align:left;
   height: auto;
   border: 1px solid #ccc;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 10px;
   
}

#contenttips td.data {
text-align: left;
   border-bottom: 1px solid #ccc;
   padding: 6px;
   background-color: #ecffdd;
   }
   
   #contentgreen, #contentspeech, #contentparents {
/* Left and right margins must match sidebar column widths */
   margin: 200px 168px auto 168px;
   background-color:#fff;
   color: #333333;
   text-align:left;
   border: 1px solid #ccc;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 10px; 
}

#contentgreen {
   height: 800px;
   }
   
  #contentparents {
   height: auto;
   } 
   
#contentspeech {
   height: auto;
   }   

#contentgreen td.data, #contentspeech td.data, #contentparents td.data {
   text-align: left;
   border-bottom: 1px solid #ccc;
   padding: 6px;
   background-color: #ecffdd;
   }

#contentevents {
/* Left and right margins must match sidebar column widths */
   margin: 200px 168px auto 168px;
   background-color:#fff;
   color: #333333;
   text-align:left;
   height: auto;
   border: 1px solid #ccc;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 10px;
   
}

#contentevents td.data {
text-align: left;
   border-bottom: 1px solid #ccc;
   padding: 20px;
   background-color: #ecffdd;
  }

#contentevents li {
font-weight: bold;
}

#contentrecalls {
/* Left and right margins must match sidebar column widths */
   margin: 200px 168px auto 168px;
   background-color:#fff;
   color: #333333;
   text-align:left;
   height: auto;
   border: 1px solid #ccc;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   padding: 10px;
  
   
}

#contentrecalls td.data {
text-align: left;
   border-bottom: 1px solid #ccc;
   padding: 6px;
   background-color: #ecffdd;
   }

#content2 {
/* Left and right margins must match sidebar column widths */
   margin: auto 168px 10px 168px;
   color:#000;
   background: #fff url(images/tablebg.jpg);
   background-repeat: no-repeat;
   border: 1px solid #ccc;
    
}

#content2 p {
   font-size:10pt;
   font-family: Tahoma, Verdana, Sans-Serif;
   margin-top: 4px;
}

#content2 .white {
   color: #fff;
   text-align:center;
}

#content2 table {
   border-collapse: collapse;
}

#content2 td.data {
   text-align: left;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
   border-bottom: 1px solid #ccc;
   padding: 6px;
   width: 10%;
   background-color: #ecffdd;
}

#adcontent td.data {
   text-align: left;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 10pt;
   border-bottom: 1px solid #ccc;
   padding: 6px;
   width: 10%;
   background-color: #ecffdd;
   list-style-position: inside;
}

#content2 img {
   margin-left: 12px;
   margin-right: 12px;
}

/* Applies to h1, h2, and h3 headings in the content division */
#content h1, #content h2, #content h3, #topcontent h1, #topcontent h2, #topcontent h3 {
   font-family: Tahoma, Verdana, Sans-Serif; 
}

/* Applies to lists in the content division */
#content ul, #topcontent ul {
   text-align:left;
   line-height:20px;
   font-size:10pt;
   list-style-type: square;
}

#content ol, #adcontent ol, #adcontent ul, #contactcontent ol, #contactcontent ul {
   text-align:left;
   line-height:20px;
   font-size:10pt;
   list-style-position: inside;
   padding: 10px; 
}

#contentspeech ol, #contentspeech ul, #contenttips ol, #contenttips ul, #contentsponsor ol, #contentsponsor ul {
   text-align:left;
   list-style-position: outside;
   padding: 10px;
   list-style-type: square;
   }

/* Applies to paragraphs in the content division */
#content p {
   text-align:center;
   font-size:10pt;
   font-family: Tahoma, Verdana, Sans-Serif; 
}



#content .box {
   border: 2px solid #008000;
   background-color: #ffffff;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 8pt;
   font-weight: bold;
   line-height: 120%;
   height: auto;
   width: 404px;
 

}


#content .boxleft {
   text-align: left;
   border-bottom: 2px solid #008000;
   border-left: 2px solid #008000;
   border-right: 2px solid #008000;
   background-color: #ffffff;
   font-family: Tahoma, Verdana, Sans-Serif;
   font-size: 8pt;
   font-weight: bold;
   line-height: 120%;
   padding: 2px;
}

/* Applies to lists in the content division */
#content ul, #topcontent ul, #content ol, #topcontent ol, #contentgreen ul, #contentgreen ol {
   padding: 5px 0px 5px 30px;
   
}


#content a:link, #topcontent a:link, #content2 a:link, #adcontent a:link, #eventscontent a:link, #contenttips a:link, #contentevents a:link,
#contentrecalls a:link, #contentspeech a:link, #contentparents a:link, #contentsponsor a:link,
#content a:visited, #topcontent a:visited, #content2 a:visited, #adcontent a:visited, #eventscontent a:visited, #contenttips a:visited, #contentsponsor a:visited, #contentevents a:visited, #contentrecalls a:visited, #contentspeech a:visited, #contentparents a:visited,
#content a:hover, #topcontent a:hover, #content2 a:hover, #adcontent a:hover, #eventscontent a:hover, #contenttips a:hover, #contentevents a:hover,
#contentrecalls a:hover, #contentspeech a:hover, #contentparents a:hover, #contentsponsor a:hover,
#content a:active, #topcontent a:active, #content2 a:active, #adcontent a:active, #eventscontent a:active, #contenttips a:active, #contentevents a:active,  #contentrecalls a:active, #contentspeech a:active, #contentparents a:active, #contentsponsor a:active {
         color: #008000;
         
}

#content img.floatright {
  
   float:left;
}

#content img.floatleft, #eventscontent img.floatleft {
   float:right;
   
}

#content .nohighlight, #topcontent .highlight, #eventscontent .highlight {
   
   font-family: Tahoma, Verdana, Sans-Serif; 
   color: #000; 
   font-size: 10pt; 
   padding: 2px; 
   margin-top: 2px;
   line-height:120%;
   background-color: #ecffdd;
   width: 404px;
   border: 1px solid #000;
 
}


#content .highlight, #topcontent .highlight, #eventscontent .highlight {
   font-weight: bold;
   font-family: Tahoma, Verdana, Sans-Serif; 
   color: #FFFFFF; 
   font-size: 10pt; 
   padding: 2px; 
   margin-top: 2px;
   line-height:120%;
   background-color: #008000;
   width: 404px;
   border: 2px solid #000;
 
}

#content .highlightblue, #topcontent .highlightblue, #eventscontent .highlightblue {
   font-weight: bold;
   font-family: Tahoma, Verdana, Sans-Serif; 
   color: #FFFFFF;
   font-size: 8pt;
   padding: 2px; 
   margin-top: 2px
   line-height:120%;
   background-color: #059bd6;
   width: 404px;
   border: 2px solid #000;
}

/* Set height of branding division */
#branding {
  height: 0px;
  position: relative;

}

/* Branding division contains one large image */
#branding img {
  float: left;
  display: block;
  border-left: solid 4px #ffb;


  
}



/* Navbar division */
#navbar {
   
  /* Left/right margins must match left/right column widths */ 
  margin:0 0 0 0; 
  
  
  /* For absolutely-positioned navbar */
  position:absolute;
  top:135px; /* Same as branding div height */
  left:15px;
  width: auto;
  font-size: 10pt;



}

/* 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 drop-down menus in navbar */ 
#navbar li ul { 
  position:absolute; 
  z-index:100; 
  visibility:hidden; 
  border: 1px solid #FC3;
  border-left: 1px solid #FC3; 
  border-bottom: 1px solid #FC3;
  
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul  { /* IE6 hack */
  visibility:visible;
  top:25px;
  left:0;

}


/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a,
#navbar li.selected:hover ul li a,
#navbar li.selected a:hover ul li a,
#navbar li.selectedns:hover ul li a,
#navbar li.selectedns a:hover ul li a { /* IE6 hack */
  background:#Cf9; /* Removes background image */
  color:#000;
  text-align:left;
  display:block;
  width:55px;
  padding:0 0 0 2px;
  height:auto;
}


/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover,
#navbar li.selected ul li a:hover { /* IE6 hack */
  background: #6C3; 
  color:#fff;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited {
  text-decoration:none; 
  font-family:Verdana, Geneva, Arial, Sans-Serif; 
  font-size: 8pt; 
  color:#fff; 
  background: #390 url(images/navbutton.jpg); 
  display:block; 
  height:40px; 
  width:37px; 
  border-left: 1px solid #FC3;
  line-height:1.75em; 
  text-align:center; 
  outline-style:none;
  padding:0 1.5em 0 .5em;
 
}


/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link, 
#navbar li.selected a:visited {
  background: #ffb url(images/navselected.jpg);
  background-repeat: no-repeat; 
  color:#000; 
}

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


#footer {
    text-align: center; 
	top: auto;
    height:70px;
    font-size: 80%;
    background-image: url(images/tablebg.jpg);
	
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover{
   color: #000000;
}

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

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

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