@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
html, body { height: 100.5%; min-height: 100.5%; }
body { background: none repeat scroll 0 0 #F0F0F0; color: #000000; font-family: Arial,Helvetica,sans-serif; font-size: 100%; line-height: 1; margin: 0; padding: 0; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit;
}
ol, ul { list-style: outside none none; }
table { border-collapse: collapse; border-spacing: 0; }

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,font,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}ol,ul{list-style:none;}abbr,acronym{font-variant:normal;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}textarea{resize:none;}
html,body { width: 100%; }
.clear-both { display: inline-block; }
.clear-both:after, .form dd:after {content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.clear-both {display: block; }
.hidden { display: block; }
#wrapper { margin: 0 auto; }

#header,
#divider{ width: 1319px; }

#logo,
#line { background-repeat: none; background-position: 0 0; display: block; }

#wrapper { width: 1319px; overflow: hidden; background-color: #f9f9f9; }
#header { height: 140px; }
#logo { width: 1319px; height: 140px; background-image: url(../images/1400/logo.png); margin: 0; float: left; text-indent: -99999px; }
#divider { height: 38px; background-color: #484848; }
#banner { width: 1319px; height: 287px; background-image: url(../images/1400/banner.png); }
#header-text { height: 57px; background-color: #f9f9f9; padding:4px 5px 0 5px; font-family:Arial, Helvetica, sans-serif; font-size: 18px; line-height: 26px; color:#323E42; }

#content { margin: 0 20px 50px; height: 540px; }

#tilesColumn{ width: 1011px; display:inline-block; position:relative; height: 442px; }

.tiles1,
.tiles2 { width: 496px; padding: 3px; }

#tile1 { width: 236px; height: 442px; margin-right: 20px; }
#tile2 { width: 239px; height: 198px; margin-bottom: 22px; }
#tile3 { width: 239px; height: 221px; }
#tile4 { width: 239px; height: 442px; margin-right: 20px; }
#tile5 { width: 236px; height: 198px;  margin-bottom: 22px; }
#tile6 { width: 236px; height: 221px; }



#tiles li a .text .icon.play { background: url(../images/1400/icon1.png) left 0 no-repeat; padding-left: 30px; left: 180px; }
#tiles li a .text .icon.doc { background: url(../images/1400/icon2.png) left 0 no-repeat; width:20px; height:30px; left: 210px; top:5px; }

#twitterfeed { width: 250px; height: 442px; background-image:none; display: inline-block; float: right;  }
.twitter-timeline.twitter-timeline-rendered { height: 442px !important; border-radius: 12px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); }

#tiles { clear: both; overflow: hidden; display:inline-block; position:absolute; }
#tiles.tiles1 { left:0; top:0;}
#tiles.tiles2 { right:0; top:0;}
#tiles li { background-position: center center; background-repeat: no-repeat; border-radius: 12px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); overflow: hidden; position: relative; float: left; }
#tiles li a, #tiles li a:link, #tiles li a:visited, #tiles li a:hover, #tiles li a:active, #tiles li a:focus { display: block; text-decoration: none !important; }

#tiles li a span.icon { background-position: 7px 6px; background-repeat: no-repeat; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
#tiles li a .text { background-color: #ffffff; color: #1f4f82; cursor: pointer; left: 0; min-height: 180px; opacity: 0.75; padding: 0 3px 6px 9px; position: absolute; right: 0; top: 58%; z-index: 2; text-decoration: none !important; }
#tiles #tile1 a .text,
#tiles #tile4 a .text { top: 77%; }
#tiles li a .text.text1,
#tiles li a .text.text3 { top: 58% }
#tiles li a .text.text2,
#tiles li a .text.text4 { top: 54% }
#tiles li.tileinfo a .text {min-height: 428px;}
#tiles li a .text .icon { width : 50px; height:30px; line-height: 30px; position: absolute; left: 185px; top: 1px; font-size: 12px; }
#tiles li a .text .icon.play { background: url(../images/1400/icon1.png) left 0 no-repeat; padding-left: 30px; left: 180px; }
#tiles li a .text .icon.doc { background: url(../images/1400/icon2.png) left 0 no-repeat; width:20px; height:30px; left: 210px; top:5px; }
#tiles .tileinfo a .text { top: 80%; }
#tiles li a .text .title { font-size: 1em; padding-top: 5px; }
#tiles li a .text .latest { font-size: .9em; display: none; text-decoration: underline !important; }


* html #tiles li a .text { height: 180px; overflow: visible; }
#tiles li a:hover .text { opacity: 0.9; text-decoration: underline; max-height: 55px; }
#tiles li .text em, #tiles li .text strong { overflow: hidden; text-overflow: ellipsis; }
#tiles li .text em { display: block; font-size: 1.1em; font-style: normal; font-weight: normal; padding: 3% 0 1%; white-space: nowrap; }
#tiles li .text strong { background-position: 0% 0%; background-repeat: no-repeat; display: block; font-size: 1.1em; line-height: 1.40; min-height: 55px; }
#tiles li .text span { display: block; font-size: 17px; line-height: 1.167; opacity: 0; }


.toTop { background: linear-gradient(to bottom, #ebebeb 0%, #fefefe 50%, #ebebeb 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);  border-radius: 10px 0 0 10px; bottom: 40px; box-shadow: 0 0 5px 1px #aaaaaa; display: none; opacity: 0.95; overflow: hidden; position: fixed; right: 0; text-indent: -100px; z-index: 5; }
.toTop span { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJCOUQ4NzVGN0E3MTFFM0EwOTRFRjUxNjNDMkQ0RjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJCOUQ4NzZGN0E3MTFFM0EwOTRFRjUxNjNDMkQ0RjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QkI5RDg3M0Y3QTcxMUUzQTA5NEVGNTE2M0MyRDRGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QkI5RDg3NEY3QTcxMUUzQTA5NEVGNTE2M0MyRDRGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpRsA7gAAAEySURBVHjanNJPKARhGMfxWcaFTaRoc9EmSootLg6u28ZllS0H4oKTpCQcXSTK7mF3b8sNBw5yV2rLRe1hUzg5KVF2T/77PvVsTW9mZ3jq09u8885vnvedCUSmdiyPakcZpWqLajxCRnGCJFqqLbRd5huxgCU0YxBtWMSN3466sYcNDalUDIcY9hM0hmPEXTrtxwEm3YJasYV99HicWwgZrKPOGRTBEZYRNB4qQj7rtTHfoFtPVbZfG+qLnjIO/fLmPGa1y3N0IoyA3pdxAL14kI46jIA35DCBK0dnCazh0Vg/grQEfTom5adbwTzujQdesIkZFIx7TRL0rRd3mMauduVWZxjXrj907kuC6vXvjevop24xh1U8y1nb+tmzeLL+Vu/YxiW6bL14tf5fF+JHgAEA5JA5l750y3AAAAAASUVORK5CYII="); background-position: center center;  background-repeat: no-repeat; display: block; height: 41px; width: 41px; }



@media not all, only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
#header .logo a { background-image: url(""); background-size: 143px 16px; }

#tiles li .text strong { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjgyQUUxNzFGN0FGMTFFMzkzRDNFRTk1MTdCRDM5OUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjgyQUUxNzJGN0FGMTFFMzkzRDNFRTk1MTdCRDM5OUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODJBRTE2RkY3QUYxMUUzOTNEM0VFOTUxN0JEMzk5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODJBRTE3MEY3QUYxMUUzOTNEM0VFOTUxN0JEMzk5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt49okgAAAHcSURBVHjavJdbKwVRFMfPHJOkxGfxKg9eSOSBRJxCIoeQk0sHITnkfuu4lkt4kBSS24sHefHgs5CSRMd/a22Jsdee2ces+jUPs2Z+7Zl9WctKJBIBP8POrpmxcd0BlUzuAygAdybCIHgDIbDL5GaBK5BjKhTxDmrBJpOfCc5BrqlQSuvBGvNMBrgAeaZCEWIGNYE481w6OAX5pkIpbQWzGtJjUGgqlNIImGCeTwNHoMRUKKMHxJicVHAASpMhFNEPBjWk+6AiGUIRw6CX20TAHq1pY6GIMdDF5KSALVrTxkIRU6CdJpVKugEakiEUsQBaGKkFVkHzrxteTwts+mFclpg08fIOMG8yws+4344sO43AYaRz3/+9Z6ELaYA2kKjRJ/XweUUMBQP+RtD2cXRix4rZPsm6waTcjv57WURopn4VUV58YY1DWp6rcdOdpo1eYjEyx8rBrbCTdg2VTFkbuRFG5Y9nZMrqT1c4AEaZHFHfVnP1rc4sHQF9TM4rqAKHbKnP3B+nNcTJysGJVm+h2OWn6WhRxQsoA2fazcwfskU6ZFXxTJXapavuyUG2Aho1ZMXg2nW79qMWWQd1zDNPoAjceOoPf1RbISb/kWS3nhtSwreG1PK75f4QYADh6XF4G+BRVgAAAABJRU5ErkJggg==");  background-size: 14px 18px;
}
.toTop span { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDg5QTZBMjRGN0FGMTFFM0FBMzNDMDZDMThFRDg4NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDg5QTZBMjVGN0FGMTFFM0FBMzNDMDZDMThFRDg4NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0ODlBNkEyMkY3QUYxMUUzQUEzM0MwNkMxOEVEODg0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0ODlBNkEyM0Y3QUYxMUUzQUEzM0MwNkMxOEVEODg0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoGkugIAAAHVSURBVHjaxJbPSwJBFMfHFAlB9G/p4CU6dCnoEFEHL0V1MESJIgmhpEgqIaTAfmxZUIFUENUlif6J/qDAtu/AK0ZZZ2Z3dtcHH1x3Z977sDozL2LbNhtZPGaGsQd+6NNzfN1vsBgzj22wQ9ffoGaSbMhQZhPsC98P6d5AhNbBkcN9fm8tbKEikP3xTkAhLKEVcAoikjH82RnIBS20DC4VMqLUFVgKSmgeXGvKiFI3NNdXoSy4A1EPP3GU5mb9EpoDLY8yohTPMWsqNA0egGoDLWisKp7jkXJKB/WLKfAM4ioZbPkWv6Aj6EIyNk45Z8CHmzc0CV7cyNBZZGm8KZ7zFUzoCo3ThGFJUrtXxkHKlsznud+ollRoDLyDhEKm6CTTI1VUSCWo1lg/oVHQVsj8nWGWxsqyaCxTSLWpdpdQhh4kNU73hovl3tA4/ZNUOyMKfYKUYuIWqHvYg+o0VxYpcvgXSism7Bo2XjXKIYu07k59AKo+dJZVymW0U/Nmq8L8i0qfpk5LiDdZZeZ/lCm3K6FzUGLBRYlqaAk1wapiUzMNm2o0VUK3IB+wjCiVp5qOQi3qgcOQEaVyVLur/Xii3rfDwo8O1Y6Jb2hhQDKiFHdgvwIMAGTZZ8AGCXKBAAAAAElFTkSuQmCC"); background-size: 18px 14px; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
body {
}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
	
html, body { height: auto; min-height: auto; }

body { margin: 0 4px; }

#wrapper {  background-color: #ffffff; background-image: none; box-shadow: 0 5px 10px #cacaca; margin: 10px 5px 16px; min-width: 300px; padding: 0; width: auto; }
#header { width: auto; }
#header .logo a { height: 80px; }
#header ul#socialMedia { margin: 0 0 0 200px; position: absolute; right: 0; top: 0; z-index: 1; }
#header ul#socialMedia li { padding: 10px 10px 0 0; }
#header .breadCrumb { margin: 0; }
#header .campaign { margin: 0; padding: 10px 5px; }
#header .campaign img { height: auto; max-width: 100%; }

#content { width: auto; width: 1041px; }
#tilesColumn{ width: 1041px; display:inline-block; }
#twitterfeed { width: 240px; height: 643px; background-image:none; margin:  5px 20px 0 0; display: inline-block; float: right; }

#tiles { margin: 0; width: 	1059px !important; }
#tiles li {  height: auto; margin: 2%; width: 46%; }
#tiles li a img { height: auto; width: 100%; }
#tiles li a .text { height: 100%; min-height: 100%; padding: 0 3%; }
#tiles li .text em { font-size: 0.6em; height: 8%; }
#tiles li .text strong { font-size: 0.75em; line-height: 1; max-height: 28%; min-height: 28%; padding: 0 12% 0 0; }
#tiles li .text span { font-size: 0.65em; height: 50%; padding-top: 2%; }


}