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

     * Filename:          main.css

  * Description:          Main Site Styles

      * Version:          1.0.1 (01-26-2010) MM-DD-YYYY

      * Website:          http://www.music-in-the-park.com/

       * Author:          Mike Baldwin

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

   * Content area width:  670px

   # 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
                          $__scriptDroppy           Droppy Script Definitions

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


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

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


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

div#header{
 background:url(../../images/bg_logo.png) no-repeat 50% 0;
 clear:both;
 margin:0 auto;
 height:180px;
 padding:0;
 width:980px}
div#header div#header-2{
 background:url(../../images/img_logo.png) no-repeat 50% 50%;
 height:248px;
 position:relative;
 width:980px;
 z-index:50}


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

div#footer{
 clear:both;
 height:79px;
 padding-top:0.3em;
 text-align:center;
 width:980px}
div#footer address{
 color:#210001;
 font-size:90%;
 font-style:normal;
 margin-bottom:0.5em}
div#footer a{
 color:#210001;
 font-size:0.8em}
div#footer a:hover{color:#f6ba1b}
div#footer div#designerUrl{color:#210001}
div#footer div#designerUrl a{
 color:#210001;
 font-size:90%}
div#footer div#designerUrl a:hover{color:#f6ba1b}


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


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


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

div#belowBannerUpper{
 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:#809738;
 border:1px solid #8e9fce;
 border-color:#ccc #666 #aaa #ccc;
 display:inline-block;
 font-size:95%;
 font-weight:bold;
 margin:0 0 5px 0;
 padding:0.4em 0}
div#belowBannerUpper ul li a{
 color:#324302;
 font-weight:bold;
 padding:0.5em;
 text-decoration:none}
div#belowBannerUpper ul li a:hover{color:#000}
div#belowBannerUpper ul li.current a{color:#333}


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


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

div#main-body_threeCol div#sidebar_left3{
 float:left;
 height:560px;
 position:relative;
 right:-55px;
 width:93px}
div#sidebar_left3 ul{
 list-style-type:none;
 margin:20px 0 0 0;
 padding:0}
div#sidebar_left3 ul li{
 background:url(../../images/spr_menu.png) no-repeat;
 height:210px;
 margin:0 0 10px 0;
 opacity:0.85;
 width:93px;
 z-index:30}
div#sidebar_left3 ul li#menuHome{background-position:0 0}
div#sidebar_left3 ul li#menuHome:hover,
 div#sidebar_left3 ul li#menuHome:focus,
 div#sidebar_left3 ul li#menuHome.current{
 background-position:0 -210px}
div#sidebar_left3 ul li#menuSchedule{background-position:-93px 0}
div#sidebar_left3 ul li#menuSchedule:hover,
 div#sidebar_left3 ul li#menuSchedule:focus,
 div#sidebar_left3 ul li#menuSchedule.current{
 background-position:-93px -210px}
div#sidebar_left3 ul li#menuMoreInfo{background-position:-465px 0}
div#sidebar_left3 ul li#menuMoreInfo:hover,
 div#sidebar_left3 ul li#menuMoreInfo:focus,
 div#sidebar_left3 ul li#menuMoreInfo.current{
 background-position:-465px -210px}
div#sidebar_left3 ul li a{
 display:block;
 height:210px}
div#sidebar_left3 ul li a:active{outline:none}



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

div#sidebar_right3{
 clear:right;
 float:right;
 height:560px;
 left:-55px;
 position:relative;
 width:93px}
div#sidebar_right3 ul{
 list-style-type:none;
 margin:20px 0 0 0;
 padding:0}
div#sidebar_right3 ul li{
 background:url(../../images/spr_menu.png) no-repeat;
 height:210px;
 margin:0 0 10px 0;
 opacity:0.85;
 width:93px;
 z-index:30}
div#sidebar_right3 ul li#menuMap{background-position:-186px 0}
div#sidebar_right3 ul li#menuMap:hover,
 div#sidebar_right3 ul li#menuMap:focus,
 div#sidebar_right3 ul li#menuMap.current{
 background-position:-186px -210px}
div#sidebar_right3 ul li#menuSponsors{background-position:-279px 0}
div#sidebar_right3 ul li#menuSponsors:hover,
div#sidebar_right3 ul li#menuSponsors:focus,
div#sidebar_right3 ul li#menuSponsors.current{
 background-position:-279px -210px}
div#sidebar_right3 ul li#menuPhotos{background-position:-372px 0}
div#sidebar_right3 ul li#menuPhotos:hover,
div#sidebar_right3 ul li#menuPhotos:focus,
div#sidebar_right3 ul li#menuPhotos.current{
 background-position:-372px -210px}
div#sidebar_right3 ul li a{
 display:block;
 height:210px;
 width:93px}
div#sidebar_right3 ul li a:active{outline:none}


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

div#main-body_threeCol{
 float:left;
 min-height:200px;
 text-align:center;
 width:858px}
div#main-body_threeCol div#content{
 background:#f6ba1b;
 border:4px solid #000;
 box-shadow:0px 2px 3px #3c4b02;
 float:right;
 font-size:0.85em;
 min-height:600px;
 opacity:0.95;
 padding:70px 15px 15px 15px;
 position:relative;
 text-align:left;
 width:700px;
 z-index:40}


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

form{
 color:#210001;
 font-family:Helvetica, Arial, sans-serif}
form dt.title{
 border-bottom:1px solid #210001;
 font-size:1.4em;
 font-weight:bold}
form fieldset{border:1px solid #210001}
form span.reqAst{color:#f00}
form dt.sep{border-bottom:1px solid #210001}
form dd.input input:focus,
 form dd.input2Left input:focus,
 form dd.input2Right input:focus{
 border:2px solid #210001;
 box-shadow:2px 2px 2px #210001}
form dt.label,
 form dt.label2Left,
 form dt.label2Right{
 color:#210001;
 font-weight:bold}
form dt.submit input,
 form dt.button input{
 background-color:#648603;
 color:#fced7e;
 font-size:1.2em}
form dt.submit input:hover,
 form dt.button input:hover{
 background-color:#769f04;
 color:#db9803}
form dt.submit input:active{}
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}
dl.separator{border-bottom:1px solid #000}