@charset "utf-8";
/* CSS Document */


body {
	font-family: 'Raleway';
}
h1, h2, h3, h4, h5 {font-family: 'Raleway'}
h3 {font-size: 1.4em;}


#muralCollection .row {margin-top: 10px;}
#muralCollection img  {padding:1px; border: 3px solid #213D53; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5); margin-bottom: 15px;}
#muralCollection .col-sm-2 p {font-weight:600;}
#muralCollection .col-sm-3 p {font-weight:600; }
#muralCollection .col-sm-4 p {font-weight:600;}
#muralCollection .col-sm-5 p {font-weight:600;}
#muralCollection .col-sm-6 p {font-weight:600;}
#muralCollection .col-sm-2 p a {color:#213D53;}
#muralCollection .col-sm-3 p a{color:#213D53;}
#muralCollection .col-sm-4 p a {color:#213D53;}
#muralCollection .col-sm-5 p a {color:#213D53;}




#catalogPageTitle {background-color:#213D53; color:white; text-align:center;}
#thumbnails {background-color:#D8E9ED; text-align:center;}
#thumbnails p img {border:medium; border-color: white; margin:10px 10px 20px 10px; box-shadow: 0 20px 20px rgba(0, 0, 0, 0.7); }
#catalogNav {font-family:Raleway; font-size:3; background-color:#D8E9ED; font-weight:bold; text-align:center;}

.headerDkBlueLinen {
	background-color:#213D53;
	font-size: 16px;
	color:linen; 
	font-weight:bold;
	}
	.headerDkBlueWhite {
	background-color:#213D53;
	font-size: 16px;
	color:white; 
	font-weight:bold;
	}
.headerStuccoBlue {
	background-image: url(../files/BGstucco.jpg);
	background-repeat:repeat;
	font-size: 16px;
	color:#213D53; 
	font-weight:bold;
	box-shadow: 0 5px 10px #000000;
	}
#disclaimer {
	background-image: url(../files/BGstucco.jpg);
	background-repeat:repeat;
	font-size: 14px;
	color:#213D53; 
	box-shadow: 0 5px 10px #000000;
	}
.catalogSubs {
	background-color:#5988a4;
	font-size: 18px;
	font-weight:bold;
	color: white;
	}
.imagetitle {
	font-size:16px;
	padding: 0px;

}
  
/*****************************************/
   /* Remove the navbar's default margin-bottom and rounded borders */ 
     .navbar {
      margin-bottom: 0;
      border-radius: 0;
	  background-color: #213d53;
    }
	.navbar-header {}
 .navbar-brand{float:left; height:50px; padding:15px 15px;font-size:18px;line-height:20px; background-color:#5988a4;} 

 
	
	.glyphicon a {
		color: white
	}
.mySlides {display:none;}
.shadow {box-shadow: 0 5px 10px #000000;}

    
    /* Add a gray background color and some padding to the footer */
     footer {
      background-color: #213d53;
	  color: white;
      padding: 25px;
	  margin-top: 25px;
    }
	footer a {color:#f4DEBD; font-weight:800}
	footer a:hover {
		color: white;
	}
	.koon {
    text-shadow: 2px 2px 3px #000000;
} 

.koon2 {
    text-shadow: 1px 1px 2px #000000;
}
.tilebutton, a.tilebutton, a.tilebutton:link, a.tilebutton:visited  {
	background-color:#5988a4; 
	color:#f4DEBD;
	padding:5px;
	display:block;
	text-decoration:none;
	box-shadow: 0 5px 10px #000000;
	}

a.tilebutton:hover {
	background-color:#FFFFFF; 
     color: #5988a4;
	padding:5px;
	display:block;
	text-decoration:none;
	box-shadow: 0 5px 10px #000000;
}
.policyButton, a.policyButton, a.policyButton:link, a.policyButton:visited  {
	background-color:white; 
	color:#5988a4;
	font-weight:600;
	width: 200px;
	padding:5px;
	display:block;
	margin: 0 auto 15px;
	text-align:center;
	text-decoration:none;
	box-shadow: 0 5px 10px #000000;
	}

a.policyButton:hover {
	background-color:#213D53; 
     color: white;
	 font-weight:600;
	 width: 200px;
	padding:5px;
	display:block;
	margin: 0 auto 15px;
	text-align:center;
	text-decoration:none;
	box-shadow: 0 5px 10px #000000;
}

.CurioArtsButton, a.CurioArtsButton, a.CurioArtsButton:link, a.CurioArtsButton:visited  {
	background-color:white; 
	color:black;
	font-weight:600;
	width: 200px;
	padding:5px;
	display:block;
	margin: 0 auto 15px;
	text-align:center;
	text-decoration:none;
	box-shadow: 0 5px 10px #000000;
	}

a.CurioArtsButton:hover {
	background-color:black; 
     color: white;
	 font-weight:600;
	 width: 200px;
	padding:5px;
	display:block;
	margin: 0 auto 15px;
	text-align:center;
	text-decoration:none;
	box-shadow: 0 5px 10px #000000;
}
	
.buttonDkBlue, a.buttonDkBlue, a.buttonDkBlue:link, a.buttonDkBlue:visited {
    background-color: #213D53;
    color:#f4DEBD;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
	border: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
	box-shadow: 0 5px 10px #000000;
}

a.buttonDkBlue:hover 
{
background-color: white; color: #213D53;
text-decoration:none;
}



.button50percent {width: 50%;}

	
	
.button2
{
	display:inline-block;
	background-color:#213D53;
	color: #FFFFFF;
	padding: 3px;
	text-decoration: none;
	font-weight: bold;
}  
.button2 a {
	display: inline-block;
	background-color:#213D53;
	color: #FFFFFF;
	padding: 3px;
	text-decoration: none;	
}
.button2 a:link {
	display: inline-block;
	background-color:#213D53;
	color: #FFFFFF;
	padding: 3px;
	text-decoration: none;	
}
.button2 a:visited {
	display:inline-block;
	background-color:#213D53;
	color: #FFFFFF;
	padding: 3px;
	text-decoration: none;	
}
.button2 a:hover {
	display:inline-block;
	background-color:#213D53;
	color: #FFFFFF;
	padding: 3px;
	text-decoration: none;
}
.button2 a:active {
	display:inline-block;
	background-color:#213D53;
	color: #FFFFFF;
	padding: 0px;
	text-decoration: none;	
}







.jumbotronTrim p{font-family: 'Raleway'; font-size:16px;font-weight:300;}

.container-fluid p {font-size: 16px; font-family: 'Raleway'; font-weight:300}
.container p {font-size:16px; font-family: 'Raleway'; font-weight:300}



@media screen and (min-width:768px){
.jumbotronTrim {padding-left:200px; padding-right:200px}
.jumbotronTrim p{font-family: 'Raleway'; font-size:16px;font-weight:300;}

.container-fluid p {font-size: 16px; font-family: 'Raleway'; font-weight:300}
.container p {font-size:16px; font-family: 'Raleway'; font-weight:300}
.jumbotronTrim .h1,.jumbotronTrim h1{font-size:2em}
.row {padding-left: 5px;}
	}

	/* FORM STYLES */
	/* Style inputs with type="text", select elements and textareas */

/* Add a background color and some padding around the form */
/*.formContainer {
    border-radius: 5px;
    padding: 20px;
}*/
.formBorder {
	font-size: 1em;
	background-color: #5988a4;
	border: medium groove #01839D;
}

.formBorderTable {
	background-color: #5988a4;
	border: medium groove #01839D;
}
.fontGreen2 {color: #004A23}


.fontOrange {
	color: #F05A00;
}
.highlight {
	background-color: #CFDD92;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.fontTeal {
	color: #01839D;
}
.underline {
	text-decoration: underline;
}

.alert {
	background-color: #F05A00;
	border: thin groove #F05A00;
	color: #FFFFFF;
	width: 300px;
}

#formThankYou {
	background-image: url(../files/BGstuccoSMALLyellow.jpg); 
	background-repeat:repeat; 
	color: #213d53; 
	border: medium solid #213D53;
	width: 500px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;	
}

.registerError {
	color: #000000;
	background-color: #FFFFFF;
}


.required {
	font-size: 12px;
	font-weight: bold;
	color: red;
}

.bgcolorOrange {
	background-color: #F05A00;
}


/* ORIGINAL CSS  */

/*
// input[type=text], select, textarea {
/*   width: 100%;  Full width */ 
/*  padding: 12px;  Some padding */  
/* border: 1px solid #ccc; Gray border */
/*    border-radius: 4px; Rounded borders */
/* box-sizing: border-box; Make sure that padding and width stays in place */
/*   margin-top: 6px; Add a top margin */
/*    margin-bottom: 16px; Bottom margin */
/*    resize: vertical   Allow the user to vertically resize the textarea (not horizontally) */
/* } */



 input[type=text], select, textarea {  
    width: 100%; /*Full width   */
    padding: 12px; /* Some padding */  
    border: 1px solid #ccc; /* Gray border */
    border-radius: 4px; /* Rounded borders */
    box-sizing: border-box; /* Make sure that padding and width stays in place */
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ 
} 

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #213D53;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
    background-color: #5988a4;
}