*{
padding: 0;
margin: 0;
}

html { background: url(images/SBCpatternBkgd.jpg) top left #ffcc66;
}

body { font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
margin: 0; border: none; font-size: small; background: url(images/SBCblueBar.jpg) 0 50px repeat-x; padding: 0; min-height: 170px; 
}

p { padding: 10px 30px 10px 30px; font-size: 105%; font-weight: normal;
color: black; line-height: 1.5em; }

h1 { font-size: 175%; 
color: #233e7d; letter-spacing: .05em;
font-weight: normal; font-style: italic;
line-height: 1.25em; text-align: center;
}

h2 { font-size: 135%; padding: 5px 0 0 0;
color: black; letter-spacing: .1em; margin-left: -20px;
font-weight: normal; font-style: italic;
line-height: 1.15em; text-align: center;
}

h3 { font-size: 155%;
color: #003366; letter-spacing: .05em;
font-weight: normal; font-style: italic;
line-height: 1.25em; text-align: left; padding: 10px 80px 20px 80px;
}


h4 { font-size: 255%;
color: #003366; letter-spacing: .05em;
font-weight: normal; font-style: italic;
line-height: 1.25em; text-align: left; padding: 20px 0 20px 70px;
}

h5 { font-size: 115%; padding: 20px 85px 30px 85px;
color: #000; letter-spacing: .05em;
font-weight: normal; font-style: normal;
line-height: 1.5em; text-align: center;
}

h6 { padding: 10px 0 10px 0; font-size: 110%; font-weight: normal;
color: black; line-height: 1.5em; font-style: normal;
}

a { border: none; text-decoration: none; list-style-type: none; color: #000; }

a:hover { color:#233e7d; text-decoration: underline;
}

img { border-style: none;
}

img, div { behavior: url(iepngfix.htc); }

.clear { clear: both;
}

dd { padding-left: 30px;
}

#wrapper { width: 925px; height: auto;  margin: 0px auto;
}

#header { width: 924px; height: 315px; margin: -35px auto; background: url(images/wrapperBkgd.png) top left no-repeat; 
}

#logo { width: 250px; height: 116px; float: left; margin: 30px 0 0 90px; zoom: 1;
}

#flashPictures { width: 520px; height: 292px; margin-top: 5px; float: right; display: block; zoom: 1;
}

#content { width: 816px; height: auto; background: url(images/bodyColor.png) repeat-y; margin: 35px auto; 
}

.contentMap { width: 300px; height: auto; margin-left: 80px; float: left;
}

.contentMap a { line-height: 2em;
}

#content dt { margin-left: 50px; font-size: 105%; line-height: 1.5em; 
}

.contentSplit { width: 399px; height: auto; float: left;
}

#freedom {width:191px; height:280px; float: left; margin: 0 0 0 33px;
}

#bigMovie { width: 480px; height: 270px; background: #000; display: block;
margin-left: 168px; border-left:1px solid #000; border-right:1px solid #000;}

#bigMovie2 { width: 480px; height: 270px; background: #000; display: block;
margin-left: 60px; border-left:1px solid #000; border-right:1px solid #000; float: left;}

#letter { width: 740px; height: auto; background: url(images/letterTop.jpg) no-repeat top left; margin: 0px auto;
}

#letterContent { width: 740px; height: auto; background: url(images/letterBtm.jpg) no-repeat bottom left;
}

#sbcBigPic { width: 778px; height: 778px; background: url(images/newHomeBkgd.jpg) no-repeat top left; margin: 10px 0 0 18px;
}

#masterpieceOne { width: 390px; height: 280px; background: url(images/masterpieceBkgd.jpg) no-repeat; background-position: 30px 0; margin: 20px 0 20px 0;
}

#masterpieceOne p {padding: 110px 25px 20px 60px;}

#newHomeText { width: 325px; height: 270px; z-index: 100; padding: 60px 0 0 405px; position: relative;
}

#newHomeText p {font-size: 105%; font-weight: normal; line-height: 1.25em; color: #033066; padding: 0 10px 0 0;}

.thirds { width: 220px; height: auto; float: left; padding-bottom: 20px; margin-left: 30px;}

.thirds2 { width: 245px; height: auto; float: left; padding-bottom: 20px; margin-left: 20px;}

#rightColTwo { width: 548px; height: auto; float: left;
}

#leftColTwo { width: 250px; height: auto; float: left;
}

.logos { width: 816px; height: auto; text-align: center; 
}

#salesBanner { width:800px; height: 200px; background: url(images/SalesblueBar.jpg) no-repeat top left; margin-left: 8px; 
}

#salesBanner a {color: #fff; font-size: 115%; padding-left: 50px; font-weight: bold;
}

#footer { width: 830px; height: 105px; background: url(images/footer.png) no-repeat top left; margin: -63px auto;
}

#MBD { width: 450px; height: 20px; background: url(images/MBDbkgd.png) no-repeat; margin: 45px auto; font-size: 80%; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; text-align: center; color: #666; padding-top: 4px;
}

#MBD a{ color: #666; text-decoration: none; text-align: center; 
}

#MBD a:hover {
text-decoration: underline;
color: #3366ff;
}

/* navigation */

#menubar { width: 740px; height: 50px; background: #000075; display: block;
margin: 0px auto; padding: 0 30px 0 30px }

#menubarll { width: 800px; height: 25px; background: #233e7d; display: block; margin: 0px auto; 
}

#menubarlll { width: 800px; height: 20px; display: block; margin: 0px auto; 
}

.menubar li { width: 147px; height: 25px;
}

.menu { line-height: 1em; font-size: 110%; z-index: 100; text-align: center; font-weight: normal; }

.menu a { float:left; width: 147px; height: 30px;
      text-decoration:none; }

.menu a span {
      float:left; width: 147px; height: 100%;
      display:block; padding-top: 10px;
      text-align: center; letter-spacing: 1px;
      color:#fff;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu a span {float:none;}
    /* End IE5-Mac hack */
    .menu a:hover span {
      color:#999;
      }

 .menu a.current span {
      color:#3366cc;
      }

.menu ul li {float:left; margin-right:1px; position:relative; list-style-type: none;}

span.menu { font-size: 85%;
color: black; 
font-weight: normal;
margin-left: 20px; text-align: left;
line-height: 1.25em;}



.menu2 {letter-spacing: 1px; line-height: 1.5em; width: 800px; font-size: 100%; z-index: 100; text-align: center; font-weight: bold; margin-top: 5px;}

.menu2 a { float:left; margin-left: 2px; 
      background:url("images/tabright2.jpg") no-repeat left top;
      text-decoration:none; overflow:hidden;}

.menu2 a span {
      float:left; width: 157px;
      display:block; padding-bottom: 2px; padding-top: 3px;
      background:url("images/tabright2.jpg") no-repeat left top;
      text-align: center;
      color:#fff;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu2 a span {float:none;}
    /* End IE5-Mac hack */
    .menu2 a:hover span {
      color:#000;
      }
    .menu2 a:hover {
      background-position:0% -42px;
      }
    .menu2 a:hover span {
      background-position:100% -42px;
      }

.menu2 a.current span  {background-position:0% -42px;
}

.menu2 ul li {float:left; position:relative; list-style-type: none;}

span.menu2 { font-size: 85%;
color: black; 
font-weight: normal;
margin-left: 20px; text-align: left;
line-height: 1.25em;}

.menu3 {letter-spacing: 1px; line-height: 1.5em; width: 800px; font-size: 100%; z-index: 100; text-align: center; font-weight: bold; margin-top: 5px;}

.menu3 a { float:left; margin-left: 2px; 
      background:url("images/tabright2.jpg") no-repeat left top;
      text-decoration:none; overflow:hidden;}

.menu3 a span {
      float:left; width: 197px;
      display:block; padding-bottom: 2px; padding-top: 3px;
      background:url("images/tabright2.jpg") no-repeat left top;
      text-align: center;
      color:#fff;
      }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu3 a span {float:none;}
    /* End IE5-Mac hack */
    .menu2 a:hover span {
      color:#000;
      }
    .menu3 a:hover {
      background-position:0% -42px;
      }
    .menu3 a:hover span {
      background-position:100% -42px;
      }

.menu3 a.current span  {background-position:0% -42px;
}

.menu3 ul li {float:left; position:relative; list-style-type: none;}

span.menu3 { font-size: 85%;
color: black; 
font-weight: normal;
margin-left: 20px; text-align: left;
line-height: 1.25em;}

/* end navigation */



/*---gallery code---*/
#container {position:relative; width:730px; height:750px; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#container a.pics {float:left; margin:7px 7px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; cursor:default;}
#container a.pics img.thumb {display:block; border:0;}

#container a.pics span {display:none; border:0; width:600px; text-align:center;}
#container a.pics span img {margin:10px auto; border:1px solid #000;}

#container a.pics:hover {white-space:normal; border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:60px; top:90px; z-index:10; height:500px;}

#container a.pics:active {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:60px; top:90px; z-index:5; height:500px;}

#container a.pics:focus {border:1px solid #fc0; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:60px; top:192px; z-index:5; outline:0;}

#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

/*---gallery code---*/
.galleria{list-style:none;width:600px}
.galleria li{display:block;width:50px;height:50px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:600px} /* MSIE bug */


/*----the following are for the form page-----*/
fieldset p { font-size: 105%;
color: black; 
font-weight: normal;
text-align: left;
line-height: 1.5em;}

fieldset {
margin: 0 0 0 90px;
padding: 1em;
border: 2px solid #233e7d;
width: 600px;
line-height: 1.5em; }

fieldset#event {
background: transparent; }

fieldset#event div { width: 8em; float: left; margin-left: 40px; }
fieldset#event label { width: 3em; float: none; display: inline;}

legend {font-weight: bold; color: #233e7d; }

textarea {
width: 400px; height: 100px;}

label {float: left; width: 10em; }

input[type="text"] { width:300px;  height: 15px;}

input.submit {width: auto; }

input:focus, textarea:focus { background:#ffc;}

span.requestSelect { line-height: 2em;
}
/*----end for the form page-----*/