@charset "UTF-8";

/*-----------------------------------------------------------------------------

Chester County Economic Development Council
#YouCanBeAnything - Mini-Site

URL:    

Design and Development by DesignDesign Inc (www.designdesignonline.com)

--------------------------------------------------------------------------------


	FONTS
 
	

	BRAND COLOR PALETTE 
	#FFF; /* White *


--------------------------------------------------------------------------------


	/* Brand Text Colors */
	.blue 		{	color: 	#173F6A; /* Brand BLUE */	}
	.ltblue 	{	color: 	#A3AEC8; /* Brand LT BLUE */	}
    .white      {   color: white;   }

	/* Brand BG Colors */
	.bluebg 		{	background-color: 	#173F6A; /* Brand Blue */	}
	.ltbluebg 		{	background-color: 	#A3AEC8; /* Brand LT BLUE */	}
	.whitebg 		{	background-color: 	#FFF; }
 	
	
	::selection 		{	color:white;	background:#173F6A;}
	::-moz-selection 	{	color:white;	background:#173F6A;}
	

	/* Styles for layout - may need color edits -----------------------------------------------------------------------------*/
	.horz_rule 	{ 	border-bottom: 1px solid #A3AEC8; /* Brand LT BLUE */; margin: 5px 0;}
	.horz_rule_nomargin 	{ 	border-bottom: 1px solid #999 /* Dk Grey */; margin: 0;}
	.border		{	border:#003366 /* BLUE */ solid 2px;}
	.dashedline {	border-bottom: 2px #003366 /* BLUE */ dotted;	}
	.img_border {
		border: 8px solid #FFF;	
		margin-bottom: 25px;
		-webkit-box-shadow: 1px 15px 10px -6px #999;
		   -moz-box-shadow: 1px 15px 10px -6px #999;
		        box-shadow: 1px 15px 10px -6px #999;	}
				

/* Set up the document
-----------------------------------------------------------------------------*/
html, body {
    width: 100%;
    margin: 0;
    padding: 0;
}

body	{
	font: 62.5%/1.5 "refrigerator-deluxe", san-serif;
	text-align:center;
}




/* Typography
-----------------------------------------------------------------------------*/

h1
	{
	font-size: 50px;
	line-height: 46px;
	font-family: "refrigerator-deluxe", san-serif;
	color: #A9A6A6; /* Brand Light Grey */;
	font-weight: 400;
	text-align: left;
	
}
	
h2
	{
	font-size: 34px;
	line-height: 34px;
	font-family: "refrigerator-deluxe", san-serif;
	color: 	#AF222F; /* Brand Red */	
	font-weight: 400;
	text-align: left;
}
	
h3
	{
	font-size: 26px;
	line-height: 38px;
	font-family: "refrigerator-deluxe", san-serif;
	color: 	#A9A6A6; /* Brand Light Grey */;
	font-weight: 400;
	text-align: left;
}
	
h4
	{
	font-size: 22px; 
	font-family: "refrigerator-deluxe", san-serif;
	line-height: 26px;
	color: #333;
	font-weight: 700;
	color: 	#A9A6A6; /* Brand Light Grey */;
	text-align: left;
	}
	
h5
	{
	font-size: 20px; 
	font-family: "refrigerator-deluxe", san-serif;
	line-height: 22px;
	color: 	#A9A6A6; /* Brand Light Grey */;
	font-weight: 700;
	text-align: left;
}
	
p, q, cite, blockquote
	{
	font-size: 16px; 
	font-family: serif;
	line-height: 26px;
	color: #333;
	font-weight: 300;
	margin: 10px 0 30px 0;
	text-align: left;
}

ul, ol, dl
	{
	list-style: none;
	font-size: 17px;
	font-family: "proxima-nova",sans-serif;
	text-align: left;
	color: 	#A9A6A6; /* Brand Light Grey */;

}

li, dd, dt
	{
	font-size: 17px;
	font-family: "proxima-nova",sans-serif;
	text-align: left;
	color: 	#FFF;
	}

blockquote {
	padding: 20px 60px;	
	font-style: italic;
	border-top: 1px solid #A9A6A6; /* Brand Light Grey */
	border-bottom: 1px solid #A9A6A6; /* Brand Light Grey */
	margin: 20px 0;
}

/* LINKS
-----------------------------------------------------------------------------*/

a:link { text-decoration: underline; cursor: pointer; color: #fff;}      /* unvisited link */
a:visited { text-decoration: none; color: #fff;}  /* visited link */
a:hover { 
		text-decoration: none; 		
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;}  /* mouse over link */
a:active { text-decoration: none;}  /* selected link */




/* LANDING PAGE
-----------------------------------------------------------------------------*/
.bg-image {
    background-image: url(../_images/vp_mountainrise2.jpg);
    width: 100%;
    height: 550px;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -125px;
}

<!-- resizing for different VW -->
@media only screen and (min-width: 800px) {
     .bg-image { height: 550px; }}

@media only screen and (max-width: 650px) { .bg-image { height: 285px; }}



.signin {
    margin-top: 25px;
    width: 200px;
    float: right;
}

.signin > input {
    border: 1px solid #fff;
    margin-bottom: 10px;
    padding: 5px;
    color: #173F6A;
    text-transform: uppercase;
    font-size: 10px;
    font: san-serif;
}

.go {
    border: 1px solid #fff;
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    font-family: san-serif;
    width: 40px;
    text-align: center;
}

.signin a, .go a { text-decoration: none;}


.user, .password { width: 200px; }

.go:hover {background-color: #173F6A; /* Brand BLUE */ border: 1px solid #173F6A; /* Brand BLUE */}

#error { color: #fff; font-family: arial, sans-serif; margin-top: 5px; display: none;}

.topnav {   height: 125px; position: relative;    z-index: 10;}


.section_logo {    padding: 0 40px;}

.logo {    float: left;}

.form-holder { width: 50%; margin:  0 auto;}

.col-left, .col-mid, .col-right {
    width: 30%;
    float: left;
    padding: 30px 20px;
    text-align: center;
}

.col-left, .col-mid {
    margin-right: 3.33%;   
}