/* Start of CMSMS style sheet 'Main CSS NO TBL' */
/* Armand Bayou Nature Center */
/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* Miscellaneous classes to align text and divs */

.float_left {
margin: 10px 10px 5px 0;
float: left;
}
.float_right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}
.clearBoth {
	clear: both;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

.noindent { text-indent: 0; }

.paddingRL10 {padding: 0 10px; }
.paddingRL20 {padding: 0 20px; }
.paddingL10 {padding: 0 0 0 10px; }
.paddingR10 {padding: 0 10px 0 0; }
.paddingR20 {padding: 0 20px 0 0; }
.paddingL20 {padding: 0 0 0 20px; }

.cellbox100 { display: block; width: 100px; }

body {
margin: 30px auto 0 auto;
padding: 0;
font-size:100%;
font-family: Tahoma,Arial,'Lucida Grande',Arial,sans-serif;
line-height:1.125em; /* 16x1.125=18px */
background: #399;
}
/* ********************  Font sizing  ******************************* */
h1, h2, h3, h4 {
	font-weight:bold;	
}

h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em;/* 16x1.636=36px */
	margin: 0;
}

h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin:1em 0; /* 18x1=18px */
}

h3 {
	font-size: 1.062em; /* 16x0.875=14.72px */
	margin: 0 0 0.643em 0; /* 14x0.643=9px */
}
h4 {
	font-size: 1.0em; /* 16x0.875=14.72px */
	margin: 0 0 0.5em 0;
}
p {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 1.286em 0; /* 14x1.286=18px */
        text-indent: 0.5em;
}

table {
    border-collapse: collapse;
    border-style: none;
    padding: 0;
    margin: 0;
    empty-cells: show;
}

th {
      padding: 3px 5px;
      margin: 0;
      font-weight: bold;
      font-size: 100%;
      border-bottom: .75px solid #CCC;
      text-align: left;
}
td  {
	padding: 2px 4px;
    margin: 0;
    font-size: 85%;
    vertical-align: top;
    text-align: left;
}
ul ol {
	padding: 0;
	margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
}
ul {
    list-style-type: disc;
}
ul ul {
    list-style-type: circle;
}
ul ul ul{
    list-style-type: disc;
}
ol {
    list-style-type: upper-alpha;
}
ol ol {
    list-style-type: lower-alpha;
}
ol ol ol{
    list-style-type: lower-roman;
}

li {
padding: 0 4em 0.5em 0;
}

a {
text-decoration: none;
color: #00F;
outline: none;
}

a:hover {
text-decoration: underline;
color: #00A;
}

a img {
border: none;
outline: none;
}

input {
border: 1px solid #999;
margin: 5px;
}
hr {
    border: 0.03em solid #999;
}
/* ********************    ******************************* */
#searchbox {
float: right;
position: relative;
height: 30px;
right: 0;
top :20px;
font-size: 0.7em;
}
#searchbox input {
border: 1px solid #000;
margin: 0;
}
#searchbox .searchbutton {
background: #9CC;
cursor: pointer;
/* border-color: #FFF;
color: #FFF; */
}

#wrap {
background: #ffffff;
color: #000;
margin: 0px auto;
width: 924px;
border: 1px solid #000;
}

#header {
clear: both;
margin: 0 auto 0 auto;
padding: 0;
height: 45px;
width: 924px;
background: #399;  /* C63 */
border-bottom: 0px solid #000;
}

#header h1 {
/* width: 250px;
margin: 0 0 10px 0;
float: left; */
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;

}

#header p {
width: 500px;
float: right;
text-align: center;
color: #000;
margin: 0 0 10px 0;
/* font-size: 0.8em;
line-height: 1.2em; */
}

#frontphoto {
width: 100%;
height: 300px;
margin: 0 0 10px 0;
border-bottom: 4px solid #CC3;
}
#frontphoto img {
border: 0;
float:left;
}

#left {
/* clear: left; */
float: left;
width: 250px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.7em;
line-height: 1.2em;
/* font-size: 0.7em; */
}
#right img.box_img {
  margin: 2px 5px 2px 5px;
  }
.announce {
   width: 240px; 
  /*  margin-left: 20px; */
   color: #000;
   background-image: url(uploads/images/css_images/side_box.gif); 
   background-position: 0px top; 
   background-repeat: no-repeat;
}
.announceNewsWrapper {
	margin-left: 20px;
}
.announce h3 {
	text-align: center;
	margin-left: -20px;
	padding-top: 5px;
	display: block;
}
.announceBottomImage {
 	margin-top: 0px;
	width: 100%;
	height: 60px;
    background-image: url(uploads/images/css_images/Aside_box.gif);
    background-repeat: no-repeat;
    background-position: 0px bottom;
}
*:first-child+html .announceBottomImage {height: 50px;} 
* html .announceBottomImage {height: 50px;}
.announce a {
color: #000;
text-decoration: underline;
}
.announce a:hover {
color: #333;
text-decoration: none;
}

#content {
margin: 0 0px 20px 250px;/* 0 110px 20px 260px; */
border-left: 0px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
padding: 0 20px 0 10px;
/* line-height: 1.6em; */
text-align: justify;
letter-spacing: 0.05em;
}
* html .content {padding-left: 245px;}
/*
#content img {
padding: 0;
margin: 5px;
/*border: 1px solid #000; 
}*/
#content a {
     text-decoration: underline;
}
#content a:hover {
     text-decoration: none;
}
#content ul, ol {
 font-size: 0.875em;
}
/* ************ Right Float Box  *************************** */
#right_wrapper {
float: right;
width: 160px;
margin: 10px -20px -30px 10px;
overflow:hidden;
padding: 0px 0 10px 0px;
}
#right {
padding: 10px 0 0 10px;
font-size: 0.8em;
line-height: 1.2em;
   background-image: url(uploads/images/css_images/side_box.gif); 
   background-position: 0px top; 
   background-repeat: no-repeat;
}
#right a {
  color: #000;
  }
#right a:hover {
  color: #333;
  }
#right p {
margin: 1em 0.5em 1em 0;
border-top: 1px dashed #000;
padding-top: 0.5em;
text-align: center;
}
.right_bottom_image {
 	margin: -18px 0px 0px 0px;   /* -18px 0px 30px 0px; */
 	padding: 10px;
        width: 100%;
	height: 30px;
    background-image: url(uploads/images/css_images/Aside_box.gif);
    background-repeat: no-repeat;
    background-position: 0px bottom;
}

*:first-child+html .right_bottom_image {margin-top: -13px;} 
* html .right_bottom_image {margin-top: -13px;}

#right img {
  border: 1px solid #000;
  padding: 0;
  margin: 5px auto;
}


#right .hours {
width: 100%;
padding: 0;
font-size: 0.85em;
color: #000;
border-style: none;
}
#right .hours {
width: 50%;
color: #000;
border-style: none;
font-size: 0.85em;
}
/* ************ END Right Float Box  *************************** */

#footer {
clear: both;
   background: url(uploads/images/css_images/abnclogoWithColor.gif) no-repeat 1em 50%;
/* margin: 0 auto; */
padding: 10px 0px 20px 0px;
border-top: 4px solid #CC3;
width: 924px;
min-height: 84px;
text-align: center;
color: #000;
font-size: 0.7em;
vertical-align: middle;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}
.footerCP {
padding-left: 100px;
}
.footerAD {
position: relative;
float: left;
width: 270px;
}
* html .footerCP {

}

/* Table Styles */

.border_bottom {
	text-align: left;
	vertical-align: bottom;
	padding: 0;
}

/* rather than give the table a font size, use contextual selectors to target the th and td elements within */

.border_bottom-th {
	border-bottom:0.071em solid #ccc;
}

.border_bottom-td {
	padding:0.333em 0.75em 0.417em 0.75em;
	border-bottom:0.083em solid #ccc;
}

.stafftbl {
     width: 600px;
     padding: 0px; 
     border: none;

}

.stafftbl p {
margin: 0.5em 0;
}

.stafftbl img {
     border: 1px solid #000;
     padding: 0px;
}

.stafftbl td {
	font-size: 1em; /* 16x0.75=12px */
/*	padding:0.333em 0.75em 0.417em 0.75em;  12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom:0.083em solid #ccc; /* 12x0.083=1px */
	line-height: 1.125em; /* 12x1=12px */ 
     padding: 10px;
     vertical-align:top;
}
.stafftblIMG { width: 160px; vertical-align: top;}

.wishlist {
        padding: 2px 10px;
        border-bottom: 0.085em solid #CCC;
        border-left: 0.085em solid #CCC;
}
/* ********************************** */

.details_table {
     padding: 0;
     border-style: none;
}
.details_table  {
     font-size: 0.75em;
     border-bottom: 0.083em solid #ccc;
     line-height: 1em; 
     padding-right: 0.75em;
     padding-left: 0.75em;
     padding-top: 0.35em;
     padding-bottom: 0.35em;
    text-align: left;
    vertical-align: bottom;
}

/* ********************************** */
.fees_table {
  margin-left: 30px;
}

/* .fees_table  {
     line-height: 1em; 
     padding: 0.35em 0.75em 0.15em 0.75em;
    vertical-align: bottom;
}  */
.fees_col1 {
    width: 75px;
    vertical-align: top;
    font-weight: bold;
}
.fees_colwide {
    width: 100px;
    vertical-align: top;
    font-weight: bold;
}
.tdaligntop { vertical-align: bottom; }
/* End Table Styles */
.notesBox {
 /* width: 350px; */
  margin: 10px 50px 10px 30px;
  padding: 5px 10px;
  border: 0.075em solid #000;
  background-color: #EEE;
  font-size: 0.75em;
}

.float_left_image_row {
margin: 10px 5px 5px 0;
float: left;
}

.float_right_image_row {
margin: 10px 0 5px 5px;
float: right;
}


/* ************  MENU  *************************** */
/* ************ BANNER MENU  *************************** */
#banner-nav {
float: left;
position: relative;
padding: 0px;
width:100%;
height: 300px;
background: #FFF url(uploads/images/css_images/frog_banner.jpg) no-repeat;
}
#bannernav, #bannernav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   /* width: 260px;  */
}
#bannernav { 
	background: transparent;
	padding-left: 10px;
}
#bannernav li {
padding: 0;
}
#bannernav a { 
   display: block; 
   margin-left: 3px; 
   margin-right: 0px;
   padding: 3px 10px; 
   color: #FF0;
   text-decoration: none; 
   font-size: 0.8em;
}
#bannernav a:hover {
color: #FFE;
}
#bannernav li/*,  #nav li.menuparenth */ { _float: left; _height: 1%; }
#bannernav li a { _height: 1%; }

/* The wrapper determines the width of the menu elements */
/* ************ LEFT MENU  *************************** */
#left-nav { 
   width: 240px; 
   margin-left: 20px;
   margin-bottom: 20px;
}


/* Unless you know what you do, do not touch this */ 
#nav, #nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 240px; 
}

#nav li { 
   position: relative; 
   padding: 0;
}


/* Styling the basic apperance of the menu elements */
#nav a { 
   border-bottom: 1px solid #000; 
   display: block; 
   margin-left: 3px; 
   margin-right: 28px;
   padding: 4px 10px; 
   color: #000;
   text-decoration: none; 
   background: transparent;
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}
#nav a:hover {
	color: #FFF;
}
#nav li.firstActiveParent ul li a,
#nav li.bodyActiveParent ul li a,
#nav li.lastActiveParent ul li a,
#nav li.firstActiveParent ul li a,
#nav li.firstParent ul li a,
#nav li.bodyParent ul li a,
#nav li.lastParent ul li a { /* indent children */
   padding-left: 20px;
   background-image: url(uploads/images/css_images/sub_menu.jpg); 
   background-repeat: no-repeat; 
   background-position: 8px center; 
}
#nav li.firstActiveParenth ul li a,
#nav li.bodyActiveParenth ul li a,
#nav li.lastActiveParenth ul li a,
#nav li.firstActiveParenth ul li a,
#nav li.firstParenth ul li a,
#nav li.bodyParenth ul li a,
#nav li.lastParenth ul li a { /* indent children */
   padding-left: 20px;
   background-image: url(uploads/images/css_images/sub_menu.jpg); 
   background-repeat: no-repeat; 
   background-position: 8px center; 
}
#nav li { 
   min-height:1em; /* Fixes IE7 bug*/
}

/* Styling the apperance of menu items on hover */
/* my image style */
#nav li { 
   background-image: url(uploads/images/css_images/menu-Image.gif); 
   background-repeat: no-repeat; 
}
#nav li.firstActiveParent, 
#nav li.firstActive 
	{ 
	background-position: -242px -1px;  
}
#nav li.bodyActiveParent, 
#nav li.bodyActive 
	{ 
	background-position: -242px -30px;  
}
#nav li.lastActiveParent, 
#nav li.lastActive 
	{ 
	background-position: -242px -105px; 
	padding-bottom: 20px;  
}

#nav li.firstParent, 
#nav li.first 
	{ 
	background-position: 0px -1px; 
}
#nav li.bodyParent, 
#nav li.thebody 
	{ 
	background-position: 0px -30px; 
}
#nav li.lastParent, 
#nav li.last 
	{ 
	background-position: 0px -105px; 
	padding-bottom: 10px; 
}
/*
#nav li a.firstParentA,
#nav li a.lastParentA,
#nav li a.bodyParentA 
 { 
   background-image: url(uploads/images/css_images/down_arrow.gif); 
   background-repeat: no-repeat; 
   background-position: 190px center; 
}
*/
/* Hover images */
#nav li.firstActiveParent:hover, 
#nav li.firstActive:hover, 
#nav li.firstActiveParenth, 
#nav li.firstActiveh, 
#nav li.firstParent:hover, 
#nav li.first:hover, 
#nav li.firstParenth, 
#nav li.firsth 
	{ 
	background-position: -482px -1px;  
}
#nav li.bodyActiveParent:hover, 
#nav li.bodyActive:hover,
#nav li.bodyActiveParenth, 
#nav li.bodyActiveh, 
#nav li.bodyParent:hover, 
#nav li.thebody:hover, 
#nav li.bodyParenth, 
#nav li.thebodyh 
	{ 
	background-position: -482px -30px;  
}
#nav li.lastActiveParent:hover, 
#nav li.lastActive:hover,
#nav li.lastActiveParenth, 
#nav li.lastActiveh, 
#nav li.lastParent:hover, 
#nav li.last:hover,
#nav li.lastParenth, 
#nav li.lasth 
	{ 
	background-position: -482px -105px; 
	padding-bottom: 20px; 
}
#nav a.lastActiveParentA, 
#nav a.lastActiveA,
#nav a.lastParentA,
#nav a.lastA
	{ 
	border-bottom-style: none;
}


/* IE Hack, will cause the css to not validate */

#nav li/*,  #nav li.menuparenth */ { _float: left; _height: 1%; }
#nav li a { _height: 1%; }


/* section header */
#nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #abb0b6;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/* **********  END MENU  ************************* */
    table#teachtable  {
  font-size: 1.0em;
   line-height: 1.25em;
   vertical-align: top;
 }
    table#teachtable td{
   vertical-align: top;
   padding-bottom: 2em;
   font-size: 0.875em;
   line-height: 1.125em;
   border-top:0.083em solid #ccc; /* 12x0.083=1px */
 }
	div.title{
	font-weight: bold;
	margin-bottom: 1em;
	}
	div.classcontent {
	text-align: justify;
	}

	div.time {
	display: none;
	margin-bottom: 10px;
	/* word-spacing: 2px; */
	}
	.price {
	}
/*****  photo form  *****/
#fbsubmit {
 border: 1px solid #000;
 width: 100px;
}
fieldset.photo {
 border-style: none;
 width: 500px;

}

.photo div {
float: left;
vertical-align: top;
text-align: left;
padding: 3px 20px;
width: 500px;
}
.photo label {
float: left;
width: 150px;
display:block;
}
.textlbl label {
 width: 450px;
}
.textlblsml label {
 width: 280px;
}
.photo input, select {
float:right;
border-style: none;
border: 1px solid #000;
}
.photo select {
border: 0.075em solid #000;
float: none;
}
.photo input {
width: 300px;
}
.photo textarea {
width: 500px;
height: 100px;
}/* foundation and BOT table */
        .table {
            margin: auto;
            width: 635px;
            text-align: left;
float: right;
margin-bottom: 1.3em;
        }
        .table ul {
            list-style: none;
            clear: both;
            padding:0; margin:0;
        }
        .table ul li {
            float: left;
            width: 247px;
            padding: 0.2em 0;
        }
        .table ul li.firstcell {
			width: 140px;
		}

        .table ul.header {
            height: 3.1em;
            background: #EEE;
        }
        .table ul.header li {
            height: 2em;
            text-align: center;
            font-weight: bold;
            font-size: 1em;
            padding-top: 1em;
            padding-bottom: 0;
        }

       .table2row {
            margin: auto;
            width: 635px;
            text-align: left;
margin-bottom:1.3em;
         }
        .table2row ul {
            list-style: none;
            clear: both;
            padding:0; margin:0;
        }
        .table2row ul li {
            float: left;
             padding: 0.2em 0;
        }
        .table2row ul li.firstcell {
			width: 140px;
		}

        .table2row ul.row2 {
             background: #000;
        }
        .table2row ul.header {
            height: 3.1em;
            background: #EEE;
        }
        .table2row ul.header li {
            height: 2em;
            text-align: center;
            font-weight: bold;
            font-size: 1em;
            padding-top: 1em;
            padding-bottom: 0;
        }
/* Fee table */
        .tablefee {
            margin: auto;
            width: 635px;
            text-align: left;
            float: right;
            margin-bottom: 1.3em;
        }
        .tablefee ul {
            list-style: none;
            clear: both;
            padding:0; margin:0;
        }
        .tablefee ul li {
            float: left;
            /* width: 100px; */
            padding: 0.2em 0;
        }
        .tablefee ul li.firstcellfee {
			width: 140px;
                        font-weight: bold;
		}

        .tablefee ul.headerfee {
            height: 3.1em;
            background: #EEE;
        }
        .tablefee ul.headerfee li {
            height: 2em;
            text-align: center;
            font-weight: bold;
            font-size: 1em;
            padding-top: 1em;
            padding-bottom: 0;
        }



       .table2row {
            margin: auto;
            width: 635px;
            text-align: left;
margin-bottom:1.3em;
         }
        .table2row ul {
            list-style: none;
            clear: both;
            padding:0; margin:0;
        }
        .table2row ul li {
            float: left;
             padding: 0.2em 0;
        }
        .table2row ul li.firstcell {
			width: 140px;
		}

        .table2row ul.row2 {
             background: #000;
        }
        .table2row ul.header {
            height: 3.1em;
            background: #EEE;
        }
        .table2row ul.header li {
            height: 2em;
            text-align: center;
            font-weight: bold;
            font-size: 1em;
            padding-top: 1em;
            padding-bottom: 0;
        }
/*********************************************/
.required input {
  background-color: #FFB;
}
div.captcha {
width: 250px;
height: 250px;
margin: 5px 10px;
}
div.captcha img{
 display: block;
}
div.captcha input {
  background-color: #FFB;
  display: block;
}
div.error_message {
  color: #F00;
  }
/* ************ Credets  ************************* */
.webmaster-link-box {
width: 900px;
margin: 0 auto;
color: #000;
font-size: .65em;
text-align: right;
padding: 10px 0 10px 0;
}
.webmaster-link-box a {
color: #000;
margin: 0 15px;
}

.pwaAlbum {
     font-size: 0.875em;
}
.txtarea textarea {
   width: 450px;
    height: 150px;
}
p.P2B, span.P2B {
margin: 0; 
text-indent: 0;
}
/* End of 'Main CSS NO TBL' */