@charset "utf-8";
/*---------------------------------------------------------------------------------------

     * Filename:          main.css

  * Description:          Main Site Styles

      * Version:          1.0.1 (03-25-2010) MM-DD-YYYY

      * Website:          http://www.teaching4tomorrow.com/

       * Author:          Mike Baldwin

  == STRUCTURE: =========================================================================

   * Content area width:  880px

   # of columns:          1-3 (Left/Center/Right) [Automatic through database]

        Anchors:          $__main                   Main Definitions
                          $__header                 Header Definitions
                          $__footer                 Footer Definitions
                          $__menuHeader             Header Menu Definitions
                          $__menuFooter             Footer Menu Definitions
                          $__menuBelowBannerUpper   Below Banner Upper Menu Definitions
                          $__sectionTop             Top Section Definitions
                          $__sidebars               Sidebar Definitions
                          $__sidebarLeft            Left Sidebar Definitions
                          $__sidebarRight           Right Sidebar Definitions
                          $__content                Content Definitions
                          $__contentHome            Home Page Content Definitions
                          $__form                   Form Definitions
                          $__format                 Format Definitions

  ---------------------------------------------------------------------------------------------------------------------------------------------------*/


/*   __main
--------------------------------------------*/

body{
 background:#29190a url(../../images/bg_background.jpg) repeat;
 font-family:helvetica, arial, sans-serif;
 font-size:small;
 margin:0;
 line-height:150%;
 text-align:center}
article,aside,footer,header,nav,section{display:block}
h1,h2,h3,h4,h5,h6{
 font-size:100%;
 margin:0;
 padding:0}
#wrapper{
 background:#000;
 border:1px solid #666;
 margin:15px auto;
 padding:0;
 width:980px}

#website-info-wrapper{
 box-sizing:border-box;
 color:#cfb484;
 margin:10px auto;
 text-align:center}
#website-info a,
 #validLinks a{
 color:#cfb484}
#website-info a:hover,
 #website-info a:focus,
 #validLinks a:hover,
 #validLinks a:focus{color:#fff}
#validLinks a{text-decoration:none}
#validLinks a .checkmark{text-decoration:none}
#validLinks a .link{text-decoration:underline}
.active{color:green}
.inactive{color:red}

#e-mail{display:none}
a:active{color:#03f}
a:link{color:#03f}
a:visited{color:#33f}
a:hover, a:focus, a.current{color:#09f}

.loadingMsg{
 background:url(../../images/bg_sidebar_left.png) repeat-y;
 border:5px groove #aaa;
 border-left:none;
 border-right:none;
 border-radius:7px;
 color:#fff;
 font-size:150%;
 padding:7px 15px;
 text-align:center;
 text-shadow:1px 1px 1px #000;
 width:110px}


/*   __header
--------------------------------------------*/

#header{
 background:url(../../images/img_header.jpg) no-repeat 50% 0;
 height:132px;
 margin:15px auto 0;
 padding:0;
 position:relative;
 width:920px;
 z-index:15}


/*   __footer
--------------------------------------------*/

#footer{}
#footer .address{}


#footer a.contactEmail{
 background:url(../../images/spr_email.png) no-repeat;
 display:inline-block;
 height:20px;
 left:-59px;
 position:relative;
 top:46px;
 width:230px}
#footer a.contactEmail:hover,
 #footer a.contactEmail:focus{
 background-position:0 -20px}
#footer span#adminLink{
 display:block;
 margin:0.3em 0 0}
#footer span#adminLink span{margin:0}
#footer span#adminLink a{
 text-decoration:none}
.adminLink{display:inline-block}
.adminLink img{
 display:inline-block;
 vertical-align:text-top}

#footerText{
 background:#fff;
 color:#000;
 font-family:Verdana, Helvetica, Arial, sans-serif;
 padding:0.7em}
#footerText span{
 display:inline-block;
 font-size:120%;
 font-style:italic;
 font-weight:bold}
#footerText span.title{font-size:140%}
#footerText img{vertical-align:middle}



/*   __menuHeader
--------------------------------------------*/


/*#menuHeader{
 display:inline-block;
 left:180px;
 position:relative;
 top:305px}
.menuMain a{
 background:url(../../images/spr_menu.png) no-repeat;
 box-sizing:border-box;
 display:inline-block;
 min-height:27px;
 margin:0 1em 0 0;
 width:173px}*/

#menuHeader{
 box-sizing:border-box;
 position:relative;
 top:-6px;
 z-index:10}
.menuMain{
 display:inline-block}
.menuMain a{
 background:url(../../images/spr_menu.png) no-repeat 0 0;
 box-sizing:border-box;
 display:inline-block;
 color:#fff8bd;
 height:35px;
 margin:0 13px;
 text-decoration:none;
 width:101px;
 z-index:25}
.menuMain a span{display:none}

.menuMain a.menuItemTourTheBear{background-position:-99px 0}
.menuMain a.menuItemTourTheBear:hover,
 .menuMain a.menuItemTourTheBear:focus,
 .menuMain a.menuItemTourTheBear.current{background-position:-99px -37px}

.menuMain a.menuItemHistory{background-position:-199px 0}
.menuMain a.menuItemHistory:hover,
 .menuMain a.menuItemHistory:focus,
 .menuMain a.menuItemHistory.current{background-position:-199px -37px}

.menuMain a.menuItemEvents{background-position:-299px 0}
.menuMain a.menuItemEvents:hover,
 .menuMain a.menuItemEvents:focus,
 .menuMain a.menuItemEvents.current{background-position:-299px -37px}

.menuMain a.menuItemPictures{background-position:-398px 0}
.menuMain a.menuItemPictures:hover,
 .menuMain a.menuItemPictures:focus,
 .menuMain a.menuItemPictures.current{background-position:-398px -37px}

.menuMain a.menuItemMenu{background-position:-500px 0}
.menuMain a.menuItemMenu:hover,
 .menuMain a.menuItemMenu:focus,
 .menuMain a.menuItemMenu.current{background-position:-500px -37px}

.menuMain a.menuItemLodging{background-position:-600px 0}
.menuMain a.menuItemLodging:hover,
 .menuMain a.menuItemLodging:focus,
 .menuMain a.menuItemLodging.current{background-position:-600px -37px}

.menuMain a:hover,
 .menuMain a:focus,
 .menuMain a.current{
 outline:none;
 position:relative;
 top:3px}




#footer .adminLink{
 left:50px;
 position:relative;
 top:15px}
.adminLink img{border:none}
.adminLink a img{
 border:none;
 display:inline-block;
 vertical-align:middle}
.adminLink a{
 color:#000;
 text-align:right;
 text-decoration:none;
 text-shadow:1px 1px 1px #fff}
.adminLink a:hover,
 .adminLink a:focus{
 text-decoration:none}
.adminLink a:hover span,
 .adminLink a:focus span,
 .adminLink.current-1 a span{
 text-decoration:underline}



/*   __submenuHeader
--------------------------------------------*/


/*   __menuFooter
--------------------------------------------*/


/*   __menuBelowBannerUpper
--------------------------------------------*/

#menuAdmin{
 margin:0 0 10px;
 padding:0;
 text-align:center}
#menuAdmin a{
 color:#fff;
 font-family:Helvetica, Arial, sans-serif;
 font-size:90%;
 font-weight:bold;
 margin:0 0 5px;
 padding:0.35em 0.5em;
 text-decoration:none}

#menuAdmin a:hover,
 #menuAdmin a:focus,
 #menuAdmin a.current{
 color:#000}
#menuAdmin a.ui-button{margin-right:auto}


/*   __sidebar1
--------------------------------------------*/


/*   __sidebar2
--------------------------------------------*/


/*   __content
--------------------------------------------*/

#content{
 background:#000;
/* border-bottom:1px dotted #cfb484;*/
/* border:1px solid #777;*/
 color:#fff;
 margin:25px 25px 5px;
 padding:25px;
 min-height:470px;
 text-align:left}
.pageLogin #content, .admin #content{
 background:#fff;
 border:1px solid #777;
 color:#000 !important}
.admin #content .ui-widget-content{color:#000 !important}
#content #menuCategoryContainer,
#content #menuItemContainer{color:black}
#content #menuItemList a{color:white}
#content #menuItemList a.current span,
#content #menuItemList a:hover span{color:#ccc}


/*   __form
--------------------------------------------*/

form{
 color:#333;
 font-family:Helvetica, Arial, sans-serif}
form dt.title{
 border-bottom:1px solid #333;
 font-size:140%;
 font-weight:bold}
input[type=text],
 textarea{font-family:Helvetica, Arial, sans-serif}
form fieldset{border:1px solid #333}
form span.reqAst{color:#f00}
form dt.sep{border-bottom:1px solid #333}
form dt.label,
 form dt.label2Left,
 form dt.label2Right{
 color:#222;
 font-size:85%;
 font-weight:bold}
form dt.error{color:#f00}
form input.error,
 form textarea.error,
 form select.error{
 border:2px solid #f00}
form label.error{color:#f00}


/*   __format
--------------------------------------------*/

p.title1{font-size:1.2em}
.heading1{text-shadow:1px 1px 2px #999}
.clearBoth{
 clear:both;
 margin:0 auto;
 max-width:980px}
.visible{color:green}
.construction{color:#c60}
.invisible{color:red}
.error{color:red}
dl.separator{border-bottom:1px solid #000}