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

/* ----- Website Design & Development by Leighton Interactive of St. Cloud, Minnesota ----- */
/* ----- ----- ----- ----- www.leightoninteractive.com | 320-203-4866 ----- ----- ----- ----- */

/* reset styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
/*border-spacing: 0;*/
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 19, 2012 */
/* Font from: http://www.tenbytwenty.com/nevis.php */
@font-face {
    font-family: 'Nevis';
    src: url('nevis/nevis-webfont.eot');
    src: url('nevis/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('nevis/nevis-webfont.woff') format('woff'),
         url('nevis/nevis-webfont.ttf') format('truetype'),
         url('nevis/nevis-webfont.svg#webfontbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* CSS3 Icons from UIPlayground.in */
.icon-menu{height:40px; width:40px; display:block; position:relative;} 
.icon-menu{width:40px; height:40px;}
.icon-menu:before{content:''; height:6px; width:40px; background:#333; border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px; display:block; position:absolute; top:5px; left:0; box-shadow:0 12px #333, 0 24px #333;-webkit-box-shadow:0 12px #333, 0 24px #333;-moz-box-shadow:0 12px #333, 0 24px #333;}

body {
	background:url(../images/top-texture-dark.jpg) repeat scroll left top #1c1c1c;
}

#wrapper {
	width:100%;
	font:13px/17px Arial, Helvetica, sans-serif;
	/*font:0.769em/0.588em Arial, Helvetica, sans-serif;*/
	color:#333333;
	background:url(../images/background.jpg) 50% 167px repeat;
	background-size:cover;
}

	#wrapper.home {
		background-image:none;}
	#wrapper .mobile-only {display:none;}
	
#wrapper input, #wrapper select, #wrapper textarea {
    font-size: 100%;
}

#wrapper a,
#wrapper a:link,
#wrapper a:visited,
#wrapper a:active {
	color:#006699; /*#003399;*/ /*#0066cc;*/
	text-decoration:none;
}

#wrapper a:hover {
	color:#cacaca;
}

#wrapper h2 {
	font:bold 20px Nevis, Arial, Helvetica, sans-serif;
	color:#006699;
	text-transform:uppercase;
	padding:0 0 20px 4px;
	border-bottom:2px solid #333333;
	margin-bottom:20px;
}
#wrapper h3 {font:bold 15px Nevis, Arial, Helvetica, sans-serif;}
#wrapper h4 {font:italic 14px Arial, Helvetica, sans-serif;}
#wrapper h5 {font:italic 13px Arial, Helvetica, sans-serif;}

#wrapper p {
	font:13px/16px Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#main ul,
#main ol {
	padding-left:30px;
	margin-bottom:20px;
}
#main ul {list-style:disc;}
#main ul ul {list-style:circle;margin-bottom:0;}
#main ul ul ul {list-style:disc;margin-bottom:0;}

#main ol {list-style:decimal;}
#main ol ol {list-style:lower-alpha;margin-bottom:0;}
#main ol ol ol {list-style:lower-roman;margin-bottom:0;}

#main li {
	line-height:16px;
}

#main dl {
}
#main dt {
	font-weight:bold;
	margin-bottom:6px;
}
#main dd {
	margin-bottom:20px;
}

#wrapper b, #wrapper bold, #wrapper strong {
	font-weight: bold;
}
#wrapper em, #wrapper i, #wrapper italic {
	font-style: italic;
} 

#wrapper .content {
	max-width:966px;
	min-width:600px;
	margin:0 auto;
}
#wrapper #content {
	min-height:300px;
	/*background-color:transparent;
	background-color:rgba(255,255,255,0.5);*/
	z-index:1;
}
#wrapper #content h1 {
	color:#000000;
}
#wrapper #content img {
	max-width:100%;
	height:auto;
}
#wrapper #main {
	background-color:#ffffff;
}

#wrapper table th,
#wrapper table td {
	vertical-align: middle;
	padding:8px;
}
#wrapper table thead th {
	text-align:center;
}

#wrapper table.zebra-striped tr:nth-child(2n) td {
	background-color: #D3DFEE;
}

#wrapper table.zebra-striped th {
	font-weight:bold;
	background-color:#8DB3E2;
}

#wrapper #main .ccm-spacer {
	clear:left;
}

/* *** HEADER *** */
#top-nav-wrap {
	width:100%;
	height:33px;
	color:#ffffff;
	background:url(../images/top-texture-dark.jpg) repeat scroll left top #1c1c1c;
}
#top-nav-area {position:relative;}

/* social */
#social {
	float:left;
	width:18%;/*220px;*/
	height:33px;
	margin-left:14px;
	min-width:180px;
}
#social li {
	display:inline;
	float:left;
	height:33px;
	text-indent:-999em;
	margin:0 16px 0 0;
}
#social li a {
	display:block;
	height:20px;
	width:20px;
	background-image:url(../images/main-sprite.png);
	background-position:top left;
	margin:7px 0;
}
/*
#social li.facebook a    {width:19px;background-position:   0px -126px;}
#social li.twitter a     {width:16px;background-position: -44px -126px;}
#social li.newsletters a {width:25px;background-position: -80px -126px;}
#social li.youtube a     {width:49px;background-position:-123px -126px;}

#social li.facebook a:hover    {background-position:   0px -149px;}
#social li.twitter a:hover     {background-position: -44px -149px;}
#social li.newsletters a:hover {background-position: -80px -149px;}
#social li.youtube a:hover     {background-position:-123px -149px;}
*/

#social li.facebook a       {background-position:-231px -289px;}
#social li.twitter a        {background-position:-279px -289px;}
#social li.youtube a        {background-position:-327px -289px;}
#social li.student-portal a {background-position:-372px -289px;}
#social li.staff-portal a   {background-position:-419px -289px;}

#social li.facebook a:hover       {background-position:-231px -255px;}
#social li.twitter a:hover        {background-position:-279px -255px;}
#social li.youtube a:hover        {background-position:-327px -255px;}
#social li.student-portal a:hover {background-position:-372px -255px;}
#social li.staff-portal a:hover   {background-position:-419px -255px;}

/* search */
#search {
  height: 33px;
  position: absolute;
  right: 8px;
  top: 6px;
}
#search .ccm-search-block-form {
	/*background:url("../images/main-sprite.png") no-repeat scroll 0 -257px transparent;*/
	position:relative;
}
#search .ccm-search-block-form input[type=text],
#search .ccm-search-block-form input[type=submit] {
	margin:0;
	padding:0;
	border:0;
}
#search .ccm-search-block-form .field-wrapper,
#search .ccm-search-block-form .field-wrapper {
	position:absolute;
	top:0;
	right:0;
	display:block;
	background-image:url("../images/main-sprite.png");
	background-repeat:no-repeat;
}

#search .ccm-search-block-form .text-field-wrapper {
	right:6px;
	height:17px;
	width:0;
	padding:4px 0 0 10px;
	background-position:0 -288px;
	transition:width 0.2s ease-in 0s;
}
#search .ccm-search-block-form .text-field-wrapper input[type=text] {
	font-size: 11px;
	width:100%;
}
#search .ccm-search-block-form:hover .text-field-wrapper {
	width:127px;
}

#search .ccm-search-block-form .submit-field-wrapper {
	height:21px;
	width:27px;
	text-indent: -999em;
	background-color: rgba(0, 0, 0, 0);
	background-position:-186px -288px;
	cursor: pointer;
}
#search .ccm-search-block-form input[type=submit] {padding:2px 3px 2px 3px;
background-color:transparent;
font-size:0px;
display:block;
width:27px;
height:21px;
cursor:pointer;}
@media only screen and (max-width: 767px) {
	#search .ccm-search-block-form .text-field-wrapper {width:127px;}
}
@media only screen and (max-width: 350px) {
	#search .ccm-search-block-form .text-field-wrapper {width:90px;}
}

/* top nav */
#top-nav {
	height:33px;
	/*width:47.9%;*/ /*463px;*/
	line-height:33px;
	white-space:nowrap;
	overflow:hidden;
	margin-left:180px;
	margin-right:30px;
}

@media only screen and (max-width: 767px) {
	#top-nav {display:none;}
}
#top-nav ul.nav {
	height:33px;
	width:100%;
	line-height:33px;
	margin:0 auto;
}
#top-nav ul.nav li {
	display:inline;
	float:left;
	margin:0 0.5%;
	width:15.666667%;
}
#top-nav ul.nav li a {
	color:#ffffff;
	text-transform:lowercase;
}
#top-nav ul.nav li a:hover {
	color:#cacaca;
}
/* Portal links */
#top-nav ul.nav li.student-portal a,
#top-nav ul.nav li.staff-portal a {
	background-image: url("../images/main-sprite.png");
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	text-indent: -999em;
	width: 25px;
}
#top-nav ul.nav li.staff-portal a   {background-position: -254px -186px;}
#top-nav ul.nav li.student-portal a {background-position:    0px -186px;}

#top-nav ul.nav li.staff-portal a:hover   {background-position: -254px -220px;}
#top-nav ul.nav li.student-portal a:hover {background-position:    0px -220px;}


/* main nav */
#main-nav-wrap {
	width:100%;
	height:128px;
	background-color:#0055a5;
	border-bottom:6px solid #ffffff;
}
#main-nav-wrap #logo {
	width:219px; /*22.67%px;*/
	height:78px;
	padding:25px 0;
	/*margin-right:4.14%;*/
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#main-nav-wrap #logo a {
	display:block;
	width:219px; /*100%;*/
	height:78px;
}
#main-nav-wrap #logo img {
	/*width:219px;
	height:auto;*/
}
#main-nav {
	position: relative;
}
/* other main-nav styles in block template */

/* *** QUICK LINKS *** */
#quick-links {
	width:97%;
	margin:20px 0;
}
#quick-links ul.nav {
	width:100%;
}
#quick-links ul.nav li {
	display:block;
	/*width:100%;*/ /*225px;*/
	height:38px;
	text-align:center;
	border:4px solid #ffffff;
	border:4px solid rgba(255,255,255,0.8);
	margin:4px 0;
}
#quick-links ul.nav li a {
	display:block;
	width:100%; /*225px;*/
	height:38px;
	/*font:bold 26px/38px Nevis, Arial, Helvetica, sans-serif;*/
	font:bold 2em/100% Nevis, Arial, Helvetica, sans-serif;
	color:#ffffff;
	line-height:38px;
	text-transform:uppercase;
	background-color:#0055A5;
	background-color:rgba(55,87,115,0.80);
	overflow:hidden;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
@media only screen and (max-width: 1023px) {
	#quick-links ul.nav li a {font-size:1.4em;}
}
@media only screen and (min-width: 520px) and (max-width: 767px) {
	#wrapper.home #quick-links ul.nav li {width:21.29% !important;}
	#quick-links ul.nav li a {font-size:1.0em;}
}
#quick-links ul.nav li a.active,
#quick-links ul.nav li a:hover {
	background-color:#0055A5;
}


/* *** FOOTER *** */
#footer {
	width:100%;
	min-height:100px;
	color:#ffffff;
	background:url(../images/top-texture-dark.jpg) repeat scroll left top #1c1c1c;
	border-top:6px solid #ffffff;
	/* for IE7 */
	position:relative;
	z-index:25;
}
/* footer links */
#footer-links {
	height:56px;
}
/* copy wrap */
#copy-wrap {
	/*height:40px;*/
	font-size:10px;
	line-height:12px;
	clear:both;
}
#copy {
	/*float:left;*/
}
#copy p {
	font:bold 10px/12px Arial, Helvetica, sans-serif;
}
#copy a {
	color:#ffffff !important;
}
#copy a:hover {
	color:#cacaca !important;
}
/* footer nav */
#footer-nav {
	float:right;
}
#footer-nav ul.nav li {
	display:inline;
	float:left;
}
#footer-nav ul.nav li a {
	text-transform:uppercase;
	padding:0 0 0 6px;
	margin:0 0 0 6px;
	border-left:1px solid #006699;
}
#footer-nav ul.nav li a.nav-first {
	border:0;
}

#footer-links {
	padding-top:11px;
}

#footer .quick-links-dd {
	float:left;
	width:230px;
	height:40px;
	margin:4px 0 0 0;
	position:relative;
}

#footer .quick-links-dd.active {
	z-index:89;
}

#footer .portal {
	float:left;
	width:500px;
	height:40px;
	padding-left:10px;
}
#footer .portal ul li {
	display:inline;
	float:left;
	padding-top:4px;
	margin-left:30px;
}
#footer .portal ul li a {
	display:block;
	height:27px;
	width:201px;
	color:#0066cc;
	text-indent:-999em;
	background-image:url(../images/main-sprite.png);
	background-repeat:no-repeat;
}
#footer .portal ul li.student a {background-position:0 -186px;}
#footer .portal ul li.student a:hover {background-position:0 -220px;}

#footer .portal ul li.staff a {background-position:-254px -186px;}
#footer .portal ul li.staff a:hover {background-position:-254px -220px;}

#footer .links {
	float:right;
	width:204px; /*226px;*/
	height:40px;
}
#footer .links ul li {
	display:inline;
	float:left;
	margin:0 4px;
}
#footer .links ul li a {
	display:block;
	height:50px;
	text-indent:-999em;
	background-image:url("../images/main-sprite.png");
	background-repeat:no-repeat;
}
#footer .links ul li.i711 a {width:48px;background-position:0 0;}
#footer .links ul li.i711 a:hover {background-position:0 -51px;}
/*
#footer .links ul li.ndu a {width:51px;background-position:-48px 0;margin:0 12px;}
#footer .links ul li.ndu a:hover {background-position:-48px -51px;}

#footer .links ul li.ndu a {width:51px;background-position:-48px -4px;margin:0 12px;}
#footer .links ul li.ndu a:hover {background-position:-48px -55px;}
*/
#footer .links ul li.ndu a {width:71px;background-position:-160px 0;margin:0 2px;}
#footer .links ul li.ndu a:hover {background-position:-160px -51px;}

#footer .links ul li.moodle a {width:57px;background-position:-99px 0;}
#footer .links ul li.moodle a:hover {background-position:-99px -51px;}


/* *** HOME :: SLIDER (ANIMATION EXPRESS) *** */
#wrapper.home #animation-express {
	postion:relative;
	width:100%;
	height:573px;
	z-index:1;
}
#wrapper.home #slider {
	position:absolute;
	width:100%;
	height:573px;
}
#wrapper.home #slider .slide-content {
	display:none;
}
#wrapper.home #slider .slide {
	position:absolute;
	width:100%;
	height:533px;
	padding:20px 0;
	/*background-image:url(../images/slider.jpg);*/
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:transparent;
}
#wrapper.home #main {
	float:left;
	width:36.23%; /*350px;*/
	/*margin:130px auto 0 auto;*/
	/*padding-right:50px;*/
	background-color:transparent;
	margin-top: 50px; /*130px;*/
}
#wrapper.home #main-content {
	display:none;
}
#wrapper.home #main-content .story {
	margin-top:80px;
}
#wrapper.home #main.background {
	background-color:transparent; /* IE fix */
	background-color:rgba(0, 85, 165, 0.2);
	border-radius:10px;
}

#wrapper.home #main div.title,
#wrapper.home #main .ani-exp-date,
#wrapper.home #main .ani-exp-degree,
#wrapper.home #main .ani-exp-job {
	/*filter: glow(color=black,strength=1, alpha(opacity=70));*/
}
#wrapper.home #main div.title {
	font:bold 40px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	border:none;
	margin:0;
}
#wrapper.home #main p {
	font:16px/24px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
	margin:0;
}
#wrapper.home #main p.ani-exp-date {
	font-weight:bold;
}
#wrapper.home #main p.ani-exp-degree {
	font-style:italic;
	padding:0 0 10px 0;
}
#wrapper.home #main p.ani-exp-job {
	padding:0 0 10px 0;
}
#wrapper.home #main p.ani-exp-link {
	padding:10px 0 0 0;
	/*filter: glow(color=#ffffff,strength=1,alpha(opacity=40));*/
}
#wrapper.home #main p.ani-exp-link a {
	font:bold 16px/24px Nevis, Arial, Helvetica, sans-serif;
	color:#0066cc;
	text-transform:uppercase;
	/*text-shadow:1px 1px 1px rbga(255,255,255,0.5);
	text-shadow:1px 1px 1px #BEC4FD;*/
	text-shadow:none;
}
#wrapper.home #main p.ani-exp-link a:hover {
	color:#c1c1c1;
	/*text-shadow:1px 1px 1px #000000;*/
}

#animation-express #slider-controls {
	/* override for IE compat view */
	/*position: relative;*/
}

#wrapper.home #content {
	position:relative;
	background-color:transparent;
	z-index:20;
}

/* *** HOME :: LEFT COLUMN *** */
#wrapper.home #new-events {
	position:relative;
	float:left;
	width:236px;
	min-height:467px;
	color:#ffffff;
	margin:20px 18px 20px 0;
}
@media only Screen and (max-width: 600px) {
	#wrapper.home #new-events {min-height:378px;}
}
#wrapper.home #new-events ul#lc-tabs {
	display:block;
	width:240px;
	height:26px;
	padding:0 0 3px 0;
}
#wrapper.home #new-events ul#lc-tabs li {
	position:relative;
	display:inline;
	float:left;
	width:116px;
	height:23px;
	text-align:center;
	margin:0 4px 0 0;
	z-index:10;
}
#wrapper.home #new-events ul#lc-tabs li a {
	display:block;
	width:116px;
	height:23px;
	font:bold 12px/23px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	background-color:#003366;
	/*border:1px solid #003366;*/
	background-color:rgba(55,87,115,0.8);
	/*border:1px solid rgba(55,87,115,0.8);*/
	margin:1px;
}
#wrapper.home #new-events ul#lc-tabs li a:hover {
	/*color:#cacaca;*/
}
#wrapper.home #new-events ul#lc-tabs li a:hover,
#wrapper.home #new-events ul#lc-tabs li.active a {
	background-color:#003366;
	/*background-color:rgba(0,85,165,0.6);*/
	border:1px solid #ffffff;
	border:1px solid rgba(255,255,255,0.8);
	margin:0;
}
#wrapper.home #new-events ul#lc-tabs li.active a {
	padding-bottom:6px;
	border-bottom:0;
}
#wrapper.home #new-events hr {
	color:#ffffff;
}
#wrapper.home #new-events .lc-area {
	position:absolute;
	display:none;
	padding:18px;
	width:200px;
	height:310px;
	min-height:310px;
	background-color:#003366;
	/*background-color:rgba(55,87,115,0.6);*/
	border:1px solid #ffffff;
}
#wrapper.home #new-events #lc-headlines {
	display:block;
}

#wrapper.home .video-site-link {position:absolute; bottom:0; left:0;}
#wrapper.home .video-site-link a {display:block; width:234px; height:139px; border-radius:8px; border:2px solid #ffffff;}
#wrapper.home .video-site-link a.default-video-site-link {background:url("../images/Mayville-Video-Button.jpg") center center no-repeat; text-indent:-999em;}
@media only Screen and (max-width: 600px) {
	#wrapper.home .video-site-link {position:relative; text-align:center;}
	#wrapper.home .video-site-link a {margin:0 auto;}
}

#wrapper.home #main-content h1,
#wrapper.home #new-events #lc-default h1 {
	font: bold 44px Nevis,Arial,Helvetica,sans-serif;
	color:#ffffff;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 8px 0;
	margin: 8px 0;
	text-align: center;
	text-transform: uppercase;
}
#wrapper.home #main-content h1 span.small,
#wrapper.home #new-events #lc-default h1 span.small {
	font: bold 19px Nevis,Arial,Helvetica,sans-serif;
}
#wrapper.home #main-content p,
#wrapper.home #new-events #lc-default p {
	font: 16px Nevis,Arial,Helvetica,sans-serif;
	padding: 10px 4px 0 0;
	margin-bottom:0;
}
#wrapper.home #main-content img,
#wrapper.home #new-events .lc-area img {
	display:block;
	/*margin:18px auto;*/
	margin:8px auto 18px auto;
}
#wrapper.home #main-content p.gift,
#wrapper.home #new-events .lc-area p.gift {
	text-align:center;
}
#wrapper.home #main-content h1,
#wrapper.home #new-events .lc-area h1 {
	color:#ffffff;
}
#wrapper.home #main-content h2,
#wrapper.home #new-events .lc-area h2 {
	font: bold 32px Nevis,Arial,Helvetica,sans-serif;
	color:#ffffff;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 8px 0;
	text-align: center;
	text-transform: uppercase;
}
#wrapper.home #new-events .lc-area h2 {margin-bottom:12px}
#wrapper.home #new-events .lc-area .article,
#wrapper.home #new-events .lc-area .event {
	border-bottom: 1px solid #ffffff;
	margin: 3px 0;
	padding: 3px 0;
}
#wrapper.home #new-events .lc-area .article:first-child, 
#wrapper.home #new-events .lc-area .event:first-child {
  border-top: 0;
}
#wrapper.home #new-events .lc-area .article .title,
#wrapper.home #new-events .lc-area .event .title {
	font: 13px/22px Arial,Helvetica,sans-serif;
	max-width: 200px;
	height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
	position:relative;
}
/*
#wrapper.home #new-events .lc-area .article .title:after,
#wrapper.home #new-events .lc-area .event .title:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(0, 51, 102, 0), rgba(0, 51, 102, 1) 50%);
}
*/
#wrapper.home #new-events .lc-area .article .title a,
#wrapper.home #new-events .lc-area .event .title a {
	color:#ffffff;
}
#wrapper.home #new-events .lc-area .article .title a:hover,
#wrapper.home #new-events .lc-area .event .title a:hover {
	color:#cacaca;
}

#wrapper.home #new-events .lc-area .article .date,
#wrapper.home #new-events .lc-area .event .date {
	font: bold italic 12px Arial, Helvetica, sans-serif;
	line-height:22px;
}
#wrapper.home #new-events div.view-all,
#wrapper.home #new-events div.full-calendar {
	text-align:center;
	color: #FFFFFF!important;
	margin-top:12px;
}
/*
#wrapper.home #main {
	float:left;
	width:220px;
	color:#ffffff;
	line-height: 22px;
	text-shadow:1px 1px #000000;
	padding-top: 121px;
}

#wrapper.home #main h1 {
	font-size:40px;
	color:#ffffff;
	text-transform:uppercase;
	text-shadow:2px 2px #000000;
}
*/
#wrapper.home #quick-links {
	height:46px;
	clear:both;
}
#wrapper.home #quick-links ul.nav li {
	display:inline;
	float:left;
	width: 22.29%;
	margin:0 0.62%;
}

#wrapper.home #quick-links ul.nav li.nav-first {margin-left:0;}
#wrapper.home #quick-links ul.nav li.nav-last {margin-right:0;}


@media only Screen and (min-width: 600px) {
	#wrapper.home #animation-express .quick-links-wrapper {
		margin-left: 256px;
	}
	#wrapper.home #quick-links {
		height:46px;
		width:100%;
		clear:both;
	}
	#wrapper.home #quick-links ul.nav li {
		display:inline;
		float:left;
		width: 22.29%;
		margin:0 0.62%;
	}
	
	#wrapper.home #quick-links ul.nav li.nav-first {margin-left:0;}
	#wrapper.home #quick-links ul.nav li.nav-last {margin-right:0;}
}
	
/* *** main *** */
/* right column */
#right-column {
	float: right;
	width: 24.22%; /*234px;*/
}

#right-column .sub-nav-wrapper {
	background-color:#ffffff;
	background-color:rgba(255, 255, 255, 0.5);
	padding: 5px;
}

#right-column .sub-nav {
	width: 91%; /*204px;*/
	background-color:#0055A5;
	background-color:rgba(0, 85, 165, 0.8);
	/*border: 5px solid #ffffff;*/
	/*border: 5px solid rgba(255, 255, 255, 0.5);*/
	padding: 10px;
}
#right-column .sub-nav a {
	font-style:italic;
	color:#ffffff;}
#right-column .sub-nav .sub-nav-title{
	text-align:center;
	padding:23px 0;
	border-bottom:1px solid #ffffff;
	margin-bottom:10px;}
#right-column .sub-nav .sub-nav-title a {
	font:bold 20px/25px Nevis, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	font-style:normal;
}
#right-column .sub-nav a:hover,
#right-column .sub-nav a.nav-selected,
#right-column .sub-nav a.nav-path-selected {color:#999999;}
#right-column .sub-nav ul.nav {line-height:20px;margin-left:10px;}
#right-column .sub-nav ul.nav li ul li {padding-left:10px;}
#right-column .sub-nav ul.nav li ul {display:none;}
#right-column .sub-nav ul.nav li.nav-path-selected ul.lev1 {display:list-item;}
#right-column .sub-nav ul.nav li.nav-path-selected ul.lev1 ul {display:none;}
#right-column .sub-nav ul.nav li.nav-path-selected ul.lev1 li.nav-path-selected ul.lev2 {display:list-item;}
#right-column .sub-nav ul.nav li.nav-path-selected ul.lev1 li.nav-path-selected ul.lev2 ul.lev3 {display:none;}
#right-column .sub-nav ul.nav li.nav-path-selected ul.lev1 li.nav-path-selected ul.lev2 li.nav-path-selected ul.lev3 {display:list-item;}

/* left column */
#left-column {
	width:72.23%; /*699px;*/
	padding:5px;
	margin:40px 0 20px 0;
	background-color:#ffffff;
	background-color:rgba(255, 255, 255, 0.5);
}
#wrapper #content #left-column h1 {
	font:bold 33px Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:4px;
}

/* breadcrumb nav */
#breadcrumb-nav {
	min-height: 23px;
	height:auto;
	line-height:23px;
	padding-left:6px;
	background-color:#ffffff;
	margin-bottom:8px;
	/* overflow:hidden;
	white-space:nowrap; */
}

#main {
	min-height:300px;
	padding:24px;
}

#wrapper #content #main h1 {
	color: #000000 !important
}

.ccm-page-list-description {
	margin-bottom:20px;
}

/* ----- Screen Specific Settings ----- */
/* Don't forget to add the viewport tag to the document header
 * <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
 * Scroll bar takes up 16px in IE on desktop
*/
@media only screen and (max-width: 1024px) and (orientation: landscape) {}
	/* rules for iPad in landscape orientation */
	/* Not using this because the site is 1024px wide even in a browser */

@media only screen and (max-width: 1023px) {
	/* rules for iPad in portrait orientation */
	/*
	#logo {
		display:none;
	}
	#quick-links ul.nav li {
		width:170px;
	}
	#quick-links ul.nav li a {
		width:170px;
		font-size:20px;
	}
	#wrapper.home #main {
		width:250px;
	}*/
}

@media only screen and (max-width: 750px) {
	#top-nav ul.nav li a {
		font-size:0.74em;
	}
	#top-nav ul.nav li {
		margin:0 0.8%;
	}
}

@media only screen and (max-width: 680px) {
	#main-nav, 
	#main-nav-wrap {
		height:70px
	}
	#main-nav-wrap #logo {
		/*width:32.2%;*/
		width:143px;
		height:54px;
		padding:6px 0 0 3px;
		margin-right:0;
	}
	#main-nav-wrap #logo a {
		width:100%;
		height:auto;
	}
	#main-nav-wrap #logo img {
		width:140px;
		height:auto;
	}
	.megamenuToggle {
		margin-top:14px;
	}
	#main-nav .megamenu-wrapper {
		top:76px;
	}
}

@media only screen and (max-width: 767px) {
	/* iPhone, Android landscape orientation rules here */
}

@media all and (max-width: 520px) {
	#wrapper.home #quick-links ul.nav li {
		display:block;
		float:none;
		margin:4px auto;
		width:auto;
	}
	#wrapper.home #quick-links {
		height:auto;
	}
}

@media only screen and (min-width: 240px) and (max-width: 479px) {
	/* iPhone, Android portrait orientation rules here */
}
/* ----- Screen Specific Settings ----- */
/* ----- Military Table Styles ----- */

#tbl-military th div.branch {
	width:77px;
	height: 79px;
	text-indent: -999em;
	background-image:url(../images/military-sprite.jpg);
	background-repeat:no-repeat;
	margin:auto;
}
#tbl-military th div.air-force {background-position: 0 center;}
#tbl-military th div.army {background-position:-77px center;}
#tbl-military th div.navy {background-position:-154px center;}
#tbl-military th div.marines {background-position: -231px center;}
#tbl-military th div.coast-guard {background-position: -308px center;}
#tbl-military th div.national-guard {background-position: -385px center;}
#tbl-military th div.reserve {background-position: -462px center;}
#tbl-military td {text-align: center;vertical-align:middle;}

/* ----- Alumni & Friends > Make a Gift ----- */
#wrapper p.donate-now {
	width:100%;
	height:28px;
	line-height:28px;
	vertical-align:center;
}
#wrapper p.donate-now-big {
	width:100%;
	height:43px;
	line-height:43px;
}
#wrapper p.donate-now a {
	float:left;
	display:block;
	height:28px;
	text-align:center;
	line-height:28px;
	margin-right:8px;
}
#wrapper p.donate-now a.donate-now {
	width:110px;
	font-style:italic;
	font-weight:bold;
	color:#ffffff !important;
	background-color:#1A1DAA;
	border-radius:6px 6px 6px 6px;
	box-shadow:2px 2px 4px #999999;
}
#wrapper p.donate-now-big a {
	height:43px;
	line-height:43px;
}
#wrapper p.donate-now-big a.donate-now {
	width:149px;
	height:43px;
	font-size:19px;
	line-height:43px;
}
#wrapper p.donate-now a.donate-now:hover {
	color:#cacaca !important;
}

/* ----- Career Services & Interships ----- */
#cs_quadad_holder_wrapper {
	width: 150px;
	height: 350px;
	margin: 20px auto;
}
#cs_quadad_holder {
	border: medium none;
	height: 350px;
	padding: 0;
	margin:0;
	width: 150px;
}

/* E-Newsletters */
#subForm label {
	display: block;
	float: left;
	height: 18px;
	margin: 10px 0;
	width: 60px;
}
#subForm input {
  height: 16px;
  margin: 8px 0;
}
#subForm #subForm-submit {
	height: 22px;
	margin-left: 60px;
}

/* ----- Portal Login Pages ----- */
a.portal-login {
	display:block;
	width:231px;
	height:44px;
	text-indent:-999em;
	background-image:url(../images/portal-login.jpg);
	margin:0 auto;
}

/* ----- iCal overrides ----- */

.date-times	{
	font-size: 14px;
	font-weight: bold;	
	line-height: 18px;
}

/* *** QUICK LINKS DD *** */
/* CSS Document */

#main .quick-links-dd {
	margin-bottom:20px;
}
.quick-links-dd div.anchor {
	position:relative;
	width:100%;
	height:29px;
	cursor:pointer;
	/*text-indent:-999em;*/
}
.quick-links-dd div.ql-text {
	height:19px;
	font:bold 12px/19px Nevis, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
	text-transform:uppercase;
	padding:5px 6px;
	/*background:url("../images/quick-links-bar.png") no-repeat scroll left top transparent;*/
	background:url(../images/quick-links-bar.png) no-repeat scroll left top transparent;
	margin-right:26px;
}
.quick-links-dd div.ql-arrow {
	float:right;
	width:26px;
	height:29px;
	background:url(../images/quick-links-bar.png) no-repeat scroll bottom left;
}
.quick-links-dd ul {
	display:none;
	position:absolute;
	bottom:29px;
	max-height:150px;
	min-width:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	border:4px solid #ffffff;
	border:4px solid rgba(255,255,255,0.95);
	white-space:nowrap;
	z-index:1;
	cursor:pointer;
	
	list-style: none !important;
	margin-bottom: 0 !important;
	padding-left:0 !important;
}
.quick-links-dd li {
	line-height:13px;
	background-color:#0055A5;
	background-color:rgba(55,87,115,0.95);
	padding:2px 8px;
}
.quick-links-dd li:hover  {
	background-color:#0055A5;
}
.quick-links-dd li a {
	display:block;
	width:100%;
	color:#ffffff !important;
	text-indent:0;
}
.quick-links-dd li a:hover {
	color:#cacaca !important;
}


#main .inner-content-wrapper .column {
	float: left; 
	width: 45%; 
	margin-top: 0px 3% 0px 0px; 
	min-width: 250px;
}

#employee-directory .row {
	width:97%;
	height:20px;
}

#employee-directory .cell {
	display:block;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}

#employee-directory .col-1,
#employee-directory .col-2 {
	width:40%;
	margin-right:2%;
}
#employee-directory .col-3 {
	width:16%;
}

#employee-directory .td {
	display:block;
	float:left;
	width:33%;
	overflow:hidden;
	white-space:nowrap;
}




/* MOBILE STYLES */
@media only Screen and (max-width: 600px) {
	#wrapper .nomobile {display:none;}
	#wrapper .mobile-only {display:block;}
	
	#main-nav-wrap #logo {
		float:none;
		width:219px;
		margin:0 auto;
	}
	#quick-links {margin:20px auto;}
	#wrapper .content {width:100%;min-width:120px;}
	#left-column {width:90%;margin-right:auto;margin-left:auto;}
	
	#footer-links {height:auto;}
	#footer .links {float:none;height:54px;margin:0 auto;}
	#footer .quick-links-dd {float:none;margin:0 auto;}
	#footer .portal {width:100%;float:none;height:auto;padding:0;}
	
	#wrapper #copy-wrap {width:97%;}
	
	#wrapper.home #new-events {
		float:none;
		margin:0 auto;
		padding:20px 0;
	}
	
	#wrapper.home #animation-express {
		height:auto;
	}
}




/* page_list > templates > quick_links_drop_down */

#main .quick-links-dd {
	margin-bottom:20px;
}
.quick-links-dd div.anchor {
	position:relative;
	width:100%;
	height:29px;
	cursor:pointer;
	/*text-indent:-999em;*/
}
.quick-links-dd div.ql-text {
	height:19px;
	font:bold 12px/19px Nevis, Arial, Helvetica, sans-serif;
	color:#003366;
	text-align:center;
	text-transform:uppercase;
	padding:5px 6px;
	background:url("../images/quick-links-bar.png") no-repeat scroll left top transparent;
	margin-right:26px;
}
.quick-links-dd div.ql-arrow {
	float:right;
	width:26px;
	height:29px;
	background:url("../images/quick-links-bar.png") no-repeat scroll bottom left;
}
.quick-links-dd ul {
	display:none;
	position:absolute;
	bottom:29px;
	max-height:150px;
	min-width:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	border:4px solid #ffffff;
	border:4px solid rgba(255,255,255,0.95);
	white-space:nowrap;
	z-index:101;
	cursor:pointer;
	
	list-style: none !important;
	margin-bottom: 0 !important;
	padding-left:0 !important;
}
.quick-links-dd li {
	line-height:13px;
	background-color:#0055A5;
	background-color:rgba(55,87,115,0.95);
	padding:2px 8px;
}
.quick-links-dd li:hover  {
	background-color:#0055A5;
}
.quick-links-dd li a {
	display:block;
	width:100%;
	color:#ffffff !important;
	text-indent:0;
}
.quick-links-dd li a:hover {
	color:#cacaca !important;
}


/* autonav > templates > breadcrumbs */
#breadcrumb-nav ul.nav {
	/*padding:4px 0 0 0;*/
}
#breadcrumb-nav ul.nav li {
	display:inline;
	/*float:left;*/
}
#breadcrumb-nav ul.nav li a {
	font:13px/23px Arial, Helvetica, sans-serif;
	padding:0 4px 0 0;
}
#breadcrumb-nav ul.nav li a:hover,
#breadcrumb-nav ul.nav li a.nav-selected,
#breadcrumb-nav ul.nav li a.nav-path-selected {
	color:#999999;
}/*
#breadcrumb-nav ul.nav li a:before {
	font:13px Arial, Helvetica, sans-serif;
	color:#006699;
	content:"\25B6  ";
}*/
#breadcrumb-nav ul.nav li span {
	color: #006699;
	font: 11px/23px Arial,Helvetica,sans-serif;
	margin:0 8px;
}
#breadcrumb-nav ul.nav li a.nav-first {
	text-transform:uppercase;
}
#breadcrumb-nav ul.nav li a.nav-first:before {
	content:normal;
}



#wrapper.home #new-events div.view-all a,
#wrapper.home #new-events div.full-calendar a {
	color: #ffffff;
	text-transform:uppercase;
	font-weight: bold;
}
#wrapper.home #new-events div.view-all a:hover,
#wrapper.home #new-events div.full-calendar a:hover {
	color: #cacaca;
}


/* page list > homepage slider */
#wrapper.home #main div.title a,
#wrapper.home #main div.title {
  display:block;
  border: medium none;
  color: #ffffff;
  font: bold 40px Arial,Helvetica,sans-serif;
  margin: 0;
  text-shadow: 1px 1px 1px #000000;
}















#section-menu {
	display:none;
	position: absolute;
	top: -33px;
	left: 0;
	text-align: center;
	width: 100%;
}
#section-menu > a {
	display:block;
  background-color: #FFFFFF;
  border: 1px solid #0055A5;
  border-radius: 8px;
  box-shadow: 0 0 4px #FFFFFF;
  padding: 4px 8px;
  width: 134px;
  margin:0 auto;
}

#section-menu > a .icon:before {
  background: none repeat scroll 0 0 #0055A5;
  border-radius: 4px;
  box-shadow: 0 7px #0055A5, 0 14px #0055A5;
  content: "";
  display: block;
  float: left;
  height: 3px;
  width: 23px;
}
#section-menu > a:hover .icon:before {
  background: none repeat scroll 0 0 #cacaca;
  box-shadow: 0 7px #cacaca, 0 14px #cacaca;
}



/* MOBILE STYLES */
@media only Screen and (max-width: 600px) {
	#wrapper #content {position:relative;}
	#section-menu {display:block;}
	#wrapper #right-column {
	  display: none;
	  float: none;
	  left: 5%;
	  margin: 0;
	  padding: 0;
	  position: absolute;
	  top: 0;
	  width: 90%;
	}
	#right-column .sub-nav {width:auto;}
	#wrapper #right-column #quick-links {display:none;}
}



/* page_list > templates > animation_express */
#header-image .slider {
	width: 926px;
	height: 464px;
}
#header-image .slider {
	
}
/*
#controls {
	position: absolute;
	top: 360px;
	left: 600px;
	z-index: 40;
}
#controls a {
	float: left;
	display: block;
	width: 23px;
	height: 22px;
}
#controls  a {
	display: block;
	height: 22px;
	background: url(../../../../themes/wild-hog/images/control-button-bg.png) top right no-repeat;
	text-indent: -999em;
}
#controls a:hover,
#controls  a.activeSlide {
	background-position: top left !important;
}
*/
#animation-express #slider-controls {
  bottom: 70px;
  height: 20px;
  margin: 0 0 0 254px;
  padding: 0 12px;
  position: absolute;
  text-align: center;
  width: 36.23%;
  z-index: 999;
}
#animation-express #slider-controls a {
	background-color: #006699;
	/*border: 1px solid #ffffff;*/
	
	background-color: rgba(0, 102, 153, 0.50);
	/*border: 1px solid rgba(255, 255, 255, 0.75);*/
	
	border-radius: 7px 7px 7px 7px;
	display: block;
	float: left;
	height: 14px;
	margin: 0 6px;
	text-indent: -999em;
	width: 14px;
}
#animation-express #slider-controls a:hover,
#animation-express #slider-controls a.activeSlide {
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.50);
}



/* pro_event_list > templates > upcoming_events */
#right-col .upcoming-events {
	background: #fff;
	border-radius: 0 0 10px 10px;
	border: 1px solid #B7B7B7;
	border-top: none;
	padding: 10px;
	margin-bottom: 15px;
}
#right-col h2.grey-title {
	background: url("../../../../../../themes/knsi-radio/images/grey-bar-bg.jpg") repeat-x scroll left bottom #757575;
    border-bottom: 1px solid #5A5A5A;
    border-radius: 10px 10px 0 0;
    border-right: 1px solid #5A5A5A;
    box-shadow: 2px 2px 5px 0 #CCCCCC inset;
    color: #FFFFFF;
    font-family: "Century Gothic",Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-style: italic;
    height: 60px;
    line-height: 2em;
    margin-bottom: 0px;
    text-align: center;
    text-shadow: 1px 1px 0 #000000;
}
#right-col .upcoming-events .event {
	border-bottom: 1px dotted #a7a7a7;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
}
#right-col .upcoming-events p.date {
	color: #7a7a7a;
	text-transform: uppercase;
	margin: 0 0 3px 0;
}
#right-col .upcoming-events h3 {
	font-size: 18px;
}
#right-col .upcoming-events .full-calendar {
	text-align: right;
}






/* mylab_easy_tabs > templates > mayville_tabs */
/*
.ccm-layout-wrapper ul.tabs_header {
	background:none;
	margin:0;
}
.ccm-layout-wrapper .tabs_header .tab_header_item {
	border-width:4px 4px 0 4px;
	border-style:solid;
	border-color:#ced9df;
}
.ccm-layout-wrapper .tabs_header .tab_header_item a {
	font:bold 26px/32px Nevis, Arial, Helvetica, sans-serif;
	color:#006699;
}
.ccm-layout-wrapper .tabs_header .tab_header_item a:hover {
	color:#ffffff;
}
.ccm-layout-wrapper .tabs_header .tab_selected {}
.ccm-layout-wrapper .content_holder {
	border:4px solid #ced9df;}
*/

.mayville-tabs .tabs_header {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.mayville-tabs .tab_header_item {
	float: left;
	margin: 0px;
}
.mayville-tabs .tab_content {
	clear: left;
	display: none;
}
.mayville-tabs .tabs_header {
	overflow: visible;
	min-height: 40px;
	margin-bottom: 5px !important;
	padding-left: 15px !important;
	list-style:none outside none !important;
}
.mayville-tabs .tab_header_item {
	margin-left: 1px;
	position: relative;
	border-width:4px 4px 0 4px;
	border-style:solid;
	border-color:#ced9df;
}
.mayville-tabs .tab_header_item a {
	display:block;
	width:197px;
	height:42px;
	font:bold 23px/41px Nevis, Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	color: #006699;
	background: #ffffff;
}
.mayville-tabs .tab_header_item.tab_selected {
}
.mayville-tabs .tab_header_item.tab_selected a,
.mayville-tabs .tab_header_item a:hover {
	color: #ffffff !important;
	background: #006699;
}
.mayville-tabs .tab_content {
	font: 15px/24px Nevis, Arial, Helvetica, sans-serif;
	padding: 5px 30px;
}

.mayville-tabs .content_holder {
	border:4px solid #ced9df;
}

#wrapper.mobile .mayville-tabs .tabs_header {
	padding-left:8px !important;
}
#wrapper.mobile .mayville-tabs .tab_header_item a {
	width:67px;
	font-size:13px;
	overflow:hidden;
}


#wrapper .apply-popup-wrapper {position:relative;}
#wrapper .apply-popup {opacity:0; visibility:hidden;
  background-color:#003366;
  border:1px solid #ffffff;
  display: block;
  height: auto;
  left: -45%;
  position: absolute;
  bottom: 50px;
  width: 250px;
  color:#fff;
  z-index: 999;
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	-ms-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
	padding:12px;
}
#wrapper .apply-popup-wrapper:hover .apply-popup {opacity:1; visibility:visible; bottom:60px;}
#wrapper .apply-popup h2{color:#fff; border:0; margin:12px auto; padding:0;}