/****************************************************
 GENERAL
 ****************************************************/

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
 
 
/**nicolasgallagher.com/micro-clearfix-hack
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/*** For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
    *zoom: 1;
}



body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-image: url(images/SMpatternbackground.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: open_sansregular, Verdana, Sans-Serif;
	font-size:1.0em;
	line-height:1.6em;
}

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

#page-wrap {
	max-width: 1060px;
	margin:auto;
	padding: 0 0 1px 0;
	top: 0px;
	bottom: 0px;
	z-index: -100;
	background-color: white;
	border-radius: 5px;
	/* overflow: hidden; */
}

/****************************************************
 HEADER
 ****************************************************/
 
#header-wrap {
	border-bottom: 1px solid #585858;
}


#header-top-bar {
	height: 110px;
	border-radius: 5px;
	background-color: #8F0225;
	z-index: 9;
}

#nav-menu-box {
	width: 100%;
	margin: 0 auto 0;
	z-index: 9;
	padding: 2px;
}

nav ul{
	text-align:center;
	margin:0 10px 0 0;
	list-style:none;
	float:right;
}

nav li{
	display:inline-block;
	margin:5px 0 0 10px;
	padding:5px 2px;
}


nav span{
	margin:0;
	padding:5px 0 0 0;
	font-size:.8em;
}


#logo-box {
	position: relative;
	height: 200px;
	width: 200px;
	top: 30px;
	left: 30px;
	z-index: 100;
	background-image: url(images/NuLogo200_Bright.png);
	background-repeat: no-repeat;
}



/****************************************************
 Section Container
 ****************************************************/
#main-wrap {
	padding: 40px 0 15px 0;
	margin: auto;
	border-radius: 5px;
	overflow: hidden;
	z-index: 0;
}
   
/****************************************************
 Column Container
 ****************************************************/
#content-wrap {
	margin: auto;
	width: 100%;
	padding: 5px 1% 15px;
	z-index: 25;
	overflow: hidden;
}

/****************************************************
 Narrower Column
 ****************************************************/

#secondary_column_narrow {
	padding:10px 1% 10px;
	width:20%;
	float:left;
}

#secondary_column_wide {
	padding:10px 1% 10px;
	width:28%;
	margin:0 1% 0;
	float:left;
}

.secondary_column_teaser_box {
	vertical-align: text-top;
	padding: 5px;
	border-radius: 5px;
	/* border: 1px solid #a9a8a7; */
	float:left;
	width:90%;
	margin:0 5% 10px;
	font-size:.9em;
}

.secondary_column_teaser_box a:link {
	/* color: black; */
	text-decoration: none;
}

/* .secondary_column_teaser_box img {
	width: 100%;
} */
	
/****************************************************
 Wider Column
 ****************************************************/
#primary_column_wide{
	padding:10px 1% 10px;
	width:80%;
	float:left;
}

#primary_column_narrow{
	padding:10px 1% 10px;
	width:68%;
	margin:0 1% 0;
	float:left;
}
 
img.primary{
	width:95%;
	margin:0 2.5% 10px;
}

	
/****************************************************
Index Page
 ****************************************************/
.row{
	display:table;
	width:100%;
	margin:5px auto 15px;
}
 
 .col{
	display:table-cell;
	width:50%;
	padding:5px;
}
 
 button {
	border-radius: 100%;
	background-color: black;
	text-shadow: none;
	font-size: 0.5rem;
	border: none;
}

#splashPic_nav {
	width: 95%;
	margin: 0 2.5% 0px;
}

/*
#splashPic_nav ul {
	text-align: center;
	margin: 5px 0 15px;
	padding: 0;
}

#splashPic_nav li {
	display: inline-block;
	margin: 0 5px 0 0;
}
*/
		
/****************************************************
 General Boxes
 ****************************************************/

.highlight-box {
	width: 90%;
	padding: 10px;
	margin: 5px 10px 10px 10px;
	vertical-align: text-top;
}

.inset-box {
	width: 80%;
	padding: 10px;
	margin: 5px auto 10px;
	vertical-align: text-top;
}
/*icon-inserts for holiday closing announcements*/
.closing-thanksgiving{
	background:url('images/turkey_sm.png') no-repeat left, url('images/turkey_sm.png') no-repeat right;
}

.closing-winter{
	background: left repeat-y url('images/flake_01_sm.png'), right repeat-y url('images/flake_01_sm.png');
}

.winter{
	background-image: url('images/snowflakes_vert.png');
   background-repeat: repeat-y;
   background-size: cover;
	background-position:center;
}

.snow{
	background-image: url('images/snowflakes.png');
   background-repeat: no-repeat;
   background-size: cover;
	background-position:center center;
}

.padding-box{
	width:100%;
	padding:15px;
	margin-top:10px;
}
.twocolumn_box{
	width:48%;
	width:48%;
	margin:0 1% 10px;
	padding:2%;
	float:left;
	vertical-align:text-top;
	border-radius:5px;
}

.full-width-text-box {
	width: 100%;
	margin: 0 auto 10px;
	padding: 2% 5%;
	border-radius: 5px;
	/* vertical-align: text-top; */
}

.layering-box{
	width:100%;
	border-radius: 5px;
	vertical-align: text-top;
}

/****************************************************
 FOOTER
 ****************************************************/
 #footer-wrap {
	position: relative;
	top: 10px;
	margin-bottom: 10px;
	display: block;
	border-radius: 5px;
	border-top: 1px solid #a9a8a7;
}

#footer_menu_bar{
	border-radius:5px 5px 0 0;
	background-color:#fcfc6d;
	padding:0 0 0 2%;
}

.footer-menu-box {
	vertical-align: top;
	margin: 1%;
	padding: 10px;
	width: 23%;
	min-height: 140px;
	float: left;
	border-radius: 5px;
	background-color: #fcfc6d;
	font-size: 0.9em;
	text-align: left;
}

#footer-cr-bar {
	height: 30px;
	border-radius: 0 0 5px 5px;
	background-color: #a9a8a7;
	text-align: center;
	font-size: .6rem;
	padding: 10px 0 10px 0;
}

#mc_embed_signup {
	background: #fff;
	clear: left;
	width: 210px;
	background-color: #FCFC6D;
	padding-left: 10px;
}


/****************************************************
 Positioning
 ****************************************************/
.left {
	float: left;
	padding: 5px 5px 5px 5px;
}

.right {
	float: right;
}

.clearfix {
	clear: both;
}

.topspace {
	margin-top: 3px;
	margin-bottom: 0px;
}

.left-margin {
	margin:0 0 0 10px;
}

.indent {
	margin: 0 0 5px 40px;
}

.flush {
	margin: 0;
}

.stacked {
	margin: 20px 0 10px 0;
}

.air{
	margin:5px 10px 5px 0;
}

p{
margin:0 0 1.2em 0;
}

.tight{
	line-height:1.1em;
}

.loose{
	line-height:1.8em;
}

.img-center{
	display:block;
	margin:2px auto 2px;
	}
	
.img-padded-left{
	padding:5px 10px 10px 5px;
	float:left;
	margin:0 5px 5px 0;
	}
	
.img-padded-right{
	padding:5px 5px 10px 10px;
	float:right;
	margin:0 5px 5px 0;
	}
	


/****************************************************
 Typography
 ****************************************************/

h1 {
	font-size: 2.75em;
	font-family: "passionbold", Verdana, sans-serif;
	font-weight: lighter;
	margin: 0 0 20px 0;
	line-height:1.1em;
}

h2 {
	font-size: 2.25em;
	font-family: "passionbold", Verdana, sans-serif;
	font-weight: lighter;
	text-align: left;
	margin: 20px 0 15px 0;
}

h3 {
	font-size: 1.5em;
	font-family: Verdana, sans-serif;
	font-weight: lighter;
	margin: 5px 0 2px 0;
}


h4 /*footer headers*/{
	font-size: .755rem;
}

h5/*side links*/ {
	font-size: .875rem;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
}

h6 {
	font-size: .75rem;
	text-align: center;
	font-weight: bold;
}

/*text styles*/

.text-center{text-align:center;}

.text-left{text-align:left;}


.biggest{font-size: 2.0rem;}

.bigger {font-size:1.5rem;}

.big {font-size:1.2rem;}

.small {font-size:0.85rem;}

.smaller{font-size:0.75rem;}

.tiny {font-size:0.65rem;}

.fancy-font {
	font-family: "passionbold", Verdana, sans-serif;
	font-weight: lighter;
}

/*link styles*/
a img {
	border: 0;
}

a:link {
	color: #8F0225;
	text-decoration: none;
}

a:visited {
	color: #8F0225;
	text-decoration: none;
}

a:hover {
	color: black;
	text-decoration: none;
}

a:active {
	color: #8F0225;
	text-decoration: none;
}

/*menu icons*/

[data-icon]:before {
	font-family: webfonts-icons;
	content: attr(data-icon);
	speak: none;
}

/****************************************************
 COLORS
 ****************************************************/

.red{background-color:#8F0225}

.white{background-color:#FFFFFF;}

.yellow{background-color:#FCFC6D;}

.OTMyellow{background-color:#ffff01;}

.bgcolor-eco{background-color:#99cc66;}

.bgcolor-light-highlight{background-color:#ffdc56;}

.bgcolor-med-highlight{background-color:#FFB033;}

.bgcolor-deep-highlight{background-color:#ee7936;}

.bgcolor-reverse{background-color:black;}

.grey{background-color:#F0F0F0;}

.m-gray{background-color:#a9a8a7;}

.d-grey{background-color:#585858;}

.bgcolor-taichi{background-color:#7cb6cd;}

.bgcolor-earth{background-color:#99cccc;}



/*border colors*/

.border{
border:1px solid #a9a8a7;
}

.border-med-hightlight{
	border:1px solid #ffdc56;
	}

.border-eco{
	border:1px solid #99cc66;
	}	
.border-orng{
	border:1px solid #ee7936;
	}

.top-border{
	border-top:1px solid #a9a8a7;
}
.bottom-border{
	border-bottom:1px solid #a9a8a7;
}	
.left-border{
	border-left:1px solid #a9a8a7;
}
.right-border{
	border-right:1px solid #a9a8a7;
}

.sharp{
	border-radius:0;
}

.round{
	border-radius:5px;
}





/*text colors*/

.t-white{color:white;}


.fade{
	filter: alpha(opacity=40);
}

/****************************************************
 TABLE
****************************************************/

table.schedtable {
	width: 90%;
	margin: auto;
}

table.schedtable td {
	width: 14.3%;
	border-width: 1px;
	padding: 5px 2px 5px;
	border-style: solid;
	border-color: #666666;
	border-radius: 5px;
	text-align: center;
}

table.schedtable thead{
	font-weight:bold;
}

table.schedtable tr {

	min-height:35px;

	}

table.othertable {
	width: 100%;
	margin: auto;
}

table.othertable td {
	width: 14.3%;
	border-width: 1px;
	padding: 5px 2px 5px;
	border-style: solid;
	border-color: #666666;
	border-radius: 5px;
	text-align: center;
	font-size:.8em;
}	


	
table.cellinsert {
	width:98%;
	margin:1% auto;
}

table.cellinsert td{
	width:50%;
	border:0;
	background-color: #ffcc33;
	font-size:0.7em;
	text-align:center;
}
/*list styles*/

ul.plain {
	list-style: none;
	padding:0;
	margin:0;
}

ul.inline {
	list-style-position: inside;
}

ul a:link {
	color: black;
}

ul a:hover {
	color: #8F0225;
}


footer ul a:link{
	color: #8F0225;
}




/*horizontal rules*/
.hr-w {
	width: 95%;
	height: 1px;
	background-color: #a9a8a7;
	margin: 15px auto 10px;
}

.hr-n {
	width: 80%;
	height: 2px;
	background-color: #a9a8a7;
	margin: 20px auto 20px;
}