/*
CSS
May - 2012
Version 1.3

/* Body and structure
-------------------------------------------------- */
@font-face {
font-family:"Avenir LT 35 Light";
src: url(../fonts/-Windows-TrueType/lte50336.ttf);
}

body {
  background-image: url(/_layouts/Images/masterPage_SJA/img/primarybg.png); 
  background-repeat: repeat-y;
  background-position: center;
  position: relative;
  background-color: #fff;
  
  /*line-height:1.6em !important;*/
  color: Black;
}

body { 
	overflow-y: scroll !important; 
	overflow-x: hidden; 
}  

body #s4-workspace { 
	overflow-x: hidden; 
	overflow-y: auto !important; 
} 

@media only screen and (max-device-width: 768px) {
	body { 
		overflow-y: scroll !important; 
		overflow-x: auto !important; 
	}  

	body #s4-workspace { 
		overflow-x: auto !important; 
		overflow-y: auto !important; 
	}
}

body #s4-bodyContainer 
{
    margin: 0 auto !important;
    min-width: 200px !important;
}
/*Hide Left Nav on MasterPage */
body #s4-leftpanel 
{
    display: none;
}
/*to center the content in chrome and firefox, to be removed in IE css files*/
/*body #s4-workspace { padding-left: 17px;}*/
/*Remove white space left by no Left Nav*/
/*Need to set 'margin-left: 155px' (default in corev4.css) if #s4-leftpanel display:block*/
body .s4-ca 
{
    /*margin-left: 20px;*/
    margin-left: 0px;
    background: transparent;
}
#menu 
{
    padding-left: 0px;
}
#mainSearch
{
    /*margin-top: 70px;*/
    /*margin-right: 15px; */
    float: right;
}
.red {color:#FF0000;}
.green {}
.orange {}
.green {}
.gray {}
.black {}

.ms-sbcell 
{
   border-style: solid;
   border-color: #FF0000;
   border-width: 2px;
}
.s4-search .srch-gosearchimg
{
   width: 0;
   height: 0;
   padding: 0px 40px 20px 20px !important;
   background: url(/_layouts/Images/masterPage_SJA/img/red_search.png) no-repeat;
}

.s4-search .srch-gosearchimg:lang(fr)
{
   width: 0;
   height: 0;
   padding: 0px 40px 20px 20px !important;
   background: url(/_layouts/Images/masterPage_SJA/img/red_search_FR.png) no-repeat;
}

.footer {/*margin-left: 20px;*/}
.footerPadding { margin-left: 20px;}
.sjaFooter
{
	background-color:#059D39;
	background-image:url('/_layouts/Images/masterPage_SJA/img/footerBackGround.png');
	background-repeat:no-repeat;
	background-position:top;
	padding:40px 5px 10px 5px;
	list-style:none;
}

@media (max-width: 1200px) and (min-width: 980px) { .footerPadding {margin-left: 15px;}}
.footerColumn
{ 
	display:table-cell;
	padding:0px 10px;
}


.block2-inside
{
	padding:0px 10px 0px 0px;
}

#nationalFooter a {color: Red;}
.greenLink a {color:Green !important;}

.gray_bg { background-color:#f8f8f8; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.header_social {float:right; /*margin-right:20px;*/ /*margin-top:5px;*/ font-size:11px;}
::selection {
	background:#000;
	color:#fff;
}
::-moz-selection {
	background:#000;
	color:#fff;
}
logoImage::selection {
	background: transparent;
}
logoImage::-moz-selection {
	background: transparent;
}
logoImage {  max-width:100%;}
/*h1, h2, h3, h4, h5, h6 { color:#1a1a1a;}*/
h1, h2, h3, h4, h5, h6 { color:black; font-family: Arial;}
h1 { font-size: 18pt;}

.ms-rteElement-H1
{ 
    font-size: 18pt; 
}
.ms-rteElement-H2 
{
    font-size: 14pt;
    color: Black;
}
.ms-rteElement-H3 
{
    font-size: 14pt;
    color: #676767;
    font-weight: normal;
}
.ms-rteElement-H4
{
    font-size: 12pt;
}
.ms-rteElement-H1B 
{
    font-size: 12pt;
    color: #D52B1E;
}
.ms-rteElement-H2B 
{
    font-size: 12pt;
    color: #3F9C35;
}
.ms-rteElement-H3B
{
    font-size: 12pt;
    color: #F0AB00;
    font-weight: normal;
}
.ms-rteElement-H4B
{
    font-size: 12pt;
    color: #822433;   
}
.ms-rteElement-H1 a, .ms-rteElement-H2 a, .ms-rteElement-H3 a, .ms-rteElement-H4 a,
.ms-rteElement-H1B a, .ms-rteElement-H2B a, .ms-rteElement-H3B a, .ms-rteElement-H4B a
{ color: Red; }
.ms-rteElement-Callout3 
{
    color: #353738;
    background-color: #F2F2F2;
    float: right;
    width: 25em;
    padding: 10px;
    border: 1px solid #D52B1E;
}
.ms-rteElement-Callout4,  
{
    color: #353738;
    background-color: #F2F2F2;
    float: right;
    width: 25em;
    padding: 10px;
    border: 1px solid #822433;
    font-family: Arial;
}
.ms-rteElement-P a {color: Red;}
.ms-rteElement-P 
{
    /*font-size: 12pt;*/
    color: Black;
    font-family: Arial;
}
.ms-rteStyle-Normal a {color:Red;}
.ms-rteStyle-Normal 
{
    /*font-size: 12pt;*/
    color: Black;
    font-family: Arial;
}
.ms-rtestate-field a {color: #FF0000 !important;}
/*p{ margin-bottom:20px; font-size:14px; font-family:Verdana; }*/
a { color:#000;}
a:visited {color: Black;}
a:link {color: Black;}
a:hover { color:#D52B1E; text-decoration:underline;}
a:focus { outline:none !important;}
.ms-rteFontSize-2 a, .ms-rteThemeFontFace-2 a, .ms-rtePosition-2 a, .ms-rteFontSize-2 a,
.ms-rteFontSize-3 a, 
p a {color: Red;}
.ms-rteThemeFontFace-2, .ms-rteThemeFontFace-1, .ms-rteThemeFontFace-3, .ms-rteThemeFontFace-4
{ font-family: Arial;}
.rte-margins p { font-family: Arial;}
/* Faded out hr */
hr.soften {
  height: 1px;
  margin: 35px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}


/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
	#main-nav a {
    }
    .blockPadding { margin-left: 45px;}
    .breadcrumbWidthAdjust { width: 390px !important;}
  .subnav-fixed {
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px; /* drop the border on the fixed edges */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
  }
  .subnav-fixed .nav {
    width: 938px;
    margin: 0 auto;
    padding: 0 1px;
  }
  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }
}

/* Misc
-------------------------------------------------- */

.browser-support {
  max-width: 100%;
}

/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {

  /* Reduce padding above jumbotron */
  body {
    padding-top: 70px;
  }

  /* Change up some type stuff */
  h2 {
    margin-top: 27px;
  }
  h2 small {
    display: block;
    line-height: 18px;
  }
  h3 {
    margin-top: 18px;
  }
}


@media (max-width: 768px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Jumbotron buttons */
  .jumbotron .btn {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 980px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }
}


@media (max-width: 980px) {
    #main-nav a:after {
	    display:none !important;
        }
}


/* LARGE DESKTOP SCREENS */
@media (min-width: 1210px) {
	.mainslider { height:400px;}
   /*Update subnav container */
  /*.subnav-fixed .nav {
    width: 1168px; *//* 2px less to account for left/right borders being removed when in fixed mode */
  /*}*/
  .bg {background: url(/_layouts/Images/masterPage_SJA/img/primarybg.png); background-repeat:repeat-y; background-position:center;  }
}


/*.container {padding:0 20px; }*/
/*.welcome { margin-top:30px;}
.welcome h1 { text-align:center; line-height:50px; font-size:42px; font-family:arial !important;}
.welcome p { text-align:center;  margin-top:10px; margin-bottom:30px;}
.welcome h6 { padding:100px; padding-bottom:0px; padding-top:0px;}
.welcome a { float:right;}*/
/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */
/*** arrows **/

/*.sf-sub-indicator {
	position: absolute;
	display: block;
	right: 15px;
	top: 40px;*/ /* IE6 only */
	/*width: 10px;
	height: 20px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../images/arrows.png') no-repeat -10px -100px; *//* 8-bit indexed alpha png. IE6 gets solid image only */
/*}*/
/*a > .sf-sub-indicator {*/  /* give all except IE6 the correct values */
	/*top: 10px;
	background-position: 0 -100px; *//* use translucent arrow for modern browsers*/
/*}*/
/* apply hovers to modern browsers */
/*a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; *//* arrow hovers for modern browsers*/
/*}*/

/* point right for anchors in subs */
#menu ul .sf-sub-indicator { background-position:  -10px 0; }
#menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#main-nav { float: left; margin-top:5px; /*margin-left: 15px;*/ }

#main-nav > ul { margin-top:-3px; margin-left: 0px;}

#main-nav li {
	list-style: none;
	float: left;
	margin: 0;
	position: relative;
	/*margin-right:15px;*/
	/*V2 CHANGES*/
	/*border-right: thin solid black;
	padding-right: 10px;*/
	padding: 0 10px 0 10px;
	/*END V2 CHANGES*/
}
			
#main-nav li:last-child {margin-right:0px; border-right:none;}
#main-nav li:first-child {border-right:none; padding: 0;}
			
#main-nav a {
	color: #fff;
	font-family:arial ;
	font-size: 16px;
	display: block;
	position: relative;
	text-align: center;
	/*z-index: 98;*/
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    color: #5D5D5D;
	border-radius:3px;
				
}
			
#main-nav a:after {
    color: #aeaeae;
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    display: block;
    line-height: 0;
    text-align: center;
    text-transform: lowercase;
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a, {
	border-top-color: #fff;
	color: #000;
	background:#D52B1E;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a { 
    /*color:#fff;
    text-decoration:none;
    background-color: #D52B1E;
    background-repeat: repeat-x;
    text-shadow: 1px 1px #D52B1E !important;
    background-image: linear-gradient(top, #f63021, #D52B1E);
    border-left-color: #51a351;
    border-right-color: #51a351;
    border-top-color: #51a351;
    border-bottom-color: #387038;*/
    text-decoration: none;
    color:Black;
    background-image: url(/_layouts/images/masterPage_SJA/img/triangle_hover.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
}		
						
#main-nav .volunteer > a, {
	border-top-color: #fff;
	color: #000;
	background:#3F9C35;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
#main-nav .courses {
    border-radius: 3px;
    padding-left: 0;
}
#main-nav .courses > a, .coursesStatement { 
	/*color:white;
	text-decoration:none;
	background-color: #FF0000;*/
	/*text-shadow: 1px 1px #D52B1E !important;
    background-image: linear-gradient(top, #4dbf41, #3F9C35);*/
}
.coursesStatement 
{
    height: 32px; 
    vertical-align: middle; 
    display: table-cell;
    background-color: Black;
    padding-left: 10px;
}											
#main-nav .donate > a, {
	border-top-color: #fff;
	color: #000;
	background:#F0AB00;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

#main-nav .donate > a { 
    color:#fff;
    text-decoration:none;
    background-color: #F0AB00;
    background-repeat: repeat-x;
    text-shadow: 1px 1px #F0AB00 !important;
    background-image: linear-gradient(top, #ffc32e, #F0AB00);
    border-left-color: #F0AB00;
    border-right-color: #F0AB00;
    border-top-color: #F0AB00;
    border-bottom-color: #387038;
}

/*#main-nav ul li ul li a:hover > #main-nav ul li a {background:#585858 !important;}*/

/* Dropdown */
/*#main-nav ul ul {
	left: -25px;
	padding: 0;
	position: absolute;
	top: 55px;
	visibility:hidden;
}
#main-nav ul ul ul {
	left: 245px;
	padding: 0;
	position: absolute;
	top: 0px;
	visibility:hidden;
}*/
/*#main-nav li:hover > ul {
	visibility:visible;
	}*/
/*#main-nav ul ul li { float: none; }

#main-nav ul ul a {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-align:left !important;
	width:120px;
	border-bottom:1px solid #555;
	background:#444;
	border-radius:0px;
}

#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
	color: #fff;
	text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
	border-bottom-color:#353535;
	border-bottom-color:#353535;					
}*/

#main-nav ul li.current > a:after {
	content: '';
	position: absolute;
	left:50%;
	top: 100%;
	margin-left:-5px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #D52B1E;
}

/*#main-nav ul li ul li:first-child > a:after {
	content: '';
	position: absolute;
	left:24%;
	top: 0%;
	margin-left:-5px;
	margin-top:-6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #444;
}
#main-nav ul li ul li:first-child > a:hover:after {border-bottom-color:#f63021;}

#main-nav ul li.current ul li:first-child > a:after {
	content: '';
	position: absolute;
	left:24%;
	top: 0%;
	margin-left:-5px;
	margin-top:-6px;
	border-left: none;
	border-right: none;
	border-bottom: none;

}
#main-nav ul li ul li ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: -1px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #444;

}
#main-nav ul li ul li ul li:first-child > a:hover:after {
	border-bottom-color: transparent;
	border-right-color:#D52B1E;
}*/
nav select { display: none; }
.mobile-only {display: none;}
/*Landscape phones and down*/
@media (max-width: 480px) {
	.logo { text-align:center; margin-top:20px;}
	/*nav ul { display: none; }*/
	nav select { display: inline-block; width:100% !important;  }
	nav { position: relative; right: auto; top: auto; width: 100%}
	/*.hidden-phone { display:none !important;}*/
	h3 {line-height: 18px; font-size: 14px;}
	hr.visible-desktop { margin-top:15px !important; margin-bottom:15px !important}
	#portfolio .block { margin-top:25px !important; margin-bottom:25px !important;}
	.twit_img { display:none;}
	#mainSearch {display: none; margin-top: -80px !important;}
    body .s4-ca {width:100%; float:left; margin-left: 0px !important;}
	body #s4-leftpanel {width:100% !important;}
}
.menu-triangle {display:none;}
@media (max-width: 768px) 
{
    /*Mobile-site updates*/
    #main-nav li:first-child {padding: 3px 0 3px 0;}
	#main-nav { float: none;}
	#main-nav li { /*float:none;*/ padding: 3px 0 3px 0;}
	#main-nav a:hover {background-image: none !important;}
	#main-nav li.heavy > a {font-weight: bold;}
	#main-nav .courses > a {background-color: #D8D8D8; color: #FF0000;}
	#main-nav a 
	{
	    background-color: #D8D8D8; 
	    text-align: left;
	    background-image: url(/_layouts/images/masterPage_SJA/img/triangle_hover-right.png);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        padding: 4px;
	}
	.mobile-only {display:block !important;}
	.divider-nav {display: none;}
	.logo {width:50% !important;float: left !important;}
	.header_social {display: none;}
	.mobile-red > a {color: #FF0000 !important;}
	.mobile-green > a {color: #3F9C35 !important;}
	.mobile-black >a {color: Black !important;}
	.mobile-yellow > a {color: #EEAC00 !important;}
	#mobile-search {display:block !important; background-color: #D8D8D8;}
	.ms-sbtable-ex {float: none !important;}
	.s4-search .srch-gosearchimg {padding: 0px 20px 20px 10px !important;background: url(/_layouts/Images/masterPage_SJA/img/search_glass.png) no-repeat;border: none !important;}
	.uppercase {text-transform: uppercase; }
	#bottomNavMenu {background-color: #D8D8D8; text-align:center}
	#bottomNavMenu > a {display: inline !important;background-color: transparent !important;background-image: none !important;}
	.ms-sbcell {border-style:none;}
	td.ms-sbgo.ms-sbcell a {background-image: none !important;}
	.coursesStatement {display: none !important;}
	.coursesStatement-mob {
        color: red !important;
        background-image: url(/_layouts/images/masterPage_SJA/img/triangle_hover-right.png);
        background-repeat: no-repeat;
        background-position: 98% 50%;
        margin: 0 0 10px 0;
    }
    .footerLinks {display: none;}
    .desktop-only { display: none !important;}
    .js .nav-collapse-0.opened {max-height: none !important;}
    .breadcrumb {padding: 7px 1px !important;font-size: 8pt;}
    .menu-triangle {display:block;}
    .s4-search input.ms-sbplain {width: 160px !important;}
}
#portfolio img{ width:100%;}

/* Landscape phone to portrait tablet*/
@media (min-width: 480px) and (max-width: 768px) { 
	.logo { text-align:center;}
	/*nav ul { display: none; }*/
	nav select { display: inline-block; width:100% !important;  }
	nav { position: relative; right: auto; top: auto; width: 100%}
	/*.hidden-phone { display:none !important;}*/
	.m25 .spanNum4 { margin-top:55px;}
	h3 {line-height: 24px; font-size: 14px;}
	.mainslider { width:97%;}
	footer h5 { margin-top:30px !important;}
	.twit_img { display:none;}
	#portfolio .block { margin-top:25px !important; margin-bottom:25px !important;}
	#mainSearch {display: none; margin-top: -80px !important;}
	body .s4-ca {width:100%; float:left; margin-left: 0px !important;}
	body #s4-leftpanel {width:100% !important;}
	/*Mobile-site updates*/
	.mobile-only {display: none;}
}
@media (min-width: 768px) and (max-width: 980px) {
	#main-nav a 
	{
	    padding: 5px 5px 5px 5px !important;
	    font-size: 11px;
	    
	}
	#main-nav li { margin-right:0px; padding-right: 2px;}
	.coursesStatement {height:20px !important;font-size:11px; padding-left: 5px;}
	.blockPadding { margin-left: 14px;}
	.slider_area h2 { font-size:15px !important; line-height:18px;}
	h3 {line-height: 18px; font-size: 14px;}
	.m25 .spanNum4 img { width:20%}
	h2 { font-size:21px; line-height:26px;}
	#main-nav ul ul ul {left: 120px;}
	/*Mobile-site updates*/
	.mobile-only {display: none;}
}
/* Portrait tablet to landscape and desktop*/
@media (min-width: 980px) and (max-width: 1200px) {
	#main-nav a {padding: 5px 5px 5px 5px !important; font-size:12px;}
	.coursesStatement {height: 20px !important; font-size:12px; padding-left: 5px;}
	.breadcrumbWidthAdjust { margin-left: 0px !important;}
	.blockPadding { margin-left: 35px;}
	.slider_area h2 { font-size:21px !important;}
	.slider_area .mega {padding: 8px 0px; }
	#main-nav ul ul ul {left: 185px;}
	/*Mobile-site updates*/
	.mobile-only {display: none;}
}

.m25 .spanNum4 { margin-top:25px;}
img.pull-left { margin-right:15px !important; margin-top:7px !important;}
.slider_area { padding-top:20px; padding-bottom:20px;}
.slider_area h2 {margin-bottom:15px; font-size:26px; line-height:30px;}


/*FlexSlider CSS Was Here*/

header { background: #fff; 

background-image: url(/_layouts/Images/masterPage_SJA/img/primarybg.png); background-repeat: repeat-y;
  background-position: center;
}

/*img { margin:0px !important; padding:0px !important}*/
.block  {  margin-bottom:13px; background-color:#ffffff; text-align:left;}
.block-inside  {border:1px solid #dfdfdf; /*min-height:330px;*/}
.block-inside-left  {border:1px solid #dfdfdf; }
.block p {  margin:15px;}
.block h5  { font-size:13px; padding-top:5px; padding-left:10px; text-align:left; border-bottom: 1px solid #dfdfdf; color: #D52B1E; background-image:url(/_layouts/Images/masterPage_SJA/img/bg-gradient.png);}
.block h3  { font-size:13px; padding-top:5px; padding-left:10px; text-align:left; border-bottom: 1px solid #dfdfdf; color: #000; background-image:url(/_layouts/Images/masterPage_SJA/img/bg-gradient.png);}
.block h2 { padding-top:5px; padding-left:10px; text-align:left; border-bottom: 1px solid #dfdfdf; color: #D52B1E; background-image:url(/_layouts/Images/masterPage_SJA/img/bg-gradient.png);}
.block a { 
	
	color:#000;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.block a:hover { 
	
	color:#D52B1E;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;	
	}
	


.block2  {  margin-bottom:30px; text-align:left;}
.block2-inside  {min-height:100px; line-height: 20px;}
.block2-inside-last {border-left:0px solid #dfdfdf; min-height:100px;}
.block2 p {  margin:15px;}
.block2 h5 { padding-top:10px; padding-left:10px; text-align:left;}
.block2 h2 { padding-top:10px; padding-left:10px; text-align:left; color: #D52B1E;}
.block2 a { 
	/*text-shadow:1px 1px #fff;*/
	color:#FFF;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.block2 a:hover { 
	color:#FFF;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;	
	}	
	
.block2-inside ul.bullet span { color: white; }

/* Green Color */

.green {
	color: #3e5706;

	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}

/* Blue Color */

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}

/* Gray Color */

.gray {
	color: #515151;

	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */
	background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */
}

h2 .label, h3 .label { font-size:inherit; border-radius: 0px !important; background-color: #D52B1E;}
.dash { border-style:dashed !important; margin-top:10px; margin-bottom:10px;}

.soc_icons a{ float:left; margin-right:10px; margin-top:5px;}
.icon_t { width:24px; height:24px; background:url('/_layouts/Images/masterPage_SJA/img/icons_twitter_hover.png')}
.icon_t:hover {background:url('/_layouts/Images/masterPage_SJA/img/icons_twitter_hover.png')}
.icon_facebook { width:24px; height:24px; background:url('/_layouts/Images/masterPage_SJA/img/icons_facebook_hover.png')}
.icon_facebook:hover {background:url('/_layouts/Images/masterPage_SJA/img/icons_facebook_hover.png')}
.icon_youtube { width:24px; height:24px; background:url('/_layouts/Images/masterPage_SJA/img/youtube_24x24.png')}
.icon_youtube:hover {background:url('/_layouts/Images/masterPage_SJA/img/youtube_24x24.png')}
.icon_newslink { width:24px; height:24px; background:url('/_layouts/Images/masterPage_SJA/img/news-icon.jpg')}
.icon_newslink:hover {background:url('/_layouts/Images/masterPage_SJA/img/news-icon.jpg')}

ul.bullet 
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	background-image: none;
	padding-top:10px;
}
	
li.bullet {  background: url(/_layouts/Images/masterPage_SJA/img/sjabullet.png) left center no-repeat; padding-left: 15px; margin-left:5px;}	

/*for search bar*/
.s4-search input.ms-sbplain 
{
    width: 180px;
}
.ms-sbtable-ex
{
    float: right;
}

.horizontal-line {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 18px;
}

.breadcrumb 
{
    display: none;
}
.breadcrumb a
{
    padding: 0px 5px 0px 5px;
    color: #D52B1E;
}
.breadcrumbCurrent { padding-left: 5px;}

a img {border: none;} /*for IE8-8*/

.font11
{
    font-size: 11px;
}
#sponsors {text-align:center;}
#sponsorlogos li
{
    list-style: none;
    display: inline;
}
.divider-nav {position: relative; float:left; top:10px;}
@media (max-width: 1200px) 
{
    .divider-nav{
        top:5px;
    }
}

.thumbnail-text a 
{
    color: Red !important;
}
#highlights a:link {
    color: red !important;
}
#highlights a:visited {color: red !important;}

.sliderbackground a:link {
    color: red !important;
}
.sliderbackground a:visited {
    color: red !important;
}
#noslide-thumbnails a:link {
    color: red;
}
#noslide-thumbnails a:visited { color: red; }
.thumbnail-text div div a {color: red;}
.redlinks a {color: Red !important;}
.redlinks a:link { color:Red !important;}
.redlinks a:visited { color:Red !important;}
#mobile-social a img {width:20px;}
#iebanner {background-color: #ff0000;padding: 0.5em;margin-bottom: 5px;position: fixed;width: 100%;z-index: 10;}
#iebanner p {text-align: center;color: white;margin: 0;}
td.location-info img {vertical-align: middle;}
.info-banner 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgb(3,134,71);
    padding: 10px;
    border-radius: 5px;
    background-color: rgb(3, 147, 71);
    color: #fff;
}

.info-banner #cookieAccept
{
    background: #fbb03b !important;
    border: 1px solid rgb(235,160,110);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}
.info-banner a, 
.info-banner a:link,
.info-banner a:visited,
.info-banner a:active
{
    color: #fff;
    text-decoration: underline;
}
.info-banner a:hover 
{
}

.locationTable 
{
  margin-top:5px;
  display:none;
  background-color:#FFFFFF;
  background-image: url("/_layouts/Images/masterPage_SJA/img/Rectangle-repeat.png");
  background-repeat: repeat-x;
  background-position:center bottom;
  min-height:58px;
  width:100%;
}

@media (max-width: 768px) 
{
    .locationTable 
    {
        display:none;
    }
}

.redPinCell {
  background-image: url("/_layouts/Images/masterPage_SJA/img/Red-Pin-Icon.png");
  background-repeat: no-repeat;
  background-position:left top;
  min-width:64px;
}

.rightArrowCell {
  background-color:#FFF;
  background-image: url("/_layouts/Images/masterPage_SJA/img/Rectangle-right.png");
  background-repeat: no-repeat;
  background-position:right bottom;
  width:51px;
}

.contentCell {
  padding-bottom:10px;
  padding-left:10px;
}

.currentLocationText
{
    font-weight:bold;
}


.changeLocationText{
	text-decoration:underline;
}

.locationBarDiagonalArrow
{
    position:relative;
	top:5px;
	margin:0px 3px;
}

/* atomic motion table work */

.atomicTable {
  width: 100%;
  border-collapse:collapse;
}

.atomicTable thead tr th {
  background-color: #393939;
  text-align: left;
  padding: 15px;
  border:1px solid #393939;
  color:  #ffffff;
  font-size: 20px;
  font-weight: 400;
}

.atomicTable tbody {
  border-width: 0px 0px 1px 1px;
  border-spacing: 0;
}

.atomicTable tbody,
.atomicTable td {
  border-color: #CECECE;
  border-style: solid;
}

.atomicTable tbody td {
  margin: 0;
  padding: 15px;
  border-width: 1px 1px 0px 0px;
  text-align:left;
  vertical-align: top;
}

.atomicTable tbody tr:nth-child(odd) {
  background-color: #f3f3f3;
}

.atomicTable tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}


.atomicTable a{
 color:#888888; 
}

.atomicTable a:hover{
  color:#ff0000;
}

#ddlCourses{
	height:22px;
}

.loadingDropdown {
	background-image:url('/_layouts/images/loading.gif');
	background-repeat: no-repeat;
	background-position: 90% 50%;
}