body {
	background:url('images/Bg-Strip2.gif')repeat-x; 
    background-color:#d8d4d7;
    font-family:"Californian FB";
}
#page-container {
height:100%;
width:1002px;
margin:auto;
background-color:fuchsia;
}

.tbx {
	height:auto;
	width:800px;
	margin:auto;
	color:black;
	font-family:"Californian FB";	
	text-align:center;
	padding:0px;	
}

.fnt {
	font-family:FashionVictim;
	font-weight:bold;
	letter-spacing:5px;
	font-size:40px;
}
@media screen and (max-width: 768px) {
	.fnt {
		font-size:40px;
	}
}

@media screen and (max-width: 568px) {
	.fnt{
		font-size:20px;
	}
}



.nfnt {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:20px;
}
@media screen and (max-width: 768px) {
	.nfnt {
		font-size:20px;
	}
}

@media screen and (max-width: 568px) {
	.nfnt{
		font-size:10px;
	}
}



.tbx12 {
	padding-top:15px;
	
		
}

.tbx13 {
	
	padding-bottom:15px;	
}


.tbv {
	height:auto;
	width:800px;
	margin:auto;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	padding-right:20px;
	padding-left:20px;	
	text-align:center;
}

#lr {
color:orange;
}

.fpw {
	color:white;
	font-family:Verdana;
	margin-top:10px;
	margin-left:100px;


}
element {
	font-family:Verdana;

}

.wrap {
	height:auto;
	width:1000px;
	margin:auto;
	background-color:#3d2539; 

}

.container {
    max-width:1000px;   
    background-color:#3d2539; 
    margin:auto;
    height:auto;
}
/*
.row {
width:100%;
}
*/
.box {
    margin-bottom: 20px;    
   background-color:#3d2539;
   margin:auto;
    
}

.mywidth {
	max-width:600px;
	max-height:450px;
	margin: auto;
}
.mywidthUT {
	
	margin: auto;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color:white;
  /*Sets the text hover color on navbar*/
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active >   
 a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: white; /*BACKGROUND color for active*/
	background-color:#3d2539; 
}

.navbar-nav{
	margin:auto;
	padding-right:35px;
	}	

  .navbar-default { 
    font-size: 24px;
    background-color:#d8d4d7;
    border:0px;    
    margin:auto;
}

  .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus {
    color: #262626;
   text-decoration: none;
  background-color:#3d2539; /*change color of links in drop down here*/
   }

 .nav > li > a:hover,
 .nav > li > a:focus {
 	
    text-decoration: none;
    background-color: #3d2539;
 /*Change rollover cell color here*/
  }


  .navbar-default .navbar-nav > li > a {
  color:#f0b82d;
  background-color:#3d2539;
  
  }  

 /*Change active text color here*/
    }.navbar-brand {  
  
	font-weight: bold;
	font-size: 30px;    
	
}

.col-lg-12 {
	background-color:#3d2539; 
	margin:auto;

}
.col-md-12 {
	background-color:#3d2539; 
	height:450px;
	margin:auto;
}

.col-sm-12 {
	max-width:700px;
	margin:auto;
	
}
.col-md-6 {
	  background-color:#d8d4d7;
	  font-family:Aparajita;
	  font-size:medium;	
}

.col-lg-6 {

    background-color:#3d2539;
	font-family:Aparajita;
	font-size:medium;
}
.col-sm-6 {
    background-color:#d8d4d7;;
	font-family:Aparajita;
	font-size:medium;
}
.col-sm-4 {
	margin:auto;
	padding-left:20px;	
}

.col-lg-4 {
	width:200px;
	height:210px;
	margin:auto;	
}

.ov {
margin:auto;	

}

.ss{
	width:450px;
	height:225px;
}
@media screen and (max-width: 768px) {
	
.ss{
		width:450px;
		height:225px;
	}
}

@media screen and (max-width: 568px) {
	
.ss{
		width:225px;
		height:125px;
		
	}
}

.poster {
	
}

@media screen and (max-width: 768px) {
	
.poster{
		width:700px;
		height:1000px;
	}
}

@media screen and (max-width: 568px) {
	
.poster{
		width:350px;
		height:500px;
		
	}
}


@media screen and (max-width: 768px) {
	
.ov{
		width:200px;
		height:250px;
	}
}

@media screen and (max-width: 568px) {
	
.ov{
		width:100px;
		height:125px;
		
	}
}

.yy {
	color:white;
}

/*
.col-sm-3 {
	color:orange;
	width:200px;
	margin-left:35px;
}
*/
.img-responsive{
	margin:auto;
}
.intro-text {
	color:#f0b82d;
	font-family:Aparajita;

}

.ut{
	font-family:Aparajita;
	font-size:24px;
	font-style:italic;	
	color:#d4d4d4;
	margin:auto;	
}
button {
	margin:auto;
	
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: white;
   border-color:#f0b82d;
  
}
.btn{
	background-color:#bab1b8;
	border-color:#f0b82d;
	color:black;
	margin:auto;
	width:80px;
	height:25px;
	padding:0px;
}

.btn-info {
	font-size:12px;
	font-family:Verdana;
	text-align:center;	
	margin-left:8px;
	padding:0px;
}


.bk{
	background-color:#bab1b8;
	border-color:#f0b82d;
	color:black;
	margin:auto;
	width:80px;
	height:20px;
}

.tby{
	height:auto;
	width:800px;
	margin:auto;
	color:black;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:18px;
	padding-right:20px;
	padding-left:20px;	
	text-align:center;
}


@media screen and (max-width: 768px) {
	.tby {
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.tby{
		font-size:9px;
	}
}




@media screen and (max-width: 768px) {
	.tbx {
		font-size:18px;
		width:700px;
		
		
	}
}

@media screen and (max-width: 568px) {
	.tbx{
		font-size:0.8em;
		width:300px;
		
	}
}

@media screen and (max-width: 768px) {
	.tbv {
		font-size:14px;
	}
}

@media screen and (max-width: 568px) {
	.tbv{
		font-size:0.8em;
	}
}
	
@media screen and (max-width: 768px) {
	.ne {
		font-size:14px;
	}
}

@media screen and (max-width: 568px) {
	.ne{
		font-size:7px;
	}
}


@media screen and (max-width: 768px) {
	.btn {
		font-size:12px;
	}
}

@media screen and (max-width: 568px) {
	.btn{
		font-size:6px;
	}
}

@media screen and (max-width: 768px) {
	.bk {
		font-size:12px;
	}
}

@media screen and (max-width: 568px) {
	.bk{
		font-size:6px;
	}
}


@media screen and (max-width: 768px) {
	.btn-info {
		font-size:14px;
	}
}

@media screen and (max-width: 568px) {
	.btn-info{
		font-size:7px;
	}
}

@media screen and (max-width: 768px) {
	
.btn{
		width:80px;
		height:25px;
	}
}

@media screen and (max-width: 568px) {
	
.btn{
		width:50px;
		height:15px;
	}
}
.zzm {
	padding-left:55px; 
	padding-top:20px; 
	padding-bottom:5px; 
	padding-right:55px; 
	text-align:center;
	font-size:18px;
	font-family:Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
	font-style:italic;
	color:white;
}

@media screen and (max-width: 768px) {
	.zzm {
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.zzm{
		font-size:11px;
	}
}
.nxe{
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:white;	
}
}
@media screen and (max-width: 768px) {
	.nxe {
		font-size:24px;
	}
}

@media screen and (max-width: 568px) {
	.nxe{
		font-size:12px;
	}
}


.zz {
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:white;
}
@media screen and (max-width: 768px) {
	.zz {
		font-size:14px;
	}
}

@media screen and (max-width: 568px) {
	.zz{
		font-size:10px;
	}
}

.zzz {
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#f0b82d;
}
	
@media screen and (max-width: 768px) {
	.zzz {
		font-size:26px
	}
}

@media screen and (max-width: 568px) {
	.zzz{
		font-size:13px;
	}
}
	
.zz2 {
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:white;
	
}

@media screen and (max-width: 768px) {
	.zz2 {
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.zz2{
		font-size:10px;
	}
}

@media screen and (max-width: 768px) {
	.yy {
		font-size:xx-large;
	}
}

@media screen and (max-width: 568px) {
	.yy{
		font-size:medium;
	}
}

/*
.multi-line-button { white-space: normal; }   
*/
.spacer {
	height:10px;
	width:1000px;
	margin:auto;
	background-color:#3d2539;	
}

.icon-bar {
	color:orange;
}

#footer {
	max-width:1000px;
	margin:auto;
	color:silver;
    font-size:16px;  
    padding-right:30px;
}


.fb {
	color:#f0b82d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	float:right;
	margin:auto;
	padding:0px;	
	}
.sh {
	color:aqua;
	
}
.fb {
	float:right;
	font-size:22px;
}	
	@media screen and (max-width: 768px) {
	.fb {
		font-size:22px;
	}
}

@media screen and (max-width: 568px) {
	.fb {
		font-size:11px;
	}
}

@media screen and (max-width: 768px) {
	.lr {
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.lr {
		font-size:9px;
	}
}


@media screen and (max-width: 768px) {
	.ut {
		font-size:22px;
	}
}

@media screen and (max-width: 568px) {
	.ut {
		font-size:0.8em;
	}
}
.cr {
	float:left;
	font-size:17px;
	font-style:italic;
	color:white;
	padding-left:60px;
    padding-bottom:10px;
    margin:auto;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}
@media screen and (max-width: 768px) {
	.cr {
		font-size:18px;
		
		}
}
@media screen and (max-width: 568px) {
	.cr {
		font-size:9px;
	}
}

	
	@media screen and (max-width: 768px) {
	form {
		font-size:16px;
	}
}

@media screen and (max-width: 568px) {
	form {
		font-size:0.6em;
	}
}

	
@media screen and (max-width: 768px) {
	form {
		font-size:16px;
	}
}

@media screen and (max-width: 568px) {
	form {
		font-size:0.6em;
	}
}
	
@media screen and (max-width: 768px) {
	.plop {
		font-size:16px;
	}
}

@media screen and (max-width: 568px) {
	.plop {
		font-size:0.6em;
	}
}


@media screen and (max-width: 768px) {
	.intro-text {
		font-size:16px;
	}
}

@media screen and (max-width: 568px) {
	.intro-text {
		font-size:1.0em;
	}
}
/*
@media screen and (max-width: 768px) {
	.textbox{
		width:7680px;
			}
}

@media screen and (max-width: 568px) {
	.textbox {
		
		width:568px;
	}
}
*/


 @media screen and (max-width: 768px) {
	text-responsive {
		font-size:100%;
	}
}

@media screen and (max-width: 568px) {
	text-responsive {
		font-size:100%;
	}
}


.h3 {
font-weight:bold;
}

 @media screen and (max-width: 768px) {
	h3 {
		font-size:100%;
	}
}

@media screen and (max-width: 568px) {
	h3{
		font-size:100%;
	}
}

@media screen and (max-width: 768px) {
	.navbar-default {
		font-size:16px;
	}
}

@media screen and (max-width: 568px) {
	.navbar-default{
		font-size:0.8em;
	}
}

/*
.imageAndText {position: relative;} 
.imageAndText .col {position: absolute; z-index: 1; top: 0; left: 0;}


.thumbnail { 
   position: relative; 
 } 
 
.caption { 
   position: absolute; 
   top: 45%; 
   left: 0; 
   width: 100%; 
 } 
 
 /*
#mymodal {
	background:fuchsia;
}
#mymodal2 {
	background:red;
}
#mymodal3 {
	background:lime;
}
#mymodal4 {
	background:yellow;
}
*/


@media screen and (max-width: 768px) {
	.pst{
		width:100px;
		height:136px
	}
}

@media screen and (max-width: 568px) {
	.pst {
		width:50px;
		height:68px;
	}
}


@media screen and (max-width: 768px) {
	.img-responsive{
		width:100%;
	}
}

@media screen and (max-width: 568px) {
	.img-responsive {
		width:100%;
	}
}

.cd {
padding-right:10px;
	
}
@media screen and (max-width: 768px) {
	.cd{
		width:250px;
		height:250px;
	}
}

@media screen and (max-width: 568px) {
	.cd {
		width:125px;
		height:125px;
	}
}


@media screen and (max-width: 768px) {
	.iz{
		width:800px;
	}
}

@media screen and (max-width: 568px) {
	 .iz {
		width:400px;
	}
}

.izbm {
	height:220px;
	width:220px;	
}


.bio1 {
	margin-left:40px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
@media screen and (max-width: 768px) {
	.bio1{
		width:300px;
		height:280px;
	}
}

@media screen and (max-width: 568px) {
	.bio1 {
		width:150px;
		height:140px;
	}
}

.bio2 {
	margin-right:40px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	float:right;
}
@media screen and (max-width: 768px) {
	.bio2{
		width:280px;
		height:400px;
	}
}

@media screen and (max-width: 568px) {
	.bio2 {
		width:140px;
		height:200px;
	}
}

.bio3 {
	margin-left:40px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}


@media screen and (max-width: 768px) {
	.bio3{
		width:280px;
		height:330px;
	}
}

@media screen and (max-width: 568px) {
	 .bio3 {
		width:140px;
		height:165px;
	}
}



.modal {
	background-color:#f4ebeb;
	
}

.modal-content {
	background:white;
	padding:10px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}
.modal-body {
	 background-color:#f4ebeb;
	
}
.form-group {
    margin-bottom: 0px;
}
.col-xs-12 {
    width: 100%;
    padding-top:20px;
    padding-bottom:5px;
}
.form-control {	
    display:block;
    margin:auto;
    height: 34px;
    padding: 6px 12px;
    font-family:Verdana;
	font-size:14px;
    line-height: 1.42857;
    color: #555;
    background-color:white;
    background-image: none;
    border-width:medium;
	border-color:#f0b82d;
	border-style:double;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

form {
	background-color:#d8d4d7;
	border-width:thick;
	border-color:#f0b82d;
	border-style:double;
	padding-top:10px;
	width: 80%;
	margin:auto;	
	font-family:Verdana;
	font-size:16px;
}
table {
	width: 80%;
	margin:auto;		
}

.form_button_box {
	
	padding:10px;
	background-color:transparent;
	margin:auto;
}

input{
	
	font-family:Verdana;
	font-size:10px;
}
/*
@media screen and (max-width: 768px) {
	.form{
		font-size:16px;
	}
}

@media screen and (max-width: 568px) {
	.form{
		font-size:8px;
	}
}

*/

label {
	font-family:Verdana;
}

a:focus, a:hover {
    color: white;
    text-align:left;
    
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
    color:black;
    background-color: white;
   border-color:#f0b82d;
}

iframe {
	margin:auto;
	
}

.modal-open .modal {
	color:black;
}

.wckg {
	color:white;
	margin:auto;
	padding:10px 50px 10px 50px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}

@media screen and (max-width: 768px) {
	.wckg {
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.wckg{
		font-size:10px;
	}
}

.NBS {
	margin-left:100px;
	margin-right:20px;
	padding:20px;	
}

.poster-content {
	margin:auto;
	width:800px;
	height:auto;
	background-color:#d5dce4;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:14px;	
	color:black;
}
/*
.nelson {
	font-family:'Calibri Light'; 
	color:black;
	background-color:silver; 
	width:800px; 
	margin:auto;	
}

*/
.wrapper-2 {
	background-color:#d5dce4;
	width:700px;
	height:auto;
	margin:auto;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:bold;
	color:black;
	padding-left:35px;
	padding-right:35px;
	padding-bottom:130px;
	
	text-align:left;
}

@media screen and (max-width: 768px) {
	.wrapper-2{
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	.wrapper-2{
		width:100%;
	}
}

@media screen and (max-width: 400px) {
	.wrapper-2 {
		width:100%;
	}
}

/*
.wrapper-2 {
	background-color:silver;
	width:700px;
	height:auto;
	margin:auto;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:bold;
	color:black;
	
	text-align:left;
}

@media screen and (max-width: 768px) {
	.wrapper-2{
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	.wrapper-2{
		width:100%;
	}
}
*/
@media screen and (max-width: 400px) {
	.wrapper-2 {
		width:100%;
	}
}

.imrsp



@media screen and (max-width: 768px) {
	.imrsp{
		width:100%;
	}
}

@media screen and (max-width: 500px) {
	.imrsp{
		width:100%;
	}
}

@media screen and (max-width: 400px) {
	.imrsp {
		width:100%;
	}
}
.wp4 {
	font-family:"Calibri Light";
	color:black;
	font-weight:bold;
	width:auto;
	margin:auto;
	float:left;	
}

@media screen and (max-width: 768px) {
	.wp4{
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.wp4{
		font-size:14px;
	}
}

.wpp {
	font-family:"Calibri Light";
	font-size:16px;
	color:black;
	font-weight:bold;
	width:auto;
	margin:auto;
	float:left;	
	text-align:left;
}

@media screen and (max-width: 768px) {
	.wpp{
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.wpp{
		font-size:10px;
	}
}




.wp3 {
	font-family:"Calibri Light";
	color:black;
	background-color:#d5dce4;
	font-weight:bold;	
	width:auto;
	margin:auto;
	float:left;	
}
@media screen and (max-width: 768px) {
	.wp3{
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.wp3{
		font-size:10px;
	}
}


.wpa {
	color:blue;
	font-family:"Calibri Light";
	font-size:large;
	background-color:#d5dce4;
	font-weight:bold;
	width:auto;
	margin:auto;	
}

@media screen and (max-width: 768px) {
	.wpa{
		font-size:18px;
	}
}

@media screen and (max-width: 568px) {
	.wpa{
		font-size:10px;
	}
}



/*

/*
#wrapper {
	margin:auto;
	width:800px;
	background-color:fuchsia;
	height:auto;
	padding:50px;

}
*/