@charset "utf-8";
/* CSS Document */

@import url('https://ssl.uh.edu/css/uh-fonts.css?version=2');

.content {
	padding: 10px 0;
	width: 960px;
	margin: 0px auto;
	height: auto;
	color: #333;
}


body {
	font: 100%/1.4;
	font-family: 'Milo', sans-serif;
	background: url(images/2012homepage/container-background.jpg) repeat-y center;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
a:visited {
	color: #fff;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/* ~~ The header is not given a width. It will extend the full width of your layout. ~~ */
header {
	margin: 0 auto;
	height: 50px;
	padding: 0px;
	background: #ebebe9;

}


.top-bar {
	background: #333 url(images/2012homepage/topbar-bg.png);
	clear: both;
	color: #ddd;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	text-shadow: 0 1px black;
	box-shadow: 0 12px 0 rgba(0,0,0,0.05);
	height: 50px;
}

.top-bar .search {
	background: none;
	display: inline;
	float: right;
	margin-left: 12px;
	margin-right: 12px;
	position: relative;
	width: 216px;
}
.top-bar .content ul {
	list-style: none;
	padding: 0px;
}

.top-bar .content ul li {
	list-style: none;
	float: left;
	padding-right: 15px;
}

.top-bar .content ul li a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}


.top-bar .content ul li a:visited {
	color: #FFF;
}
.leftlogo img  {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
}

.top-bar .search input[type="text"] {
    background: #fff ;
    background: rgba(255,255,255,0.95) ;
    border: none;
    color: #333;
    /*font-family: 'AvantGardeGothicITCW01M 731087';*/
    font-family: 'TexGyreAdventor', sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    margin: 3px 0;
    padding: 0 12px;
    text-shadow: 0 0 1px #ddd;
    width: 100%; 
}

.lt-ie9 .top-bar .search input[type="text"] {
    line-height: 30px;
    position: relative;
    width: 100%;
}

.no-boxsizing .top-bar .search input[type="text"] {
    width: 192px;    
}

.top-bar .search input[type="submit"] {
	background: #c00 url(../images/2012homepage/search.png);
	border: 1px solid #b00;
	border: 1px solid rgba(0,0,0,0.125);
	color: transparent !important;
	height: 26px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 2px;
	text-shadow: none;
	top: 5px;
	width: 26px;
}

.top-bar .search fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
}


.inlinesvg .top-bar .search input[type="submit"] {
	background: #c00 url('../images/2012homepage/search.png') no-repeat;
}

.no-inlinesvg .top-bar .search input[type="submit"] {
    background: #c00 url('../images/2012homepage/search.png') no-repeat;
}

.lt-ie8 .top-bar .search input[type="submit"] {
    text-indent: -9999em !important;
    top: 6px;
}
.leftlogo {
	float: left;
	width: 510px;
	margin-left: 25px;
	margin-bottom: 10px;
}
.rightlogo {
	float: right;
	
	padding: 0px;
	text-align: center;
	background-color: #c00;
	border: 1px solid #cccccc;

	border-bottom-color: #b3b3b3;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 0;

	text-decoration: none;

	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 3px rgba(0,0,0,0.25);
    *zoom: 1; 
	margin-top: 0px;
	margin-right: 12px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.content .rightlogo a {
	color: #FFF;
	text-decoration: none;
	padding: 0px;
	margin-top: 0px;
}

nav {
	background: #464646 url(images/2012homepage/navigation-background.png) repeat-x;
	margin: 0px auto;
	padding-top: 2px;
	height: 33px;
	z-index: -1;
	clear: both;
	font-size: 14px;
}
.lt-ie9 .nav-primary {
	position: relative; box-shadow: 0px 1px 3px #bfbfbf;
}
.nav-primary {
	color: rgb(255, 255, 255);
	overflow: visible;
	width: 966px;
	margin: 0px auto;
	height: auto;
	
	padding: 3px 0 10px;
}
.nav-primary .parents {
	margin: 0px;
	left: 0px;
	display: block;
	position: relative;
}
.nav-primary li {
	position: relative;
	list-style: none;
}
.nav-primary .parents > li {
	margin: 0px;
	float: left;
	display: block;

}
.nav-primary .parents > li:hover {
	color: rgb(51, 51, 51);
	text-decoration: none;
	border-left-color: transparent;
	background: #999;
}
.nav-primary .parents > li:first-of-type { 
}
.lt-ie9 .nav-primary .parents > li:first-of-type {
	position: relative;
}
.nav-primary .parents > li:last-of-type {
	border-right-color: transparent; border-right-width: 1px; border-right-style: solid;
}
.nav-primary .parents > li:last-of-type:hover { 
}
.nav-primary .parents > li > a {
	padding: 5px 14px;
	color: rgb(255, 255, 255);
	text-decoration: none;
	float: none;
	display: block;
	margin-left: 1px;
	border-right: 1px groove #999;
}
.nav-primary .parents > li:first-of-type > a {
	padding-left: 12px;
}
.nav-primary .parents > li > a:hover {
	color: rgb(255, 255, 255); text-decoration: none; background-color: transparent;
}
.nav-primary .children {
	left: -999em;
	width: 216px;
	position: absolute;
	z-index: 99;
	background: #999;
}
.lt-ie9 .nav-primary .children {
	border: 1px solid rgb(204, 204, 204); width: 218px; box-shadow: 0px 1px 3px #7f7f7f;
}
.lt-ie8 .nav-primary .children {
	margin: 0px; padding: 0px; width: 216px;
}
.nav-primary .children li {
	margin: 0px; padding: 0px; width: 216px; line-height: 21px; float: none; display: block;
}
.lt-ie8 .nav-primary .children li {
	margin: 0px; padding: 0px; border: 0px currentColor;
}
.nav-primary .children a {
	padding: 6px 24px 6px 12px;
	color: #FFF;
	line-height: 21px;
	font-family: sans-serif;
	text-decoration: none;
	float: none;
	display: block;
}
.nav-primary li:hover .children {
	left: 0px;
}
.nav-primary li a:focus + .children {
	left: 0px;
}
.lt-ie8 .nav-primary .parents > li:first-of-type:hover .children {
	left: 1px;
}
.lt-ie8 .nav-primary .parents > li:first-of-type a:focus .children {
	left: 1px;
}
.nav-primary li:hover .children li:hover { background: #CCC; }
.lt-ie9 .nav-primary li:hover .children li:hover {
	
}
.nav-primary .parents > li:last-of-type:hover .children {
	left: auto; right: 0px;
}
.nav-primary .parents > li:last-of-type:focus .children {
	left: auto; right: 0px;
}
.nav-primary .parents > li.jquery:hover .children {
	left: auto; right: 0px;
}
.nav-primary .parents > li.jquery:focus .children {
	left: auto; right: 0px;
}






/* ~~ The footer ~~ */
footer {
	padding: 10px 0 0px;
	background: #464646;/* this gives IE6 hasLayout to properly clear */
	clear: both;
	
}


.footer-image {
	width: 400px;
	float: left;
	padding-top: 0px;
	padding-bottom: 100px;
	padding-left: 50px;
}

.footer-links {
	width: 505px;
	float: right;
	padding-bottom: 10px;
}
.footer-links dl {
	color: #FFF;
	
	float: left;
}
.footer-links dl dt {
	font-size: 12px;
	font-weight: bold;
}

.footer-links dl dd a {
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.bottom-bar {
	background: #000;
	clear: both;
	margin: 0px;
	height: 100px;
}

.bottom-bar .social-media {
	float: right;
	display: block;
}
.bottom-bar .social-media ul {
	list-style: none;
}

.bottom-bar .social-media ul li {
	display: block;
	float: left;
	list-style: none;
	padding-right: 5px;
}
.bottom-bar .copyright {
	color: #FFF;
	font-size: 9px;
}
.bottom-bar .copyright a{
	color: #D51500;
	font-weight: bold;
	text-decoration: none;

}

 .legalbar {
	background: #000;
	clear: both;
	margin: 0px;
	 color: #ffffff;
	 font-size: 10px;
}

 .legalbar a {
	color:#ffffff;
	font-size: 10px;
	 text-decoration: none;
}



/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}


#left-column {
	float: left;
	width: 231px;
	background-color: #CCC;
	margin: 0px;
	
}
#left-column #cssmenu .selected {
	color: #FFF;
	font-weight: normal;
	background-color: #000;
	margin: 0px;
	
}

#left-column #cssmenu .selected a {
	color: #FFF;
	text-decoration: none;
}

#left-column h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #FFF;
	border-left-color: #ccc;
}

#left-column h2 a {
		display: block;
	margin: 0px;
	color: #333;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 11px;
	padding-left: 11px;	/*font-size: 110%;*/
	padding-bottom: 11px;
}

#left-column p {
	font-size: 12px;
	color: #333;
	padding-left: 11px;
}

#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}

/* The container */
#cssmenu > ul {
  display: block;
  position: relative;
  /* The list elements which contain the links */

}
#cssmenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 1;
}
/* General link styling */
#cssmenu > ul li a {
	/* Layout */

	display: block;
	position: relative;
	margin: 0;
	border-top: 1px dotted #3a3a3a;
	border-bottom: 1px dotted #1b1b1b;
	padding: 11px 20px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #999;
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
	color: #ffffff;
	border-color: transparent;
	background-color: #CCC;
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #d8d8d8;
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;
  /* Creating the arrow using borders */

  border: 4px solid transparent;
  border-left: 4px solid #000;
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  border-left: 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}
/* THE SUBMENUS */
#cssmenu > ul ul {
	position: absolute;
	left: 100%;
	top: -9999px;
	padding-left: 5px;
	opacity: 0;
	/* The fade effect, created using an opacity transition */

	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
	
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
  
}
#cssmenu > ul ul li a{
	background-color: #666;
	width: 300px;
}

.clear-block::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
	visibility: hidden;}

.view-alumni-events-calendar h3 {
	padding-left: 0px;
}

.view-alumni-events-calendar .event_row {
    border-bottom: 1px solid #d1d1d1;
    color: #000;
    padding: 10px 0;
}

.view-alumni-events-calendar .row_date {
    float: left;
    padding-left: 10px;
    width: 65px;
}

.view-alumni-events-calendar .row_month {
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 0.3em;
    padding-left: 3px;
    text-transform: uppercase;
}

.view-alumni-events-calendar .row_date {

}

.view-alumni-events-calendar .row_day {

    font-size: 40px;
    line-height: 1;
}

.view-alumni-events-calendar .row_details {
    float: right;
    width: 620px;
}

 #content  {
    word-wrap: break-word;
}

.view-alumni-events-calendar .row_details h3 {

    line-height: 1.4em;
    margin-top: 0;
    margin-bottom: 2px;
}

a {
    color: #c8102e;
    outline: none;
    text-decoration: none;
}


a:visited {
    color: #c8102e;
    outline: none;
    text-decoration: none;
}

a:hover {
    color: #54585a;
    outline: none;
    text-decoration: underline;
}



.view-alumni-events-calendar .details_location {

    font-size: 13px;
    font-style: italic;
    padding: 3px 0;
}

.view-alumni-events-calendar .details_location span {
    font-weight: bold;
    padding-right: 2px;
}

.view-alumni-events-calendar .details_description {

    font-size: 13px;
    line-height: 1.3em;
}

ul.details_links {
    border: medium none;
    display: block;
    float: left;
    width: 100%;
    list-style-position: outside;
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
}

ol, ul {
    list-style: none outside none;
        list-style-type: none;
        list-style-position: outside;
}

ul.details_links li {
    float: left;
    margin: 0 20px 0 0;
}

ul.details_links {
    list-style-position: outside;
    list-style-type: none;
}

ul.details_links li a.learn-more {
    background: url("beta/bullet-red.png") no-repeat scroll 0 0 transparent;
}

ul.details_links li a, ul.details_links li span {
    border: medium none;
    display: block;
    float: left;

    font-size: 11px;
    font-weight: normal;
    height: 28px;
    line-height: 1.4em;
    padding: 0 0 0 20px;
    outline: medium none;
    text-decoration: none;
}

table {
	border:#DDD 1px solid;
	border-width: 1px 1px 0 1px;
	margin:0px auto;
	padding:0;
	font-size: 12px;
	}

	
table caption {
	font-weight:bold;
	}
	
table.center th, table.center td, td.center, th.center, tr.center  {text-align:center;}
table.left th, table.left, td.left, th.left, tr.left {text-align:left;}
table.right th, table.right, td.right, th.right, tr.right {text-align:right;}

table th {
 	background:#FCF5C0;
	color: #000;
	margin:0;
	padding:2px;
	border-bottom:1px solid #666;
	}

table td {
	padding:5px;
	border:0;
	margin:0;
	border-bottom:1px solid #CCC;
	}
table td.scope {
 	text-align:left;
	background:#FCF5C0;
	}
table th.alt-th{
	background-color:#FFF;
	}
#right-column {
	padding: 0;
	width: 695px;
	float: right;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	}

.right-column-middle .news-item {
	margin: 0px;
	border-bottom: 2px dotted #333;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.right-column-middle .news-item img {
	padding: 0px 10px 0px 0px;
	float: left;
}

.right-column-middle .lefts {
	padding: 5px;
	float: left;
	width: 400px;
}
.right-column-middle .red-title-highlight {
	color: #D51500;
	border-bottom: 3px solid #D51500;
	font-size: 24px;
	padding: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

.right-column-middle .rights {
	padding: 5px;
	float: right;
	width: 240px;
}
.right-column-middle .center { text-align: center; }
.right-column-middle .rightalign  { float: right; }
.right-column-middle .leftalign  { float: left; }

.right-column-middle .rights a  {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}



.right-column-middle {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
}

.right-column-middle img {

	
}
.right-column-middle .nopaddding {
	margin: 0px;
	padding: 0px;
}


.right-column-middle p {
	font-size: 15px;
	padding: 0px 0px 10px;
	margin: 0px;
}

.right-column-middle h1 {
	
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 15px;
}

.right-column-middle h2 {
	font-size: 16px;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px 0px 10px;
}

.right-column-middle h3 {
	font-size: 14px;
	font-weight: normal;
	
	margin: 0px;
	padding: 0px 0px 5px;
}
.right-column-middle h1 a {
	font-weight: normal;
	font-variant: normal;
}



.right-column-middle a {
	color: #D51500;
	text-decoration: none;
	font-weight: bold;
}

.right-column-middle a:hover {
	color: #333;
	text-decoration: underline;
	
}

.right-column-middle a:visited {
	color: #D51500;
	text-decoration: none;
	font-weight: bold;
	
}
.right-column-middle ol li {
	font-size: 12px;
	list-style-position: outside;
	margin-left: 20px;
	padding-bottom: 10px;
}

.right-column-middle .ipilfaculty {
	color: #D51500;
	text-decoration: none;
	font-weight: bold;
}

.right-column-middle ul li {
	font-size: 15px;
	list-style-image: url(images/left-column/left-column-list.jpg);
	list-style-position: outside;
	list-style-type: square;
	margin-left: 20px;
	padding-bottom: 10px;
}

.right-column-middle ul li ul li {
	list-style-type: square;
		list-style-image: url(images/left-column/left-column-list.jpg);
	margin-left: 25px;
}
.right-column-middle ul li ul li ul li {
	list-style-position: outside;
	list-style-type: square;
		list-style-image: url(images/left-column/left-column-list.jpg);
	margin-left: 30px;
}

.right-column-middle blockquote {
	padding-left: 30px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}

/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%}
body{margin:0}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}

audio,canvas,progress,video{display:inline-block}
progress{vertical-align:baseline}

audio:not([controls]){display:none;
height:0}
[hidden],template{display:none}

a{background-color:transparent;
-webkit-text-decoration-skip:objects}

a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted}

dfn{font-style:italic}
mark{background:#ff0;
color:#000}

small{font-size:80%}
sub,sup{font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline}

sub{bottom:-0.25em}
sup{top:-0.5em}
figure{margin:1em 40px}
img{border-style:none}
svg:not(:root){overflow:hidden}

code,kbd,pre,samp{font-family:monospace,monospace;
font-size:1em}
hr{box-sizing:content-box;
height:0;
overflow:visible}

button,input,select,textarea{font:inherit;
margin:0}
optgroup{font-weight:bold}

button,input{overflow:visible}
button,select{text-transform:none}

button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;
padding:0}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}

fieldset{border:1px solid #c0c0c0;
margin:0 2px;
padding:.35em .625em .75em}

legend{color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal}
textarea{overflow:auto}

[type=checkbox],[type=radio]{padding:0}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}

[type=search]{-webkit-appearance:textfield;
outline-offset:-2px}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

::-webkit-input-placeholder{color:inherit;
opacity:0.54}

::-webkit-file-upload-button{-webkit-appearance:button;
font:inherit}

/* End extract */
html,body{
line-height:1.5}
html{overflow-x:hidden}

h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
.w3-serif{font-family:serif
}

h1,h2,h3,h4,h5,h6{
font-weight:400;
margin:10px 0}
.w3-wide{letter-spacing:4px}

hr{border:0;
border-top:1px solid #eee;
margin:20px 0}

.w3-image{max-width:100%;
height:auto}
img{margin-bottom:-5px}
a{color:inherit}

.w3-table,.w3-table-all{border-collapse:collapse;
border-spacing:0;
width:100%;
display:table}
.w3-table-all{border:1px solid #ccc}

.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}
.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}

.w3-table-all tr:nth-child(odd){background-color:#fff}
.w3-table-all tr:nth-child(even){background-color:#f1f1f1}

.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}
.w3-centered tr th,.w3-centered tr td{text-align:center}

.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;
display:table-cell;
text-align:left;
vertical-align:top}

.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}

.w3-btn,.w3-button{border:none;
display:inline-block;
outline:0;
padding:8px 16px;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
color:inherit;
background-color:inherit;
text-align:center;
cursor:pointer;
white-space:nowrap}

.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

.w3-btn,.w3-button{-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none}
   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;
opacity:0.3}
.w3-disabled *,:disabled *{pointer-events:none}

.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}

.w3-badge,.w3-tag{background-color:#000;
color:#fff;
display:inline-block;
padding-left:8px;
padding-right:8px;
text-align:center}
.w3-badge{border-radius:50%}

.w3-ul{list-style-type:none;
padding:0;
margin:0}
.w3-ul li{padding:8px 16px;
border-bottom:1px solid #ddd}
.w3-ul li:last-child{border-bottom:none}

.w3-tooltip,.w3-display-container{position:relative}
.w3-tooltip .w3-text{display:none}
.w3-tooltip:hover .w3-text{display:inline-block}

.w3-ripple:active{opacity:0.5}
.w3-ripple{transition:opacity 0s}

.w3-input{padding:8px;
display:block;
border:none;
border-bottom:1px solid #ccc;
width:100%}

.w3-select{padding:9px 0;
width:100%;
border:none;
border-bottom:1px solid #ccc}

.w3-dropdown-click,.w3-dropdown-hover{position:relative;
display:inline-block;
cursor:pointer}

.w3-dropdown-hover:hover .w3-dropdown-content{display:block;
z-index:1}

.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;
color:#000}

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;
color:#000}

.w3-dropdown-content{cursor:auto;
color:#000;
background-color:#fff;
display:none;
position:absolute;
min-width:160px;
margin:0;
padding:0}

.w3-check,.w3-radio{width:24px;
height:24px;
position:relative;
top:6px}

.w3-sidebar{height:100%;
width:200px;
background-color:#fff;
position:fixed!important;
z-index:1;
overflow:auto}

.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;
text-align:left;
padding:8px 16px}

.w3-main,#main{transition:margin-left .4s}

.w3-modal{z-index:3;
display:none;
padding-top:100px;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4)}

.w3-modal-content{margin:auto;
background-color:#fff;
position:relative;
padding:0;
outline:0;
width:600px}

.w3-bar{width:100%;
overflow:hidden}
.w3-center .w3-bar{display:inline-block;
width:auto}

.w3-bar .w3-bar-item{padding:8px 16px;
float:left;
width:auto;
border:none;
outline:none;
display:block}

.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;
float:left}

.w3-bar .w3-button{white-space:normal}

.w3-bar-block .w3-bar-item{width:100%;
display:block;
padding:8px 16px;
text-align:left;
border:none;
outline:none;
white-space:normal;
float:none}

.w3-bar-block.w3-center .w3-bar-item{text-align:center}
.w3-block{display:block;
width:100%}

.w3-responsive{overflow-x:auto}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";
display:table;
clear:both}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;
width:100%}

.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}

.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}

.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12{width:99.99999%}

@media (min-width:601px){.w3-col.m1{width:8.33333%}
.w3-col.m2{width:16.66666%}
.w3-col.m3,.w3-quarter{width:24.99999%}
.w3-col.m4,.w3-third{width:33.33333%}

.w3-col.m5{width:41.66666%}
.w3-col.m6,.w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}
.w3-col.m8,.w3-twothird{width:66.66666%}

.w3-col.m9,.w3-threequarter{width:74.99999%}
.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.66666%}
.w3-col.m12{width:99.99999%}
}

@media (min-width:993px){.w3-col.l1{width:8.33333%}
.w3-col.l2{width:16.66666%}
.w3-col.l3{width:24.99999%}
.w3-col.l4{width:33.33333%}

.w3-col.l5{width:41.66666%}
.w3-col.l6{width:49.99999%}
.w3-col.l7{width:58.33333%}
.w3-col.l8{width:66.66666%}

.w3-col.l9{width:74.99999%}
.w3-col.l10{width:83.33333%}
.w3-col.l11{width:91.66666%}
.w3-col.l12{width:99.99999%}
}

.w3-content{max-width:980px;
margin:auto}
.w3-rest{overflow:hidden}

.w3-cell-row{display:table;
width:100%}
.w3-cell{display:table-cell}

.w3-cell-top{vertical-align:top}
.w3-cell-middle{vertical-align:middle}
.w3-cell-bottom{vertical-align:bottom}

.w3-hide{display:none!important}
.w3-show-block,.w3-show{display:block!important}
.w3-show-inline-block{display:inline-block!important}

@media (max-width:600px){.w3-modal-content{margin:0 10px;
width:auto!important}
.w3-modal{padding-top:30px}

.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}
	
.w3-hide-small{display:none!important}
.w3-mobile{display:block;
width:100%!important}
.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}

.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}
}

@media (max-width:768px){.w3-modal-content{width:500px}
.w3-modal{padding-top:50px}
}

@media (min-width:993px){.w3-modal-content{width:900px}
.w3-hide-large{display:none!important}
.w3-sidebar.w3-collapse{display:block!important}
}

@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}
}

@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}
.w3-main{margin-left:0!important;
margin-right:0!important}
}

.w3-top,.w3-bottom{position:fixed;
width:100%;
z-index:1}
.w3-top{top:0}
.w3-bottom{bottom:0}

.w3-overlay{position:fixed;
display:none;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.5);
z-index:2}

.w3-display-topleft{position:absolute;
left:0;
top:0}
.w3-display-topright{position:absolute;
right:0;
top:0}

.w3-display-bottomleft{position:absolute;
left:0;
bottom:0}
.w3-display-bottomright{position:absolute;
right:0;
bottom:0}

.w3-display-middle{position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.w3-display-left{position:absolute;
top:50%;
left:0%;
-ms-transform:translate(-0%,-50%);transform:translate(0%,-50%);}

.w3-display-right{position:absolute;
top:50%;
right:0%;
-ms-transform:translate(0%,-50%); transform:translate(0%,-50%);}

.w3-display-topmiddle{position:absolute;
left:50%;
top:0;
-ms-transform:translate(-50%,0%); transform:translate(-50%,0%);}

.w3-display-bottommiddle{position:absolute;
left:50%;
bottom:0;
-ms-transform:translate(-50%,0%); transform:translate(-50%,0%);}

.w3-display-container:hover .w3-display-hover{display:block}
.w3-display-container:hover span.w3-display-hover{display:inline-block}
.w3-display-hover{display:none}

.w3-display-position{position:absolute}

.w3-circle{border-radius:50%}

.w3-round-small{border-radius:2px}
.w3-round,.w3-round-medium{border-radius:4px}
.w3-round-large{border-radius:8px}
.w3-round-xlarge{border-radius:16px}
.w3-round-xxlarge{border-radius:32px}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}

.w3-container,.w3-panel{padding:0.01em 16px}
.w3-panel{margin-top:16px;
margin-bottom:16px}

.w3-code,.w3-codespan{
font-size:16px}

.w3-code{width:auto;
background-color:#fff;
padding:8px 12px;
border-left:4px solid #4CAF50;
word-wrap:break-word}

.w3-codespan{color:crimson;
background-color:#f1f1f1;
padding-left:4px;
padding-right:4px;
font-size:110%}

.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.w3-spin{animation:w3-spin 2s infinite linear}
@keyframes w3-spin{0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}

.w3-animate-fading{animation:fading 10s infinite}
@keyframes fading{0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}

.w3-animate-opacity{animation:opac 0.8s}
@keyframes opac{from{opacity:0}
 to{opacity:1}
}

.w3-animate-top{position:relative;
animation:animatetop 0.4s}
@keyframes animatetop{from{top:-300px;
opacity:0}
 to{top:0;
opacity:1}
}

.w3-animate-left{position:relative;
animation:animateleft 0.4s}
@keyframes animateleft{from{left:-300px;
opacity:0}
 to{left:0;
opacity:1}
}

.w3-animate-right{position:relative;
animation:animateright 0.4s}
@keyframes animateright{from{right:-300px;
opacity:0}
 to{right:0;
opacity:1}
}

.w3-animate-bottom{position:relative;
animation:animatebottom 0.4s}
@keyframes animatebottom{from{bottom:-300px;
opacity:0}
 to{bottom:0;
opacity:1}
}

.w3-animate-zoom {animation:animatezoom 0.6s}
@keyframes animatezoom{from{transform:scale(0)}
 to{transform:scale(1)}
}

.w3-animate-input{transition:width 0.4s ease-in-out}
.w3-animate-input:focus{width:100%!important}

.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}
.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}

.w3-opacity-max{opacity:0.25}
.w3-opacity-min{opacity:0.75}

.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}

.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}
.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}

.w3-sepia{filter:sepia(75%)}
.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}
.w3-sepia-min{filter:sepia(50%)}

.w3-tiny{font-size:10px!important}
.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}

.w3-xlarge{font-size:24px!important}
.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}
.w3-jumbo{font-size:64px!important}

.w3-left-align{text-align:left!important}
.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important}
.w3-center{text-align:center!important}

.w3-border-0{border:0!important}
.w3-border{border:1px solid #ccc!important}

.w3-border-top{border-top:1px solid #ccc!important}
.w3-border-bottom{border-bottom:1px solid #ccc!important}

.w3-border-left{border-left:1px solid #ccc!important}
.w3-border-right{border-right:1px solid #ccc!important}

.w3-topbar{border-top:6px solid #ccc!important}
.w3-bottombar{border-bottom:6px solid #ccc!important}

.w3-leftbar{border-left:6px solid #ccc!important}
.w3-rightbar{border-right:6px solid #ccc!important}

.w3-section,.w3-code{margin-top:16px!important;
margin-bottom:16px!important}

.w3-margin{margin:16px!important}
.w3-margin-top{margin-top:16px!important}
.w3-margin-bottom{margin-bottom:16px!important}

.w3-margin-left{margin-left:16px!important}
.w3-margin-right{margin-right:16px!important}

.w3-padding-small{padding:4px 8px!important}
.w3-padding{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}

.w3-padding-16{padding-top:16px!important;
padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;
padding-bottom:24px!important}

.w3-padding-32{padding-top:32px!important;
padding-bottom:32px!important}
.w3-padding-48{padding-top:48px!important;
padding-bottom:48px!important}

.w3-padding-64{padding-top:64px!important;
padding-bottom:64px!important}

.w3-left{float:left!important}
.w3-right{float:right!important}

.w3-button:hover{color:#000!important;
background-color:#ccc!important}

.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}

.w3-hover-none:hover{box-shadow:none!important}

/* Colors */
.w3-red,.w3-hover-red:hover{color:#fff!important;
background-color:#C8102E!important}

.w3-white,.w3-hover-white:hover{color:#000!important;
background-color:#fff!important}

.w3-black,.w3-hover-black:hover{color:#fff!important;
background-color:#000!important}


.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;
background-color:#54585A!important}

.w3-text-red,.w3-hover-text-red:hover{color:#C8102E!important}

.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}

.w3-text-black,.w3-hover-text-black:hover{color:#000!important}


.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#54585A!important}

.w3-border-red,.w3-hover-border-red:hover{border-color:#C8102E!important}

.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}

.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}

.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

.news {
    display: flex;
	margin-bottom: 10px;

}

.news div {

flex-direction: column;
}

.right-column-middle .news h2, p, h1 { }

.right-column-middle .news p {font-size: 14px; padding: 0px 0px 0px;  }

.right-column-middle .news h2 { font-size: 18px; padding: 0px 0px 0px;  }

.w3-content {max-width:966px;margin:auto}
.w3-display-container{position:relative}
.w3-display-container:hover {display:block} 
.w3-display-container:hover span.w3-display-hover{display:inline-block}

.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-button:disabled{cursor:not-allowed;opacity:0.3}

.w3-button{white-space:normal}
.w3-button:hover{color:#000!important;background-color:#ccc!important}

.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}