/* CSS Document */
/*MAIN Resets*/
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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0;}

/* Skip Nav */
#skipnav {
    position: absolute; /* sets the div to be positioned in relation to the body and removes it from the flow */
    top: 0; left: 0;
    margin-left: -3000px; /* moves the div off the left side of the screen, making it invisible to visual browsers but not to those using screen readers */
    }

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;
}

.visiblyhidden {
position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }


a name {color:#000000; background-color:#ffffff;}
article a, article a:hover, article a:active  {color:#214786; background-color:#ffffff;}
#breadcrumbs > p > a, #breadcrumbs > p > a:hover, #breadcrumbs > p > a:active  {color:#214786 !important; background-color:#fff !important;}

object, embed {outline: 0;}
input::-moz-focus-inner {border: dotted thin #c5c5c5;}
/*:focus {outline: dotted thin #c5c5c5;}*/
:active {outline:0;}
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; height:0; }
.clearfix:after { clear: both;}
.clearfix {zoom:1;}
.clear-float {clear: both;}
/*FONTS*/
html { font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-size: 0.75em; line-height: 1.231; font-family:Arial, Helvetica, sans-serif; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: baseline; *vertical-align: middle; } /* "*" is IE7 bug*/
/* Simple fluid media */
img, object, embed, video {max-width:100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* Compatibility and other fixes and default styles */
/* Typography */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
ins { background-color: #ff9; color: #000000; text-decoration: none; }
mark { background-color: #ff0; color: #000000; font-style: italic; font-weight: bold; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) { overflow: hidden; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; color:#C30; }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; }
/*td { vertical-align: top; }*/
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; color:#000000; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
.fixed-width-td {table-layout:fixed; font-size:70%; }

/* ASM Code */
body {color:#000000; background-color: #ffffff;}
.container {position:relative; width: 98%; background-color:#ffffff; color:#000000; margin: auto; max-width:1024px;
-webkit-box-shadow:  0px 0px 22px 1px rgba(0, 0, 0, .2);
box-shadow:  0px 0px 22px 1px rgba(0, 0, 0, .2);
-webkit-background-clip: padding-box;}
/* End - Main Container */
        
/* @font-face fonts */
nav li a:link, nav li a:visited, nav li a:hover, nav li a:active, nav li a:focus { font-family: 'vegurregular', Arial, Helvetica, sans-serif; color:#4c4c4c; font-size:1.2em; font-weight:300; letter-spacing:.03em;}
div#tabs_vertical ul.tabs li a  { font-family: 'vegurregular', Arial, Helvetica, sans-serif; color:#515151; font-size:.85em; font-weight:200;}
div#tabs_vertical div#v_content h2 {font-family: 'vegurbold', Arial, Helvetica, sans-serif; color:#5e5e5e; font-size:.85em; font-weight:100;}

@font-face {
    font-family: 'vegurbold';
    src: url('webfontkit/vegur-bold-webfont.eot');
    src: url('webfontkit/vegur-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/vegur-bold-webfont.woff') format('woff'),
         url('webfontkit/vegur-bold-webfont.ttf') format('truetype'),
         url('webfontkit/vegur-bold-webfont.svg#vegurbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vegurlight';
    src: url('webfontkit/vegur-light-webfont.eot');
    src: url('webfontkit/vegur-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/vegur-light-webfont.woff') format('woff'),
         url('webfontkit/vegur-light-webfont.ttf') format('truetype'),
         url('webfontkit/vegur-light-webfont.svg#vegurlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vegurregular';
    src: url('webfontkit/vegur-regular-webfont.eot');
    src: url('webfontkit/vegur-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/vegur-regular-webfont.woff') format('woff'),
         url('webfontkit/vegur-regular-webfont.ttf') format('truetype'),
         url('webfontkit/vegur-regular-webfont.svg#vegurregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

hr {border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));}       
        
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
/*nav li a  { font-family: 'vegurregular', Arial, Helvetica, sans-serif; color:#4c4c4c; font-size:1.2em; font-weight:300; letter-spacing:.03em;}*/
}
/* End @font-face fonts*/

/* Body Links */
article a {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; color:#214786;}
article a:visited, article a:hover, article a:active { color:#58585b; background-color:#ffffff;}
.resent-news a {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:underline; color:#C00; background-color:#ffffff;}
.resent-news a:visited, .resent-news a:hover, .resent-news a:active {color:#7d7d7d; background-color:#ffffff;}


/* added for carousel caption link */	
article .caption-container .caption a:visited, article .caption-container .caption a, article .caption-container .caption a:hover, article .caption-container .caption a:active {
			background-color: #06305b !important;
			color: #ffffff !important;
		}

/* End Body Links */

/* Main Nav Styles */
#currnav, #lev-three-nav ,#currnav li, #lev-three-nav li {list-style: none;}
#lev-three-nav li a ,#currnav li a, #lev-three-nav li a { font-size:1.1em; text-transform:uppercase; letter-spacing:0.05em; line-height: 1em; padding: 10px 5px 10px 10px; color: #000000; display: block; text-decoration: none; border-bottom: 1px solid #d3d3d3; 
background-color: #f3f4f7;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjRmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU3ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top,  #f3f4f7 0%, #e6e7ea 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f4f7), color-stop(100%,#e6e7ea));
background-image: -webkit-linear-gradient(top,  #f3f4f7 0%,#e6e7ea 100%);
background-image: -o-linear-gradient(top,  #f3f4f7 0%,#e6e7ea 100%);
background-image: -ms-linear-gradient(top,  #f3f4f7 0%,#e6e7ea 100%);
background-image: linear-gradient(to bottom,  #f3f4f7 0%,#e6e7ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f7', endColorstr='#e6e7ea',GradientType=0 );
}

a {text-decoration:none; }
a:hover {text-decoration:underline;}
article a, article a * {color: #214786 !important;}
aside a, aside a * {color: #214786 !important;}

.toggleMenu { display:none; background:#c0c1c7; padding:10px 2.5%; color:#000000; width:95%; position:relative;}
#collapse-button { position: absolute; right: 3px; top: 14%; padding:6px; background-color: #ab0000; border-radius: 4px 4px 4px 4px; cursor: pointer;}
#collapse-button:hover, #collapse-button:focus { background-image: none; background-color: #040404; color: #ffffff; }
#collapse-button .icon-bar { background-color: #F5F5F5; display: block; height: 2px; width: 18px;  margin: 2px 0; }
/* End - Main Nav Styles */

/* Leftside Nav Styles */

.leftnav { width: 100%; }
ul.leftnav { padding: 0; margin: 0; list-style: none; }
ul.leftnav * li {list-style-type:none;}

ul.leftnav li a { font-size:1.1em; text-transform:uppercase; letter-spacing:0.05em; line-height: 1em; padding: 11px 5px 8px 10px; color: #000000; display: block; text-decoration: none; border-bottom: 1px solid #d3d3d3; 
background-color: #f3f4f7; background-image: linear-gradient(to bottom, #f3f4f7 0%,#e6e7ea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f7', endColorstr='#e6e7ea',GradientType=0 );
}
ul.leftnav li a:hover { background:#f3f4f7; color:#ab0000; }
ul.leftnav li a.on {color:#ab0000;}

ul.leftnav ul li a {padding-left: 0.7em; /*background-color:#d9dae0;*/ text-transform:none; letter-spacing:normal;  font-size: 1.15em; color:#00287A;
background-color: #ffffff;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYzZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f3f7));
background-image: -webkit-linear-gradient(top,  #ffffff 0%,#f2f3f7 100%);
background-image: -o-linear-gradient(top,  #ffffff 0%,#f2f3f7 100%);
background-image: -ms-linear-gradient(top,  #ffffff 0%,#f2f3f7 100%);
background-image: linear-gradient(to bottom, #ffffff 0%,#f2f3f7 100%)linear-gradient(to bottom,  #ffffff 0%,#f2f3f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f3f7',GradientType=0 );
}
ul.leftnav ul li a:before { padding-right:3px; content: "\203A"; font-size:1.3em;}
ul.leftnav ul ul li a:before { padding-right:3px; content: "\203A"; font-size:1.2em;}

ul.leftnav ul li a:hover { background:#ffffff; color:#ab0000; }
ul.leftnav ul li a.on {color:#ab0000;}

ul.leftnav ul ul li a {padding: 7px 0.2em 7px 1.3em; background:#ffffff; border-bottom: medium none; color:#5d5d5d; }
ul.leftnav ul ul li a:hover { /*background-color:#d9dae0;*/ /*color:#6b6c71; */background:#ffffff; color:#ab0000;}
ul.leftnav ul ul li a.on {color:#ab0000;}
ul.leftnav ul ul {border-bottom: 1px solid #d3d3d3;}

ul.leftnav ul ul ul li a {color: #7f7f7f; font-size: 1.1em; padding:0 3px 0.2em 2em;}
ul.leftnav ul ul ul li a:last-child {margin-bottom: 5px;}
ul.leftnav ul ul ul {border-bottom: medium none;}

ul.leftnav span { float:right; }

#three-column #breadcrumbs, #two-column #breadcrumbs {font-size: 0.85em; margin:0 0 10px 0; padding:0;}
#three-column #breadcrumbs p, #two-column #breadcrumbs p {margin:0; padding:0;}

.leftbar_2_mobile {display:none;}

@media screen and (max-width: 768px) {
    .active { display:block; }
}
/* End - Main Nav Styles */

/* Content */

/* Logo */
#logo {clear:both; float:left; display:block; width:340px; padding:2.5% 0 0.7% 2.5%;}
/* End - Logo */

/* Search Box Div */
#pageheader #search-box { display:block; float: right; height:63px; width:42%;}
/* Quick Links for Desktop and Tablet */
/*#quicklinks {display:block; position:relative; float:right; margin:2% 0 0 0;}*/
.selectElement {opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0); width: 125px; height: 22px; position: absolute; z-index: 999; top:35px; right: 0.1%;}
#selectContainer { background: url(../images/m-bt-arrow-down.gif) no-repeat right; background-color: #dddfe2; color:#000000; width: 116px; height: 18px; padding:6px 0 0 8px; /*border-radius: 7px;*/ border:1px solid #bababa;}
#pageheader #search-box #selectContainer { display: block; float: right; margin: 30px 2% 0 2%; }
#searchwrapper {position:relative; /*important*/ display: block; float: right;  background: url("../images/m-bt-mag-glass.png") no-repeat scroll right center #FFFFFF; border: 1px solid #BABABA; /*border-radius: 7px;*/ color: #000000; height: 24px; }

#pageheader #search-box #searchwrap { margin: 30px 2% 0 0;  width: 50%; position: relative; display: -webkit-box; border: 1px solid #bababa; height: 24px;	}	
#pageheader #search-box .searchicon { width: 7%; padding: 5px; float: right; }
#pageheader #search-box .searchbox { -webkit-appearance: none; border: 0; border-radius: 10px; background-color: transparent; width: 80%; padding-left: 3%; margin: 0 1% 0 1.5%; height: 22px;font-size: 1.3em;}

#pageheader #search-box #searchwrapper { margin: 30px 2% 0 0; width: 50%; }
#pageheader #search-box .searchbox_submit { border:0; border-radius: 10px; background-color: transparent; /*important*/ color:#000000; position: absolute; /*important*/ visibility: visible; left: 82%; width: 32px; height: 27px;}
/* End - Quick Links */
/* End Search Box Div */

/* Carousel */
#carousel {display:block; width:100%; height:300px; background-color:#ceddeb;}
#carousel h1, #carousel h2 {background-color:#ceddeb;}

/* Home page top logo and search */
#homeheader {height: 100px;}
#homeheader #homelogo {width: 33%; float:left; padding: 10px 0 0 2%;}
#homelogo a img { border: 0 none; max-width: 338px;}
#homelogo h1 {display:none;}
#homeheader #search-box { display:block; float: right; height:100px; width:50%;}
#homeheader #search-box #searchwrapper { margin: 65px 2% 0 0 ; width: 45%; }
#homeheader #search-box #selectContainer { display: block; float: right; margin: 65px 1.5% 0 0; }
#homeheader #search-box .searchbox { -webkit-appearance: none; border:0; border-radius:10px; background-color: transparent; /*important*/ width: 75%; padding-left:3%; margin:0 1% 0 1.5%; height: 23px; font-size: 1.3em; }
#homeheader #search-box .searchbox_submit { border:0; border-radius: 10px; background-color: transparent; /*important*/ color:#000000; position: absolute; /*important*/ visibility: visible; left: 82%; width: 32px; height: 27px; }
aside {float: left; font-size: 1.1em; margin: 1.2% 0 1.25% 0; width: 21.1%; }
aside .main-content { background-color: #f1f3f4; color:#000000; border: 0 none; /*border-bottom-left-radius: 10px; border-top-right-radius: 10px; box-shadow: 4px 4px 7px 1px rgba(0, 0, 0, 0.15);*/ padding: 6%; }
aside .main-content h2 { background-color:#f1f3f4; color:#000000; margin: 0.3em 0 0.5em 0;}
aside .main-content.clearfix > h2:first-child {padding: 0;}
aside .main-content ul li {list-style: square outside url("../images/red-bullet.gif"); color:#555555; background-color:#f1f3f4; font-size:1em; margin-left:0.8em;}
aside .main-content ol li {list-style: outside none numbers; font-size: 1em; margin-left: 0.8em;}
aside .main-content a {color:#214786; background-color:#f1f3f4;}

/* Top Banner */
#banner {clear:both; position:relative; background-color:#002c76; color:#ffffff;
background-color: #002c76; background-image: linear-gradient(to bottom,  rgba(12,56,124,1) 0%,rgba(17,67,143,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c387c', endColorstr='#11438f',GradientType=0 );}
/* End - Top Banner */

/* H and P tags, Text */
article p {text-align:left!important;}

article h1, article h1 *, 
article h2, article h2 *, 
article h3, article h3 *, 
article h4, article h4 *, 
article h5, article h5 *, 
article h6, article h6 * 
{color: #002C76 !important; background-color:#ffffff; text-align:left!important;}

.leftbar_2 h2 {color: #002C76 !important; background-color:#ffffff; text-align:left!important;}

hr {background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0)); border: 0 none; height: 1px;}        
h1 {font-size: 1.5em; padding: 10px 0 8px 0; font-weight:100;}
h2 {font-size: 1.3em; padding: 18px 0 8px 0; font-weight:200;}
h3 {font-size: 1.2em; padding: 18px 0 8px 0; font-weight:400;}
h4 {font-size: 1.1em; padding: 18px 0 8px 0; font-weight:100;}
h5 {font-size: 1em; padding: 18px 0 8px 0; font-weight:100;}
h6 {font-size: 0.95em;  padding: 0 0 0.5em 0; font-weight:bold;}
aside h4, aside h5 {font-weight:bold;}
aside h6 {font-size:1.05;}
h1, h2, h3, h4, h5, h6 {clear: both;}
.no-clear {clear:none;}
            
#banner h1 {color: #ffffff; margin:0; padding:0;}
#banner h1 a {color: #ffffff;}
.long-banner-text {font-size: 2.5em; padding-bottom: 5px;}
#banner h2 {color: #ffffff;}  

#logo h1 {position:absolute; top:-9999px; color:#000000; background:#ffffff;}
p {margin-bottom:2em; font-size:1.11em}
aside p {font-size: 1.05em;}
.grey-italic {font-size: 1.2em; font-weight:100; color:#5e5e5e; font-style:italic; margin:0 0 0.5em 2em; background:#ffffff;}
.minimal.hide-title.cross-fade.transition.accordion h2 {color: #000000; background:#ffffff;}
h3.degree_title {margin-bottom: -3px;}
.red-text {color: #ab0000;}
.small-text {font-size: 0.8em;}
.notification {color: #000000; font-size: 80%; font-weight: bold;}
.caption {font-size: 85%;}
.tcaption {padding-top: 5px;}

article ol li.listupperalpha {   list-style-type: upper-alpha; margin:0; padding-bottom: 5px; font-size: .9em; }

/* H and P tags */

/*Styles for images and videos */
img.imageborder {border: 1px solid #cccccc; background: #ffffff; margin:5px 0; padding: 3px;}
img.imageright { float: right; border: 1px solid #cccccc; background: #ffffff; padding: 3px; margin: 5px 0 10px 10px; max-width:45%; height:auto; }   
img.imageleft { float: left; border: 1px solid #cccccc; background: #ffffff; padding: 3px; margin: 5px 10px 10px 0; max-width:45%; height:auto;}  
img.imagecenter { display:block; text-align:center; margin:0 auto; padding: 3px; border: 1px solid #cccccc; background: #ffffff; max-width:100%; height:auto; } 
img.imagerightnoborder { float: right; padding:0; margin: 5px 0 10px 5px; max-width:45%; height:auto;}   
img.imageleftnoborder { float: left; padding: 0; margin: 5px 10px 0 0; max-width:45%; height:auto;}  
img.imagecenternoborder { display:block; text-align:center; margin:0 auto; max-width:100%; height:auto; }
img.imageborder-max {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 100%; width:99%; min-width:5%; height:auto; padding: 3px;}
img.imageborder-500 {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 500px; width:500px; min-width:5%; height:auto; padding: 3px;}
img.imageborder-400 {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 400px; width:400px; min-width:5%; height:auto; padding: 3px;}
img.imageborder-300 {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 300px; width:300px; min-width:5%; height:auto; padding: 3px;}
img.imageborder-200 {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 200px; width:200px; min-width:5%; height:auto; padding: 3px;}
img.imageborder-150 {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 150px; width:150px; min-width:5%; height:auto; padding: 3px;}
img.imageborder-100 {background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; max-width: 100px; width:100px; min-width:5%; height:auto; padding: 3px;}
img.imagenoborder-max {max-width: 100%; width:99%; min-width:5%; height:auto;}
img.imagenoborder-500 {max-width: 500px; width:500px; min-width:5%; height:auto;}
img.imagenoborder-400 {max-width: 400px; width:400px; min-width:5%; height:auto;}
img.imagenoborder-300 {max-width: 300px; width:300px; min-width:5%; height:auto;}
img.imagenoborder-200 {max-width: 200px; width:200px; min-width:5%; height:auto;}
img.imagenoborder-150 {max-width: 150px; width:150px; min-width:5%; height:auto;}
img.imagenoborder-100 {max-width: 100px; width:100px; min-width:5%; height:auto;}
img.five-icons-2col {max-width:19%; height:auto; margin: 0 3px;}
img.four-icons-3col {max-width:24%; height:auto; margin: 0 2px;}
.rslides.rslides1 { margin: 0 auto; /*width: 80%;*/}
.icon, img.icon, .main-content-wrapper a img.icon, .leftbar_2 img.icon, .leftbar_2 a img.icon {width:auto; height:auto;}
table img {width:100%;}

.r-gallery-left { box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); color: #454545; float: left; font-size: 0.75em; font-style: oblique; font-weight: normal; line-height: 1em; margin: 5px 10px 0 0; max-width: 55%; min-width: 18%; padding: 8px 8px 5px;}

.r-gallery-right { box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); color: #454545; float: right; font-size: 0.75em; font-style: oblique; font-weight: normal; line-height: 1em; margin: 5px 0 0 10px; max-width: 55%; min-width: 18%; padding: 8px 8px 5px;}

.r-gallery-center { box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); color: #454545; text-align:center; font-size: 0.75em; font-style: oblique; font-weight: normal; line-height: 1em; margin: 0 auto 5px; max-width: 55%; min-width: 18%; padding: 8px 8px 5px;}

.r-gallery-left .img-sm, .r-gallery-right .img-sm, .r-gallery-center .img-sm {margin-bottom:3px;}

.floatbox {background: #f2f3f7 none repeat scroll 0 0; border: 1px solid #e4e4e4; float: right; font-size: 90%; margin:20px 0 15px 15px; padding: 15px; width: 200px;}
.floatbox a, .floatbox h1, .floatbox h2, .floatbox h3, .floatbox h4, .floatbox h5, .floatbox h6 {background: #f2f3f7 none repeat scroll 0 0;}

/* Two Col with photo on the left 
.blog-post {margin: 0 0 10px; padding: 0 0 10px;position: relative;}
#portfolio-listing {margin-top:15px;}
#portfolio-listing li .portfolio-img { float: left; position: relative; width: 25%;}    
#portfolio-listing li .project-desc {float: right; margin: 0 0 0 20px; width: 60%;}
#content .blog-post h2 {font-size: 1.17em; line-height: 1.3em; margin-bottom: 0.769em; margin-top: 0.769em;}
#content .blog-post h4, h5, h6 {font-size: 0.9em; line-height: 1.3em; margin-bottom: 0.909em; margin-top: 0.909em;}
.blog-post ul li {list-style:none}
.r-image-left { box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); color: #454545; float: left; margin: 5px 10px 0 0; max-width: 30%; min-width: 30%; padding: 8px;}
.email-right {float:right; padding: 0 0 0 15px; }*/

/*End - Styles for Images*/

/* Body Columns */
.div-block {overflow:auto; width:100%;}
.align-left {float:left; margin:0; padding:0;}
.align-right {float:right; margin:0; padding:0;}
.main-content-wrapper {width:100%; height:100%;}
#two-column .main-content { position:relative; border-right:0 none; }
aside .main-content {display:block;}
aside .main-content img {margin:auto; width:auto; max-width:100%;}
aside .main-content .icons img {width:auto; height:auto;}
.main-content img.icon {width:auto; min-width:auto; height:auto;}
.left-col {float:left;}
.mid-col {float:left;}
.right-col {float:left;}
article .main-content { background-color:#ffffff; color:#000000; padding:1.9% 4%; min-height:170px;}
article#three-column .main-content {padding:2.6% 3% 2.6% 4.8%;}
article ul li {list-style-image: url(../images/red-bullet.gif); list-style-type: square; list-style-position:outside; margin-left:0.8em; margin-top: 0.2em;}
article ul {margin-bottom:15px;}
article ol {margin-bottom:15px; padding-left:1.2em;}
article ul ul {padding: 3px 0 3px 20px; margin: 3px 0;}
article ul ul li {list-style-image: url(../images/blue-bullet.png);}
article ul li img {list-style-type:none;}
article ul ul li img {list-style-type:none;}
article li strong {font-size: 0.93em;}
.roadmap-wraps {clear:both; width:99%;}
.roadmap-wraps li {font-size:0.85em; list-style: none; list-style-image: none; margin: 4px; padding: 0;}
.roadmap-wraps select {width:243px;}
.roadmap-wraps h3 {padding-top:15px;}
.roadmap-wraps h2 {color:#0c387c; font-size:1.2em;}
.roadmap-left {float:left;}
.roadmap-right {float:right;}
.go-button {padding:2px; margin:0; width:35px; background-color:#ab0000; border-radius:5px; color:#ffffff; -webkit-appearance: none; border:0;
background-color: #ab0000;
background-image: -moz-linear-gradient(-225deg,  #ab0000 0%, #c96365 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ab0000), color-stop(100%,#c96365));
background-image: -webkit-linear-gradient(-225deg,  #ab0000 0%,#c96365 100%);
background-image: -o-linear-gradient(-225deg,  #ab0000 0%,#c96365 100%);
background-image: -ms-linear-gradient(-225deg,  #ab0000 0%,#c96365 100%);
background-image: linear-gradient(325deg,  #ab0000 0%,#c96365 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0000', endColorstr='#c96365',GradientType=1 );
}
.go-button:active {color:#efb9ba;}
.go-button:hover {color:#cecece;
background-image: -moz-linear-gradient(-85deg,  #ab0000 0%, #c96365 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ab0000), color-stop(100%,#c96365));
background-image: -webkit-linear-gradient(-85deg,  #ab0000 0%,#c96365 100%);
background-image: -o-linear-gradient(-85deg,  #ab0000 0%,#c96365 100%);
background-image: -ms-linear-gradient(-85deg,  #ab0000 0%,#c96365 100%);
background-image: linear-gradient(185deg,  #ab0000 0%,#c96365 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0000', endColorstr='#c96365',GradientType=1 );}
.go-button:visited {color:#efb9ba;}
/*h6 {font-size: 1.1em; color:#0c387c; margin: 10px 0 .5em 0; font-weight:400; background-color:#ffffff; margin:0; padding-top:15px;}
h6:first-of-type {border-top:0;}*/
p strong {font-size:.97em; font-weight:600;}
.rslides.rslides1 > li {list-style: none outside none;}


#three-col p { margin: 0;}
#two-col p { margin: 0;}
/* three column section layout 11-20-14 */
#three-col {display:block; overflow:hidden; width:100%; height:auto; position:relative; margin-top:20px;}
#three-col #col-left {float:left; width: 30.65%; padding-right:2%;}
#three-col #col-mid {float:left; width: 30.65%; padding-right:2%; padding-left:2%;}
#three-col #col-right {float:left; width: 30.65%; padding-left:2%;}
#three-col h1, #three-col h2, #three-col h3 {margin-bottom:8px;}
#three-col img {background: #ffffff; margin:0 10px 0 0; height:auto;}
/* END - three column section layout 11-20-14 */

/* two column section layout 11-20-14 */
#two-col {display:block; overflow:hidden; width:100%; height:auto; position:relative; margin-top:20px;}
#two-col #col-left {float:left; width:47.35%; padding-right:2%;}
#two-col #col-right {float:left; width:47.35%; padding-left:2%;}
#two-col h1, #two-col h2, #two-col h3 {margin-bottom:8px;}
#two-col img {background: #ffffff; height:auto;}
/* END - two column section layout 11-20-14 */

/* two column 2/3 section layout 06-10-15 */
#two-col #col-left-twothirds {float:left; width:66%; padding-right:1%;}
#two-col #col-right-onethird {float:left; width:30%; padding:0 2% 0 1%;}
/* END - two column section layout 11-20-15 */

/* two column 1/3 2/3 section layout 03-17-17 */
#three-col #col-left-onethird {float:left; width:30%; padding-right:1%;}
#three-col #col-right-twothirds {float:left; width:66%; padding:0 2% 0 1%;}
/* END - two column section layout 03-17-17 */

/* two column 1/3 2/3 section layout 03-17-17 */
#audience-three-col {display:block; overflow:hidden; width:100%; height:auto; position:relative;}
#audience-three-col #col-left-onethird {float:left; width:30%; }
#audience-three-col #col-right-twothirds {float:left; width:70%;}
/* END - two column section layout 03-17-17 */

/* two column div section - 12-08-14 */
#two-col-no-content-wrap {width:100%;}
.col1-left {float:left; max-width:48.5%; margin-right:1.5%; margin-bottom:10px;}
.col2-left {float:left; max-width:48.5%; margin-left:1.5%; margin-bottom:10px;}
/*.col1-left img, .col2-left img {max-width: 99%; width: auto; height: auto;}*/
/* END - two column div */

/* three column div section - 12-08-14 */
#three-col-no-content-wrap {width:100%;}
.col1-left-3col {float:left; /*max-width:32%;*/ margin-right:1.2%; margin-bottom:10px;}
.col2-left-3col {float:left; /*max-width:32%;*/ margin-left:1.2%; margin-right:1.2% margin-bottom:10px;}
.col3-left-3col {float:left; /*max-width:32%;*/ margin-left:1.2%; margin-bottom:10px;}
/*.col1-left img, .col2-left img, .col2-left img {max-width: 99%; width: auto; height: auto;}*/
/* END - two column div */

/* End - Body Columns */

/*Footer*/
/*footer {font-size: 1.2em;}*/
.footer-info li a:link, .footer-info li a:visited { text-decoration:none; } 
.footer-info li a:hover, .footer-info li a:focus, .footer-info li a:active { text-decoration:underline; }
.footer-info ul li.deptname { color:#002c77; font-weight:bold; }
.footer-info {clear:both; width:100%; color:#393939; background-color:#E9EBED; border:0;}
footer a:link {color: #1c4384; text-decoration:none; background-color:#E9EBED;}
footer a:visited, footer a:hover, footer a:active {color: #1c4384; text-decoration:underline; background-color:#E9EBED;}
footer ul li {list-style:none; margin:0; padding:0 0 5px 0;}
.right-col {display:block;}
#footer-social {display:block; float: left; width: 16px; padding-left:0.6%; }
/* End Footer */

/* Buttons, PDF, Images CSS and Other */
#pdfbutton { position: absolute; right: 4.2%; }
.pdf-button {display:block; padding:2 2px 2px 2px; height:20px; margin:0; background-color:#ab0000; border-radius:5px; color:#ffffff; font-size:0.71em; line-height:18px; text-align:center; -webkit-appearance: none; border:0;
background-color: #ab0000;
background-image: -moz-linear-gradient(-225deg,  #ab0000 0%, #c96365 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ab0000), color-stop(100%,#c96365));
background-image: -webkit-linear-gradient(-225deg,  #ab0000 0%,#c96365 100%);
background-image: -o-linear-gradient(-225deg,  #ab0000 0%,#c96365 100%);
background-image: -ms-linear-gradient(-225deg,  #ab0000 0%,#c96365 100%);
background-image: linear-gradient(325deg,  #ab0000 0%,#c96365 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0000', endColorstr='#c96365',GradientType=1 );
}
.pdf-button:active {color:#efb9ba;}
.pdf-button:hover {color:#cecece;
background-image: -moz-linear-gradient(-85deg,  #ab0000 0%, #c96365 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ab0000), color-stop(100%,#c96365));
background-image: -webkit-linear-gradient(-85deg,  #ab0000 0%,#c96365 100%);
background-image: -o-linear-gradient(-85deg,  #ab0000 0%,#c96365 100%);
background-image: -ms-linear-gradient(-85deg,  #ab0000 0%,#c96365 100%);
background-image: linear-gradient(185deg,  #ab0000 0%,#c96365 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0000', endColorstr='#c96365',GradientType=1 );}
.pdf-button:visited {color:#efb9ba;}

#pdfbutton a:link, #pdfbutton a:visited, #pdfbutton a:hover, #pdfbutton a:active {text-decoration: none;}

#give a, #givesub a { background: url("//www.fresnostate.edu/omniresources/images/btn_givenow.gif") no-repeat scroll 0 0 transparent; display: block; height: 0; overflow: hidden; padding-top: 66px; width: 152px;}


/* Responsive Contact Form */   
form.contact-form  {overflow:hidden; margin:0; position:relative; width:90%; font-family: Tahoma, Geneva, sans-serif; font-size: 0.83em; line-height: 24px; color: #002c76; text-decoration: none; padding:20px; border: 1px solid #b4b4b4; border: inset 1px solid #333; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }
form.contact-form-3col  {overflow:hidden; margin:0; position:relative; font-family: Tahoma, Geneva, sans-serif; font-size: 0.83em; line-height: 24px; color: #002c76; text-decoration: none; padding:20px; border: 1px solid #b4b4b4; border: inset 1px solid #333; -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }
input.textbox { width:90%; display:block; margin-bottom: 10px; border: 1px solid #b4b4b4; height: 18px; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
select.textbox { width:50%; display:block; margin-bottom: 5px; border: 1px solid #b4b4b4; height: 20px; -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
textarea { width:90%; margin-bottom: 10px; height:100px; display:block; border: 1px solid #b4b4b4; font-family: Tahoma,Geneva,sans-serif; color:#000000; font-size:1em; letter-spacing:0.08em;}
input#submit-form {position: static; width: 100px; height: 28px; margin:10px 8% 0 0; float:right; border: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-weight:bold; background: #af0707; color: #ffffff; font-family: Tahoma, Geneva, sans-serif; }
input#submit-form:hover {background-color:#002c76;}
.submit-button, a.submit-button, article a.submit-button {cursor:pointer; text-align:center; background-color:#002c76 !important; border: medium none; color: #fff !important; font-size: 90%; padding: 4px 8px; width: auto; text-decoration:none; transition: all 0.2s ease 0s;}
.submit-button:hover, a.submit-button:hover, article a.submit-button:hover  {background-color:#af0707 !important; text-decoration:none; color:#ffffff;}
input#cancel {position: static; width: 100px; height: 28px; margin:10px 0 0 0; border: none; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; font-weight:bold; background: #af0707; color: #ffffff; font-family: Tahoma, Geneva, sans-serif; }
input#cancel:hover {background:#002c76;}
textarea:focus, input:focus { border: 1px solid #09C; }
.checkboxes {display: block; margin: 5px 0 0 0;}
.radioboxes {display: block; margin: 5px 0 0 0;}
fieldset {border: 1px solid #cccccc; padding: 3px; width: 89%; margin-bottom: 10px;}
fieldset label {padding: 0 10px 0 5px;}
fieldset legend {margin: 0 0 0 -3px; padding: 0 4px;}
input[type=submit]:disabled {background-color:#B2B9BF;}
fieldset.required.unchecked {background-color:#f0dddd; border:1px solid #ab0000;}
.float-left {float:left; margin: 10px 5% 0 0;}
.clear-both {clear:both;}
#jumpMenu {width: 15%;}
div.multi-col { -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2;}

    
@media only screen and (min-width: 481px) and (max-width: 979px) {
form.contact-form {width:85%;}
input.textbox {width:92%;}
textarea {width:93%;}
/*input#submit-form {position: static; margin:10px 0 0 30px;}*/
#jumpMenu {width: 21%;}
    }
@media only screen and (min-width: 0px) and (max-width: 480px) {
form.contact-form {width:86%;}
input.textbox {width:92%;}
textarea {width:93%;}
input#submit-form {margin:10px 0 0 20px; float:right;}
input#cancel {margin:10px 0 0 0; float:left;}
form.contact-form > label {font-size:1.3em; margin:0 auto;}
    
#jumpMenu {width: 100%;}
    }

/* Responsive Video and iframes removed padding-top: 30px;  */
.iframe-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } 
.iframe-container iframe, .iframe-container object, .iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
iframe[id^='twitter-widget-'] {width: 100% !important; max-width: 100% !important;}

input.writein {width:87%;}

.gototop img {padding-right:3px;}
.gototop {font-size: 0.75em; padding-top: 10px; clear: both; width: 99%;}
/* End - Buttons, PDF, Images CSS and Other */

/* End - AS Code */

/* Genral Style for Faculty Table */
.faculty-tbl {font-size:0.85em}
p {margin: 10px 0;}
/*  Generic Styling, for Desktops/Laptops */
table { width: 100%; border-collapse: collapse; font-size:0.95em; }
/* Zebra striping */ 
tr, tr td * {background-color: #f8f8f8;}
tr:nth-of-type(odd), tr:nth-of-type(odd) td * { background: #eee; }
th { background: #d7dce4; color:#214786;  font-weight: 400; }
td, th { padding: 6px;  border: 1px solid #ffffff;  text-align: left; vertical-align:top;}
th a {background-color:#d7dce4; color:#214786;}


/* print styles */
 
@media print {
* { background: color:#fff !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font: 10pt Georgia, "Times New Roman", Times, serif;}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
        
@page { margin: 40px 35px; }
article {margin: 40px 35px;}
p, h2, h3 { orphans: 3; widows: 3;}
h2, h3 { page-break-after: avoid;}

#logo img {width:300px; margin-top:10px; margin-right:20px;}
#logo h1 {display: none !important;}
.to-top, .ui-link, .gototop {display: none;}
#quicklinks, #quicklinks-m, #emergency, #banner, #m-main-nav, #tab-main-nav, #side-nav, #search-area-screen, #search-area-m, #search-box #quicklinks-m, #contentDivImg {display: none;}
footer, nav {display: none;}
}

/*DESKTOP*/
/* Desktop Layout */

@media only screen and (min-width: 781px) {
header {height: 63px;}
/* Logo and Slogan */
#logo img {max-width:130%}
#logo {width:340px; padding:2.5% 0 .7% 2.5%;}
/* End - Logo and Slogan */
/* Quick Links-m */
#quicklinks-m {display:none;}
/* End - Quick Links */
/* End - Search Box */

/* Top Banner */
#banner {height:auto; min-height: 75px; padding: 2% 0 1% 2.5%;}
#banner h1 {font-size:3em; font-weight:400; font-family:'vegurregular', Arial, Helvetica, sans-serif;}
#banner h2 {font-size:1.1em; font-weight:200; font-family:'vegurregular', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 0.1em; padding-top:0; }
/* End - Top Banner */

/* Main Navigation */
#m-main-nav {display:none;}
#homenav select {display: none;}
#tab-main-nav a {text-transform:uppercase;}
/* End - Main Navigation */

/* Content Area and Side Bars */
.main-content-wrapper {position: relative;}
#side-nav {border-bottom-left-radius: 10px; border-right:1px solid #e9e9e9; }
.main-content-wrapper .leftbar_holder {width:20.6%; float:left;}
.home-content-wrapper .leftbar_holder {width: 16.5%; float:left;}
.leftbar_2 {padding: 5%; font-size: 1.15em;}
.leftbar_2 img {width: 100%; height:auto; margin-bottom:5px;}
.icon, img.icon, .main-content-wrapper a img.icon, .leftbar_2 img.icon, .leftbar_2 a img.icon {width:auto; height:auto;}
/*  End - Side Navigation */

/* Search Area */
#search-area-m {display:none;}
/*#search-area-screen {margin:0 15% 0 0;}*/
#search-area-screen .m-search em { padding-left:6%; font-size:1.1em; font-weight: 400; font-style:normal; letter-spacing: -0.02em; color:#ab0000; background-color:#e9ebed; }
/* End - Search Box */

/* Pages Main Content */
.multi-columns {-moz-column-width: 15em; -webkit-column-width: 15em; -moz-column-gap: 1em; -webkit-column-gap: 1em;}
article {width: 57.2%; float:left; font-size: 1.3em; }
/*article {width: 53.4111111111%;}*/
#two-column {width: 78%; float:left;}
article p {font-size:.95em; line-height:1.3em;}
article li {font-size:.93em; line-height:1.3em;}
.roadmap-left {width:280px;}
.roadmap-right {width:280px;}

/* End - Pages Main Content */

/* Footer*/
.footer-info {display:block; padding:3% 0% 0% 0%;}
.footer-info .left-col {margin-left: 2.5%; width:17.49%;}
#homefooter.footer-info .left-col { margin-left: 1.3%;width: 14.5%;}
.footer-info .mid-col {margin:0 0 3% 2%; padding-left:1.2%; }
.right-col {float:right; width:48%; padding-right:3.5%;}
.right-col #footercol3 {float:right; margin:0 0 2% 5%;}
.right-col #footercol4 {float:right; margin:0 0 2% 5%;}
.lg_space { margin-top: 12%;}
/* End - Footer */
}

/* Mobil Table for Faculty */
@media 
only screen and (max-width: 768px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {}

/*TABLET*/
/* Tablet Layout */

/* 2 Column with top spanning menu for Medium Browser Windows and Portrait Tablets. */
@media only screen and (min-width: 481px) and (max-width: 779px) {

input::-moz-focus-inner {border:0;}
:focus {outline:0;}
/* Main Container */
.gridContainer {width:100%; margin:auto; overflow:hidden;}
/* End - Main Container */
header {height: 63px;}
/* Logo and Slogan */
#logo img {max-width:119.5%;}
#logo {width:40%; min-width:300px; padding:2.5% 0 .7% 2.5%;}
/* End - Logo and Slogan */
#emergency { clear: both;}
/* Quick Links-m */
#quicklinks-m {display:none;}
/* End - Quick Links */

/* Top Banner */
#banner { padding:1.5% 0% 1.5% 2.5%;}
#banner h1 {font-size:2.2em; font-weight:400; font-family:'vegurregular', Arial, Helvetica, sans-serif; color: #ffffff; margin-bottom:5px;}
#banner h2 {font-size:0.85em; font-weight:200; font-family:'vegurregular', Arial, Helvetica, sans-serif; text-transform:uppercase; color: #ffffff; letter-spacing: 0.1em;}
/* End - Top Banner */

/* Carousel */
#carousel {height:150px;}

/* Main Navigation */
#homenav select {display: none;}
#homenav li { font-size: 1.2em; width:auto; }
#m-main-nav {display:none;}
/* End - Main Navigation */
    
/* Left Side Navigation */
#side-nav {border-bottom-left-radius: 10px; border-right: 1px solid #e9e9e9;}
.main-content-wrapper .leftbar_holder {width:25%; float:left;}
.home-content-wrapper .leftbar_holder {width: 16.5%; float:left;}
.leftbar_2 {padding: 5% 5%; font-size: 1.15em;}
.leftbar_2 img {max-width: 100%; height: auto; }
/*  End - Left Side Navigation */

/* Content Area and Side Bars */
.main-content-wrapper {position: relative;}
article {width: 75%; float:left; font-size: 1.3em; }
article .main-content {border-right:0;}
/*article {width: 53.4111111111%;}*/
#two-column {width: 76%; float:left;}
aside {float: left; font-size: 1.2em; margin: 0; margin-left:25%; width: 75%; background-color: #f1f3f4; border-radius:0; margin-bottom:2%; border-bottom-left-radius: 10px;}
aside .main-content {border: 0 none; border-bottom-left-radius: none; box-shadow: none; padding: 3%;}
article #three-col ul li {list-style: inside url("../images/red-bullet.gif") square;}

/* three column section layout 11-20-14 */
#three-col {display:block;}
#three-col #col-left {display:block; clear:both; width:100%; padding:0;}
#three-col #col-mid {display:block; clear:both; width:100%; padding:0;}
#three-col #col-right {display:block; clear:both; width:100%; padding:0;}
#three-col h1, #three-col h2, #three-col h3 {margin-bottom:8px; margin-top:20px;}
#three-col img {width:40%; float:left; margin-bottom:0;}
#three-col #col-left > h1, #three-col #col-left > h2, #three-col #col-left > h3 {margin-top: 0;}
/* END - three column section layout 11-20-14 */

/* two column section layout 11-20-14 */
#two-col {display:block;}
#two-col #col-left {display:block; clear:both; width:100%; padding:0; margin-top: 2em;}
#two-col #col-right {display:block; clear:both; width:100%; padding:0;}
#two-col #two-col h1, #two-col #three-col h2, #two-col #three-col h3 {margin-bottom:8px; margin-top:20px;}
#two-col img {width:40%; float:left; margin-bottom:0;}
#two-col #col-left > h1, #two-col #col-left > h2, #two-col #col-left > h3 {margin-top: 0;}
/* END - two column section layout 11-20-14 */

/* END - Content Area and Side Bars */

/* Search Area */
#search-area-m {display:none;}
#search-area-screen {/*margin:5% 2% 5% 0;*/}
#search-area-screen .m-search em {font-size:1em; padding-left:5%; color:#ab0000; background-color:#e9ebed; font-style:normal;}
#pageheader #search-box #searchwrapper {width:40%}
/* End - Search Box */

/* Pages Main Content width: 53.4111111111%;*/
.go-button {padding:4px;}
#two-column {width: 75%; float:left; font-size: 1.3em;}
article li, article p {font-size:.95em; line-height:1.3em;}
.roadmap-left {width:280px;}
.roadmap-right {width:280px;}
/* End - Pages Main Content */



/* Two Col with photo on the left */
#portfolio-listing li .project-desc {float: left; margin:0; width:100%;}
.project-desc > h2 {margin: 0.85em 0 0.75em 0;}
.r-image-left {max-width: 35%; max-width:35%; }
.email-right {float: none; padding:0 0 0 10px; }

/* Footer*/
.footer-info {padding:3% 0% 1% 0%;}
.footer-info .left-col {margin-left: 3%}
.footer-info .mid-col {margin:0 0 3% 5%; }
.right-col {float:right; width:22%; margin-right:1%;}
/*.right-col #footercol3 {width:42%;}*/
/*.right-col #footercol4 {width:42%;}*/
.red-line {margin:0; clear:both; width:100%; height:7px; background-color:#959595;}
#footercol3 {margin:20px 0 10px 0;}
.lg_space { margin-top: 50%;}
/* End - Footer */
}


/* Home page style when design starts to break on smaller device */
@media only screen and (min-width: 30px) and (max-width: 720px) {
    #logo { min-width: 200px; width: 45%;}
    #homeheader #search-box #selectContainer { margin: 20px 2% 0; }
    #homeheader #search-box #searchwrapper { margin: 10px 2% 0 0; width: 65%; }
    #homeheader #search-box { width:40%;}
    
}

/* Sub pages style when design starts to break on smaller device */
@media only screen and (min-width: 30px) and (max-width: 620px) {
    #logo { min-width: 300px; width: 30%; height:40px;}
    #logo img {margin-left:-200000px;}
    #logo {background: url(//www.fresnostate.edu/omniresources/responsive/images/fresnostate-logo.gif) no-repeat 15px 10px; background-size: 280px;}
    #pageheader #search-box #selectContainer { margin: 3px 2% 0; }
    .selectElement {top:5px; right:45px;}
    #pageheader #search-box #searchwrapper { margin: 3px 2% 0 0; width: 82%; }
    #pageheader #search-box { width: 32%;}
    #homenav {background:none; border:none; height:auto;}
    #homenav {background-color:#DDDFE2;}
    #homenav {padding: 0.5em 1em 0.2em;}
    #homenav ul     { display: none; }
    #homenav select { display: inline-block; }
    .selectContainer {
    background: url("../images/m-bt-arrow-down.gif") no-repeat scroll right center #DDDFE2;
    border: 1px solid #BABABA;
    border-radius: 7px 7px 7px 7px;
    color: #000000;
    height: 18px;
    padding: 6px 0 0 8px;
    width: 116px; }
    
}

@media only screen and (min-width: 30px) and (max-width: 540px) {
#search-box { display: none;}
}
/*Portrait Tablet Exceptions to adjust padding in content areas. */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


}
/* Landscape Tablet Exceptions to adjust padding and reduce font size. */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    
} 

/*MOBILE*/
/* Mobile Layout: 480px and below. */

@media only screen and (min-width: 0px) and (max-width: 480px) {
/* Main Container */
.container {width:100%; margin:auto; overflow:hidden;}
/* End - Main Container */

/* Logo and Slogan */
#logo {background: url(//www.fresnostate.edu/omniresources/responsive/images/fresnostate-logo.gif) no-repeat 0 8px / 200px auto rgba(0, 0, 0, 0); width: 220px; height: 33px;}
#logo .logo-screen img {display:none;}
#logo .m-logo-spacer {position: absolute; left: 0; top: 0; width: 100%; height: 40px;}
#pageheader {display:block; text-align:center; margin:0 auto; width:200px; min-height: 40px;}
/* End - Logo and Slogan */
/* PDF Button */
#pdfbutton {top: -1%;}
/* Social Media Icons */
#pageheader #search-box {display:none;}
.social-media {display:none;}
/* End - Social Media Icons */
/* Quick Links */
#quicklinks { display:none;}
/* End - Quick Links */

/* Top Banner */
#site-search {display:none;}
#banner { padding:2.5% 2% 2% 2.3%;}
#banner h1 {font-size:2.2em; font-weight:400; font-family:'vegurregular', Arial, Helvetica, sans-serif; color: #ffffff; margin-bottom:5px;}
#banner h2 {font-size:0.85em; font-weight:200; font-family:'vegurregular', Arial, Helvetica, sans-serif; text-transform:uppercase; color: #ffffff; letter-spacing: 0.1em;}
/* End - Top Banner */

/* Carousel */
#carousel {height:60px;}

/* Main Navigation */
#homenav ul     { display: none; }
#homenav select { display: inline-block; }
#tab-main-nav {display:none;}
#m-main-nav {overflow:hidden; text-transform:none; background: #ab0000; color:#ffffff;}
#m-main-nav ul li {float:left; display:block; height:35px; line-height:2em; padding:3% 0 0 0;}
#m-main-nav ul li:first-of-type {padding-top:3%;}
#m-main-nav ul li:last-of-type {padding-top:3%;}
#m-main-nav ul li:last-of-type a {border-left:0;}
#m-main-nav ul li:first-of-type a {border-left:0.3em solid #ab0000; margin-left:0.2em; padding-left:0.3em; font-weight:bold;}
#m-main-nav ul li:first-of-type a:hover {border-left:0.3em solid #ffffff;}
#m-main-nav li a {border-left:0.3em solid #ab0000; margin-left: 0.8em; padding-left:0.3em; color: #ffffff; background: #ab0000; text-decoration: none; font-size: 1.2em; font-weight:bold;}
#m-main-nav li a:hover {border-left:0.3em solid #ffffff;}
/*#m-main-nav b {color:#df7a7d; background: #ab0000; font-size: 1.8em; font-weight:100;}*/
ul#contentDivImg {padding:0 .5% 0 9.3%;}
/* End - Main Navigation */

/* Side Navigation */
#side-nav {background-color:#ffffff;}
ul.leftnav li a {font-size:1.4em; }
ul.leftnav ul li a {font-size:1.5em;}
.leftbar_holder .leftbar_2 {display: none;}
.leftbar_2_mobile {display:block; padding:4% 4.5% 1% 4.5%; font-size:1.2em;}
.leftbar_2_mobile a img {height: auto; min-width: 85%; width:100%; margin-bottom:1em;}
/* End- Side Navigation */

/* Search Area Mobil */
/* Search Box */
#homeheader #search-box {display: none;}
#search-area-screen {display:none;}
#search-area-m .m-search em {display:none;}
#search-area-m {clear: both; width:81%; margin:1% 8% 1% 10%;}
#m-searchwrapper {position:relative; /*important*/ display:block; width:100%; /*follow your image's size*/ height:40px;/*follow your image's size*/ background:url(../images/m-bt-mag-glass.png) no-repeat right #dddfe2; color:#000000; margin-top:10px; border:1px solid #bababa; border-radius: 14px;}
.searchbox { -webkit-appearance: none; border:0; border-radius:14px; background-color: transparent; /*important*/ width:70%; padding-left:5%; margin:1% 0 0 1%; height:30px; font-size:1.3em; }
.searchbox_submit { border:0; border-radius:14px; background-color: transparent; /*important*/ position: absolute; /*important*/ visibility: visible; top:1px; left:82%; width:40px; height:40px; }
/* End - Search Box */

/* Quick Links, Mobil */
#quicklinks-m {clear: both; height: 43px; line-height:3.1em; margin:5% 8% 5% 10%; border:0; font-size: 1.2em; font-weight:100;}
#selectContainer-m h5 {color:#0c387c; background:#dddfe2; margin-right: 5em; margin-top: -0.2em; padding:0;}
.selectElement-mb {width:270px;}
.selectElement-m { -webkit-appearance: none; -moz-appearance:none; opacity:0; border:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=0); width: 100%; height: 43px; }
#selectContainer-m { background: url(../images/m-bt-ql-arrow.png) no-repeat right #dddfe2; color:#000000; width:78%; height:43px; position: absolute; z-index:0; padding:3px 0 0 15px; border-radius:14px; border:1px solid #bababa; }
/* End - Quick Links, Mobil */
/* End - Search Area */

/* Pages Main Content */
    
h1, h2, h3, h4, h5, h6 {font-weight:bold;}

.main-content-wrapper img {float:none; min-width: 98%;}
.main-content img, aside img {margin: 10px 0;}
.main-content-wrapper a img {min-width:5%;}
.go-button {padding:3px; width: 40px; float:right; font-size:1em; margin: 3px 0 -20px 0;}
article {clear:both; padding:15px 10px 15px 10px; font-size:1.3em; margin-top: 2%;}
article ul {font-size: 1.2em; margin-left:0;}
article ul ul {padding-left:12px;}
article ul ul li {font-size: 0.8em; margin-left:0;}
article .main-content {width:91%; padding:4.5%; 
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
/*-webkit-box-shadow:  5px 5px 8px 2px rgba(0, 0, 0, .2);
 box-shadow:  5px 5px 8px 2px rgba(0, 0, 0, .2);*/
-webkit-background-clip: padding-box;
border-right:0 none; border-left:0 none;
}
article#three-column .main-content {padding: 4.5%;}
.roadmap-left {width:100%;}
.roadmap-right {width:100%;}
aside {float: left; font-size: 1.2em; margin: 8% 0 5%; width: 100%; }
aside .main-content ul li {font-size:1.1em;}
aside .main-content {padding: 3% 4.5% 5% 4.5%;}
p {font-size:1.3em;}

.r-gallery-left {max-width: 96%; margin: 5px 0 15px;}

.r-gallery-right { max-width: 96%; margin: 5px 0 15px;}

.r-gallery-center { max-width: 96%; margin: 5px 0 15px;}

.r-gallery-left .img-sm, .r-gallery-right .img-sm, .r-gallery-center .img-sm {margin-bottom:3px;}

img.five-icons-2col {max-width:95%; height:auto; margin:0;}
    
.icon, img.icon, .main-content-wrapper a img.icon, .main-content-wrapper img.icon .leftbar_2 img.icon, .leftbar_2 a img.icon {height: auto;width: auto;}
.icon, img.icon, .main-content-wrapper a img.icon, .main-content-wrapper img.icon .leftbar_2 img.icon, .leftbar_2 a img.icon {height: auto; width: auto;}
.imagerightnoborder.icon {float: right;}
.imageleftnoborder.icon {float: left;}
.imageright.icon {float: right;}
.imageleft.icon {float: left;}

/* Two Col with photo on the left */
.project-desc p {font-size: 0.95em;}
#portfolio-listing li .project-desc {float: left; margin:0; width:100%;}
.project-desc > h2 {margin: 0.85em 0 0.75em 0;}
.r-image-left {max-width: none; }
.email-right {float: right; padding:0 215px 0 0; font-size:0.75em;}

/* three column section layout 11-20-14 */
#three-col {display:block;}
#three-col #col-left {display:block; clear:both; width:100%; padding:0;}
#three-col #col-mid {display:block; clear:both; width:100%; padding:0;}
#three-col #col-right {display:block; clear:both; width:100%; padding:0;}
#three-col h1, #three-col h2, #three-col h3 {margin-bottom:8px; margin-top:20px;}
#three-col img {min-width: 97.5%; max-width:100%; margin:0;}
#three-col img.icon {min-width: 48px; max-width:48px; margin:0;}
#three-col #col-left > h1, #three-col #col-left > h2, #three-col #col-left > h3 {margin-top: 0;}
/* END - three column section layout 11-20-14 */

/* two column section layout 11-20-14 */
#two-col {display:block;}
#two-col #col-left {display:block; clear:both; width:100%; padding:0; margin-top: 2em;}
#two-col #col-right {display:block; clear:both; width:100%; padding:0;}
#two-col h1, #three-col h2, #three-col h3 {margin-bottom:8px; margin-top:20px;}
#two-col img {min-width: 97.5%; max-width:97.5%; margin:0;}
#two-col img.icon {min-width: 48px; max-width:48px; margin:0;}
#two-col #col-left > h1, #two-col #col-left > h2, #two-col #col-left > h3 {margin-top: 0;}
/* END - two column section layout 11-20-14 */

/* two column div section - 12-08-14 */
#two-col-no-content-wrap {width:100%;}
.col1-left {float:none; max-width:100%; margin:0;}
.col2-left {float:none; max-width:100%; margin:0;}
/*.col1-left img, .col2-left img {max-width: 99%; width: auto; height: auto;}*/
#two-col-no-content-wrap .icon {width: 48px; max-width:48px; min-width:48px; }
/* END - two column div */

/* three column div section - 12-08-14 */
#three-col-no-content-wrap {width:100%;}
.col1-left-3col {float:none; max-width:100%; margin:0;}
.col2-left-3col {float:none; max-width:100%; margin:0;}
.col3-left-3col {float:none; max-width:100%; margin:0;}
/*.col1-left img, .col2-left img, .col2-left img {max-width: 99%; width: auto; height: auto;}*/
#three-col-no-content-wrap .icon {width: 48px; max-width:48px; min-width:48px; }
/* END - two column div */

img.imageborder-max {max-width: 100%; width:99%;}
img.imageborder-500 {max-width: 100%; width:99%;}
img.imageborder-400 {max-width: 100%; width:99%;}
img.imageborder-300 {max-width: 100%; width:99%;}
img.imageborder-200 {max-width: 100%; width:99%;}
img.imageborder-150 {max-width: 100%; width:99%;}
img.imageborder-100 {max-width: 100%; width:99%;}
img.imagenoborder-max {max-width: 100%; width:99%;}
img.imagenoborder-500 {max-width: 100%; width:99%;}
img.imagenoborder-400 {max-width: 100%; width:99%;}
img.imagenoborder-300 {max-width: 100%; width:99%;}
img.imagenoborder-200 {max-width: 100%; width:99%;}
img.imagenoborder-150 {max-width: 100%; width:99%;}
img.imagenoborder-100 {max-width: 100%; width:99%;}

iframe {width:99%;}

/* End - Pages Main Content */

/* Footer*/
.footer-info {padding:3% 0% 0% 0%;}
.footer-info .left-col {margin-left: 6.5%; width: 43%;}
.footer-info .mid-col {margin-left: 5%}
.right-col {clear:both; width:100%; padding:3% 0 3% 2.5%; border-top:1px solid #aaaaaa; }
.right-col #footercol3 {float:right; width:40%;}
.right-col #footercol4 {float:right; width:40%; margin:0 8.5% 0 7%;}
.red-line {margin:0; clear:both; width:100%; height:7px; background-color:#959595;}
.lg_space {display:none;}
/* End - Footer */
}

/* added new */

/*CSS3 multiple columns.*/
/* Get em size for colums: 184/16 */   
#multiple.columns
{    
    -moz-column-width: 11.5em; /* Firefox */
    -webkit-column-width: 11.5em; /* webkit, Safari, Chrome */
    column-width: 11.5em; 
}
/*remove standard list and bullet formatting from ul*/
#multiple.columns ul 
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
/* correct webkit/chrome uneven margin on the first column*/
#multiple.columns ul li:first-child
{
    margin-top:0px;
}
/* End - CSS3 multiple columns.*/
/*style for table caption*/     
caption {min-width: 100%; width: 360px; margin-bottom: 3px; text-align: left; font-size: 0.95em; text-transform: uppercase;}
        
/* End - Mobil Styles */ 
        
        
        
        
        
/* DIVISION TEMPLATE STYLES FOR THE CONTENT AREA AND TOP NAVIGATION ONLY*/
/* Desktop  Layout*/

/* Top Navigation */
#topnav h2 {display:none;}
#topnav select {display: none;}
#topnav span {display: none;}
#topnav { background: url("//www.fresnostate.edu/home/images/primary_nav_bkgrnd_tile.gif") repeat-x scroll 0 0 #FFFFFF; border-top: 1px solid #D1D1D1; margin: 0 auto; padding: 0; height: 33px; width: 100%;}
#topnav ul, #topnav li {list-style: none outside none; margin: 0; padding: 0;}
#topnav li { border-right: 1px solid #D1D1D1; float: left; font-size: 1.3em; margin: 0; padding: 0; text-align: center; text-transform: uppercase; width: 24.8%; }
#topnav li.firstbttn { border-left:0; }
#topnav li.lastbttn{ border-right:0; }
#topnav li a { background: url("//www.fresnostate.edu/home/images/primary_nav_bkgrnd_tile.gif") repeat-x scroll 0 0 #FFFFFF; display: block; padding: 9px 13px 6px;}
#topnav li a:link, #topnav li a:visited, #topnav li a:hover, #topnav li a:active, #topnav li a:focus { color: #4C4C4C; font-family: 'vegurregular', Arial,Helvetica,sans-serif; font-size: 0.93em; font-weight: 300; letter-spacing: 0.03em; text-decoration: none; }
#topnav li a:hover { color: #ab0000; }
/* End - Top Navigation */  
/* Left Navigation */
#topleftcontent { float: left; margin: 0; min-height: 250px; padding: 0; width: 33%;}
#topleftcontent ul { float: left; list-style: none outside none; margin: 0; padding: 0;}
#topleftcontent li { border-bottom: 1px solid #D1D1D1; border-right: 1px solid #D1D1D1; float: left; margin: 0; padding: 0; width: 100%;}
#topleftcontent li a {background-color: #F8F8F8; background-image: -moz-linear-gradient(center top , #fff, #F4F4F4); color: #ab0000; display: block; padding: 24px 10px 22px 20px; text-decoration: none; text-transform: uppercase;}
#topleftcontent li a:hover, #topleftcontent li a:active, #topleftcontent li a:focus { background: none repeat scroll 0 0 #FFFFFF;}
/* End - Left Navigation */
#carousel {width:67.001%; height:259px; background-color:#cccccc; float:left; overflow:hidden;}
/* Main Content Area */
article {padding:0; margin:0;}
.content_wrapper {display:block; overflow:hidden; width:100%;}
.content_area {display:block; float:right; overflow:hidden; width:66%;}
.midcontent {width:48%; float:left; padding: 1.5% 1.5% 1% 0.5%;}
.rightbar_holder {width:46%; float:right; padding: 1.5% 2% 1% 1.5%;}
.leftcontent_holder {width:30%; float:left; padding: 1.5%;}
#leftbar_2 > a > img {padding-bottom: 10px;}

#rightbar_1 img, #rigth_bar2 img, #leftbar_2 img {display:block; margin:0 auto; padding:0; border-style:none;}
#leftbar_2 a:link, #rightbar_1 a:link, #rightbar_2 a:link {color:#24509C;}
#leftbar_2 p, #rightbar_1 p, #rightbar_2 p {color:#333333; font-size:0.8em;}
.multi-columns {-moz-column-gap: 2em; -moz-column-width: 12em;}
.multi-columns > li {text-align: left;}

/* SECONDARY PAGES STYLES */
.pages_content_area {display: table;}
.pages_content_area .page-content {display:table-cell; width:68%;}
.banner {width:100%;}
.banner img {width:100%;}
.pages_content_area .rightbar_holder {display:table-cell; width:32%; padding:0; background-color:#f4f4f4; float:none; vertical-align: top;}
.pages_content_area .midcontent {width:96%; padding:2%;}
.pages_content_area #rightbar_1 p, .pages_content_area #rightbar_2 p {color: #333333; font-size: 0.8em; margin-left: 8px; padding: 0 5px 0 5px; text-align: left;}
.pages_content_area #rightbar_1 p.border {border-bottom: 1px solid #CCCCCC; font-size: 0.9em; margin: 0; padding: 0 15px 15px;}
.pages_content_area h3 {padding:8px 0 0 15px;}

 /* End - Main Content Area */

/* DIVISION DESKTOP SCREEN */
@media only screen and (min-width: 980px) {
    
}
/* DIVISION TABLET SCREEN */        
@media only screen and (min-width: 481px) and (max-width: 979px) {
#topnav li {font-size: 1.2em;}
#topleftcontent li a {padding: 18px 10px 16px 20px;}
#carousel {height:211px;}
#topleftcontent {min-height: 220px;}
.midcontent {width:46%;}
}
/* Home page style when design starts to break on smaller device */
@media only screen and (min-width: 30px) and (max-width: 720px) {
}
@media only screen and (min-width: 30px) and (max-width: 620px) {
#topnav {display: inline-block; width: 97.6%; background:none; border:none; height:30px; background-color:#DDDFE2; padding: 0.5em 0 0 2.5%;}
#topnav ul { display: none; }
#topnav .selectTopNav { background: url("../images/m-bt-arrow-down.gif") no-repeat scroll right center #ffffff; border: 1px solid #BABABA; border-radius: 7px 7px 7px 7px; color: #000000; height: 18px; padding: 5px 0 0 8px; width: 25%; min-width:90px;}
#topnav select { display: inline-block; height: 23px; opacity: 0; position: absolute; top: 10px; left: 2.5%; width: 35%; z-index: 999;}
#topnav span {display:block;}
.leftcontent_holder {width:30%;}
.pages_content_area .page-content {background-color: #FFFFFF; display: block; overflow: hidden; width: 100%;}
.pages_content_area .rightbar_holder {display: block; overflow: hidden; width: 100%;}
}
@media only screen and (min-width: 30px) and (max-width: 540px) {
}
/* End- Home page style when design starts to break on smaller device */
/*Portrait Tablet Exceptions to adjust padding in content areas. */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}
/* Landscape Tablet Exceptions to adjust padding and reduce font size. */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
} 

/* DIVISION MOBILE SCREEN */
/* Mobile Layout: 480px and below. */
@media only screen and (min-width: 0px) and (max-width: 480px) {
#topnav { background: none repeat scroll 0 0 #DDDFE2; width: 97.6%; border: none; display: inline-block; height: 30px; padding: 0.5em 0 0 2.5%;}
#topnav span {display:block;}
#topleftcontent {width:100%; min-height:0;}
#topleftcontent li a {padding: 8px 6px 6px 12px;}
#carousel  {width: 100%; height:150px;}
.content_wrapper {background-color:#ffffff;}
.content_area {width:100%;}
.content_wrapper .midcontent {width:95%; float:none; padding:3.5%; display:block; overflow:hidden;}
.content_wrapper .leftcontent_holder {width:95%; margin: auto; padding:3.5%; display: block; overflow: hidden; }
.content_wrapper .rightbar_holder {width:95%; padding:3.5%; float:none; display:block; overflow:hidden;}
.pages_content_area .page-content {background-color: #FFFFFF; display: block; overflow: hidden; width: 100%;}
.pages_content_area .rightbar_holder {display: block; overflow: hidden; width: 100%; padding:0;}

    }

/* responsive table */
@media (max-width: 480px) {
    /* CSS Responsive table */
    table.responsive,
    table.responsive thead,
    table.responsive tbody,
    table.responsive th,
    table.responsive td,
    table.responsive tr { display: block; }
    table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
    table.responsive tr { border: 1px solid #88a4bf; margin-bottom: 10px; }
    table.responsive td { border: none; border-bottom: 1px solid #88a4bf; position: relative; padding-left: 50%; word-wrap: break-word; }
    table.responsive td:last-child {border-bottom:none;}
    table.responsive td:before {position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; }
    table.responsive tr:first-child { top: -9999px; left: -9999px; } /*removed position: absolute; */
    table.responsive td:before { content: attr(data-content); height: 50px; }
    table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; }
    table.responsive td.medium-padding { padding-top: 15px; padding-bottom: 15px; }
    table.responsive td.large-padding { padding-top: 25px; padding-bottom: 25px; }
}

/* Flex Slider */
.flexslider ul li {
    list-style: outside none none;
    margin-left: 0;
}

/* Site Search Form */
.csuf-custom-search__result--text { overflow:hidden; }
.csuf-custom-search__nav-item, .csuf-custom-search__item { display: inline-block;margin: 1em 1em 0 0; }
.csuf-custom-search { padding-bottom:1em; }
.csuf-custom-search--wide { width:100%; position:relative; margin-bottom:1em; }
.csuf-custom-search__button { vertical-align:top; }
.csuf-custom-search__button--wide { width:6em; position:absolute; top:0; right:0; }
.csuf-custom-search__box--wide, .csuf-custom-search__box { border: 1px solid #cccccc; height:21px; padding-left:0; padding-right:0; }
.csuf-custom-search__box { margin-right:.5em; }
.csuf-custom-search__box--wide { width:100%; }
.csuf-custom-search__box-container--wide { margin-right:6.13em; /* ~5.63em matches button width */ }
.csuf-custom-search__subtitle { color:#555; font-size:80%; line-height:125%; font-weight:450; margin-top:.25em; font-size:80%; }

/* Site Search Form (in sidebar) */

aside .csuf-custom-search,
aside .csuf-custom-search--wide { height:auto; box-sizing:border-box; }
aside .csuf-custom-search { padding-right:3px; }
aside .csuf-custom-search__subtitle { font-size:88%; }
aside .csuf-custom-search__button, 
aside .csuf-custom-search__button--wide { display:none }
aside .csuf-custom-search__box-container--wide { box-sizing:border-box; padding-right:3px; width:100%; }
aside .csuf-custom-search--wide { position:relative; }
aside .csuf-custom-search__box { width:100%; }
aside .csuf-custom-search__box, 
aside .csuf-custom-search__box--wide {background: url("//www.fresnostate.edu/omniresources/responsive/images/content-search-icon.png") no-repeat scroll right center #FFFFFF; transition:.2s ease; }
aside .csuf-custom-search__box:active, 
aside .csuf-custom-search__box--wide:active, 
aside .csuf-custom-search__box:focus, 
aside .csuf-custom-search__box--wide:focus { background-position: right -30px center; }

/* Site Search Results */
.csuf-custom-search__result--title { font-size:115%; margin-top:1em; padding-bottom:0; }
.csuf-custom-search__result--text { margin: .25em 0 0 0; color: #555; }
.csuf-custom-search__result--url { font-size: 90%; padding-top: .1em; display: block; }
.csuf-custom-search__result_url_link { color: #777 !important; text-decoration: none; }
.csuf-custom-search__active_page_link { color: #888 !important; text-decoration: none; }
.csuf-custom-search__key-match--notice { float: right; padding: 0; color: #555; font-size: 80%; font-weight: bold; padding: .45em; }
.csuf-custom-search__key-match, .csuf-custom-search__key-match * { box-sizing: border-box; background: #f3f3f3 !important; }
.csuf-custom-search__key-match { padding: .5em; overflow: auto; }
.csuf-custom-search__key-match--title { margin: 0; padding: 0; display: inline-block; }
.csuf-custom-search__key-match--url { display: block; font-size: 90%; color: #666; }

@media only screen and (min-width: 0px) and (max-width: 480px) {
    .csuf-custom-search__result--title { font-size:145%; }
}


/* notification boxes */

    .box-info, .box-success, .box-warning, .box-hd-error, .box-validation, .box-hd-green {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    }

   .blue-box {
    border: 1px solid;
    margin: 10px 0px;
    padding:5px 10px 5px 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-color: #00529B;
    }

    .box-info {
    border-color: #00529B;
    /* background-color: #BDE5F8; */
    background-image: url('//www.fresnostate.edu/omniresources/responsive/images/icons/info.png');
    }
    
    .box-success {
    border-color: #81cc22;
    background-image:url('//www.fresnostate.edu/omniresources/responsive/images/icons/success.png');
        
    }
    .box-warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('//www.fresnostate.edu/omniresources/responsive/images/icons/warning.png');
    }

    .box-hd-error {
    border-color: #ca3430;
    background-image: url('//www.fresnostate.edu/omniresources/responsive/images/icons/red-problem.png');
    }  

   .box-hd-green {
    border-color: #81cc22;
    background-image:url('//www.fresnostate.edu/omniresources/responsive/images/icons/green-success.png');
        
    }


/* Masonry photo gallery style */
#columns {
	column-width: 150px;
	column-gap: 0;
    width: 100%;
	max-width: 800px;
	margin: 10px auto;
}

div#columns figure {
	background: #fefefe;
	margin: 0;
	padding: 5px;	
	transition: opacity .4s ease-in-out;
  display: inline-block;
  column-break-inside: avoid;
}

div#columns figure img {
	width: 100%; height: auto;
	/* border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	margin-bottom: 5px; */
}

div#columns figure figcaption {
  font-size: .9rem;
	color: #444;
  line-height: 1.5;
}

div#columns small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;
} 

div#columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}

div#columns:hover figure:not(:hover) {
	opacity: 0.4;
}

@media screen and (max-width: 750px) { 
  #columns { column-gap: 0px; }
  #columns figure { width: auto; }
}
/* Masonry photo gallery style */


/* Google calendar responsive FY */
@media (max-width: 480px) {
     .calendar-for-desktop {
         display: none;
     }
}

@media (min-width: 481px) {
     .calendar-for-mobile {
         display: none;
     }
}

/* table with no background AE */

.bottom-border-only td {
    border-bottom: 1px solid #ddd;
}
.bottom-border-only tr {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.bottom-border-only tr:nth-of-type(2n+1), .bottom-border-only tr:nth-of-type(2n+1) td * {
    background: #fff none repeat scroll 0 0;
}
.bottom-border-only tr, .bottom-border-only tr td * {background-color:#fff;}

.bottom-border-only tr td:nth-child(2) {
    min-width: 20%;
}

/* bubble images */
.circular--square {
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
	margin: 0 !important;	
}

/*remove this after changing all bubble snippets */
.three-col.bubble .col-right h5 a, .three-col.bubble .col-left h5 a, .three-col.bubble .col-mid h5 a {
    text-decoration: none;
}

.three-col.bubble .col-right a, .three-col.bubble .col-left a, .three-col.bubble .col-mid a {
    text-decoration: none;
}

.three-col.bubble .col-right h5, .three-col.bubble .col-left h5, .three-col.bubble .col-mid h5 {
	text-transform:uppercase;
	text-align: center !important;
}

.three-col.bubble .col-left {text-align:center;}
.three-col.bubble .col-mid {text-align:center;}
.three-col.bubble .col-right {text-align:center;}

.three-col.bubble .col-left > p,.three-col.bubble .col-mid > p,.three-col.bubble .col-right > p {
	   text-align: center !important;
		font-size: 0.85em;
		line-height: 1.2em;
	}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	article h1.bubble {
	   text-align: center !important;
	}
	.three-col.bubble .col-left,.three-col.bubble .col-mid,.three-col.bubble .col-right {
	   text-align: center;
	}
	.three-col.bubble .col-left > h5,.three-col.bubble .col-mid > h5,.three-col.bubble .col-right > h5 {
	   font-size: 20px; 
	}
	.three-col.bubble .col-left > p,.three-col.bubble .col-mid > p,.three-col.bubble .col-right > p {
	   text-align: center !important;
		font-size: 1em;
	}
	article .main-content .three-col.bubble .col-left h5.bubble-h5 a,article .main-content .three-col.bubble .col-mid h5.bubble-h5 a,article .main-content .three-col.bubble .col-right h5.bubble-h5 a {
	   text-align: center !important;
	}
	article .col-left h5,article .col-mid h5,article .col-right h5 {text-align: center !important;}
	
	.three-col.bubble .col-left > p, .three-col.bubble .col-mid > p, .three-col.bubble .col-right > p {padding-bottom: 30px;}
}

/* END - bubble images */

/* changing three-col and two-col snippets to start using class, instead of id 7-10-17 FY*/

.three-col p { margin: 0;}
.two-col p { margin: 0;}
/* three column section layout 11-20-14 */
.three-col {display:block; overflow:hidden; width:100%; height:auto; position:relative; margin-top:20px;}
.three-col .col-left {float:left; width: 30.65%; padding-right:2%;}
.three-col .col-mid {float:left; width: 30.65%; padding-right:2%; padding-left:2%;}
.three-col .col-right {float:left; width: 30.65%; padding-left:2%;}
.three-col h1, .three-col h2, .three-col h3 {margin-bottom:8px;}
.three-col img {background: #ffffff; margin:0 10px 0 0; height:auto;}
/* END - three column section layout 11-20-14 */

/* two column section layout 11-20-14 */
.two-col {display:block; overflow:hidden; width:100%; height:auto; position:relative; margin-top:20px;}
.two-col .col-left {float:left; width:47.35%; padding-right:2%;}
.two-col .col-right {float:left; width:47.35%; padding-left:2%;}
.two-col h1, .two-col h2, .two-col h3 {margin-bottom:8px;}
.two-col img {background: #ffffff; height:auto;}
/* END - two column section layout 11-20-14 */

/* two column 2/3 section layout 06-10-15 */
.two-col .col-left-twothirds {float:left; width:66%; padding-right:1%;}
.two-col .col-right-onethird {float:left; width:30%; padding:0 2% 0 1%;}
/* END - two column section layout 11-20-15 */

/* two column 1/3 2/3 section layout 03-17-17 */
.three-col .col-left-onethird {float:left; width:30%; padding-right:1%;}
.three-col .col-right-twothirds {float:left; width:66%; padding:0 2% 0 1%;}
/* END - two column section layout 03-17-17 */

/* two column 1/3 2/3 section layout 03-17-17 */
#audience-three-col {display:block; overflow:hidden; width:100%; height:auto; position:relative;}
#audience-three-col .col-left-onethird {float:left; width:30%; }
#audience-three-col .col-right-twothirds {float:left; width:70%;}
/* END - two column section layout 03-17-17 */

/* two column div section - 12-08-14 */
.two-col-no-content-wrap {width:100%;}
.col1-left {float:left; max-width:48.5%; margin-right:1.5%; margin-bottom:10px;}
.col2-left {float:left; max-width:48.5%; margin-left:1.5%; margin-bottom:10px;}
/*.col1-left img, .col2-left img {max-width: 99%; width: auto; height: auto;}*/
/* END - two column div */

/* three column div section - 12-08-14 */
.three-col-no-content-wrap {width:100%;}
.col1-left-3col {float:left; /*max-width:32%;*/ margin-right:1.2%; margin-bottom:10px;}
.col2-left-3col {float:left; /*max-width:32%;*/ margin-left:1.2%; margin-right:1.2% margin-bottom:10px;}
.col3-left-3col {float:left; /*max-width:32%;*/ margin-left:1.2%; margin-bottom:10px;}
/*.col1-left img, .col2-left img, .col2-left img {max-width: 99%; width: auto; height: auto;}*/
/* END - two column div */
	
@media only screen and (min-width: 481px) and (max-width: 779px) {
		
		/* three column section layout 11-20-14 */
.three-col {display:block;}
.three-col .col-left {display:block; clear:both; width:100%; padding:0;}
.three-col .col-mid {display:block; clear:both; width:100%; padding:0;}
.three-col .col-right {display:block; clear:both; width:100%; padding:0;}
.three-col h1, .three-col h2, .three-col h3 {margin-bottom:8px; margin-top:20px;}
.three-col img {width:40%; float:left; margin-bottom:0;}
.three-col .col-left > h1, .three-col .col-left > h2, .three-col .col-left > h3 {margin-top: 0;}
/* END - three column section layout 11-20-14 */

/* two column section layout 11-20-14 */
.two-col {display:block;}
.two-col .col-left {display:block; clear:both; width:100%; padding:0; margin-top: 2em;}
.two-col .col-right {display:block; clear:both; width:100%; padding:0;}
.two-col .two-col h1, .two-col .three-col h2, .two-col .three-col h3 {margin-bottom:8px; margin-top:20px;}
.two-col img {width:40%; float:left; margin-bottom:0;}
.two-col .col-left > h1, .two-col .col-left > h2, .two-col .col-left > h3 {margin-top: 0;}
/* END - two column section layout 11-20-14 */
		
		}
		
@media only screen and (min-width: 0px) and (max-width: 480px) {
		
		* three column section layout 11-20-14 */
.three-col {display:block;}
.three-col .col-left {display:block; clear:both; width:100%; padding:0;}
.three-col .col-mid {display:block; clear:both; width:100%; padding:0;}
.three-col .col-right {display:block; clear:both; width:100%; padding:0;}
.three-col h1, .three-col h2, .three-col h3 {margin-bottom:8px; margin-top:20px;}
.three-col img {min-width: 97.5%; max-width:100%; margin:0;}
.three-col img.icon {min-width: 48px; max-width:48px; margin:0;}
.three-col .col-left > h1, .three-col .col-left > h2, .three-col .col-left > h3 {margin-top: 0;}
/* END - three column section layout 11-20-14 */

/* two column section layout 11-20-14 */
.two-col {display:block;}
.two-col .col-left {display:block; clear:both; width:100%; padding:0; margin-top: 2em;}
.two-col .col-right {display:block; clear:both; width:100%; padding:0;}
.two-col h1, .three-col h2, .three-col h3 {margin-bottom:8px; margin-top:20px;}
.two-col img {min-width: 97.5%; max-width:100%; margin:0;}
.two-col img.icon {min-width: 48px; max-width:48px; margin:0;}
.two-col .col-left > h1, .two-col .col-left > h2, .two-col .col-left > h3 {margin-top: 0;}
/* END - two column section layout 11-20-14 */

/* two column div section - 12-08-14 */
.two-col-no-content-wrap {width:100%;}
.col1-left {float:none; max-width:100%; margin:0;}
.col2-left {float:none; max-width:100%; margin:0;}
.two-col-no-content-wrap .icon {width: 48px; max-width:48px; min-width:48px; }
/* END - two column div */

/* three column div section - 12-08-14 */
.three-col-no-content-wrap {width:100%;}
.col1-left-3col {float:none; max-width:100%; margin:0;}
.col2-left-3col {float:none; max-width:100%; margin:0;}
.col3-left-3col {float:none; max-width:100%; margin:0;}
.three-col-no-content-wrap .icon {width: 48px; max-width:48px; min-width:48px; }
/* END - two column div */

}
/* text under image 7-12-17 FY */
       .textwithbox {
			margin: 5px;
			float: left;
			width: 100%;
		}

		div.textwithbox img {
			width: 100%;
			height: auto;
		}

	
		div.desc {
			background: #002c76 none repeat scroll 0 0;
			color: #fff;
			font-size: 0.8em;
			padding: 8px;
			text-align: left;
			text-transform: uppercase;
		}
		
		div.desc a, div.desc a * {color: #fff !important;}
		div.desc a, div.desc a:hover, div.desc a:active 
		{ background-color: #002c76 !important; 
			text-decoration: none;
		}
		
		@media only screen and (min-width: 481px) and (max-width: 979px) {
			div.desc {
			font-size: 1em;
			padding: 15px;
			text-align: left;
			text-transform: uppercase;
			}	
			div.desc a, div.desc a:hover, div.desc a:active 
			{ background-color: #002c76; text-decoration: none; color: #fff !important; 
			}
			div.textwithbox img {
			width: 100%;
			height: auto;
			padding-bottom: 5px;
			background-color: #002c76;
		}
		}

/* END - text under image 7-12-17 FY */	

/* buttons and boxes */

.greybox {
	background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 30px;
		padding: 30px;}
	
		
		.note {
	border-radius: 4px 4px 4px 4px;
    margin-bottom: 18px;
    padding: 8px 35px 8px 14px;
		color: #1F4E6B;
	 background-color: #D9EDF7;
    border-color: #BCE8F1;	
		
		}	
		
		.button {
  display: inline-block;
  border-radius: 4px;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px !important;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button-color-red {
		  background-color: #f4511e;		
		}		

.button-color-blue {
		  background-color: #002c76 ;		
		}		
		
		
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
	.button span a:link, .button span a:hover, .button span a:visited {
    background-color: transparent;
    color: #ffffff !important;
	text-decoration: none;
}
/* buttons and boxes */