/*
Lehigh Valley commmon to all pages
*/
#wrapper {
    width: 981px;
    min-height: 800px;
    background-color:#FFF;
    box-shadow: 0px 0px 20px 1px #000;
    -webkit-box-shadow: 0px 0px 20px 1px #000; 
    -moz-box-shadow: 0px 0px 20px 1px #000;
    margin: 0 auto;
}

#wrapperBottom {
    width: 981px;
    height: 0px;
    margin: 0 auto;
}

#wrapper h1 {
	font-family: arial, sans-serif;
}

#footer {
    width: 981px;
    height: 100px;
    margin: 0 auto 10px auto;
}

#staticContent {
    padding: 20px 40px;;
}

#topNav {
    width: 981px;
    height: 33px;
    background-image: url('../../images/community/lehighvalley/topNav.jpg');
    background-repeat: repeat-x;
    margin: 0 auto;
}

#topNav .closeWindow {
    width: 100px;
    height: 25px;
    background-color: #333333;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    float: right;
    margin: 0 25px 0 0;
    padding: 5px 0 0 0;
}

#topNav .closeWindow:hover {
    cursor: pointer;
    color: #CC6600;
}

#topNav .navItem {
    height: 15px;
    margin: 4px 0 0 0;
    padding: 0 8px;
    float: right;
    font-size: 8pt;
    text-align: center;
    color: #000000;
}

#topNav .navItem,
#topNav .notLoggedIn {
    height: 15px;
    margin: 4px 0 0 0;
    padding: 0 8px;
    float: right;
    font-size: 8pt;
    text-align: center;
    color: #000000;
}

#topNav .notLoggedIn {
	font-weight: bold;
}

#topNav .loggedIn {
    float: left;
    border-left: 0px;
    color: #30416f;
}

#topNav .environment {
    color: red;
    width: 80px;
    height: 25px;
    float: left;
    border-left: 0px;
}

#topNav .last {
    border-left: none;
}

#topNav .navItem a {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

#topNav .navItem a:hover {
    color: #2F2F2F;
    text-decoration: underline;
}

#logo_1,
#logo_2 {
    width: 981px;
    height: 145px;
    margin: 0 auto;
}

#logo_1 .clickAreaLeft,
#logo_2 .clickAreaLeft {
    width: 600px;
    height: 80px;
    cursor: pointer;
    margin: 10px 0 0 20px;
    float: left;
}

#logo_1 .clickAreaRight,
#logo_2 .clickAreaRight {
    width: 250px;
    height: 80px;
    cursor: pointer;
    margin: 20px 0 0 50px;
    float: left;
}

#logo_1 a h1,
#logo_2 a h1 {
	color: #235AA7;
	font-size: 36px;
    font-weight: normal;
    margin-left: 12px;
    margin-top: 18px;
}

#lvcfLogo {
	float: right;
	margin: 11px 14px 0;
}
#lvcfLogo img {
	width: 220px;
	margin-right: 30px;
}
#slv_logo {
	max-height: 188px;
	margin: -39px 0 0 150px;
}

/*****************************/
/***** Search in Banner  *****/
/*****************************/

#banner #searchTheCommunity {
	float:right;
	margin-top:-100px;
	margin-right:40px;
}
#banner #searchTheCommunity #search {
	width: 300px;
	margin-top:0px;
	height:auto;
}
#banner #searchTheCommunity #search .tabRow {
	margin-top:6px;
}
#banner #searchTheCommunity #search .tabRow .tab {
	font-size:11px;
	width: auto;
	height: auto;
    padding: 5px 8px 3px 9px;
}

#banner #searchTheCommunity #searchButton {
	margin-left:-40px;
}
#banner #searchTheCommunity #search .inputBox {
	width: 102%;
}
#banner #searchTheCommunity #searchInput {
	width: 95%;
	font-size:18px;
}
#banner #searchTheCommunity #searchInput.default {
	color:#B1AFAF;
	font-style: italic;
}


#mainNav {
    width: 981px;
    height: 60px;
    margin: 0 auto;
    font-size: 14pt;
    text-align: center;
    color: #FFFFFF;
    clear: both;
    background-color: #195E47;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#195E47), to(#104030));
    background-image: -webkit-linear-gradient(top, #195E47, #104030);
    background-image:    -moz-linear-gradient(top, #195E47, #104030);
    background-image:     -ms-linear-gradient(top, #195E47, #104030);
    background-image:      -o-linear-gradient(top, #195E47, #104030);
    background-image:         linear-gradient(to bottom, #195E47, #104030);
}
.slicknav_menu {
    background-color: #195E47;
}

#mainNav .navItem {
    float: left;
    border-right: thin solid #94c4b4;
    margin:0px;
}

#mainNav .navItem:hover, #mainNav .selected {
    background-color: #104030;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#104030), to(#195E47));
    background-image: -webkit-linear-gradient(top, #104030, #195E47);
    background-image:    -moz-linear-gradient(top, #104030, #195E47);
    background-image:     -ms-linear-gradient(top, #104030, #195E47);
    background-image:      -o-linear-gradient(top, #104030, #195E47);
    background-image:         linear-gradient(to bottom, #104030, #195E47);
}

#mainNav .last {
    border-right: 0;
}
	

#mainNav .navItem a {
    padding: 12px 17px 12px;
    display:block;
    float:left;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}
#mainNav .navItem .navTitle {
	font-size: 17px;
	display: block;
	margin-bottom: 2px;
}
#mainNav .navItem .navDesc {
	display: block;
	font-size: 12px;
}
#mainContent {
    /*width : 939px;*/
    margin: 0 auto;
    min-height: 600px;
}

#footer {
    width: 981px;
    height: 55px;
    margin: 13px auto 0;
    font-size: 9pt;
    clear: both;
    border-top: none;
}

#footer .logo {
    width: 354px;
    height: 60px;
    background-image: url('../../images/community/common/clp_logo.png');
    background-repeat: no-repeat;
    float: left;
}

#footer .footerText {
    width: 150px;
    margin: 5px 0 0 100px;
    float: left;
    text-align: right;
    color: #30416f;
}

#footer .footerNav {
    width: 375px;
    float: left;
    margin: 5px 0 0 0;
}

#footer .footerNav .navItem {
    width: 95px;
    float: right;
    padding: 0 5px;
    text-align: center;
}

#footer .footerNav .small {
    width: 65px;
}

#footer .footerNav .navItem a {
    color: #30416f;
    text-decoration: none;
}

#footer .footerNav .navItem a:hover {
    text-decoration: underline;
}

th, .headingReverse {
    background-color: #0982dc;
    color: black;
}
#searchTheCommunity #search {
	height: 110px;
}

#searchTheCommunity #search .tabRow .tab {
	background-color: #588b7a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#588b7a), to(#34594d));
    background-image: -webkit-linear-gradient(top, #588b7a, #34594d);
    background-image:    -moz-linear-gradient(top, #588b7a, #34594d);
    background-image:     -ms-linear-gradient(top, #588b7a, #34594d);
    background-image:      -o-linear-gradient(top, #588b7a, #34594d);
    background-image:         linear-gradient(to bottom, #588b7a, #34594d);
}

#searchTheCommunity #search .tabRow .organizations_selected, 
#searchTheCommunity #search .tabRow .programs_selected, 
#searchTheCommunity #search .tabRow .knowledgebase_selected, 
#searchTheCommunity #search #box {
	background-color: #195E47;
	background-image:none;
}

#lvVolunteerLogo img {
	max-width: 100%;
}
#lvVolunteerLogo p {
	text-align: center;
	margin: 5px 0 15px;
}

/* Mobile */

@media screen and (max-width : 480px) {
    #slv_logo {
        max-height: 128px;
        margin: -20px 0 0 -10px;
    }
    #lvcfLogo img {
        width: 160px;
        margin-right: 0px;
        margin-top: -90px;
    }
    #logo_1, #logo_2 {
        height: 115px;
    }
    #slideshow {
        height: 157px;
    }
    div#quickLinksDiv>*,
    .focusBox>* {
        margin-right: 5%;
        margin-left: 5%;
    }
    #columnLeft {
        min-height: 830px;
    }
    div#newsAndEvents a {
        word-wrap: break-word;
    }
}

/* End Mobile */