/*tag specific styles*/
a img{
border: 0;
}
/*dhtml navigation menu styles*/

.mnuMain{	
}

.mnuSub{	
}

.mnuItem, .mnuItemOver, .mnuItemActive, .mnuItemActiveOver, .mnuItemMembers, .mnuItemMembersOver{
}

.mnuItemOver,.mnuItemMembersOver,.mnuItemActiveOver{
}

.mnuItemActive{
}

.mnuItemSeparatorH{
}

.mnuItemSeparatorV{
}

.mnuSeparatorH{
}

.mnuSeparatorV{
}

/*content styles*/

.inpButton{
}

.inpCheckBox{
	border:none;	
}

.modContainer{
	margin-bottom:10px;	
}

.modHeader{
	text-align:center;
	text-transform: uppercase;
	font-weight:bold;	
}

.modContent{
}

.ctHeader{
	font-weight:bold;	
}

.ctHeader A{
	font-weight:bold;	
}

.ctToolBar, .ctToolBar TD{
	font-weight:bold;	
}

.ctAlternate{	
}

.ctNormal{
}

.ctSmall{
}

.ctBulletin{
	padding-bottom:5px;	
}

.ctBulletinNew{
	/*
	background: url(/_filelib/ImageGallery/Bullets/new.gif) no-repeat 100% 2px;
	padding-right: 28px;
	*/	
}

.ctBulletinDate{
	color:#000000;
}

.ctBulletinShortText{
}
/*Responsive Styles*/
*{box-sizing: border-box;}
#fwBody{
margin: 0;
padding: 0;
width: 100%;
background: #291206;
color: #f1ecd4;
font-family: 'Quicksand', sans-serif;
}
#headerContainer{
position: relative;
width: 100%;
height: auto;
display: block;
background: #49200A url(/_filelib/ImageGallery/Design/headerBg.png) repeat;
box-shadow: 1px 1px 7px #000;
z-index: 1002;
}
#header{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#header:after{
content: '';
clear: both;
display: block;
}
#headerLeft{
position: relative;
display: inline-block;
vertical-align: middle;
width: 10%;
height: auto;
text-align: left;
color: #f5efd6;
}
#headerLeft img{
position: absolute;
margin-top: -50px;
z-index: 1000;
}
#headerCenter{
position: relative;
display: inline-block;
vertical-align: middle;
width: 21%;
height: auto;
text-align: right;
color: #b65813;
font-size: 12px;
font-weight: bold;
}
#headerCenter a{
color: #b65813;
text-transform: uppercase;
text-decoration: none;
}
#headerRight{
position: relative;
display: inline-block;
vertical-align: middle;
width: 69%;
height: auto;
text-align: right;
color: #f5efd6;
}
.nav{
}
.nav ul{
 	position:relative;
  	float:inline-block;
	margin:0;
	padding:0;
}
.nav ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav ul a{
	display:block;
	color:#f5efd6;
	text-decoration:none;
	font-family: 'Merriweather', serif;
 	font-weight: 300;
 	padding: 35px 15px;
}
.nav ul li a:hover{
	color:#2a2b2f;
}
.nav .mnuItemActive a{
	 background: #331607 !important;
}
.nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
 	background: #331607 !important;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
}
.nav ul ul li{
	display:block;
	width:200px;
}
.nav ul ul a{
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
    color: #FFFFFF !important;
}
.nav ul ul li:hover{
}
.nav ul ul li a:hover{
	 background: #49200A !important;
  	 color: #b65813 !important;
}
.nav ul ul ul{
	top:0;
	left:100%;
}
.nav ul li:hover > ul{
	display:block;
}
.nav ul li:hover > a{
	background: #331607 !important;
 	color: #b65813 !important;
}
#bannerContainer{
position: relative;
width: 100%;
height: auto;
display: block;
font-size: 0;
z-index:1;
}
#banner{
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
}
#banner img{
position: relative;
width: 100%;
height: auto;
}
#contentContainer{
position: relative;
width: 100%;
height: auto;
min-height: 500px;
display: block;
background: #E3DDCA url(/_filelib/ImageGallery/Design/contentBg.png) repeat;
/*background: url(/_filelib/ImageGallery/Design/bg-pattern-cream.jpg) repeat !important;*/
color: #555;
margin-top: -15px;
box-shadow: 1px 1px 7px #000;
z-index: 100;
}
#content{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
min-height: 500px;
margin: 0 auto;
padding: 20px;
box-shadow: 1px 1px 7px #4F3B22;
z-index: 10;
/*background: #FCFBF9;*/
}
#content:after{
content:'';
clear: both;
display: block;
}
#content a{
color: #3F1705;
}
#content img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#leftSideBar{
position: relative;
display: inline-block;
vertical-align: top;
width: 22%;
height: auto;
min-height: 400px;
padding: 1%;
margin-left: -5%;
background: #49200A url(/_filelib/ImageGallery/Design/headerBg.png) repeat;
z-index: 999999;
color: #FFFFFF;
box-shadow: 1px 1px 7px #222;
}
#leftSideBar ul{
margin: 0;
padding: 0;
}
#leftSideBar li{
list-style: none;
display: block;
}
#leftSideBar a{
display: block;
text-decoration: none;
color: #FFFFFF;
padding: 7px;
border-bottom: 1px solid #572815;
}
#leftSideBar .mnuItemActive a{
font-weight: bold;
}
#main{
position: relative;
display: inline-block;
vertical-align: top;
width: 81%;
height: auto;
padding: 1%;
}
#main2{
position: relative;
display: inline-block;
vertical-align: top;
width: 64%;
height: auto;
padding: 1% 4%;
}
#rightSideBar{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 24%;
    height: auto;
    padding: 1%;
    margin-right: -5%;
    z-index: 99999;
    min-height: 400px;
    /*box-shadow: 1px 1px 7px #222;
    background: #e0dcd0;*/
}
#rightSideBar img{
border: 3px solid #FCFBF9;
outline: 1px solid #411C09;
box-shadow: 1px 1px 7px #222;
}
#bottomContentContainer{
position: relative;
width: 100%;
height: auto;
display: block;
background: #49200A url(/_filelib/ImageGallery/Design/headerBg.png) repeat;
text-align: center;
margin-top: -15px;
}
#bottomContent{
position: relative;
width:1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 30px 0;
}
#footerContainer{
position: relative;
width: 100%;
height: auto;
display: block;
text-align: center;
padding: 20px 0;
}
#footer{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#footer:after{
content:'';
clear: both;
display: block;
}
.orangeText{
display: block;
text-align: center;
margin: 20px auto !important;
color: #B65813 !important;
font-size: 13px !important;
letter-spacing:0.1em;
}
.orangeText a{
color: #B65813 !important;
text-decoration: none;
}
/*HOME SLIDESHOW*/
.ssslideshowHome{
    position: relative;
    width: 100% !important;
max-width: 100% !important;
margin: 0 auto;
text-align: center;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 31.25%;
}

#ssislideshowHome{
    overflow: visible !important;
    position: relative; 
    left: 0px; 
    z-index: 4; 
    opacity: 0; 
    width: 100% !important; 
    height: auto !important; 
    padding-bottom: 31.25%;
    background-position: 50% 50%; 
    background-size: 100% !important;
    background-repeat: no-repeat no-repeat;
}
#ssdslideshowHome{
text-shadow: 0 2px 2px #000;
font-family: 'Great Vibes', cursive;
text-align: center;
font-size: 48px;
color: #FFF !important;
opacity: 1 !important;
font-weight: normal !important;
background: rgba(0,0,0,0.5) !important;
padding: 15px;
line-height: 1.5em;
letter-spacing: 1px;
}
#bottomContent a{
display: inline-block;
        background-color: #572815;
        width: 70px;
        height: 70px;
        text-indent: -2px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -khtml-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        margin: 10px;
}
#bottomContent a img{
width: 50px;
height: auto;
padding: 10px 0;
}
.footerLinks{
margin: 20px auto;
}
.footerLinks ul{
margin: 0;
padding: 0;
}
.footerLinks li{
list-style: none;
display: inline-block;
}
.footerLinks a{
display: inline-block;
padding: 10px 15px;
color: #E3DDCA;
text-decoration: none;
}
.footerLinks .mnuSub{
display: none !important;
}
.nav .mnuItemActive a{
background: #260f03;
}
h1{
color: #3A1404;
text-shadow: 0px 1px 1px #FFF;
}
input[type="text"], input[type="password"], textarea{
background: #FFFFFF;
border: 1px solid #3F1705;
padding: 8px;
font-size: 16px !important;
}
select{
height: 33px;
background: #FFFFFF;
border: 1px solid #3F1705;
padding: 8px;
}
.row{
position: relative;
width: 100%;
height: auto;
display: block;
text-align: center;
}
.row:after{
content: '';
clear: both;
display: block;
}
.oneThird{
position: relative;
display: inline-block;
vertical-align: top;
width: 21%;
height: auto;
text-align: left;
padding: 1%;
margin: 1% ;
}
.twoThirds{
position: relative;
display: inline-block;
vertical-align: top;
width: 71%;
height: auto;
text-align: left;
padding: 1%;
margin: 1% ;
}
.fiveColumns{
	position: relative;
	width: 18%;
        margin: 1%;
	height: auto;
	display: inline-block;
        vertical-align: top;
        text-align: left;
}
.fourColumns{
	position: relative;
	width: 22%;
	height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin: 1%;
}
.threeColumns{
	position: relative;
	width: 29%;
	height: auto;
        display: inline-block;
        vertical-align: top;
        text-align: left;
	margin: 1%;
}
.twoColumns{
	position: relative;
        display: inline-block;
	width: 46%;
	height: auto;
	margin: 1%;
        padding: 5px;
        text-align: left;
	vertical-align: top;
}
.oneThird img, .twoThirds img, .oneColumn img, .twoColumns img, .threeColumns img, .fourColumns img, .fiveColumns img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
.lgBox, .lgBox .inpButton, #lgBox .lgUserName, #lgBox .lgPassword {
width: 230px !important;
margin: 0 auto !important;
}
.inpButton, input[type="submit"], input[type="button"], .backBtn{
cursor: pointer !important;
padding: 10px 15px !important;
color: #A0653F;
background: #F2EBD8;
border: 1px solid #3F1705;
-webkit-appearance: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 16px !important;
}
.inpButton:hover, input[type="submit"]:hover, input[type="button"]:hover, .inpButton:focus, input[type="submit"]:focus, input[type="button"]:focus, .backBtn:hover, .backBtn:focus{
outline: 0 !important;
background: #A0653F !important;
color: #F2EBD8 !important;
}
#subLinks{
position: relative;
width: 100%;
height: auto;
/*background: #143934;*/
padding: 25px 0;
text-align: center;
z-index: 100;
}
#subLinks{
background: #143934;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…d
 D0i
 MSIgZm
 lsbD0idXJsKC
 NncmFkLXVjZ2ctZ2Vu
 ZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #24514a 0%, #0a211d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24514a), color-stop(100%,#0a211d));
        background: -webkit-linear-gradient(top, #24514a 0%,#0a211d 100%);
        background: -o-linear-gradient(top, #24514a 0%,#0a211d 100%);
        background: -ms-linear-gradient(top, #24514a 0%,#0a211d 100%);
        background: linear-gradient(to bottom, #24514a 0%,#0a211d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24514a', endColorstr='#0a211d',GradientType=0 );
        box-shadow: 1px 1px 7px #4F3B22;
}
#subLinks ul{
margin: 0;
padding: 0;
}
#subLinks li{
display: inline-block;
list-style: none;
}
#subLinks a{
text-decoration: none;
display: inline-block;
padding: 15px;
color: #F1ECD4;
font-family: "brandon-grotesque",sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 12px;
text-transform: uppercase;
}
#subLinks a:hover{
border-bottom: 1px solid #F1ECD4;
}
#subLinks .mnuItemActive a{
border-bottom: 1px solid #F1ECD4;
}
#subLinks h1{
color: #F1ECD4;
text-align: center !important;
font-size: 45px;
margin: 0 !important;
padding: 0 !important;
text-shadow: 0 1px 1px #000;
font-weight: normal;
font-family: 'Tangerine', cursive;
}
#calMonthTable{
/*background: #F1EBD7;*/
background: #f4f2ed;
        border: 1px solid #4F3B22;
}
.calToday{
background: #D8D2C0;
font-weight: bold !important;
}
#calWeekDayHeader{
background: #451906 !important;
color: #F2EBD8 !important;
text-shadow: 0 1px 1px #000;
border: 0 !important;
padding: 5px 0 !important;
letter-spacing: 1px;
}
.backBtn{
text-decoration: none !important;
display: inline-block !important;
margin-bottom: 10px;
}
#ctBulletinShortText, .ctBulletinShortText{
color: #555555 !important;
font-size: 14px !important;
}
.rssArticleDescription img{
padding-right: 5px;
}
/* Videos & iFrames */
.iframeContainer{
    position: relative;
	padding-bottom: 32%;
	padding-top: 0;
	height: 0;
}
.iframeContainer iframe, .iframeContainer object, .iframeContainer video{
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    pointer-event: none; 
}
.videoContainer{
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;	
}
.videoContainer iframe, .videoContainer object, .videoContainer video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 	max-width: 100% !important;		
}
a#pull, a#pullSub{
display: none;
}
td h4{
margin:0;
padding: 0;
}
@media only screen and (max-width: 768px){
a#pull{
display: block !important;
text-decoration: none !important;
text-align: left !important;
padding: 10px !important;
background: #49200A url(/_filelib/ImageGallery/Design/headerBg.png) repeat;
color: #f5efd6;
text-transform: uppercase;
letter-spacing: 1px;
}
a#pullSub{
display: block !important;
text-decoration: none !important;
text-align: left !important;
padding: 10px !important;
background: #143934;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…d
 D0i
 MSIgZm
 lsbD0idXJsKC
 NncmFkLXVjZ2ctZ2Vu
 ZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #24514a 0%, #0a211d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24514a), color-stop(100%,#0a211d));
        background: -webkit-linear-gradient(top, #24514a 0%,#0a211d 100%);
        background: -o-linear-gradient(top, #24514a 0%,#0a211d 100%);
        background: -ms-linear-gradient(top, #24514a 0%,#0a211d 100%);
        background: linear-gradient(to bottom, #24514a 0%,#0a211d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24514a', endColorstr='#0a211d',GradientType=0 );
        box-shadow: 1px 1px 7px #4F3B22;
color: #f5efd6;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left !important;
padding: 15px !important;
}
#navMod, #sideLinks{
display: none;
}
#content{
padding: 2% !important;
}
.lgBox, .lgBox .inpButton, #lgBox .lgUserName, #lgBox .lgPassword {
width: 100% !important;
margin: 0 auto !important;
}
#headerRight{
display: block !important;
width: 100% !important;
text-align: left !important;
}
.nav li, .nav a{
display: block !important;
text-align: left !important;
}
.nav li a{
padding: 15px !important;
}
#headerLeft {
    width: 40% !important;
}
#headerLeft img {
    width: auto !important;
max-width: 100px !important;
height: auto !important;
position: relative !important;
margin-top: 0 !important;
}
#headerCenter {
    text-align: center !important;
    width: 60% !important;
}
.oneThird, .twoThirds, .twoColumns, .threeColumns, .fourColumns, .fiveColumns, .sixColumns{
display: block !important;
width: 100% !important;
}
img[align="left"], img[align="right"]{
float: none !important;
display: block !important;
text-align: center !important;
margin: 0 auto !important;
}
/*Calendar Module*/
#calMonth td{
font-size: 14px !important;
}
#calMonthTable td div{
text-align: left !important;
height: auto !important;
font-size: 14px !important;
}
#calWeekDayHeader{
display: none !important;
}
#calViewSelector select{
height: 35px;
}
select[name="MonthSelector"], select[name="YearSelector"]{
display: inline-block !important;
width: 40% !important;
margin: 5px !important;
height: 35px;
}
#calMonthName, #calDayCounter{
font-size: 15px !important;
}
.calToday{
background: #EAE5DC;
font-weight: bold !important;
}
/*Directory Module*/
#mdLetterLookup, #mdLetterSelected{
display: inline-block !important;
padding: 5px 10px;
width: auto !important;
}
#mdLetterLookup a{
position: relative; 
margin-top: 15px !important;
display: inline-block !important;
width: auto !important;
text-decoration: none !important;
border: 1px solid #3E1704;
padding: 5px 10px;
}
#mdLetterSelected a{
position: relative;
margin-top: 15px !important;
display: inline-block !important;
width: auto !important;
text-decoration: none !important;
border: 1px solid #3E1704;
outline: 1px solid #3E1704;
padding: 5px 10px;
background: #3E1704 !important;
color: #FFFFFF !important;
}
.pgPageLink{
  	padding: 5px 10px !important;
  	color: #3E1704 !important;
  	margin: 0 3px !important;
  	outline: 1px solid #3E1704;
}
.pgPageLink:hover{
	background: #3E1704 !important;
	color: #FFFFFF !important;
}
.pgPageCurrent{
	background: #3E1704 !important;
  	padding: 5px 10px !important;
 	color: #FFFFFF !important;
 	margin: 0 3px !important;
	outline: 1px solid #9D632C;
}
#gridPageNavigation{
	position: relative; 
	margin-top: 15px !important;
    display: inline-block !important;
    width: auto !important;
}
#gridPageNavigation td:first-child{
	width: auto !important;
	display: inline-block !important;
	text-align: left !important;
	float: none !important;
	clear: both !important;
}
#gridPageNavigation td:last-child{
    width: auto !important;
    display: inline-block !important;
    text-align: right !important;
    float: none !important;
    clear: both !important;
}
.pgNavPagesGrid, .pgMovePreviousGrid, .pgMoveNextGrid {
    padding-top: 0px;
    display: inline-block !important;
    width: auto !important;
}
#mdMemberDirectory .ctToolBar td{
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
}
#mdMemberDirectory .ctToolBar td:last-child{
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
    text-align: right !important;
}
#mdGroupFilter, #mdPaging, #gridSort{
display: none !important;
}
#gridLookupStart{
text-decoration: none !important;
font-weight: bold;
font-size: 15px !important;
}
#gridLookup{
        border: 1px solid #3E1704;
        display: block;
        padding: 5px 10px;
        background: #F2EBD8;
        color: #F2EBD8;
}
#gridLookup input[type="text"]{
margin-bottom: 5px !important;
}
#gridLookup select{
height: 32px;
margin-bottom: 5px !important;
}
#gridTextLookup, #gridDateLookup{
color: #3E1704 !important;
}
table, tbody, thead, tr, th, td{
display: block;
width: 100%;
max-width: 100%;
height: auto;
text-align: left;
}
td input[type="text"], td input[type="password"], td textarea, td select{
display: block !important;
width: 96% !important;
padding: 5px !important;
}
td{
white-space: normal !important;
}
#leftSideBar, #main, #main2, #rightSideBar{
display: block !important;
width: 100% !important;
}
#leftSideBar, #rightSideBar{
min-height: 1px !important;
}
#leftSideBar{
margin: 0 auto !important;
box-shadow: 0 !important;
background: #331607 !important;
padding: 0 !important;
}
#leftSideBar #sideLinks{
display: none;
}
#rightSideBar{
text-align: center !important;
}
#rightSideBar img{
text-align: center !important;
margin: 0 auto;
}
#subLinks h1{
font-size: 30px !important;
padding: 5px !important;
}
#main2{
padding-top: 4% !important;
}
#leftSideBar a#pullSub{
background: #49200A url(/_filelib/ImageGallery/Design/headerBg.png) repeat !important;
}
#subLinks{
padding: 0 !important;
}
#subLinks li{
display: block !important;
}
#subLinks a{
display: block !important;
text-align: left !important;
}
}