/** General styles **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
   height: 1%;
}

a,
a:link,
a:active,
a:visited {
   color: #FC8235;
    text-decoration:none;
}
a:hover
{
    color:Black;
    text-decoration:underline;
}

body {
   margin: 0;
   font-family: arial;
   font-size: 0.9em;
   margin-left:auto ;
   margin-right:auto;
   width: 779px;  
   border: solid 1px black;
   border-bottom:solid 2px black;
}

/** Div styles **/

div.outer {
   margin: 0;
   padding: 0;
   text-align: center;
  font-family : arial;
}

div.page {
   margin: 0 auto;
   width: 779px;
   text-align: left;
    border-bottom: solid #CDCC00;
   border-width: 0 0 8px 0;

  
}

div.header {
   background: black;
   display:block;  
   /*height:35px;*/
   text-align:right;
   padding: 12px 8px 4px 0;  
}

div.header img
{   
}

div.pageTools
{ 
   width:auto;     
   color:White;
   float:left;
   font-style:italic;
   text-align:left;  
   font-size:0.8em;  
   margin-left:5px;
}
.pageTools a, .pageTools a:visited, .pageTools a:hover
{
    color:White;
}

div.pics {
   background: black;
   margin: 0;
   padding: 0;
   height: 66px;
}

div.pics ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

div.pics ul li {
   float: left;
   margin: 0 1px 0 0;
   padding: 0; 
}

div.pics ul li.last {
   margin-right: 0;   
}

div.pics ul li img {
   border: 0;
   padding: 0;
   margin: 0;
}

div.menu {
  background: #AED30B;
  height: 31px;  
  padding-top:5px;
  font-size:0.8em;     
}

div.menu ul.udm {
   float: left;
   width: 100%;   
}

/*
div.menu ul {
   text-align: left;
   list-style: none;
   margin: 0;
}

div.menu ul li {
   float: left;
   margin: 0;
   padding: 6px 20px 0 0;
   font-weight: bold;
}

div.menu ul li a {
   color: white;
}

div.menu ul li.last {
   padding-right: 0px;
}
*/
div.brand {
   height: 170px;
   padding: 7px;  
   text-align: right;
   background: url('/images/logo2.gif') no-repeat 30px 30px;
}

div.brand div.map {
   float: right;
   border: 1px solid black;
   width: 260px;  
}
img.mapPic
{
    height:120px;    
    *height:110px;   
}

div.brand div.map p.why {
   background: url('/images/presentation-caption.bmp') no-repeat #757E79;
   margin-bottom: 0;
   padding: 0 4px 2px 0;
   text-align: right;   
}

div.brand div.map p.why a {
   color: white;
   font-size: 0.75em;
}


div.brand p.signup {
   position: relative;
   left: 285px; 
   top:-12px;  
   *top:0px;  
   float: left;
   width: 200px;
   display: block;
   font-size: 0.9em;  
   text-align:left;
   color:Green;
   padding:4px;
   border:solid 1px black;
}

div.search 
{      
   background: white;
  
   padding: 2px;
   /*
   border: 1px solid black;
    top:35px;
   *top:20px;
   float:left;
   *float:none;
   left:100px;
   position:relative;   
   *left:-50px;*/
   width:255px;   
  
}

div.search input.text {
   width: 230px;
   font-size:0.8em;
}

div.search input.button {
   width: 30px;
}

div.left {
   width: 122px;   
   float: left;
   padding: 0;
}

div.left ul {
   list-style: none;
   margin: 0 0 10px 0;
   padding: 95px 2px 0 0;
   background: url('/images/pic-nav.jpg') no-repeat 0 0 #7BBB5D;
}

div.left ul li {
   padding-left: 0px;
   background: url('/images/list-marker-black.gif') no-repeat 4px 6px;
   margin-bottom: 10px;
}

div.left ul li a,
div.left ul li a:link,
div.left ul li a:active,
div.left ul li a:visited {
   font-size: 0.75em;
   color: white;
}

div.left h4 {
   background: #FC8235;
   color: white;
   font-size: 0.9em;
   border-top: 2px solid #D43539;
   padding: 4px;
   margin: 0;
   text-transform: uppercase;
}

div.left ul li.last {
   padding-bottom: 28px;
   background: url('/images/pic-nav2.jpg') no-repeat left bottom;
}


div.content {
  
   margin-left:122px;
   padding: 0 3px 8px 3px;
   background: white;
   min-height:600px;
   _height: auto !important;
   _height:600px;
}
div.main {  
   background: #C1FF82;    
 
}

div.panel,div.contents li.index a:hover {
      padding: 20px 0 0 0;     
}


            

/* div.panel */
    div.panel
    {
        width:646px;
       
        /* hide from ie/mac \*/
        height: 1%;
        /* end hide */
        
        
        margin: 0 0 1em 0;
        padding: 0 0 33px 0;
        
        background: url("/images/panel-bottom.gif") left bottom no-repeat;
    }
    
    div.panel div.inner
    {
       min-height :600px;
       
        border-left: 1px solid #FC8239;
        border-right: 1px solid #FC8239;
    }
  
    div.panel h2, div.content h2 {
        /* hide from ie/mac \*/
        height: 1%;
        /* end hide */
        
        margin: 0;
        padding: 3px 10px 4px 10px;
        
        text-transform: uppercase;
        font-size: 1.2em;
        font-weight: bold;
        
        color: white;
        background: #FC8235;
        border-top: 2px solid #D43539;
    }
    div.panel h3, div.content h3 {
        /* hide from ie/mac \*/
        height: 1%;
        /* end hide */
          font-size: 1em;
        margin: 0;
        /*padding: 2px 1px 1em 1px;*/
        padding: 3px 10px 4px 10px;
        
      
    }search
    div.panel h3 span, div.content h3 span {
        display: block;        
		margin: 0 0 0 0;
		padding: 2px 0 3px 30px;              
		line-height: 1.3em;        
        color: black;
        background: url("/images/header-arrow.gif") left top no-repeat #CDCC15;
    }
    div.panel p,div.content p,
    div.panel ul,div.content ul,
    div.panel ol, div.content ol,
    div.panel dl,div.content dl,
    div.panel h4,div.content h4,
    div.panel h5,div.content h5,
    div.panel h6, div.content h6,
    div.panel table,div.content table,
    div.panel blockquote,div.content blockquote {
        /* hide from ie/mac \*/
        height: 1%;
        /* end hide */

/*        font-size: 0.8em; */

        margin: 0;
        padding: 0.5em 10px 0.5em 10px;
   }

   div.panel ul li,
   div.content ul li {
      list-style: disc;
      margin-left: 15px;
   }
   
  
       div.panel div.hr, div.content div.hr {
		margin: 0;
        padding: 0.5em 0 0.5em 0;
        
        border-bottom: none;
       
        background: url("/images/panel-hr.gif") left center repeat-x;
	}
   
/* end div.panel */

/* signup */
div.signup
{
         height: 1%;
        /* end hide */
       
        font-size: 0.8em;

        margin: 0;
        padding: 0.5em 10px 0.5em 10px;      
}

/******/
/* news item */

   div.news {
      padding-left: 65px;
      padding-bottom: 8px;
       
      background-image: url("/images/logos/slp_small.gif");
      background-repeat: no-repeat;
     
   }

   div.news h3.news {
      border-left: none;
      border-right: none;
       margin: 0px;
      padding-bottom: 2px;
      font-size:1em;
   }


    div.news p.news {
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      border-left: 0px;
      border-right: 0px;
    }
    div.news ul.news {
        padding-left: 10px;
    }
    div.news ul.news li {
        margin: 0 0 0.5em 0;
        padding: 0 0 0 17px;
        list-style: none;
        background: url("/images/list-marker-news.gif") 0 0 no-repeat;
    } 

  div.news em.news {
      display: block;
      margin-top: 12px;
      color: #567CBB;
   }

   div.news a.news,
   div.news a.news:link,
   div.news a.news:active,
   div.news a.news:visited {
      font-weight: bold;
      background-image: none;
      font-size: 1.1em;
      margin-bottom: 12px;
   }
 
/* end news item */



/* subnavigator */

   div.panel ul.index  li,
   div.content ul.index li {
      margin-top: 0px;
      list-style: none;
   }

  .index li {
      padding-left: 65px;
      padding-top: 5px;
      padding-bottom: 20px;
      list-style: none;
      background: url("/images/logos/slp_small.gif") left top no-repeat;
   }

  .index li span {
      display: block;
      border-left: none;
      border-right: none;
      margin: 0 0 0 0;
      font-size: 1em;
      
   }

   .index li  a,
 .index li a:link,
  .index li a:active,
  .index li a:visited
  {
      padding: 20px 0 0 0;
   }

  .index li a:hover {
      padding: 20px 0 0 0;
     
   }

/* end subnavigator */


/* document */
    div#page p.document img {
        display: block;
        margin: 2px 0 0 -4px;
    }
    div#page p.document a,
    div#page p.document a:link,
    div#page p.document a:active,
    div#page p.document a:visited {
        text-decoration: underline;
        
        color: black;
        background: white;
    }
    div#page p.document a:hover {
        text-decoration: none;
    }
/* end document */





div.footer 
{
   margin-left:122px;
    _margin-left:125px;
   padding: 0 3px 8px 3px;
   background: white;
   height:100%;
   padding-left:100px;
     
}




div.footer ul {
  
   height:20px;
   list-style: none;
   margin: 0;
   padding: 0;
}


div.footer ul li {
   float: left;
   width:auto;   
   padding-right: 10px;
   margin-right: 10px;
   border: solid #FC8235;
   border-width: 0 1px 0 0;
   font-size: 0.8em;
}

div.footer ul li.last {
   border: none;
}





/* photos */
    div.panel ul.photos {
        margin: 0;
        padding: 5px 0 10px 82px;
        
        font-size: 1.1em;
        list-style: none;

        background: url("/images/icon-photos.gif") left top no-repeat transparent;
    }
    div.panel ul.photos li {
        float: none;
        clear: none;
        width: auto;
        display: inline;
        
        margin: 0 8px 0 0;
        padding: 0;
        
        list-style: none;
    }
    div.panel ul.photos li img {
        border: 1px solid #FC8235;
    }
    div.panel ul.photos li a:hover img {
        border: 1px solid black;
    }
    div.panel ul.photos li a,
   div.panel ul.photos li a:link,
   div.panel ul.photos li a:active,
    div.panel ul.photos li a:visited {
        margin: 0;
        padding: 0;
        
        text-decoration: underline;
    
        color: black;
        background: white;
    }
    div.panel ul.photos li a:hover {
        text-decoration: none;
    }
/* end photos */


/* details */
    div#page p.details {
        border-top: 1px dashed #BBBBBB;
        border-bottom: 1px dashed #BBBBBB;
        background: #DDEEDD;
    }
    
    
/* end details */

div#presentationPopup {
   visibility: hidden;
   padding: 4px;
   position: absolute;
   border: 1px solid black;
   background-color: #FFFFE1;
   z-index: 9999;
   width: 251px;
   font-size:0.8em;
}

table.searchResultGrid,
table.searchResultGrid tr,
table.searchResultGrid td {
   border: 0;
}

table.searchResultGrid td {
   padding: 4px;
}

ul.sitemap span {
   display: block;
}

div.Row
{
	width:400px;
}

div.CellL
{
	text-align:right;
	width:150px;
	float:left;
	margin-right:2px;
}
div.CellR
{
	width:200px;
	float:left;

}

div.List table, div.List td, div.List tr, div.List th
{
    border-style:none;
}

.message
{
    color:Red;
}

.filterbox
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:25500;
	opacity:0.5;
	filter: alpha(opacity=50);

}


.floatbox 
{
	display: none;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 750px;
	height: 600px;
	padding: 0;
	margin:0;
	border: 4px solid #FD6907;
	background-color: white;
	z-index:25505;
	overflow: hidden;
}
.floatboxIframe 
{
    /* This is a hack for IE6 */
	display: none;
	position: absolute;
	top: 100px;
	left: 20%;
	width: 750px;
	height: 600px;
	padding: 0;
	margin:0;
	background-color: white;
	overflow: hidden;    
    z-index:900;
    border:none;
    
}

.boxheader
{
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	left-padding:8px;
	margin:0;
	margin-right:20px;
	border-bottom:1px solid #CA5406;
	background-color: #FD6907;
	color:white;
	font-weight:bold;
	text-align:center;
	background-position:0 0;
	background-image:url(images/teachableboxheader.gif);
	background-repeat:no-repeat;
	height:30px;
	font-size:1.4em;
}

.boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-image:url(images/close.gif);
	background-repeat:no-repeat;
	background-color:#CCC;
	border:1px solid black;
	width:20px;
	height:20px;
	color:#000000;
	cursor:pointer;
	padding-top:2px;
}

.boxcontent
{
	position:absolute;
	top:35px;
	left:0;
	margin:0;
	padding: 8px;	
}
.surveyForm table
{
   font-size:0.8em;
}

.buttonPanel
{
    text-align:right;
    padding:3px;
    background-color: #C1FF82;
}

.headerRow
{
     background-color: #C1FF82;
     font-weight:bold;     
}

.surveyIntro
{             
    padding: 8px 5px 5px 12px;
    font-size:12px;          
}


.comments
{
    width:300px;
    height:200px;
}

.linktype
{
    cursor:pointer;    
}
.linktype:hover
{
   text-decoration:underline;
      
}

.clear
{
    clear:both;
}

span.star
{
    color:Red;
    padding:2px;
    font-weight:bold;
}

.hidden
{
    display:none;
}
div.popupWin
{
   background-color:Yellow;
   border:solid 1px black;
   font-weight:normal;
   font-size:0.8em;
   position:absolute;
   width:200px;      
}

span.closeButton
{
    background-color:Gray;
    font-weight:bold;
    cursor:pointer;
    float:right;
}

div.node
{
    width:100px;
    /*border:solid 1px black; */  
    white-space:normal;
}

.LeftMenuCss td
{
    vertical-align:top;
    padding-bottom:5px;
}