/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    CSS BASICS DO NOT UPDATE OR CHANGE THIS                          +
+     IF YOU WANT TO OVER RIDE THESE STYLES PLEASE DO IT AT THE VERY BOTTOM OF THIS   +
+     CHANGES TO THESE STYLES WILL BE COPIED OVER THE ENTIRE SECTION                  +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*----------------------------------------------------------------------------
508 / ACCESSIBILITY CSS
-----------------------------------------------------------------------------*/

/* Skip nav styles from Liam */
.skipnav {position: absolute; display: none; text-align: left; margin: 0; padding: 0;
          background-color:inherit; color:inherit;} 
/*For all, including Opera. 
Display:none used to switch off the skip links for Opera users 
(it's redundant, Opera has excellent keyboard navigation)*/

* html .skipnav {display: block} /*Switch on for IE6 and below*/
*+html .skipnav {display: block} /*Switch on for IE7*/
:root .skipnav {display: block} /*Switch on for Moz, FF and Safari*/
.skipnav p {margin: 5px 0 0 0; padding: 0; position: absolute; font-size: 2em}
.skipnav a {width: 26em; display:block; color: #fff; background: #333; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold}
.skipnav a:visited {color: #fff}
.skipnav a:focus, .skipnav a:active {z-index: 99; top: -3em; left: 0; border: solid #777 2px; color: #fff; background: #333 !important} /*Note IE bug that requires use of :active to mimic effect of :focus*/
.skipnav a:hover {cursor: default}  

/*----------------------------------------------
STANARD SETTINGS FOR DEVICE VIEWING
------------------------------------------------*/
@viewport
{
    width:device-width;
}

@-ms-viewport
{
    width:device-width;
}

/*------------------------------------------------
DEFAULT PAGE & LINK STANDARDS
--------------------------------------------------------*/
body
{
    background-color:#f7f7f7;
    color:#222;
    margin:0px;
    padding:0px;
}

a:link, a:visited {
	color:#06C;
	text-decoration:none;}
	
a:hover, a:focus {
	color:#f60;
	text-decoration:underline;}
	
a:focus {outline:thin dotted;}


/*-----------------------------------------------
FONT & ELEMENT SETUP 
------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p, li, div, span, label, a
{
    font-family: 'gothambold1', Verdana, Arial, serif;    
	font-weight:normal;
}

h1 
{ 
    font-size:2.5em; 
	/*color:#113850;*/
	color:#002B54;
	margin-bottom:1em;
	line-height:40px;
}

h2, h5, h6 
{	font-weight:100;}	
	
h2 
{ 
    font-size:1.250em;
	/*color:#113850;*/
	color:#002B54;
	text-transform:uppercase;
	margin-top:1.5em;
	margin-bottom:.5em;
}
    
h3 {font-size:1.125em;
	font-weight:100;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	margin-top:1.5em;
	margin-bottom:.375em;
	color:#111;}

h4 
{
    font-style:italic;
	font-weight:100;
	font-size:1.063em;
	color:#111;
	margin-top:1.5em;
	margin-bottom:.375em;}

h5 {font-size:1em; color:#333;}

h6 {font-size:.875em; color:#333;}


p, li, th, td, a
{
    font-family:'GothamBook', Verdana, Arial, sans-serif;
}

p, li, th, td#222;
}}
{	font-weight:500;
	text-shadow: .005em .005em .005em #bbb;
	font-size:1.063em;
    line-height:1.75em;
	color:#222;
}

.subject {
	font-family:'GothamBook', Verdana, Arial, sans-serif; 
	font-weight:bold;
	font-size:.875em;
	text-transform:uppercase;
	color:#555;
	margin-bottom:2.25em !important;}

/*--------HACK FOR CHROME & SAFARI-----*/	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*p, li, th, td {-webkit-font-smoothing:subpixel-antialiased; text-rendering: auto; font-family:'bitstream_vera_sansroman', Verdana, Arial, sans-serif; color:#444;}*/
	p, li, th, td, a {-webkit-font-smoothing:subpixel-antialiased; text-rendering: auto; font-family:'open_sansregular', Verdana, Arial, sans-serif; color:#444;}
	h1 {-webkit-font-smoothing:subpixel-antialiased;}
	h4 {font-style:italic;}
	.subject {font-family:'open_sansregular', Verdana, Arial, sans-serif;}
	em {font-family:'open_sansitalic';}
	h1, h3, h5, h6, strong, b {font-family:'open_sansbold'; font-weight:800;}
	h2 {font-family:'open_sansextrabold';}
	h4 {font-family:'open_sansbold_italic';}
}
	

/*----------------------------------------------
TABLES
------------------------------------------------*/
table
{
    margin:auto;
    width:94%;
    margin-top:1em;
    margin-bottom:1em;
}
table td
{
    border:solid 1px #ccc;
    padding:5px;
}
    
 table caption
 {
     font-weight:bold;
     text-align:left;
     font-size:1.2em;
     text-transform:uppercase;
     color:#002B54;
     padding:.5em .5em .5em 0;
 }
 
 table tr td:first-child
 {
     background-color:#EBEDEE;
     color:#444;
     font-weight:bold;
 }
 
 table thead tr td, table th td
 {
     font-family: 'open_sansregular', Verdana, Arial, sans-serif;
     color:#444;
     font-size: 1.063em;
     font-weight:800;
     background-color:#EBEDEE;
     
 }
 
 .altRow table tbody tr:nth-child(odd) td
 {
     background-color:#FFF;
 }
 
 .altRow table tbody tr:nth-child(even) td, 
 .altRow table thead tr
 {
     background-color:#EBEDEE;
 }
 
 .table-minimal table, .table-minimal table tr, 
 .table-minimal table td, .table-minimal table thead tr td,
 .table-minimal table th td, .table-minimal table tr td:first-child
 {
     background-color:transparent;
     font-weight:normal;
     border:0px;
 }
 
 .table-minimal table th td, .table-minimal table thead tr td, 
 .table-minimal table thead tr td:first-child
 {
     font-weight:bold;
 }
 
 .table-minimal table tr
 {
     border-bottom:solid 1px #CCC;
 }
 

/*----------------------------------------------
PAGE CONTAINER 
------------------------------------------------*/
.container
{
    position:relative;
    max-width:1200px;
    margin:auto;
    margin-top:0%;
    margin-bottom:0%;
    padding:0%;
    border:solid 0px #f00;
}

/*----------------------------------------------------
CSUF TOP LINK
---------------------------------------------*/
/* The following code creates an ADA-compliant image that will swap out for an <h#> tag when images or css are disabled */

#CSUFTopLink {text-indent:-100em;}

#CSUFTopLink, #CSUFTopLink span {
	width:350px;
	height:35px;
	background-image: url("../images/CampusCSS/wordmark-navy.png");
	background-repeat: no-repeat;}
	
#CSUFTopLink span {
	display:block;
	position:relative;
	margin-bottom:-35px;
	z-index:1;}

#CSUFTopLink:hover, #CSUFTopLink:focus, #CSUFTopLink span:hover, #CSUFTopLink span:focus {background-position:0 -35px; cursor:pointer;}

#CSUFTopLink a {color:#fff;}


/*----------------------------------------------
SEARCH
------------------------------------------------*/
#CSUFLink_Search
{
    display:block;
    height:35px;
    background-color:#002E5B;
}

#CSUFTopLink
{
    margin:0px;
}

#SearchNav
{ position:absolute;
  top:0px;
  right:0px;   
  width:370px;
  z-index:100;
}

#search-button
{
   color:#fff;
   text-transform:capitalize;
   border-radius:15px; 
   padding:1%;
   border:0px;
   background-color:#3073AD;
   width:60px;
}

#search-button:hover
{
    background-color:#E17000;
    color:#000;
    cursor:pointer;
}

#SearchNav li
{
   padding:3%;
   text-transform:uppercase;
   font-size:.75em;
   color:#fff;
   float:left;
}

#SearchNav li a
{
    color:#fff;
    text-decoration:none;
}

#SearchNav li a:hover
{
    text-decoration:underline;
}

#SearchCSUF
{
    border-radius:4px;
    height:25px;    
    width:180px;
    border:0px;
    text-indent:5px;
    font-size:1em;
    color:#222;
}

#SearchNav input
{
    margin:1px;
    padding:0px;
}

#SearchNav label
{
    margin:0px;
    padding:0px;
}

#SearchNav li:last-child
{
   height:60px;
   padding-top:2%; 
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjY5OSIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMzM2Njk5IiBzdG9wLW9wYWNpdHk9IjAuOTQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(51,102,153,0.95) 0%, rgba(51,102,153,0.94) 1%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,102,153,0.95)), color-stop(1%,rgba(51,102,153,0.94)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,102,153,0.95) 0%,rgba(51,102,153,0.94) 1%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,102,153,0.95) 0%,rgba(51,102,153,0.94) 1%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,102,153,0.95) 0%,rgba(51,102,153,0.94) 1%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,102,153,0.95) 0%,rgba(51,102,153,0.94) 1%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2336699', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

}

/*----------------------------------------------
MOBILE NAVIGATION PANE
------------------------------------------------*/
#MobileMenu
{
    position:absolute;
    top:35px;
    left:-270px;
    width:250px;
    height:500px;
    padding:.5%;
    margin:0%;
    border:solid 1px #888;
    
    background: rgb(76,76,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Nzc3NzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(76,76,76,1) 0%, rgba(119,119,119,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(76,76,76,1)), color-stop(100%,rgba(119,119,119,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(119,119,119,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(119,119,119,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(119,119,119,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(76,76,76,1) 0%,rgba(119,119,119,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#777777',GradientType=1 ); /* IE6-8 */

}
/*----------------------------------------------
SITE NAME AND TABS
------------------------------------------------*/
#SiteName_Tabs
{
    border-top:solid 1px #34638f;
    padding-top: .5%;
    padding-bottom:0%;
  background: rgb(9,56,100); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5Mzg2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTI3NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(9,56,100,1) 0%, rgba(1,39,76,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,56,100,1)), color-stop(100%,rgba(1,39,76,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(9,56,100,1) 0%,rgba(1,39,76,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093864', endColorstr='#01274c',GradientType=0 ); /* IE6-8 */

}

#branding
{
  margin:0%;
  padding:0%;
  padding-left:8px;
}

#branding a
{
    color:#fff;
    text-decoration:none;
}

#branding a:hover
{
    color:#fff;
    text-decoration:underline;
}

#unit 
{
    font-family:'texgyreschola-regular', Georgia, Times, serif;  
    font-size:1em;
}

#unit a
{
    margin:0%;
    padding:1%;
    padding-left:5px;
    padding-bottom:0%;
    font-family:'texgyreschola-regular', Georgia, Times, serif; 
}

#sitename
{
    margin-bottom:.5em;
}

#sitename a
{
    font-family:'texgyreschola-regular', Georgia, Times, serif;
	font-size:2.2em;
	line-height:1.5em;
    padding:0;    
    padding-left:5px;
    margin:0;
}

/*----------------------------------------------
PRIMARY TABS
------------------------------------------------*/
#navMain
{
    list-style:none;
    clear:both;
    padding-bottom:3px;
}

#navMain li
{
    border-right:dotted 1px #286DBB;
    padding:8px 5px 8px 5px;
    width:auto;
    display:inline;
    color:#f2f2f2;
}

#navMain li a
{
    color:#eee;
    text-decoration:none;
    text-transform:uppercase;
    font-family: open_sansregular, Verdana, Arial, sans-serif;
    font-size:.813em;   
}


#navMain li:hover,#navMain li:hover a, #navMain li.active
{
    background-color:#f2f2f2;
    color:#002E5B;
}

#navMain li a:hover, #navMain li.active a
{
  
    color:#002E5B;
}

#navMain li:first-child
{
     padding:8px;
   
}
#navMain li:last-child
{
    border:0px; 
}

/*----------------------------------------------
SECONDARY TABS AND SOCIAL MEDIA
------------------------------------------------*/
#Tabs2Social
{
    background-color:#3073AD;
    padding-top:4px;
    padding-bottom:4px;
    clear:both;
    height:33px;
}

#Tabs2
{
    float:left;
}

#Tabs2 ul
{
    list-style-type:none;
    margin-left:6px;
}

#Tabs2 li
{
    float:left;
    border:solid 1px #6098d3;
    border-radius: 16px;
    width:auto;
    padding:2px 10px 4px 10px;
    margin:0px;
    margin-right:8px;
    line-height:normal;
    text-align:center;
}

#Tabs2 li:hover, #Tabs2 li:hover a
{
    background-color:#f2f2f2;
    color:#3073AD;
}

#Tabs2 li a
{
    color:#f2f2f2;
    text-decoration:none;
    font-size:.875em;
    padding:0px;
    margin:0px;
}
#Social
{
   float:right;
   margin-right:2em;
}
#SocialLinks  li
{
 float:left;  
 padding:4px;
 border-radius:15px;
 line-height:normal;
}

#SocialLinks  li a, #SocialLinks  li img
{
 padding:0px;
 margin:0px;
 border:0px;
}

#SocialLinks .Size22
{
  margin-top:1px; 
}

#SocialLinks .Size22:hover
{
  background-color :#222;
}


#Social_Right
{
    border:solid 1px #ccc;
    padding:0;
    width:98%;
    margin:auto;
    background-color:#fff;
    color:#222;
    float:left;
}

#Social_Right p:first-child
{
    font-size:.9em;
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
    padding:.75em;
    border-bottom: solid 1px #ccc
}

#Social_Right #SocialLinks  li
{
 float:left;  
 padding:4px;
 border-radius:16px;
 line-height:normal;
}

#Social_Right #SocialLinks  li a, #Social_Right #SocialLinks  li img
{
 padding:0px;
 margin:0px;
 border:0px;
}

#Social_Right #SocialLinks .Size32
{
  margin-top:1px; 
}

#Social_Right #SocialLinks .Size32:hover
{
  background-color :#dfdfdf;
}



/*----------------------------------------------
BREADCRUMBS
------------------------------------------------*/
#Breadcrumb
{
    border-top:solid 1px #232323;
    border-bottom:solid 1px #232323;
    background-color:#fff;
    color:#333;
    width:100%;
    height:25px;
   
}

#Breadcrumb ul
{
    list-style-type:none;
    float:left;
}

#Breadcrumb li
{
    font-size:.75em;
    float:left;     
    padding-top:3px;
}

#Breadcrumb li a
{
    text-decoration:none;
    color:#286DBB;
}

#Breadcrumb li:after
{
    content:"\203a";
    font-weight:bold;
    padding-left:5px;
    padding-right:5px;
}

#Breadcrumb li:last-child:after
{
    content:"";
}

/*----------------------------------------------
MOBILE MENU
------------------------------------------------*/
#divMobileNav
{
    display:none;
}

/*----------------------------------------------
CONTENT SECTION WITH SIDEBARS
------------------------------------------------*/
#MainContent
{
    clear:both;
    position:relative;
    min-height:600px;
    background-color:#f7f7f7;
    margin:0px;
    padding:0px;
}


#sidebar1, #sidebar2, #centercontent
{
    float:left;
    background-color:inherit;
    margin:0px;
    padding:.5%;
    min-height:600px;
}

#sidebar1, #sidebar2
{
    width:22%;
    padding-top:0px;
}

#sidebar1
{
   padding-right:0%;
   background-image:url(../images/campuscss/bg-sidebar1.jpg);
   background-repeat:no-repeat;
   background-position:right top;
}

#centercontent
{
    background-color:#f7f7f7;
    color:#222;
}

.Show60Wide
{
    width:51%;
}

.Show80Wide
{
    width:75%;
}

.Show100Wide
{
    width:98%;
}

.sectionnav
{
    margin:0px;
    padding:0px;
    padding-top:1.8em;
}
.sectionnav ul
{
    list-style-type:none;
    margin:0px;
    margin-left:10px;
    
}

.sectionnav li
{
    padding:.5%;
    border-bottom:solid 1px #ddd;
    border-top:solid 1px #fafafa;
}

.sectionnav li:first-child
{ border-top:0px;   }

.sectionnav li a
{   display:block;
    color:#007CD5;
    text-decoration:none;
    font-size:.8em;
    padding-left:2%;
}

.sectionnav li a:hover
{
    color:#f7f7f7;
    background-color:#3073AD;
}

.sectionnav h3
{  font-family: 'open_sansbold';
    font-weight: 800;
    text-transform:uppercase;
    font-size:1em;
    line-height:1.8em;
    color:#686868;
    margin:0px;
}

#centercontent ul, #centercontent ol
{
    margin-left:50px;
}

#centercontent ul li
{
    list-style-type:disc;
}

#centercontent ol li
{
    list-style-type:decimal;
}

/*----------------------------------------------
FACULTY TEMPLATES
------------------------------------------------*/


/*---------------------------------------------
VIDEO / AUDIO CIATION
-----------------------------------------------*/
.citation
{
    background-color:#E8DFC9;
    color:#5a5a5a;
    padding:1em;
    margin:1em;
    border:solid 1px #ccb988;
}

.videoplayer
{
    z-index:1000;
    position:relative; 
    margin:.5em;
    width:600px;
    height:auto;
    padding:0px;
}

.videoplayer video
{
    width:100%;
    height:auto;
    margin:0px;
    padding:0px;
}

.PlayerControls button, .av_button, .btnExpander
 {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:'GothamBook';
	font-size:1em;
	font-style:normal;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}

.PlayerControls button:hover, .av_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}

.PlayerControls button:active, .av_button:active {
	position:relative;
	top:1px;
}

.PlayerControls
{
    clear:both;
    background-color:#fff;
    border:solid 1px #2D68A8;
    padding:5px;
    margin:.5em;
    
}
.PlayerControls hr
{
    clear:both;
    border-top:solid 1px #aeaeae;
    border-bottom:solid 1px #2D68A8;
    padding:0px;
    margin:.5em;
    
}


.PlayerControls button
{
    margin:.15em;
    border-radius:.25em;
    margin-left:.25em;
    width:80px;
    font-size:.7em;
    padding:0em;
}

.PlayerControls button:focus
{
    border:solid 2px #fff;    
    background:#0F3C73;
}

.PlayerControls button:nth-child(-n+6)
{
    width:30px;
    margin:0em !important;
    margin-left:0em;
}

.TrackSelect
{
   float:right;
}

.cc_transcript
{
    position:absolute;
    top:20px;
    left:20px;
    width:95%;
    height:85%;
    display:none;
    transition:all 0.2s ease;
}

.cc_transcript-active
{
    display:block;
}

.divCurrentTracks
{
    position:absolute;
    z-index:-100;
    top:0px;
    left:35px;
    border:solid 1px #286DBB;
    background:#fff;
    padding:2em;
    border-radius:1em;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;    
    margin:.5em;
    width:40%;
    height:80px;
    transition:all 0.2s ease;
}

.divCurrentTracks-active
{
     left:580px;
    
}

.divCurrentTracks h2
{
    margin-top:0px;
}

.divCurrentTrackHolder
{
    height:95%;
    margin:0px;
    padding:3px;  
    background-color:#fff;
    overflow-y:scroll;
}

.ulCurrentTrack li
{
     list-style-type:none;
    
}

.ulCurrentTrack li:before
{
     content: ">> ";
    
}

.ulCurrentTrack li:hover
{
    cursor:pointer;
    background-color:#cdcdcd;
    color:#111;
}

.divExpandTracks
{
    position:absolute;
    top:80px;
    right:-50px;
    width:40px;
    z-index:-125;
    border:solid 1px #286DBB;
    border-left:0px;
    padding:10px;
    padding-left:60px;
    padding-right:5px;
    background-color:#eaeaea;
     border-radius:1em;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;    
    
    
}

.ShowTracks
{
    animation-name: expandtrack;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction:normal;
    
}

.HideTracks
{
    animation-name: hidetrack;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-direction:normal;
}

@keyframes expandtrack
{
    0% {right: -8px;}
    100% {right: -568px; }
    
    
    
}

@keyframes hidetrack
{
    0% {right: -568px;}
    100% {right: -8px; }
    
}

.divCC
{
    clear:both;
    margin:.5em;
    margin-top:0em;
    padding:10px;
}

.divCCInfo
{
    font-size:.7em;
    margin-bottom:.5em;
}

.divCCText
{
    font-size:1.2em;
}

.cctrack_inactive
{
    background-color:#f7f7f7;
    color:#222;
    font-size:1em;
}

.cctrack_active
{
    background-color:#0F3C73;
    color:#fff;
    font-size:1.2em;
}

/*--------------------------------------------------------------------------------
HTML ERROR STYLE
------------------------------------------------------------------------------------*/

.HTML_ErrorCode #layoutcontainer #divA
{
    width:67%;
    background-color:transparent !important;
    color:#232323;
}

.HTML_ErrorCode #layoutcontainer #divB, .HTML_ErrorCode #layoutcontainer #divC, .HTML_ErrorCode #layoutcontainer #divD, 
.HTML_ErrorCode #layoutcontainer #divE, .HTML_ErrorCode #layoutcontainer #divF, .HTML_ErrorCode #layoutcontainer #divG, 
.HTML_ErrorCode #layoutcontainer #divB, .HTML_ErrorCode #layoutcontainer #divH, .HTML_ErrorCode #layoutcontainer #divI
{
    width:28%;
    background-color:transparent !important;
    color:#232323;
}

.HTML_ErrorCode #layoutcontainer #divA h1
{
    font-family: 'open_sansbold';
    color:#225FB0;
    padding-bottom:.5em;
    border-bottom: solid 4px #E17000;
}
.HTML_ErrorCode #divA p
{
    font-size:1.1em;
    line-height:2em;
    margin-bottom:1.2em;
    
}

.HTML_ErrorCode #layoutcontainer #divB
{
    padding-top:2em;
}

.HTML_ErrorCode #layoutcontainer #divC 
{
   font-size:.9em;
}

.HTML_ErrorCode #layoutcontainer #divC h2, .HTML_ErrorCode #layoutcontainer #divC h3, .HTML_ErrorCode #layoutcontainer #divC p
{
    margin-left:0px;
    text-indent:0px;
    padding-left:0px;
    padding-bottom:2%;
}

.HTML_ErrorCode #layoutcontainer div 
{
   box-shadow:none;
}


/*----------------------------------------------
EXTRA 508 LINKS
------------------------------------------------*/

/*----------------------------------------------
FOOTER
------------------------------------------------*/
#divFooter
{
    clear:both;
    color:#f7f7f7;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    padding-top:15px;
    padding-bottom:15px;
    font-size:.85em;
    font-family: open_sansregular, Verdana, Arial, sans-serif;
    background: #003366; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTE3MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #003366 0%, #01172f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003366), color-stop(100%,#01172f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #003366 0%,#01172f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #003366 0%,#01172f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #003366 0%,#01172f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #003366 0%,#01172f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#01172f',GradientType=0 ); /* IE6-8 */

}

#divFooter a, #divFooter p
{
    color:#f7f7f7;
    font-size:.95em;
    font-family: open_sansregular, Verdana, Arial, sans-serif;
}

#divFooter a
{
    text-decoration:underline;
}

#divFooter .logo
{
    float:left;
    margin-left:30px;
    margin-top:5px;
}

#divFooter .disclaimer
{
    float:left;
    margin-left:20px;
    padding-left:20px;
    border-left:solid 1px #bcbcbc;
     margin-right:20px;
    padding-right:20px;
    border-right:solid 0px #bcbcbc;
   
}

#divFooter .accessibility
{
    clear:both;
    float:left;
    margin:0px;
    margin-top:8px;
    padding:2px;
    padding-left:20px;
    padding-top:0px;
    border:solid 0px #225588;
    border-left:solid 1px #225FB0;
    border-right:solid 1px #225FB0;
    color:#ccc;
    background-color:inherit;
    background:rgba(34,95,176,.15);
    
}


#divFooter .accessibility ul
{
    float:left;
    margin:2px;
}


#divFooter .accessibility li
{
    float:left;
    color:#ccc;
    padding-right:10px;
    margin-bottom:0px;
    width:220px;
}


#divFooter .accessibility a
{
    float:left;
    color:#ccc;
    margin:0px;
    padding:0px;
    font-size:.85em;
    font-family: open_sansregular, Verdana, Arial, sans-serif;
}


#divFooter .accessibility h2
{
   
    clear:both; 
    float:left;
    width:240px;
    height:20px;
    clear:right;
    font-size:.95em;
    padding:3px;
    color:#dfdfdf;
    letter-spacing:.3em;
    margin-top:0px;
    padding-top:22px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     MY STYLE OVERRIDE CSS FILE USE YOU SHOULD TO ADJUST STYLES AS NEEDED            +
+     MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE             +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/