html,body{
    height:100%;
}
body{
    padding:0;
    margin:0px;
    background-color: rgb(127,122,78);
    font-family: "Open Sans",arial,x-locale-body,sans-serif;
    font-size: 12px;
    color: #000000;	
}
form{
    margin-bottom:0px;
}


h1{
    margin-top:6px;
    margin-bottom:6px;
}
h1 .small{
    color:#222;
}
h3{
    color:#00234c;
}
h4{
    font-size: 12px;
    font-weight:bold;
    color: rgb(66,30,0);
    background-color: rgb(230,230,245);
    padding:5px;
}

#banner{
    padding:10px;
    background-color:#00234c;
    color:#ddd2a3;
}

#banner h1{
    font-size:24px;
}

#banner h1 .small{
    color:white;
}

#notFooter{
        min-height: 100%;
}

#pageBodyWrap{
    padding-top:15px;
}

#pageBody{
    background-color:white;
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin-bottom: 70px;
}

#pageBody:before, #pageBody:after{
    content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    border-radius:100px / 10px;
} 
#pageBody:after{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}

#copyright{
    text-align: center;
    color: white;
    padding: 10px;
    height: 50px;
    width: 100%;
    background-color: #00234c;
    margin-top: -50px;
}

#content{
    padding-bottom:50px;
    max-width:960px;
    min-height:500px;
}
#contentFooter{
    max-width:960px;
}





@media (max-width: 450px) {
    body{
        background-color:white;
    }
    #pageBodyWrap{
        padding:0;
    }
    #pageBody, #pageBody:before, #pageBody:after{
        box-shadow: none;
    }
    #banner h1{
        font-size:18px;
    }
    h3{
        font-size:20px;
    }
}

@media print{
	body{
		padding:10px 0px 0px 0px;
		margin:0px;
		background-color:white
	}
    
	#banner,	
	.no-print{
		display:none;
	}	
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 960px; /* or 950px */
}


@media (min-width: 768px) {
    .text-left-sm {text-align: left;}
    .text-center-sm {text-align: center;}
    .text-right-sm {text-align: right;}
    .pull-right-sm{float: right!important;}
}

@media (min-width: 992px) {
    .text-left-md {text-align: left;}
    .text-center-md {text-align: center;}
    .text-right-md {text-align: right;}
}

@media (min-width: 1200px) {
    .text-left-lg {text-align: left;}
    .text-center-lg {text-align: center;}
    .text-right-lg {text-align: right;}
}