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

     * Filename:          main.css

  * Description:          Main Site Styles

      * Version:          1.0.0 (01-29-2010) MM-DD-YYYY

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

       * Author:          Mike Baldwin

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

   * Content area width:  945px

   # 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
                          $__sidebar                Sidebar Definitions
                          $__sidebarLeft            Left Sidebar Definitions
                          $__sidebarRight           Right Sidebar Definitions
                          $__content                Content Definitions
                          $__form                   Form Definitions
                          $__format                 Format Definitions

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


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

html,body{height:100%}
body{
 background:#414242 url(../../images/bg_grad_header.png) repeat-x;
 font-family:Helvetica, Arial, sans-serif;
 font-size:small;
 margin:0 auto;
 line-height:125%;
 text-align:center}
h1{font-size:150%}
h2{font-size:130%}
h3{font-size:120%}
div#wrapper{
 height:100%;
 margin:0 auto -52px auto;
 min-height:850px;
 text-align:left;
 width:980px}
span#e-mail,
 span#alt-e-mail{display:none}
.clearBoth{clear:both}
.colorOrange{color:orange}
.visible{color:green}
.construction{color:#c60}
.invisible{color:red}
a:link{color:#00f}
a:visited{color:#09f}
a:hover{color:#06f}
a:active{color:#09f}


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

div#header{
 background:#414242 url(../../images/img_logo.png) no-repeat 0 0;
 clear:both;
 margin:0 auto -230px auto;
 height:187px;
 padding:0;
 position:relative;
 width:980px}

div#header div#banner{
 height:187px;
 width:980px}
div#header div#header-location{
 background:url(../../images/bg_location.png) no-repeat 0;
 height:187px;
 position:relative;
 right:-809px;
 top:-187px;
 width:175px}


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

div#footer-wrapper{
 background:#015990 url(../../images/bg_footer.png) repeat-x;
 clear:both;
 height:44px;
 left:0;
 margin:0 auto;
 padding-top:8px;
 position:absolute;
 text-align:center;
 width:100%}
div#footer-wrapper div#footer{
 background:#414242;
 color:#ccc;
 height:44px;
 margin:0 auto;
 width:980px}
div#footer-wrapper div#footer div#exFooter1{
 background:#414242 url(../../images/img_bar_vert.png) repeat-y;
 height:44px;
 position:absolute;
 width:8px}
div#footer-wrapper div#footer div#exFooter2{
 background:#414242 url(../../images/img_bar_vert.png) repeat-y;
 height:44px;
 margin-left:975px;
 position:absolute;
 width:8px}
div#footer-wrapper div#footer address{
 float:left;
 font-size:90%;
 font-style:normal;
 font-weight:bold;
 margin-left:20px;
 padding-top:5px;
 text-align:left}
div#footer-wrapper div#footer div#footer-content1{
 margin-left:400px;
 padding-top:15px;
 position:absolute}
div#footer-wrapper div#footer div#footer-content2{
 float:right;
 margin-right:20px;
 padding-top:4px;
 text-align:right}
div#footer-wrapper div#footer a{font-size:0.8em}
div#footer-wrapper div#footer a:link{color:#ccc}
div#footer-wrapper div#footer a:visited{color:#888}
div#footer-wrapper div#footer a:hover{color:#999}
div#footer-wrapper div#footer a:active{color:#888}

div#footer-wrapper div#footer div#designerUrl a{font-size:90%}


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

ul#menuHeader{
 list-style-type:none;
 height:187px;
 margin:0 173px 0 197px;
 padding:0;
 text-align:center;
 width:613px}
ul#menuHeader li{
 display:inline-block;
 height:187px;
 margin:0;
 padding:0}
ul#menuHeader li a,
ul#menuHeader li a span{
 display:block;
 height:187px}

ul#menuHeader li#menuHome,ul#menuHeader li#menuHome:hover,ul#menuHeader li#menuHome.current{width:130px}
ul#menuHeader li#menuHome{background:url(../../images/spr_menu.png)}
ul#menuHeader li#menuHome:hover{background:url(../../images/spr_menu.png) 0 187px}
ul#menuHeader li#menuHome.current{background:url(../../images/spr_menu.png) 0 187px}

ul#menuHeader li#menuPhotos,ul#menuHeader li#menuPhotos:hover,ul#menuHeader li#menuPhotos.current{width:122px}
ul#menuHeader li#menuPhotos{background:url(../../images/spr_menu.png) -130px 0}
ul#menuHeader li#menuPhotos:hover{background:url(../../images/spr_menu.png) -130px 187px}
ul#menuHeader li#menuPhotos.current{background:url(../../images/spr_menu.png) -130px 187px}

ul#menuHeader li#menuEvents,ul#menuHeader li#menuEvents:hover,ul#menuHeader li#menuEvents.current{width:121px}
ul#menuHeader li#menuEvents{background:url(../../images/spr_menu.png) -252px 0}
ul#menuHeader li#menuEvents:hover{background:url(../../images/spr_menu.png) -252px 187px}
ul#menuHeader li#menuEvents.current{background:url(../../images/spr_menu.png) -252px 187px}

ul#menuHeader li#menuMenu,ul#menuHeader li#menuMenu:hover,ul#menuHeader li#menuMenu.current{width:122px}
ul#menuHeader li#menuMenu{background:url(../../images/spr_menu.png) -373px 0}
ul#menuHeader li#menuMenu:hover{background:url(../../images/spr_menu.png) -373px 187px}
ul#menuHeader li#menuMenu.current{background:url(../../images/spr_menu.png) -373px 187px}

ul#menuHeader li#menuStaff,ul#menuHeader li#menuStaff:hover,ul#menuHeader li#menuStaff.current{width:115px}
ul#menuHeader li#menuStaff{background:url(../../images/spr_menu.png) -495px 0}
ul#menuHeader li#menuStaff:hover{background:url(../../images/spr_menu.png) -495px 187px}
ul#menuHeader li#menuStaff.current{background:url(../../images/spr_menu.png) -495px 187px}


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

ul#menuFooter{
 left:25px;
 list-style-type:none;
 margin:0 0 -20px 0;
 padding:0;
 position:relative;
 text-align:left;
 top:-20px;
 width:100%}
ul#menuFooter li{
 display:inline-block;
 height:37px;
 margin:0 2px;
 width:122px}
ul#menuFooter li.contactLink{background:url(../../images/img_link_contact.png) no-repeat}
ul#menuFooter li.emailLink{background:url(../../images/img_link_email.png) no-repeat}
ul#menuFooter li a{
 color:#ddc08d;
 display:block;
 font-family:"Times New Roman", Times, serif;
 font-size:1.2em;
 font-weight:bold;
 height:37px;
 text-decoration:none}


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

div#belowBannerUpper{
 margin-top:-185px;
 padding:0;
 text-align:center}
div#belowBannerUpper ul{
 list-style-type:none;
 margin:12px 0 5px 0;
 padding:0}
div#belowBannerUpper ul li{
/* background-color:#357ba6;*/
 border:1px solid #414242;
 display:inline;
 font-size:0.85em;
 font-weight:bold;
 margin:0;
 padding:0.4em 0}
/*div#belowBannerUpper ul li:hover{background-color:#72abc6}*/
div#belowBannerUpper ul li a{
/* color:#fff;*/
 font-weight:bold;
 padding:0.5em;
 text-decoration:none}
/*div#belowBannerUpper ul li a:hover{color:#fff}
div#belowBannerUpper ul li.current{background-color:#72abc6}
div#belowBannerUpper ul li.current a{color:#fff}*/


/*   __sidebar
--------------------------------------------*/


/*   __sidebarLeft
--------------------------------------------*/


/*   __sidebarRight
--------------------------------------------*/


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

div#exContent1{
 background:#414242 url(../../images/img_bar_vert.png) repeat-y;
 margin-left:-35px;
 margin-bottom:-20000px;
 padding-bottom:20010px;
 width:8px}

div#exContent2{
 background:#414242 url(../../images/img_bar_vert.png) repeat-y;
 margin-left:940px;
 margin-bottom:-20000px;
 padding-bottom:20010px;
 width:8px}


div#main-content{
 background:#414242 url(../../images/bg_grad_content.png) repeat;
 margin:0;
 margin-bottom:-39px;
 min-height:100%;
 overflow:hidden;
 padding:15px 35px;
 width:913px}
div#content{
 background:#fff;
 border:5px ridge #ccc;
 box-shadow:2px 2px 3px #000;
 margin-top:240px;
 margin-bottom:50px;
 padding:15px;
 min-height:530px}


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

form{
 color:#000;
 font-family:Helvetica, Arial, sans-serif}
form dt.title{
 border-bottom:1px solid #000;
 font-size:1.4em;
 font-weight:bold}
form span.reqAst{color:#ff0000}
form dt.sep{border-bottom:1px solid #333}
form dt.label,
 form dt.label2Left,
 form dt.label2Right{
 color:#000;
 font-weight:bold}
form dt.submit input,
 form dt.button input{
 background-color:#357ba6;
 border:1px solid;
 border-top-color:#ebebeb;
 border-right-color:#aaa;
 border-bottom-color:#666;
 border-left-color:#ebebeb;
 color:#fff;
 font-size:1.2em}
form dt.submit input:hover,
 form dt.button input:hover{
 background-color:#72abc6;
 color:#333}
form dt.submit input:active{}
form dt.error{color:#ff0000}
form input.error,
 form textarea.error,
 form select.error{
 border:2px solid #ff0000}
form label.error{color:#ff0000}


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

p.title1{font-size:1.2em}
dl.separator{border-bottom:1px solid #000}