p {margin-bottom:20px !important;}

.skipnav a {
	color: #fff !important;
}

strong {font-weight:bold;}

.clearFloat {clear:both;}

p.example {font-weight:normal !important; font-style:italic; color:#666 !important; margin-bottom:5px !important;font-size:75%;}



.alert {
	color: #9B3303 !important;
}

.smallTxt {margin-left:28px; font-size:.875em !important; font-weight:100 !important; color:#666 !important;}

.errorMsg {font-size:85%; font-style:italic; color:#C00; line-height:25px;  }

.errPaddingLeftTitle { padding-left:50px;}
.errPaddingLeftName { padding-left:120px;}
.errPaddingLeftStreet { padding-left:72px;}
.errPaddingLeftCity { padding-left:55px;}
.errPaddingLeftZip { padding-left: 230px;
}
.errPaddingLeftPhone { padding-left:240px;}
.errPaddingLeftEmail {padding-left: 150px;}
.errPaddingLeftConfEmail { padding-left:230px;}
.errPaddingLeftLocation { padding-left:260px;}

.asterisk { color:#C00 ;font-size:90%; font-weight:bold;    }

span .example {font-weight:normal !important; font-style:italic; color:#666 !important; margin-bottom:5px !important; font-size:75%; padding-left:25px; }

label {
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: auto;
    font-family: 'open_sansregular', Verdana, Arial, sans-serif;
    color: #444;
}


.introTxt {line-height: 1.5em !important;}

/*-------BOTTOM PAGES BUTTONS------*/
.floatL { float: left !important;}
.floatR { float: right !important;}
.buttonsDIV {width:100%;text-align: center;}


.paymentsDiv { float: left; width: 100%; padding-top: 20px;}

/*-------PROGRESS BAR------*/

#progress {
	width:100%;
	margin-top:2%;
	height:12px;
	border-bottom:3px solid #ccc;
}

.steps {
	float:left;
	width:21%;
	padding:0 2%;
	font-size:1em;
	/*font-weight:bold;*/
	text-align:center;
}


/*---FORM----*/
input, select, textarea  {
	border:1px solid #ccc; 
	padding:5px; 
	background-color:#fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	-khtml-border-radius: 5px; 
	box-shadow: 0px 0px 2px #bbb;
	font-family: 'open_sansregular', Arial, sans-serif; 
	color:#333;}
	
input[type=text] {
	margin:20px 0 0;
	}
	
input[type=checkbox], input[type=radio] {}
input[type=submit] {
	padding:10px 15px; 
	color:#fff; 
	cursor:pointer; 
	font-size:1em; 
	font-weight:bold;}
input[type=submit]:hover {background-color:#F30;}



/*----Buttons------*/
a.button:link, a.button:visited {
	padding:.50em 1.125em;
	color:#fff;
	letter-spacing:.045em;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	-khtml-border-radius: 10px;
}

a.button:hover, a.pill:hover {background-color:#DB6D01; text-decoration:none;}

/*----Button Colors------*/
.univBlue {background-color:#002B54;}
.medBlue {background-color:#0059B2;}
.univOrange {background-color:#DB6D01;}
a.univOrange:hover {background-color:#036; color:#fff !important;}
.black {background-color:#000;}
.gray {background-color:#555;}
.white {background-color:#f7f7f7; color:#036 !important; border:1px solid #bbb;}
a.white:hover {background-color:#002B54; color:#fff !important;}
.gradient{
	border:1px solid #bbb;  
	display:inline-block; 
	color: #036 !important;
 background-color: #f4f5f5; background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
 }
.gradient:hover{
 border:1px solid #bfc4c4;
 background-color: #d9dddd; background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
 }

/*---HR----*/
hr {
	height:5px; 
	border:0; 
	border-top:1px solid #999; 
	border-bottom:1px solid #999; 
	margin:2.25em 0; clear:both;}
	
/*----INDIVIDUAL FORM ELEMENTS-----*/
#txtMemberMI {width:5%;}
.fname, .lname {float:left;}
.fname {width:365px;}
#txtCurrentState, #txtPermanentState {width:6%;}
#txtCurrentStreet, #txtPermanentStreet {width:70%;}
#txtCurrentCity, #txtPermanentCity {width:73%;}
#txtEmail1, #txtEmail2 {width:20%;}


#cwid {float:left; width:220px;}
#or {float:left; width:20px;}
#familyID {float:left;}

/*----COLUMNS-----*/
.colHalf {
	float:left;
	width:45%;
}
.margRight10 {margin-right:5%;}
.padLeft5 {padding-left:5%;}
.borderRight {border-right:1px dotted #999;}
.borderLeft {border-left:1px dotted #999;}

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

#displayversion
{
	display:none !important; 
	/* set to block when you want to test your display versions.  
	This will auto display the format layout (desktop/tablet/phone) at the top of the page */
}

#sitesubnav
{
    display:none; /* set to block if you need to show secondary navigation */
}




/*---------------------MOBILE------------------------------*/

@media only screen and (max-width : 340px) {
	#txtCurrentZip, #txtPermanentZip {width:40% !important;}
	#txtCurrentStreet, #txtPermanentStreet {width:70%;}
	#txtCurrentCity, #txtPermanentCity {width:75%;}
	#txtEmail1, #txtEmail2 {width:75%;}
	.borderRight {border-right:none;}
	.borderLeft {border-left:none;}
}

@media only screen and (max-width : 500px) {
   /* Smartphone view: 1 tile */
   .steps {
	   font-size:.750em !important;
	   font-weight:normal;
   }
   p {font-size:.875em !important; line-height:1.5em !important;}
   #txtMemberFirstName {width:35% !important;}
   .colHalf {width:98%;}
   .borderRight {border-right:none;}
   .borderLeft {border-left:none;}
   #txtCurrentStreet, #txtPermanentStreet {width:70%;}
   #txtCurrentCity, #txtPermanentCity {width:75%;}
   #txtEmail1, #txtEmail2 {width:75%;}

    #divGradFestMemberships span{
        line-height:1.25em !important;
    } 
}