/*
COLORS:

#007A2B - broccoli green
#005825 - dark green
#D7CCB3 - light tan
#C2B492 - medium tan
#6C5749 - dark tan
#222202 - dark green/brown
#993300 - rusty orange
#CC3300 - orange julius
*/


/* NOTE: primary nav styles, footer nav styles, and Site Map styles are in nav.css */

/* transitions */
header a, #nav a, #mainContent a, footer a, input, textarea, h3.accordionButton2 { -webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -moz-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; -o-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease, opacity 0.3s ease; }
/* Makeshift CSS Reset */
{
margin: 0;
padding: 0;
}

* { margin: 0; padding: 0; }

/* Tell the browser to render HTML 5 elements as block */
header, footer, aside, nav, article { display: block; }

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

body { background:#EBFDFF url(../img/bgs/grain_blue.jpg) repeat; -webkit-background-size: 358px 396px; margin:0; padding:0; text-align:center; }

/* when you have to spend a div to center floated elements */
.center { display:table; margin:0 auto; }

/* simple float styles */
.right { float:right; }

.left { float:left; }

/* when you have to spend a div to clear floated elements */
.clear { clear:both; }

/* --------------- Containers and Blocks ------------------- */
#container { background:url(../img/bgs/mountains.jpg) no-repeat center bottom; -webkit-background-size: 2412px 442px; width:100%; margin:0; padding:0; }

#mainContainer { color:#222202; font-family:Arial, sans-serif; margin:0 auto; position:relative; width:1028px; z-index:2; text-align:left; }

#clouds { background:url(../img/bgs/clouds.png) repeat-x center top; -webkit-background-size: 2294px 241px; width:100%; margin:0 auto; overflow:hidden; }

/* main header */
header { position:relative; height:190px; }

/* reset height for content headers */
#content header { height:auto; }

#logo a { height:138px; width:226px; background:url(../img/bgs/ASN_logo.png) no-repeat 0 0; display:block; left:20px; text-indent:-999em; position:absolute; top:20px; z-index:10; }

/* mission statement */
#mission { border-top:1px solid #C2B492; border-bottom:1px solid #C2B492; height:66px; position:absolute; top:30px; left:315px; width:682px; z-index:4; }

#mission p { font-size:14px; line-height:140%; font-style:italic; margin:0; padding:13px 0 0 0; }

#eagle { background:#FFF url(../img/bgs/eagle.gif) no-repeat center top; height:28px; position:absolute; top:12px; left:630px; width:60px; z-index:5; }

/* site search box */
#search { height:36px; position:absolute; width:500px; top:121px; left:315px; }

/* note that an inline style is used on the page because IE6-7 won't render this style. ARGH! */
#search input[type="text"] { width:392px; border-color: #C2B492; border:2px solid#C2B492; padding:8px; font-size:16px; color:#6C5749; float:left; }

#search input[type="text"]:hover { border:2px solid #D7CCB3; outline:none; }

#search input[type="text"]:focus { border:2px solid #007A2B; outline:none; }

a#searchButton { background:#C2B492 url(../img/bgs/search.png) no-repeat 8px 8px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; display:block; float:left; height:22px; margin-left:10px; padding:8px; text-indent:-999em; width:22px; }

a#searchButton:hover { background:#D7CCB3 url(../img/bgs/search.png) no-repeat 8px 8px; }

/* social media icons */
ul#smIcons { list-style:none; margin:0; padding:0; position:absolute; top:118px; right:0; width:128px; }

ul#smIcons li { border:2px solid #FFF; float:left; height:40px; margin-right:14px; width:40px; overflow:hidden; }

ul#smIcons li a#rss { background:#C2B492 url(../img/bgs/icon_rss.png) no-repeat 0 0; display:block; height:40px; width:40px; text-indent:-999em; }

ul#smIcons li a#fb { background:#C2B492 url(../img/bgs/icon_fb.png) no-repeat 0 0; display:block; height:40px; width:40px; text-indent:-999em; }

ul#smIcons li a#tw { background:#C2B492 url(../img/bgs/icon_tw.png) no-repeat 0 0; display:block; height:40px; width:40px; text-indent:-999em; }

ul#smIcons li a#rss:hover { background: #E46808 url(../img/bgs/icon_rss.png) no-repeat 0 0; height:40px; width:40px; }

ul#smIcons li a#fb:hover { background: #3451A9 url(../img/bgs/icon_fb.png) no-repeat 0 0; height:40px; width:40px; }

ul#smIcons li a#tw:hover { background: #54B3CE url(../img/bgs/icon_tw.png) no-repeat 0 0; height:40px; width:40px; }

/* tan content container */
#content { background:url(../img/bgs/grain_sand.jpg); border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; display: table; position:relative; width:1026px; }

/* right column */
#mainContent { display: table-cell; width: 668px; padding:20px 40px 0 44px; vertical-align:top; }

/* left column */
nav { display: table-cell; padding:20px 0; width:270px; vertical-align:top; overflow:hidden; }

/* container for accordion menu */
#nav { border-bottom:1px solid #F4EFE1; margin-left:10px; width: 260px; }

/* footer */
footer { background:url(../img/bgs/footer.jpg) no-repeat 0 0; border-right:1px solid #FFF; border-left:1px solid #FFF; clear:both; height:170px; margin:0; padding:20px; text-align:center; width:984px; }

body#home footer { margin-left: auto; margin-right: auto; }

body#announce-home div#mainContent, body#article-home div#mainContent { padding-top: 56px; }
body#announce-home div.text h3, body#article-home div.text h3 { margin: 6px 0 -4px 0; }

p.content-contributors { padding: 18px 0; }

p.copyright { clear:both; display:block; font-size:11px; line-height:1; padding:60px 0 0 0; margin:0; text-align:center; }

/*----social media tabs below nav--*/
#sm_tabs { width:259px; margin:40px 0 0 10px; }

#tabs { }

#tabs ul { float: left; width:259px; padding-top: 4px; }

#tabs li { margin-right: 10px; list-style: none; }

* html #tabs li { display: inline; }

#tabs li { float: left; }

#tabs ul li a { color:#930; display:block; font-size:10px; font-weight:700; line-height:1; padding:10px; text-decoration: none; text-transform:uppercase; }

#tabs ul li a:hover { color: #C30; }

/* active tab */
#tabs ul li.active { border-left:1px solid #C2B492; border-right:1px solid #C2B492; border-top:1px solid #C2B492; background:#FFF url(../img/bgs/gradient.jpg) repeat-x left bottom; }

/* main tab panels */
#tabs div { border:1px solid #C2B492; background: #FFF; clear: both; padding: 5px 0 5px 5px; height:310px; overflow:hidden; }

/* divs within tab containers */
#tabs div div { border:none; background:transparent; height:auto; }

/*individual tweets */
#tabs .tweet { border-bottom:1px dotted #C2B492; font-size:12px; line-height:16px; margin-right:8px; padding:11px 0; }

#tabs .tweet .time { text-align:right; font-weight:700; font-size:11px; padding:5px 0 0 0; color:#6C5749; }

#tabs a, #tabs .tweet a { cursor:pointer; cursor:hand; color:#930; }

#tabs .tweet a:hover { color:#C30; }

/* AddThis sharing widget */
#share { background:#FFF; border:1px solid #C2B492; margin-left:10px; width: 237px; padding:0 10px; margin-top:30px; position:relative; height:32px; }

#share h4 { color:#930; font-size:10px; font-weight:700; line-height:1; padding:10px 0; text-decoration: none; text-transform:uppercase; margin:0; float:left; }

#share #share_icon { width:125px; float:left; padding:6px 0; }

#at_hover .at_item:hover { margin:0; padding:2px 3px; }

/* jquery cycle for featured photos on home page */
#cycleFrame { border:5px solid #FFF; -moz-box-shadow:2px 2px 6px #9B937D; box-shadow:2px 2px 6px #9B937D; height:433px; width:658px; margin:12px 0 32px 0; overflow:hidden; padding:0; position:relative; }

.carousel { margin-top: -7px; }

#cycle { height:433px; width:658px; margin:0; overflow:hidden; padding:0; }

#cycle a { border:none; text-decoration:none; height:433px; width:658px; display:block; }

#cycle img { border:0; width:658px; }

/* frame text */
#cycle a p.cycleText { background:#000; background:rgba(0,0,0,0.65); color:#FFF; font-family:Georgia, Georgia, Times New Roman, Times, serif; font-size:15px; line-height:130%; font-weight:400; height:50px; position:absolute; bottom:0; left:0; margin:0; text-decoration:none; width:648px; padding:10px 0 0 10px; text-shadow: 1px 1px 4px #000; z-index:8; }

/* frame buttons - pager */
#frameNav   { position:absolute; right:10px; bottom:74px; text-align:left; z-index:8; }
.slick-dots { position:absolute; right:39px; bottom:92px; text-align:left; z-index:8; }

#frameNav a, .slick-dots li { background:#FFF; background:rgba(255,255,255,0.6); border:2px solid #FFF; border:2px solid rgba(255,255,255,0.02); color:#FFF; display:block; float:left; font-size:4px; height:4px; width:12px; font-weight:bold; line-height:1; margin: 0 6px 0 0; text-decoration: none; text-indent:-999em; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

#frameNav a.activeSlide, .slick-dots li.slick-active { background:#004C1A; border:2px solid #FFF; color:#FFF; text-decoration: none; }

#frameNav a:hover, .slick-dots li:hover { background:#007A2B; border:2px solid #FFF; color:#FFF; text-decoration: none; }

/*--------------- Content Sections ---------------- */
section {  clear:both; display:table; padding:5px 0; width:658px; }

/*sections on home page */
#home section {border-top:4px solid #C2B492;}
#home section:first-child { border-top: none; }

/* page titles */
.pageTitle { color:#930; margin:10px 0 20px 0; font-size:26px; }

/* section heads -- also used for breadcrumbs */
.sectionHead, .breadcrumbs { font-size:14px; font-weight:700; text-transform:uppercase; color:#930; margin:0 0 20px 0; display:block; }

.sectionHead a, .breadcrumbs a { color:#930; text-decoration:underline; }

.sectionHead a:hover, .breadcrumbs a:hover { color:#C30; }

.sectionHead { width:70%; }

article { clear:both; padding:0 0 35px 0; }

article.post p.time, p.time { display:block; font-size:11px; font-weight:700; padding:15px 0; line-height:1; }

article header, article.post p { display:table-row; vertical-align:top; }

/* thumbnail images */
.thumb { border:3px solid #FFF; margin:0 20px 0 0; padding:0; -moz-box-shadow:1px 1px 4px #9B937D; box-shadow:1px 1px 4px #9B937D; }

.thumb img, .thumb a { display:block; }

/* thumbnail aligned right and left */
.thumb.left, .thumb.right, .thumb.left img, .thumb.right img { width:120px; }

/* thumbnail aligned center */
.thumb.center { clear:both; margin:0 auto 10px auto; max-width:660px; }

/* -------images and captions---------- */
figure { padding-bottom:10px; }

figure img { margin-top:14px; }

figure .zoom { float: right; padding: 0 5px 0 5px;}

figure .zoom a { display: block; background: url(../img/icons/sprites.png) 0 -508px no-repeat; width: 12px; overflow: hidden; text-indent: -999px; }

/* images to be enlarged with Fancybox */
a.enlarge { text-decoration:none; }

/* aligned right */
figure.right { float:right; margin:0 0 0 20px; width:218px; }

figure.right img { width:218px; }

/* align left */
figure.left { width:218px; float:left; margin:0 20px 0 0; }

figure.left img { width:218px; }

/* aligned center */
figure.center { clear:both; margin:0 auto; }

figure.center img { max-width:660px; }

/* captions */
figcaption, a figcaption { background: #ececec; font-size:11px; text-decoration:none; color:#222202; line-height:140%; margin:0; padding: 0 5px 0 5px; }

/* --------------- Special Announcement ------------- */
#special { background:#FFF; border:1px solid #C2B492; padding:10px; margin:10px 0 30px 0; display:table; }

#special p { font-size:13px; display:table-cell; padding:0 20px; margin:0; vertical-align:middle; }

#special .b2 { width:77px; margin-top:4px; }

#special .thumb2 { display:table-cell; margin:0; padding:0; vertical-align:middle; }

#special .thumb2 img { }

/* --------------- Text Level Styles --------------- */

h1, h2, h3, h1 a, h2 a, h3 a { color:#005825; font-family:Georgia, Georgia, Times New Roman, Times, serif; line-height:130%; text-decoration:none; }

h1 a:hover, h2 a:hover, h3 a:hover { color:#007A2B; text-decoration:underline; }

h4, h5 { line-height:140%; }

h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 20px; }

h4 { font-size: 14px; }

h5 { font-size: 14px; }

/* paragraph element */
p, article p { padding:15px 0; font-size:14px; color:#222202; line-height: 140%; }

p a, article li a, #mainContent li a { color:#930; }

p a:hover, article li a:hover, #mainContent li a:hover { color:#C30; }

/* green links beneath articles -- More...  */
p.moreLink { text-align:right; }

p.moreLink a { color:#005825; }

p.moreLink a:hover { color:#007A2B; }

/* orange links beneath section heads linking to more articles of that section type */
p.moreLink2 { font-size:11px; float:right; text-align:right; }

/* orange links beneath section heads used near forms and search results */
p.moreLink3 { font-size:12px; font-weight:700; float:right; width:30%; text-align:right; }

hr { border:none; border-top:4px solid #C2B492; margin:20px 0; }

/* lists */
#mainContent ul, #mainContent ol { padding:10px 0 20px 35px; color:#005825; }

#mainContent li { color:#222202; font-size:14px; line-height: 140%; padding:4px 0; }

#mainContent li.noBullet { list-style-type:none; }

#mainContent article.archive ul { padding: 0 0 0 35px; list-style-type: none; margin-left: 7.1em; }

#mainContent article.archive ul > li { position: relative; padding-left: 12px; }

#mainContent article.archive ul > li:before { content: "♦"; position: absolute; left: 0; }

/*block quote*/
blockquote { font-size:16px; font-family:Georgia, Times New Roman, Times, serif; font-style:italic; line-height:140%; padding:10px 3%; width:94%; background:#F4EFE1; margin-bottom:15px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

blockquote > p { padding-right: 15px; }
/* ----------------- Form Elements ----------------- */

form, fieldset { border:none; }

fieldset { margin:20px 0; }

/* fieldset ordered list */
fieldset ol { list-style:none; padding:0; }

/*padding for fieldset list items*/
fieldset ol li { padding:4px 0; }

/* top margin for big buttons in the fieldset */
fieldset ol li .b1 { margin-top:30px; }

input[type="text"], input[type="password"], textarea { border:2px solid#C2B492; -webkit-box-shadow: inset 2px 2px 4px 0px #e3e3e3; box-shadow: inset 2px 2px 4px 0px #e3e3e3; font-family: Arial, sans-serif; color:#222202; font-size:13px; padding:5px 8px; }

#mainContent input[type="text"] { width:280px; }

label { display: inline-block; padding:0 2%; width:120px; }

input[type="text"]:hover, input[type="password"]:hover, textarea:hover { border:2px solid #D7CCB3; outline:none; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border:2px solid #007A2B; outline:none; }

input[type="button"], input[type="submit"],
/*normal big buttons*/
.b1, input.b1 { background:#930; border:none; color:#FFF; font-family: Arial, sans-serif; font-size:14px; font-weight:700; padding:14px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 2px #64260B; width:180px; }

/*smaller buttons*/
.b2, input.b2 { background:#930; border:none; color:#FFF; font-family: Arial, sans-serif; font-size:12px; font-weight:700; padding:10px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 2px #64260B; width:100px; }

/*smallest buttons*/
.b3, input.b3 { background:#930; border:none; color:#FFF; font-family: Arial, sans-serif; font-size:11px; font-weight:700; padding:6px; display:block; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center; text-decoration:none; text-transform:uppercase; text-shadow:1px 1px 2px #64260B; width:80px; }

.b1:hover, .b2:hover, .b3:hover { background:#C30; text-shadow:2px 2px 2px #930; }

a.closeWindow { background:url(../img/bgs/closeWindow.png) no-repeat; display:block; float:right; height:20px; text-indent:-999em; width:20px; }

/* ------------------ Results List ------------------ */
.resultsCount { clear:both; font-size:12px; width:100%; margin:10px 0; }

/* ------------------ POP-Up Panel ------------------ */
#panel { background:#FFF; border:1px solid #FFF; padding:2%; margin:15px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-box-shadow:2px 2px 8px #555; box-shadow:2px 2px 8px #555; position:absolute; width:55%; left:20%; z-index:44; }

/* ---------------Tables ------------- */

table { background:#FFF; border-top:1px solid #C2B492; border-right:1px solid #C2B492; margin:10px 0 20px 0; }

th { background:#FFF url(../img/bgs/gradient.jpg) repeat-x left bottom; border-bottom:1px solid #C2B492; border-left :1px solid #C2B492; font-weight:700; font-size:11px; color:#222202; line-height:140%; padding:5px 10px 5px 5px; vertical-align:baseline; }

td { border-bottom:1px solid #C2B492; border-left :1px solid #C2B492; font-size:14px; padding:5px 10px 5px 5px; vertical-align:top; }

tr:nth-child(odd) { background-color: #E5E5E5; }

tr:nth-child(even) { background-color:#fff; }

/*-------------- Browser Workarounds using CSS Browser Selector -------------*/

/* Firefox subtracts 2px from the width of the footer, so I add it back in */
.gecko footer { width:986px; }

/* Firefox and Chrome do not wrap the Source view -- This may not be needed with more current Magnolia */
/*.cke_source { white-space: pre-wrap!important; }*/

/* SLM - Firefox alignmnet problems */
.gecko #share #share_icon { padding: 0; }

/* ie hacks for section heads */
.ie7 h3.sectionHead { display:inline; }

.ie7 article header h2 { margin-top:20px; }

.ie7 article.post header h2 { margin-top:0; }

/*IE6, IE7, IE8 do not support display:table so we use floats*/
.ie7 nav, .ie8 nav { float:left; }

.ie7 #mainContent, .ie8 #mainContent { float:right; }

.ie7 p.copyright, .ie8 p.copyright { padding:32px 0 0 0; }

.ie7 #special, .ie8 #special { display:block; }

.ie7 #special p, .ie8 #special p { float:left; width:480px; }

.ie7 #special .b2, .ie8 #special .b2 { float:right; width:77px; margin-top:4px; }

.ie7 #special .thumb2, .ie8 #special .thumb2 { float:left; }

.ie7 input#searchButton, .ie8 input#searchButton { width:392px; padding:8px; font-size:16px; float:left; }



/* added by AZH */


/* override styles.css */

.showbox .text-content { display: none; }

a { text-decoration: underline; }

h1 a:visited, h2 a:visited, h3 a:visited { color:#005825;}

p a:visited, article li a:visited, #mainContent li a:visited { color:#930; }

p.moreLink a:visited { color:#005825; }

p a:visited, article li a:visited, #mainContent li a:visited { color:#930; }

.b1:visited, input.b1:visited, .b2:visited, input.b2:visited, .b3:visited, input.b3:visited { color: #FFF; }

.b1:hover, input.b1:hover, .b2:hover, input.b2:hover, .b3:hover, input.b3:hover { text-decoration: none; color: #FFF; }

#article a img { border: none; box-shadow: none; }

.pager li { margin: 0; }

.pager li a, .pager li strong, .pager li span { border: 0; padding: 0; }

div#page-intro { margin: -30px 0 25px 0; }

#mainContent { padding: 20px 40px 0 24px; }

#logo { height: 100%; }

section { border-top: none; }

footer { width: 986px; }

#nav { background: none; margin: 0 0 0 10px; padding-top: 0; float: none; }

#searchResults article { padding: 0 0 15px 0; }
highlight { font-weight: bold; }

label { width: auto; }

#searchDir .b3 { display: inline; margin-left: 10px; padding: 8px 14px; font-size: 12px; }

a img { border: none; }
a:hover img { border: none; }

author { color: #930; }

.media { margin-right: 20px; }

dl.media { background: none; }

.media img { margin-top: 10px; }

.media dd.caption { background: #ececec; font-size: 11px; color: #222202; line-height: 140%; padding-top: 2px; }

.media dd.zoom { padding-top: 2px; }

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}

.alert h4{margin-top:0;color:inherit}

.alert .alert-link{font-weight:700}

.alert>p,.alert>ul{margin-bottom:0}

.alert>p+p{margin-top:5px}


/*.slick-prev, .slick-next,*/
/*.slick-prev:before, .slick-next:before {*/
    /*color: white !important;*/
    /*font-size: 30px;*/
    /*opacity: 0.75;*/
/*}*/

/* CAROUSEL*/
/*-------------------------------------------------- */
/*.slick-dots li button::before {*/
    /*font-size: 20px !important;*/
/*}*/

/*.component-carousel {*/
    /*margin-top: 25px;*/
    /*margin-bottom: 70px !important;*/
/*}*/

/*.component-carousel .text-section {*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
/*}*/

/*.slick-prev,*/
/*.slick-next {*/
    /*height: 100%;*/
    /*width: 85px;*/
    /*z-index: 1024; *//* required in order for the buttons to be 'in front' */
    /*text-align: center;*/
/*}*/

/*.slick-prev {*/
    /*left: -15px !important;*/
/*}*/

/*.slick-next {*/
    /*right: -15px !important;*/
/*}*/

/*.slick-next::before,*/
/*.slick-prev::before {*/
    /*content: "";*/
/*}*/