/* University Template over-ride
   Updated: 2012.5.11 RKD
   Author: Ryan Dunwiddie
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
body {font-family:helvetica;}
a,
a:link,
a:visited {color:#665295; text-decoration:underline;}
a:hover {text-decoration:none;}
p {color:#363636;font-size:125%; line-height:155%;}
.image-default img, .image-right img, .image-left img, .image-center img {padding:0; -webkit-border-radius: 5px;
border-radius: 5px; }
.image-default, 
.image-right,
.image-left,
.image-center {color:#555454;font-size:109%; line-height:150%;}
.breadcrumbs li {font-size:116%;}
.breadcrumbs li a {text-decoration:none;}

h2,h3,h4,h5,h6 {color:#64483a;}
h2 {font-size:186%;}
h3 {font-size:155%;}
h4 {font-size:140%;}
h5 {font-size:125%;}
h6 {font-size:93%;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5 {margin-top:0;}

th, td {border-color:#37393b;background:#fff; padding:8px 12px;}
th {background-color:#37393b;}

blockquote {background:none; width:100%; background-color:transparent!important; }
blockquote p {color:#573e94; font-size:178%; font-weight:normal; font-family:"Helvetica Neue"; font-style:italic;}
blockquote.pull {border:0; width:55%;}
blockquote.pull p {font-size:105%;}
blockquote.quote {width:80%; padding-left:15%; background:url(images/quote.png) center left no-repeat;}
blockquote.pull.quote {width:60%; padding-left:15%;}

.button,
.button:link,
.button:visited  {float:left; margin-bottom:20px; width:100%; color:#fff; text-decoration:none; font-weight:bold; text-align:center; padding:15px 0; border:1px solid #52382b;-webkit-border-radius: 5px; border-radius: 5px; 
  text-shadow: 0px 1px 0px #52382b;        
  background: rgb(136,99,79); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(136,99,79,1) 0%, rgba(90,66,52,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,99,79,1)), color-stop(100%,rgba(90,66,52,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(136,99,79,1) 0%,rgba(90,66,52,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(136,99,79,1) 0%,rgba(90,66,52,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(136,99,79,1) 0%,rgba(90,66,52,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(136,99,79,1) 0%,rgba(90,66,52,1) 100%); /* W3C */
}

#alpha .button { max-width:220px!important;}
.button:hover{
  background: rgb(90,66,52); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(90,66,52,1) 0%, rgba(136,99,79,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(90,66,52,1)), color-stop(100%,rgba(136,99,79,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(90,66,52,1) 0%,rgba(136,99,79,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(90,66,52,1) 0%,rgba(136,99,79,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(90,66,52,1) 0%,rgba(136,99,79,1) 100%); /* IE10+ */
 background: linear-gradient(top,  rgba(90,66,52,1) 0%,rgba(136,99,79,1) 100%); /* W3C */
}


@media screen,projection {

#header {height:auto; overflow:hidden;}
#header hgroup {background:none;}
#header h3 {float:left;text-align:center;}
#header h3 a {margin:0 auto; float:none; display:block; margin: 0 auto;width:310px; height:30px; line-height:60%; background:url(/stylesheets/themes/ndt/1.0/images/brandbar-type.png) 0px -10px;}
#header h2 {background:#0D407A; padding:6px 0; margin:0;}
#header h2 a {padding:3px 0;}
#header h4 {display:none;}
#header h1 a {margin:0 auto; width:221px; height:139px; text-indent:-999px; background:url(images/logo.png) top left no-repeat; }
#header-util {margin:0 auto;}
#search-header { border-color:#d2d2d2;
  -webkit-box-shadow:  0px 1px 1px -1px rgba(0, 0, 0, .3);
  box-shadow:  0px 1px 1px -1px rgba(0, 0, 0, .3);        
}

#nav { margin-top:20px; border:1px solid #3f2d73;background:url(images/linen-bg.png) top left repeat;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
}
#nav li {margin:0; padding:0; /* PZ - border-top:1px solid #3f2d73; */ border-top:1px solid #332266; background:none; /* PZ - border-bottom:0; */}
/* PZ - #nav li:first {border-top:0;} */
#nav li:first-child { border-top:0 none; }
#nav li a {color:#fff; padding:15px 16px; font-size:114%; line-height:122%; border:0; font-family:helvetica; font-weight:bold; 

	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.1)));
 background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
 background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
  background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 100%);
text-shadow:0 1px rgba(0,0,0,0.4); /* The Photoshop file had a drop shadow in place of 1px distance, #000 at 40% opacity, and no blur. */

-webkit-box-shadow:0 1px /* #786699 */ rgba(255,255,255,0.15) inset;
 -moz-box-shadow:0 1px /* #786699 */ rgba(255,255,255,0.15) inset;
  -o-box-shadow:0 1px /* #786699 */ rgba(255,255,255,0.15) inset;
   box-shadow:0 1px /* #786699 */ rgba(255,255,255,0.15) inset;
}

#nav li a:hover,
#nav li a.active { color:#fff; background:#332266;
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;
    -moz-box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;
    -o-box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;
    box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;   
}
#nav .active + li {background:none;}
#nav .active:first-child {background:none;}
#nav li ab {background: -moz-linear-gradient(top,  rgba(51,0,102,0.6) 0%, rgba(51,0,102,0.6) 1%, rgba(66,41,128,0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,0,102,0.6)), color-stop(1%,rgba(51,0,102,0.6)), color-stop(100%,rgba(66,41,128,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(51,0,102,0.6) 0%,rgba(51,0,102,0.6) 1%,rgba(66,41,128,0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(51,0,102,0.6) 0%,rgba(51,0,102,0.6) 1%,rgba(66,41,128,0.5) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(51,0,102,0.6) 0%,rgba(51,0,102,0.6) 1%,rgba(66,41,128,0.5) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(51,0,102,0.6) 0%,rgba(51,0,102,0.6) 1%,rgba(66,41,128,0.5) 100%); /* W3C */
}

#nav li.active a:hover {box-shadow:none;}
#nav li.active,
#nav li.active.last {color:#fff; background:#332266;
	-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;
	   -moz-box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;
	     -o-box-shadow:0 2px 5px rgba(0,0,0,0.5) inset;
	        box-shadow:0 2px 5px rgba(0,0,0,0.5) inset; 
	}
#nav li.active li a {-webkit-transition: none ;
-moz-transition: none;
-ms-transition: none ;
-o-transition:none ;
transition: none ;}
#nav li.active li a {padding:5px 10px 5px 10px;}
#nav li.active li:hover,
#nav li.active .depth_2 li.active {background-image:none; background:#271b4c;}
#nav li.active .depth_2 li a:hover {background:none;}
#nav .depth_2 li.active {box-shadow:none;}
#nav .depth_2 li a {text-indent:0; font-weight:bold; color:#fff; border:0; box-shadow:none;}
#nav .depth_2 li a:hover {background:none!important;}
#nav .depth_2 li.active a {box-shadow:none;}
#nav .depth_2 li.active.last {box-shadow:none;}

#nav .depth_2 li.active a {color:#fff; background:none!important;}

#nav .depth_3 {margin:0;}
#nav li.active .depth_3 li a {padding: 5px 10px 5px 20px;}
#nav li.active .depth_2 li .depth_3 li a:hover,
#nav li.active .depth_2 li .depth_3 li.active a:hover,
#nav li.active .depth_2 li .depth_3 li.active a {display:inline; padding:5px 15px 5px 20px; width:auto; background:url(images/navarrow.png) center right no-repeat!important;}



#nav li ul li {background:#332266;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#nav li ul ul li {background:none;}

#nav .active.last {background:transparent; color:#fff;}
#nav li ul li {border:0;}


#nav li.active a {background:none; color:#fff;}
	
#nav .depth_2 {border:0; background:transparent; }



h1.page-title {color:#64483a; font-size:202%; font-weight:normal; border:0; margin:20px 0 20px 0;}

/* Sidebar */
#sidebar {padding:10px 0;}
#sidebar p {padding: 0 10px; font-size:101%;float:left;}
#sidebar p a {font-size:107%; font-weight:bold; text-decoration:none;}
#sidebar p a:hover {text-decoration:underline;}

/* News */
.hentry header {margin-bottom:1em;}

/* Newsletter */
#newsletter {float:left;}
#newsletter input {width:55%;float:left; margin-right:5%; padding:8px 10px;border:1px solid #a5a5a5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#newsletter #subscribe_button {float:left; height:30px; font-size:92%; text-align:center;color:#fff; border:1px solid #797979; padding:5px 0; width:30%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: rgb(140,140,140); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(140,140,140,1) 0%, rgba(165,165,165,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,140,140,1)), color-stop(100%,rgba(165,165,165,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(140,140,140,1) 0%,rgba(165,165,165,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(140,140,140,1) 0%,rgba(165,165,165,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(140,140,140,1) 0%,rgba(165,165,165,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(140,140,140,1) 0%,rgba(165,165,165,1) 100%); /* W3C */
  text-shadow: 0px 1px 0px #797979; 
}

#newsletter #subscribe_button:hover  {background: rgb(165,165,165); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(165,165,165,1) 0%, rgba(140,140,140,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(165,165,165,1)), color-stop(100%,rgba(140,140,140,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(140,140,140,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(140,140,140,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(140,140,140,1) 100%); /* IE10+ */
  background: linear-gradient(top,  rgba(165,165,165,1) 0%,rgba(140,140,140,1) 100%); /* W3C */
}

#col2.sub h2 {display:block;float:left; font-weight:normal; font-size:155%;}
#col2.sub .news-item {width:100%;}
#b-home #col2 a {}
#col1 blockquote {width:90%;padding:10px 5%;}
#col1 blockquote.pull {width:40%; font-size:114%;}
 
#footer-wrapper {position:relative; overflow:hidden; clear:both; width:100%; background: #352660 url(images/footerbg.jpg) top left repeat-x; }
#footer {float:none; min-height:107px; padding-top:40px; max-width:940px; border:0; color:#fff;  margin: 0 auto; padding-bottom:0; background: url(images/footlogo.jpg) top center no-repeat;}
#footer a {color:#fff;}
#footer p {color:#fff; font-size:93%;}
#site-link {display:block;}

/* HOMEPAGE
------------------------- */
#feature {position:relative; float:left; margin:0 0 20px 0;height:310px; width:100%;  background:url(images/divider.png) bottom center no-repeat;  }
#feature ul {position:relative;  margin:0;  list-style-type:none;}
#feature li {position:absolute; top:0; left:0; margin:0; z-index:10; width:100%;}
#feature li p {max-width:100%!important; margin:0!important;}
#feature li p {}
#feature li.active {z-index:20;}
#feature li.active p  {display:block; float:left; margin:0;}
#feature img {border:0; 
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px; 
}
#feature h3 {display:block;position:absolute; top:102%;  width:24.2%; padding:7px 2% 15px; font-size:116%; color:#969798; border-top:2px solid #969798; margin:0 0% 0 0;  }
#feature li:last-child h3 {width:24.8%; margin-right:0;}
#feature li.active h3,
#feature li.active h3:hover {color:#573e94;  border-top:2px solid #584094;}
#feature li h3:hover {color:#616161; cursor:pointer; border-top:2px solid #616161; }
#feature li.active h3:before { content:''; position:absolute; top:-8px; left:49%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #584094; }
#feature .f1 h3 {left:0%;}
#feature .f2 h3 {left:25%;}
#feature .f3 h3 {left:50%;}
#feature .f4 h3 {left:75%;}

#b-home #col1,
#b-home #col2 {float:left;width:100%;}
#b-home #col1 p {font-size:118%; line-height:171%;}
#b-home #col1 h2 {font-weight:normal; font-size:170%; margin-bottom:0; }

.news-item {float:left; width:48%; margin-top:20px;}
.news-item .date {float:left; color:#573e94; font-size:132%; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #cbcbcb; width:100%; }
.news-item .day {color:#aea2cc; font-size:230%; margin-right:6px; line-height:79%;}
.news-item:nth-of-type(1)  {margin-right:4%;}
.news-item h1 {margin-bottom:3px;}
.news-item h1 a {color:#404244; font-size:65%; text-decoration:none;}
.news-item h1 a:hover {text-decoration:underline;}
.news-item h4 {margin:0;}
.news-item h4 a { font-weight:normal; margin:0; font-style:italic; color:#404244; text-decoration:none; font-size:72%;}
a.more {float:left; color:#afa29b; text-decoration:none; margin:20px 0;}
a.more:hover {text-decoration:underline;}
.more:before {content:'+ ';}

#b-home #col2 p {text-align:center; font-weight:bold; max-width:100%!important; margin:0 0 10px 0!important;}
#b-home #col2 p a {position:relative; display:block; float:left; margin-bottom:5px; padding:3px; /*background:#fff;*/text-decoration:none; 
  -webkit-border-radius: 5px;
  border-radius: 5px; 
}

#b-home #col2 img {float:left;border:0;
  -webkit-border-radius: 10px;
  border-radius: 10px; 
}

#b-home #col2 a.video:before {position:absolute; content:'';  top:25%;  left:34%; z-index:50; width:66px; height:66px; background:url(images/play.png) top center no-repeat;
  -webkit-transition: all 1.6s ease;
  -moz-transition: all 1.6s ease;
  -ms-transition: all 1.6s ease;
  -o-transition: all 1.6s ease;
  transition: all 1.6s ease;
  opacity:1;
}

#b-home #col2 a.video:after {position:absolute; content:''; top:25%; left:34%; z-index:50; width:141px; height:70px; background:url(images/watchvideo.png) top left no-repeat;
  -webkit-transition: all .8s ease;
  -moz-transition: all .8s ease;
  -ms-transition: all .8s ease;
  -o-transition: all .8s ease;
  transition: all .8s ease;
  opacity:0;
} 

#b-home #col2 a.video:hover:before {
  -webkit-transition: all .1s ease;
  -moz-transition: all .1s ease;
  -ms-transition: all .1s ease;
  -o-transition: all .1s ease;
  transition: all .1s ease;	
  opacity:0;
}

#b-home #col2 a:hover:after {width:192px; left:5%; opacity:1;}

#b-home #col2 a:after * {display:none;}
#b-home .news-item h1 {line-height:1em; font-weight:normal;}
}


/*************************************************************************************
 * @media queries
 ************************************************************************************/

 /* iPhone4 and high pixel ratio devices ----------- */
 @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {}


 /* 481px
    ----------------------------------------------------*/
 @media only screen and (min-width:30.063em) {
html {background:url(images/texture.jpg) top left repeat;}
body{background:none;}
#alpha {margin-top:0;}
#alpha {width:63.404255%; /* 690/940 */ margin-left:36.595744%; /*250/940*/}
#beta {width:33.404255%; /* 220/940 */ margin-top:0; }
#content {background:none;}
#newsletter input {width:80%; margin:0 0 5px 0;}
#newsletter #subscribe_button  {width:60%;}

}


 /* 641px
    ----------------------------------------------------*/
 @media only screen and (min-width:40.063em) {

body { background:url(images/brandbar.png) top left repeat-x; background-size: auto auto;}
#header h3 a {text-indent:-9999px;}
#header h3,
#header h2 {margin:0px; padding:0; background:none;} 
#header h3 a,
#header h2 a  {height:50px;}
#header h3 a {background-position: 0 0px; }
#header h2 a {width:320px; text-indent:-9999px;background-image: url("/stylesheets/themes/ndt/1.0/images/brandbar-type.png") ; background-position: 0 -400px;}
#header h1 {width:23.404255%; /* 220/940 */}
#header h1 a {width:100%; background-size:100%;}
#header-util {top:70px;}

#alpha {margin-top:-106px;}

#alpha {width:72.3404255%; /* 680/940 */ margin-left:27.6595744%; /*260/940*/}
#beta {width:23.404255%; /* 220/940 */ margin-top:0; }



#site-link {display:inline;}
#b-home #col1 {width:65.21739%;  /*450/690*/ margin:0; padding:0;}
#b-home #col2 {width:31.88045%;  /*220/690*/ margin-left:2.89855%; padding:0;}
a.more {float:right; color:#afa29b; text-decoration:none; margin:0;}
#feature {height:370px;}

blockquote { width:70%; }

#footer #ndmark {top:45px;}

}


 /* 700px
    ----------------------------------------------------*/
 @media only screen and (min-width:43.75em) {
#feature {height:380px /*height:410px;*/}
blockquote.quote,
blockquote.pull.quote {padding-left:10%;}


#footer .address {display:inline;}
#footer .tel {margin-left:10px;}

}

 /* 801px
    ----------------------------------------------------*/
 @media only screen and (min-width:50.063em) {
#alpha {padding:0;}
#beta {padding:0;}
#newsletter input {width:66%; margin:0 3% 5px 0;}
#newsletter #subscribe_button  {width:30%;}



 }

 /* 960px
    ----------------------------------------------------*/
 @media only screen and (min-width:60em) {
 }

 /* 1050px
    ----------------------------------------------------*/
 @media only screen and (min-width:65.625em) {
 }

 /* 1200px
    ----------------------------------------------------*/
 @media only screen and (min-width:75em) {
 }

 /* 1400px
    ----------------------------------------------------*/
 @media only screen and (min-width:87.5em) {
 }


/*************************************************************************************
 * Print Styles
 ************************************************************************************/
@media print {}