@charset "UTF-8";
    body {
		background:#000 url(images/bg-main.jpg) repeat top left;
		height:100%;
		width:100%;
		padding:0;
		margin:0;
    }
	
	.Normal, .NormalDisabled, .NormalDeleted {
		color: #666;
		font-size: 14px;	
	}
    
/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
    body,th,td,table,h1,h2,h3,h4,h5,h6, 
    .Head,.SubHead,.SubSubHead, 
    .Normal,.NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, 
    a:link, a:visited, a:hover, input, .CommandButton {
	    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:normal;
		
    }

    em { 
	    font-style: italic; 
	    letter-spacing: 0; 
    }

    strong { 
	    font-weight: bold; 
    }
    small { 
	    font-size: 10px; 
	    letter-spacing: 0;
    }

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
    h1, h2, h3, h4, h5, h6 {	
	    line-height: 1;
	    margin: 0 0 10px 0;
    }
    h1{
	    font-size:28px;
		font-weight:600;
    }
    h2, h2 .Head{
	    font-size:26px;
		font-weight:bold;
    }
    h3, h3 .Head{
	    font-size:20px;
		font-weight:normal;
		text-transform:uppercase;
    }
    h4, h4 .Head{
	    font-size:16px;
	    color: #666;
	    font-weight: bold;
	    text-transform: uppercase;
	    margin-bottom: 0;
    }
    h5, h5 .Head{
	    font-size:14px;
	    color: #666;	
    }
    h6, h6 .Head{
	    font-size:13px;
	    color: #666;
    }

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
    a,a:link,a:visited,a:active{
	    color:#00a9ee; 
	    text-decoration:none;  
    }
    a:hover{
	    text-decoration:underline;
    }
    a[target="_blank"] {
		color: rgb(175, 85, 52);
	}

/* DNN Specific Selectors 
-------------------------------------*/
    .CommandButton {
	    font-size: 13px;
	    color: #3d3d3d;
	    font-weight: bold;
    }
    .CommandButton:hover {
	    color: #007cae;
    }
    a.CommandButton:link {
	    font-size: 13px;
	    text-decoration: none;
	    color: #3d3d3d;
	    font-weight: bold;	
    }
    a.CommandButton:hover {
	    text-decoration: underline;
	    color: #007cae;
    }

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
    p {margin: 0 0 16px 0;}

    hr { 
	    clear: both;
	    height: 0;
	    border: solid #c0c0c0; 
	    border-width: 1px 0 0;
	    margin: 20px 0 20px 0; 
    }

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
    img {border: 0;max-width: 100%;height: auto !important;}
    iframe {max-width: 100%;}

    /* Image Align Left 
    -------------------------------------*/
    .imgLeft {
	    float: left;
	    margin-right: 30px;
	    margin-bottom: 30px;
    }

    /* Image Align Right 
    -------------------------------------*/
    .imgRight {
	    float: right;
	    margin-left: 30px;
	    margin-bottom: 30px;
    }

    /* Image with border 
    -------------------------------------*/
    .imgBorder {
	    border: solid 3px #fff;
    }

    /* Polaroid Image Style 
    -------------------------------------*/
    .imgPolaroid { 
	    color: #a6a6a6;
	    font-size: 12px;
	    text-align: left;
	    padding: 13px 13px 17px 13px;
	    background-color: #fff;
	    box-shadow: 0 1px 2px #ccc;
    }

    .imgPolaroid  img {
        margin-bottom: 12px;
    }
	
/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


    /* Ordered List */
    ol li {
	    list-style-type: decimal;
	    margin-bottom: 8px;
	    vertical-align: top;
    }

    ol ol {
	    margin-top: 8px;
	    margin-left: 30px;
    }
	
	ul, ol {margin: 0 0 .8em 1.5em;}

    ol ol li { list-style-type: lower-roman; }
    ol ol ol li { list-style-type: lower-alpha;  }
    ol ul li { list-style-type: lower-roman; }

/*------------------------------------------------*/
/* TABLE STYLE */
/*------------------------------------------------*/

    /* Default Table Style */
    table.tableDefault  {
	    width: 100%; 
	    border-collapse: collapse; 
	    border-spacing: 0; 
	    background-color: transparent;
	}

    table.tableDefault th, 
    table.tableDefault td {
	    font-size: 12px;
	    padding: 8px; 
    }

    table.tableDefault th {
	    font-weight: bold;
	    text-align: left;
	    border-bottom: solid 2px #aaa;
	    background-color: #d7d7d7;
    }

    table.tableDefault td { border-bottom: solid 1px #d9d9d9; }

    table.tableDefault tr:nth-child(odd) {background: #transparent}
    table.tableDefault tr:nth-child(even) {background: #e3e4e6}

   .tableDefault tbody tr:hover td { color: #111; }

/*------------------------------------------------*/
/* FORM STYLE
/*------------------------------------------------*/
    input[type="text"],select,textarea,input[type="email"],input[type="search"], input[type="password"]{
        padding: 9px;
        margin-bottom:20px; 
        background: #f3f3f3;
        border:1px solid #bfbfbf;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1) ;
        color:#666;
        font-size:13px;
	}

 
/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
    .spacingTop{        margin-top: 30px; }
    .spacingRight {	    margin-right: 30px;}
    .spacingBottom {    margin-bottom: 30px;}
    .spacingLeft {	    margin-left: 30px;}

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
    #userControls {/* height: 32px; */}	
/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/
    #search {
	    float: right; 
	    width:209px;
	    height:32px;
    }

    #search a.SearchButton:link,
    #search a.SearchButton:visited {
		    display:inline-block;
		    float: right;
	        height:32px; width:32px;
		    margin: 0;	padding:0;
		    background: #333 url('images/search.png') no-repeat center center;
		    text-indent:-9999px;
	}
	
	#search a.SearchButton:hover {		
		background: url('images/search.png') no-repeat center center, rgb(45,45,45); /* Old browsers */
		background: url('images/search.png') no-repeat center center, -moz-linear-gradient(top,  rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
		background: url('images/search.png') no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
		background: url('images/search.png') no-repeat center center, -webkit-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
		background: url('images/search.png') no-repeat center center, -o-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
		background: url('images/search.png') no-repeat center center, -ms-linear-gradient(top,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
		background: url('images/search.png') no-repeat center center, linear-gradient(to bottom,  rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
	}
	
	#dnn_dnnSearch_txtSearch  {
		display:block; 
		float: left;
		width:160px;
		height: 32px;
	    padding: 0 5px 0 10px;
		margin:0;
		background-color: transparent;
		border: none; 
		border-radius:0;
		box-shadow: none;
		outline: none;
		border-left:1px solid #ddd;
	   
	    color:#000;
	    line-height: 32px;
	    font-size: 11px;
	    
	   -webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
    }
    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus
	{
	    background:#ccc;
	    box-shadow:inset 0px 3px 8px #999;
	}	
	

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

    /* Site Navigation */
	#dnn_pnav li { 
		position:relative; 
		list-style:none;
		margin: 0;
		z-index:9;
	}
	
	ul#dnn_pnav {margin:0;width:100%;text-align:center;	}
	
	#dnn_pnav li ul {
		margin-left:0;
	}
	
	#dnn_pnav > li {
		display:inline-block;
        *
		display:inline; /*IE7*/
        *
		zoom:1; /*IE7*/
		position:relative;
		padding:0;
		z-index:5;
	}
	
	#dnn_pnav > li > a {
		font-weight:bold;
		display:block;
		font-size:26px;
		color:#fff;
		line-height: 1;
		text-decoration:none;
		padding: 10px;
	}
	
	#dnn_pnav > li > a.selected {color:#a1d069;}
	#dnn_pnav > li:hover a.haschild span {display:none;}
	
	#dnn_pnav > li > a:hover {color:#a1d069;}
	#dnn_pnav > li:hover > a {color:#a1d069;}
	
	#dnn_pnav > li:hover, #dnn_pnav > li.active > a {
		color:#a1d069;
		text-decoration:none;
		
		}

	#dnn_pnav > li.selected  {
		color:#a1d069;
	}
	
		#dnn_pnav > li > a.selected:hover  {
			text-decoration:none;
	}

	#dnn_pnav > li:hover > a:active {color:#a1d069;}
	#dnn_pnav > li:hover > span {color:#a1d069;}

	/* Secondary level */
	#dnn_pnav > li ul {  /* Styles for all sub levels */
		display:none;
		position:absolute;
		z-index: 99;
		padding: 0;
		background:#a1d069;
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:		 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:	 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.2);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		text-align:left;
		white-space: nowrap;
	}
	
	#dnn_pnav li:hover > ul { 
		display:block;
		color:#a1d069;
	}
	
	#dnn_pnav > li > ul { /* styles specific to secondary level */
		top: 100%;
		right: 0;
		margin:0;
		z-index: 9;
		position:absolute;
	}

/*	#dnn_pnav > li > ul:after {
		position:absolute;
		top:-12px; 
		left:0px;
		content:'';
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 14px 0 0 10px;
		border-color: transparent transparent transparent #666;
		padding-right:60px;
	}*/

	#dnn_pnav > li ul a {
		display:block;
		padding: 6px 20px 6px 10px;
		color:#fff;
		font-size: 13px;
		line-height:17px;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
	}

	#dnn_pnav > li ul a{
		color: #fff;
	}
	#dnn_pnav > li ul a:hover{
		background:#93be5f;
		color:#fff;
	}	

	#dnn_pnav  ul li:last-child > a { }
	#dnn_pnav > li > ul li:hover > a {
		background:#93be5f;
		color:#fff;
	}
	
	/* Tertiary level */
	#dnn_pnav li ul li ul {
		right: 100%;
		top: 0;
		padding: 0 0 0 0;
	}
/*	
		#dnn_pnav li ul li ul:after {
		position:absolute;
		top:10px; 
		left:-8px;
		content:'';
		width:0px; 	
		height:0px; 
		border-top:8px solid transparent;  /* left arrow slant */
/*		border-bottom:8px solid transparent; /* right arrow slant */
/*		border-right:8px solid #fff; /* bottom, add background color here */
/*		font-size:0px;
		line-height:0px;
	}
*/

/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/

.wrapper {width:100%;height:100%;padding:0;margin:0;}
.headerWrapper {width:100%;background:#176273;background:none;position:relative;z-index:1;}
.header {max-width: 960px;margin:0 auto;display: flex;justify-content: space-between;align-items: center;}
.logo {padding:13px 0;}

#Nav {z-index:4;}

.rotatorWrapper {width:100%;float:left;}
.rotatorSubWrapper {margin:0 auto;max-width: 960px;}
.rotatorPane {width: 100vw;background:#fff;padding:6px;position:relative;box-sizing: border-box;max-width: 100%;height: auto;}
.rotatorPane img.flipped {-moz-transform: scaleX(-1); -o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}

.contentWrapper {width:100%;}
.contentSubWrapper {margin: 10px auto 0;max-width: 960px;}
.contentBG {padding: 12px;width: 100%;background:#fff;box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: space-around;overflow: hidden;}
.rightPane {flex: 1 1 225px;margin: 16px;}
.onePane {width:100%;float:left;}
.onePane table, .onePane tbody, .onePane thead, .onePane th, .onePane td {display: block;max-width: 100%;}
.onePane tr {display:flex; flex-wrap: wrap;}
.contentPane {flex: 1 1 645px;max-width: 100%;}
#dnn_contentPane {margin: 16px;}

.NewsArticlesBox {width:98%;float:left;padding:1%;background:#f4efea;margin:0;font-size:13px;border-top-right-radius:8px;border-bottom-right-radius:8px;}

.featureLeft, .featureMid, .featureRight {max-width: 290px;border:1px solid #d1c7c1;text-align:center;width: 100%;box-sizing: border-box;flex: 1 1 290px;}
.featureLeft p, .featureMid p, .featureRight p {padding:8px 0;margin:0;font-size:11px;color:#70675d;}
.featureMid {margin:0 14px;}


.footerWrapper {width: 100%;padding: 20px;margin:0;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.footerWrapper a, .footerWrapper a.links {text-decoration:underline;}
.footerWrapper a:hover, .footerWrapper a.links:hover {text-decoration:underline;}

.footerWrapper a.SkinObject, .footerWrapper a.LoginLink {font-size:11px;color:#403d3a;color:#666;padding-left:6px;margin-left:2px;border-left:1px solid #666;}
.footerWrapper a:hover.SkinObject,.footerWrapper a:hover.LoginLink {text-decoration:none;}
.footerWrapper span.SkinObject {color:#403d3a;color:#fff;padding:0;}

.footerTriangle {width: 0px;height: 0px;border-style: solid;border-width: 122px 66px 0 0;border-color: #ffffff transparent transparent transparent;float:left;}
.footerLeft {font-weight:700;color:#fff;text-transform:uppercase;}
.footerRight {text-align:right;}
.announcementBox {width: 100%;padding:13px 12px 11px 12px;background:#93be5f;margin:0 0 20px 0;box-sizing: border-box;}

    /*------------------------------------------------*/

    /* Clear-fix for floated elements 
    -------------------------------------*/
    .clear {
	    display: none;
	   }
    .clearfix:after {
	    clear: both;
	    content: ' ';
	    display: block;
	    font-size: 0;
	    line-height: 0;
	    visibility: hidden;
    }

    .left {	float: left; }
    .right { float: right; }

/*Meet the Staff*/
.staff-members img {
    margin-right: 16px;
}
.staff-members > div {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 16px;
}
.staff-members > div > div {
    flex: 1;
    min-width: 240px;
}

/*resources*/
.resources {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 550px;
    margin-bottom: 10px;
}
.resources > div {
    flex: 1;
    margin: 10px;
    white-space: nowrap;
}
.resources ul {
    list-style-type: disc;
    margin-bottom: 0;
}

/*rotator*/
.DnnModule-DigRotate table,
.DnnModule-DigRotate tbody,
.DnnModule-DigRotate thead,
.DnnModule-DigRotate tr,
.DnnModule-DigRotate td,
.DnnModule-DigRotate td > div {
    display: block;
    width: 100% !important;
}
.DnnModule-DigRotate table {
	height: auto !important;
}
.DnnModule-DigRotate td > div > div {
    height: auto !important;
    max-width: 100%;
    z-index: 0 !important;
}
.DnnModule-DigRotate td > div > div.drTabDDRedBottom {
    box-sizing: border-box;
    width: calc(100% - 12px);
}


/* Set text size in moodules*/
body,
.Normal, 
.NormalDisabled,
.NormalDeleted{
	line-height:1.5; 
}

/*MOBILE*/
#mobile {
    display: none;
    align-items: center;
    box-sizing:border-box;
    width: 100%;
    height: 64px;
    padding: 16px;
    position: fixed;
    top:0;
    background: black;
    z-index: 10;
}
.showControlBar #mobile {
    top: 54px;
}
#mobileLogo {
    display: inline-flex;
    align-items: center;
    width: calc(100% - 64px);
}
#dnn_MobileLogo_hypLogo img {
    height: 48px !important;
}
#mobileButton {
    position: absolute;
    right: 0;
    top: 0;
    height: 64px;
    width: 64px;
    font-size: 48px;
    border: none;
    background: #00aeef;
    color: white;
    outline: none;
    padding: 0;
    border-radius: 0;
    text-shadow: none;
    margin: 0;
}
#mobileButton ~ #mobileNav {
    max-height: 0;
}
#mobileButton.active ~ #mobileNav {
    max-height: calc(100vh - 64px);
}
#mobileNav {
    overflow: auto;
    transition: all 500ms;
    position: absolute;
    right: 0;
    top: 100%;
    background: #00aeef;
    width: 100vw;
    font-size: 22px;
    line-height: 1;
    max-width: 360px;
}
#mobileNav,
#mobileNav ul {
    list-style: none;
    margin:0;
}
#mobileNav li {
    position: relative;
}
#mobileNav .menu-item {
    position: relative;
}
#mobileNav li li {
    background: rgba(255,255,255,0.20);
    margin-left: 8px;
}
#mobileNav li ul {
    padding-bottom: 8px;
}
#mobileNav li:last-child {
    border-bottom: none;
}
#mobileNav a {
    text-decoration: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 250ms;
}
#mobileNav a.haschild {
    width: calc(100% - 64px);
}
#mobileNav a,
#mobileNav .submenuButton {
    padding: 16px;
    color:  white;
}
#mobileNav .submenuButton {
    display: block;
    background: rgba(255,255,255,0.0);
    border: none;
    font-size: inherit;
    margin: 0;
    outline: none;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    text-shadow: none;
    line-height: inherit;
    width: 64px;
    height: 100%;
}
#mobileNav .submenuButton span {
    display: block;
    transition: all 250ms;
    font-size: 200%;
    line-height: 0;
}
#mobileNav .active .submenuButton {
    background: rgba(255,255,255,0.2);
}
#mobileNav .active .submenuButton span {
    transform: rotate(45deg);
}
#mobileNav ul {
    display: none;
}
#mobileNav ul ul ul ul li li,
#mobileNav ul ul ul ul .submenuButton {
    background: #00aeef;
}
#mobileNav ul ul ul ul ul li li,
#mobileNav ul ul ul ul ul .submenuButton {
    background: rgba(255,255,255,0.25);
}
#mobileNav .active ~ ul {
    display: block;
}

@media only screen and (max-width:1024px) {
    .header {
        display: none;
    }
    .headerWrapper {
    	padding-top: 74px;
    }
    #mobile {
    	display: flex;
    }
}

@media only screen and (max-width:676px) {
    .staff-members img {
    	margin-right: 0;
    }
    .staff-members > div > div {
    	min-width: 100%;
    }
}

/*Fix Tables*/
#resources_calendar_widget table {
	display: table;
}
#resources_calendar_widget thead,
#resources_calendar_widget tbody {
	display: table-row-group;
}
#resources_calendar_widget tr {
	display: table-row;
}
#resources_calendar_widget td,
#resources_calendar_widget th {
	display: table-cell;
}