/*End Reset*/

.arrow-large {background-image: url(http://www.siue.edu/_files/images/arrow-large.png); background-repeat: no-repeat; text-decoration:none;}

.hdrImageWrap .hdrImage {height: 280px; position: relative;}
.hdrImageWrap .hdrImage .page-title {background: rgba(0,0,0,0.5); color: #fff; padding: 10px 20px; bottom: 30px; left: 0; position: absolute; font-size: 1.833em;}
div.siteNav div.mainLink {background-color: #cf3030; width: 155px;}
div.siteNav div.mainLink a:hover { background-color:#FF7373; }
div.siteNav div.dark {background-color: #e03939;}
div.siteNav div.home {width: 50px;}

/* slider dots */
.flex-control-paging li a {width: 21px; height: 21px; display: block; background: #fff; background: rgba(200,200,200,0.8)!important; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -o-border-radius: 40px; border-radius: 40px;}
.flex-control-paging li a:hover {background: #fff; background: rgba(130,130,130,0.7)!important;}
.flex-control-paging li a.flex-active {background: #fff; background: rgba(200,200,200,.5)!important; cursor: default;}
.flex-control-nav {bottom: 12px !important;}

/*links*/
/* textwide class below makes the link box only as wide as the text, not spanning the entire column  */
div.body-wrap a.textwide {display: inline-block;}

/* Button - Color Options */
div a.button-wrap-red {
         color:#fff;
         background-image:url(http://www.siue.edu/_files/images/icn-link-arrow.png);
         background-repeat:no-repeat;
         background-position: right 50%;
/* adds border to right of arrow, making it appear to be positioned 10 pixels from the right; cross-browser compatible */ border-right: 10px solid transparent;
         background-color:#cc0000;
         text-decoration:none;
         margin-bottom:.8em;
         font-family:"Arial", "Verdana", "Geneva", sans-serif;
         font-size:1.2em;
         font-weight:bold;
         padding-left:1.15em;
         padding-right:2.5em;
         white-space:nowrap;
         overflow:hidden;
         padding-top:.75em;
         padding-bottom:.75em;
    }
div a.button-wrap-red:hover { background-color:#CC3333; color:#fff; text-decoration:none;}

div a.button-wrap-red:visited { color:#fff; }

table.photo-list {width: 100%; border-collapse: collapse;}
table.photo-list p {margin-top:0px; margin-bottom:0px; text-indent:-8px; margin-left:8px;}
table.photo-list th {background: #d33; color: #fff; padding: 15px; font-weight: bold; font-size: 14px; line-height: 1.286; text-align: left; white-space: nowrap; border-left: 1px solid #fff; vertical-align:bottom;}
table.photo-list td {padding: 15px; font-size: 14px; line-height: 1.286; border-left: 1px solid #fff; vertical-align:top;  }
table.photo-list th:first-child,
table.photo-list td:first-child  {border-left: none; margin-left:0px; text-indent:0px;}
table.photo-list tr:nth-child(odd) td {background: #eee;}
table.photo-list tr:nth-child(even) td {background: #f4f4f4;}

/* responsive video */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}