/* Begin System Generated CSS */
body {margin: 0px; padding: 0px; background-color: #000000; font-family: arial, helvetica; color: #000000; font-size: 13px;}
a {color: #ffffff;}
a img{border-style: none;}
.Hyperlink {COLOR: #ffffff;}
#Main {overflow: hidden; margin-top: 40px; margin-left: auto; margin-right: auto; box-sizing: border-box; max-width: 940px; width: 940px\9;}
#SiteHeader {overflow: hidden; background-color: #000000; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left; box-sizing: border-box;}
#TopMenu {box-sizing: border-box; white-space: nowrap; height: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; background-color: #ffffff;}
#MenuPackage a {display: block; cursor: pointer; text-decoration: none;}
#TopMenu ul {list-style: none; margin: 0px; padding: 0px;}
#TopMenu ul li {display: block;}
/*Mobile Menu Controls*/#ToggleMenu {display: none; cursor: pointer;}

/*Main Menu CSS*/
.MenuItem {position: relative; float: left; margin-right: 0px; margin-bottom: 0px; height: 30px;}
.MenuText, .MenuTextLink {box-sizing: border-box; height: 30px; width: auto; overflow: visible; padding-top: 8px; padding-left: 10px; padding-right: 10px; text-align: left;  font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold;background-color: #ffffff;}
.MenuGraphic, .MenuGraphicLink {overflow: hidden; width: width: auto; overflow: visible; px; height: 30px;}
.MenuGraphicLink img {border-style: none;}
/*Sub Menu CSS*/
.SubMenu {z-index: 1000; display: none; position: absolute; background-color: #ffffff; background-image: url(/MainSiteGraphics/TransparentBackground.png)\9;}
.SubMenuItem {z-index: 1001; position: relative; margin: 0px;}
.SubMenuText, .SubMenuLink {z-index: 1002; padding: 5px 15px 5px 15px; margin: 0px; white-space: nowrap; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold;}

/*IE 8 specific*/
.MenuItem {background-image: url(/MainSiteGraphics/TransparentBackground.png)\9;}
.MenuTextLink:hover {background-color: #000000\9; color: #ffffff\9;}
.MenuItem:hover > .SubMenu {display: block\9; left: 0px\9; top: 35px\9;}
.SubMenu:hover {display: block;\9}
.SubMenuItem:hover > .SubMenu{display: block\9; top: 0px\9; left: 100%\9;}
.SubMenuLink:hover {color: #000000\9;}

/*Large Screens*/
@media (min-width: 769px) {
/*Hover CSS*/
.MenuTextLink:hover {background-color: #000000; color: #ffffff;}
.MenuItem:hover > .SubMenu{display: block;}
.SubMenu:hover {display: block;}
.SubMenuItem:hover > .SubMenu{display: block; top: 0px; left: 100%;}
.SubMenuLink:hover {color: #000000;}
}

/*Small Screens*/
@media (max-width: 768px) {
#Main {width: 100%; margin: 0px;}
#TopMenu {height: auto;}
#ToggleMenu {display: block; box-sizing: border-box; margin-bottom: 10px; width: 130px; height: 45px; padding-top: 10px; padding-left: 10px; background-color: #969696; color: #ffffff; font-size: 26px; font-weight: bold;}
#ToggleMenuPlusMinus {display: inline-block; width: 20px;}
/*Reset Styling*/
.MenuItem, .MenuText, .MenuTextLink, .MenuGraphic, .MenuGraphicLink, .SubMenu, .SubMenuItem, .SubMenuText, .SubMenuLink {float: none; position: relative; margin: 0px; padding: 0px; background-color: transparent; border: none;}
.MenuText, .MenuTextLink, .SubMenuText, .SubMenuLink {box-sizing: border-box; padding: 10px; height: 45px; font-family: arial, helvetica; font-weight: normal; font-size: 26px; color: #000000;}
.MenuItem {height: auto; background-color: #f0f0f0; border-bottom: solid 1px #000000;}
.MenuText, .MenuTextLink, .MenuGraphic, .MenuGraphicLink {box-sizing: border-box; padding: 10px; height: 45px; padding-left: 40px; background-color: #f0f0f0;}
.LevelTwo {background: color: #dcdcdc;}
.LevelTwo > .SubMenuItem {box-sizing: border-box; background-color: #dcdcdc; border-top: solid 1px #000000;}
.LevelTwo > .SubMenuItem > .SubMenuText, .LevelTwo > .SubMenuItem > .SubMenuLink {padding-left: 60px; background-color: #dcdcdc;}
.LevelThree {background-color: #bebebe; border-bottom: solid 2px aqua;}
.LevelThree > .SubMenuItem {background-color: #bebebe; border-top: solid 1px #000000; padding-left: 90px;}
.LevelThree > .SubMenuItem > .SubMenuText, .LevelThree > .SubMenuItem > .SubMenuLink {background-color: #bebebe;}
.MenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 10px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-size: 1.5em; display: block;}
.MenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.SubMenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 30px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-size: 1.5em; display: block;}
.SubMenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.Show {display: block;}
.Hide {display: none;}
}

.MenuLinkOn {background-color: #000000; color: #ffffff;}
.LevelTwoOn {color: #000000;}
.LevelThreeOn {color: #000000;}

#LeftMenu {float: left; box-sizing: border-box; white-space: nowrap; height: auto; width: 150px; padding-top: 60px; padding-bottom: 5000px; margin-bottom: -5000px; background-color: #000000;}
#LeftMenuPackage a {display: block; cursor: pointer; text-decoration: none;}
#LeftMenu ul {list-style: none; margin: 0px; padding: 0px;}
#LeftMenu ul li {display: block;}
/*Mobile Menu Controls*/#LeftToggleMenu {display: none; cursor: pointer;}

/*Main Menu CSS*/
.LeftMenuItem {position: relative; float: left; width: 150px;}
.LeftMenuText, .LeftMenuTextLink {box-sizing: border-box; width: 150px; padding-left: 7px; padding-right: 7px; padding-bottom: 24px; text-align: left;  font-family: arial, helvetica, sans-serif; color: #ff8c00; font-size: 9pt; font-weight: bold;}
.LeftMenuGraphic, .LeftMenuGraphicLink {overflow: hidden; width: 150px; padding: 0px;}
.LeftMenuGraphicLink img {border-style: none;}
/*Sub Menu CSS*/
.LeftSubMenu {z-index: 1000; display: none; position: absolute; top: 0px; left: 150px; background-color: #000000; background-image: url(/MainSiteGraphics/TransparentBackground.png)\9;}
.LeftSubMenuItem {z-index: 1001; position: relative; margin: 0px;}
.LeftSubMenuText, .LeftSubMenuLink {z-index: 1002; padding: 5px; margin: 0px; white-space: nowrap; font-family: arial, helvetica, sans-serif; color: #ff8c00; font-size: 9pt; font-weight: bold;}

/*Large Screens*/
@media (min-width: 769px) {
/*Hover CSS*/
.LeftMenuTextLink:hover {color: #f0fff0;}
.LeftMenuItem:hover > .LeftSubMenu{display: block;}
.LeftSubMenu:hover {display: block;}
.LeftSubMenuItem:hover > .LeftSubMenu{display: block; top: 0px; left: 100%;}
.LeftSubMenuLink:hover {color: #f0fff0;}
#LeftMenu .HasMenuGraphic {display: none;}
#Content {margin-left: 150px;}
}

/*Small Screens*/
@media (max-width: 768px) {
#LeftToggleMenu {display: block; box-sizing: border-box; margin-bottom: 10px; width: 130px; height: 45px; padding-top: 10px; padding-left: 10px; background-color: #969696; color: #ffffff; font-size: 26px; font-weight: bold;}
#LeftToggleMenuPlusMinus {display: inline-block; width: 20px;}
/*Reset Styling*/
#LeftMenu {float: none; width: auto; padding: 0px; margin-bottom: 0px;}
.LeftMenuItem, .LeftMenuText, .LeftMenuTextLink, .LeftMenuGraphic, .LeftMenuGraphicLink, .LeftSubMenu, .LeftSubMenuItem, .LeftSubMenuText, .LeftSubMenuLink {float: none; position: relative; width: auto; margin: 0px; padding: 0px; background-color: transparent; border: none;}
.LeftSubMenu {left: 0px;}.LeftMenuText, .LeftMenuTextLink, .LeftSubMenuText, .LeftSubMenuLink, .LeftMenuGraphic, .LeftMenuGraphicLink {box-sizing: border-box; padding: 10px; height: 45px; font-weight: normal; font-size: 26px; color: #000000;}
.LeftMenuItem {height: auto; background-color: #f0f0f0; border-bottom: solid 1px #000000;}
.LeftMenuText, .LeftMenuTextLink, .LeftMenuGraphic, .LeftMenuGraphicLink {box-sizing: border-box; padding: 10px; height: 45px; padding-left: 40px; background-color: #f0f0f0;}
.LeftMenuGraphic, .LeftMenuGraphicLink {padding: 5px 0px 5px 40px;}
.LeftMenuGraphic img, .LeftMenuGraphicLink img {height: 35px;}
#LeftMenu .LeftMenuGraphicLink, #LeftMenu .LeftMenuGraphic{display: none;}.LeftLevelTwo {background: color: #dcdcdc;}
.LeftLevelTwo > .LeftSubMenuItem {box-sizing: border-box; background-color: #dcdcdc; border-top: solid 1px #000000;}
.LeftLevelTwo > .LeftSubMenuItem > .LeftSubMenuText, .LeftLevelTwo > .LeftSubMenuItem > .LeftSubMenuLink {padding-left: 60px; background-color: #dcdcdc;}
.LeftLevelThree {background-color: #bebebe; border-bottom: solid 2px aqua;}
.LeftLevelThree > .SubMenuItem {background-color: #bebebe; border-top: solid 1px #000000; padding-left: 90px;}
.LeftLevelThree > .SubMenuItem > .SubMenuText, .LevelThree > .SubMenuItem > .SubMenuLink {background-color: #bebebe;}
.LeftMenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 10px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-family: arial, helvetica; font-size: 1.5em; display: block;}
.LeftMenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.LeftSubMenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 30px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-family: arial, helvetica; font-size: 1.5em; display: block;}
.LeftSubMenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.Show {display: block;}
.Hide {display: none;}
#Content {margin-left: 0px;}
}

.LeftMenuLinkOn {color: #f0fff0;}
.LeftLevelTwoOn {color: #f0fff0;}
.LeftLevelThreeOn {color: #f0fff0;}

#Content {overflow: hidden; padding-left: 22px; padding-right: 8px; padding-top: 30px; padding-bottom: 20px;  box-sizing: border-box;}
.Row {float: left; overflow: hidden; padding: 0px 0px 5px 0px; clear: both; text-align: left;}
.SpacerRow {float: left; width: 100%; padding: 0px; clear: both;}
.Clear {width: 100%; height: 0px; clear: both;}

#EndUserFooter {float: left; overflow: hidden; margin-top: 20px; padding-bottom: 20px;  box-sizing: border-box; width: 100%; max-width: 790px; margin-left: 150px; padding-left: 22px; padding-right: 8px;}

#GigshowcaseFooter {display: block; margin-top: 20px; height: 76px; text-align: center; background-color: transparent; margin-left: auto; margin-right: auto;max-width: 940px;}
#GigshowcaseLogo{display: block; width: 175px; height: 40px; margin-left: auto; margin-right: auto; padding-top: 2px; background-image: url(../MainGraphics/GigshowcaseFooterLogo.png); background-repeat: no-repeat; background-color: transparent; text-align: center; padding-left: 0px; text-decoration: none; color: #000000; font-family: Arial; font-size: 11px; font-weight: normal;}


.S1434 {font-family: arial, helvetica, sans-serif; color: #9292CE; font-size: 13px;}
.S1435 {font-family: arial, helvetica, sans-serif; color: #ff8c00; font-size: 9pt; font-weight: bold;}
.S1437 {font-family: 'times new roman', times, serif; color: #ff8c00; font-size: 22pt;}
.SPHS {font-family: 'times new roman', times, serif; color: #ff8c00; font-size: 22pt;}
.S1438 {font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 12px;}
.SPCS {font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 12px;}
.S1918 {font-family: 'times new roman', times, serif; color: #ff8c00; font-size: 22pt;}
.S2269 {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px; font-weight: bold;}
.S2607 {font-family: arial, helvetica, sans-serif; color: #a9a9a9; font-size: 11px;}
.S4376 {font-family: arial, helvetica, sans-serif; color: #ffffff; font-size: 13px;}
.PageLeftCol {float: left; width: 100px;}
.PageRightCol {float: left; width: 660px;}
/* End System Generated CSS */

/* Begin Global Layouts CSS */
#L01
{
overflow: hidden;
}

#L01_WrapCol1
{
float: left;
width: 100%;
}
#ES_L01_Col1
{
box-sizing: border-box;
overflow: hidden;
margin-right: 240px;
min-height: 50px;
}
#ES_L01_Col2
{
box-sizing: border-box;
float: right;
overflow: hidden;
width: 200px;
margin-left: -200px; 
min-height: 50px;
}

@media (max-width: 500px) {

#ES_L01_Col1
{
margin: 0px;
width: 100%;
}

#ES_L01_Col2
{
margin: 0px;
width: 100%;
}

}

#L02 {padding: 0px;}
#ES_L02_Col1
{
float: left;
width: 200px;
overflow: hidden;
margin-left: -100%; 
min-height: 50px;
}
#L02_WrapCol2
{
float: left;
width: 100%;
padding: 0px;
}
#ES_L02_Col2
{
overflow: hidden;
margin: 0px 240px 0px 240px;
min-height: 50px;
}
#ES_L02_Col3
{
float: left;
width: 200px;
overflow: hidden;
margin-left: -200px; 
min-height: 50px;
}
* html #ES_L02_Col1 {margin-left: -96%;}


/* End Global Page Templates CSS */

/* Begin Site Page Templates CSS */
.xBox
{
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    float: left;
}
.xWrap
{
    position: relative;
    width: 100%;
    padding-bottom: 90%;
    height: 0px;
}
.xPhoto
{
    position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
}
.xPhoto img
{
      max-width: 100%;
      max-height: 100%;
}

.xText
{
    box-sizing: border-box;
    height: 30px;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}

.xPhoto, xText {border: dashed 1px #ff0000;}



#PSRow
{
overflow: hidden;
width: 460px;
margin-bottom: 40px;
}
.ES_PSCol
{
overflow: hidden;
float: left;
width: 180px;
height: 160px;
font-family: arial, helvetica, sans-serif;
color: #ffffff;
font-size: 9pt;
background-color: black;
}
.ES_PSCol a{text-decoration: none;}
.PSRightCol{margin-left: 90px;}

.PBox
{
    box-sizing: border-box;
    width: 33.3%;
    padding: 10px;
    float: left;
}
.PWrap
{
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    height: 0px;
}
.PPhoto
{
    position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
}
.PPhoto img
{
      max-width: 100%;
      max-height: 100%;
}

.PText
{
    box-sizing: border-box;
    height: 30px;
    padding: 5px;
    margin-top: 10px;
}
.PText a {text-decoration: none;}

@media (max-width: 600px) {

.PBox {width: 50%;}
}

@media (max-width: 400px) {

.PBox {width: 100%;}
}

#Container
{
box-sizing: border-box;
width: 100%;
padding: 10px;
float: left;

}

#Nav {margin-bottom: 35px;}

#Photo
{
overflow: hidden;
width: 100%;
min-height: 50px;
line-height: 1.5em;
}


#Photo img
{
max-width: 100%;
max-height: 100%;
}
#Buttons
{
float: left;
}

#PhotoName
{
float: left;
box-sizing: border-box;
padding: 7px 3px 0px 3px;
min-width: 100px;
height: 30px;
margin-left: 10px;
}


/* End Site Page Templates CSS */

/* Begin Custom Site CSS */
body {color: #ffffff;}

body img {max-width: 100%;}

#Content {color: #ffffff;}

@media (min-width: 769px) {

#SiteHeader img
{
margin-left: 165px;
width: 27%;
}

}
@media (max-width: 768px) {
#SiteHeader img
{
width: 40%;
margin-left: 0px;
margin-top: 20px;
}
#LeftToggleMenu {font-size: 16px; margin-bottom: 0px;}
#LeftMenu .LeftMenuItem {background-color: transparent; border-bottom: solid 1px #ffffff;}
#LeftMenu .LeftMenuText, #LeftMenu .LeftMenuTextLink, .LeftMenuGraphic, .LeftMenuGraphicLink {background-color: transparent; padding-left: 30px;}
.LeftMenuTextLink {color: #FF8C00;}
#LeftMenu .LeftMenuItem {border-style: none;}
.LeftMenuText, .LeftMenuTextLink, .LeftSubMenuText, .LeftSubMenuLink {font-size: 16px; height: 30px;}

}
@media (max-width: 500px) {
#SiteHeader img
{
width: 50%;
margin-left: 0px;
}



}

#LeftToggleMenu 
{
background-color: transparent;
color: #FF8C00;
margin-top: 20px;
}


/*Resume*/
.S4376{line-height: 1.4em;}

/*Purple*/
.S1434{line-height: 1.3em;}


/* End Custom Site CSS */

/* Begin Page Specific CSS */



/* End Page Specific CSS */

/* Begin Gigshowcase Footer CSS */
#GigshowcaseFooter {display: block; margin-top: 20px; height: 76px; text-align: center; background-color: transparent; margin-left: auto; margin-right: auto;max-width: 940px;}
#GigshowcaseLogo{display: block; width: 175px; height: 40px; margin-left: auto; margin-right: auto; padding-top: 2px; background-image: url(../MainGraphics/GigshowcaseFooterLogo.png); background-repeat: no-repeat; background-color: transparent; text-align: center; padding-left: 0px; text-decoration: none; color: #000000; font-family: Arial; font-size: 11px; font-weight: normal;}
/* End Gigshowcase Footer CSS */