@font-face {
  font-family:ESAFont;
  src:url('../fonts/NotesStyle-RegularTf.otf');
}

@font-face {
  font-family:ESAFontIE;
  src:url('../fonts/NotesEsa.eot');
}

@font-face {
  font-family:ESAFontBold;
  src:url('../fonts/NotesStyle-BoldTf.otf');
}

body {
  background-color:#DDDDDF;
  /*background-image:url('../imgs/header_bg.png');*/
  /*background-repeat:repeat-x;*/
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  font-family: Verdana, sans-serif;
}

div#leftPanelDiv {
  font-size:10px;
}

a.leftpanel {
  color:#000;
  text-decoration:none;
  border:0px;
}

a {
  /*color:#3277a6;*/
  color:#b58f4d;
  text-decoration:underline;
  border:0px;
}

a:hover {
  color:#dcb776; /*3277a6;*/
  text-decoration:none;
  border:0px;
}

a.news {
  color:#afcf41;  
  text-decoration:none;
}

a.newstext {
  color:#3277a6;
  text-decoration:underline;
}

div#titleStripe {
  font-family:verdana,arial,sans-serif;
  font-size:11px;
}

div#titleStripe a:link { text-decoration:none; }
div#titleStripe a:visited { text-decoration:none; }
div#titleStripe a:hover { text-decoration:none; }
div#titleStripe a:active { text-decoration:none; }

div#grad1 {
  z-index:-1;
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:160px;
  background: #f6de7f; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM1OWUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZmRiNDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #b58a21 0%, #fbcf3e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b58a21), color-stop(100%,#fbcf3e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #b58a21 0%,#fbcf3e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #b58a21 0%,#fbcf3e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #b58a21 0%,#fbcf3e 100%); /* IE10+ */
  background: linear-gradient(to right,  #b58a21 0%,#fbcf3e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b58a21', endColorstr='#fbcf3e',GradientType=1 ); /* IE6-8 */
}

div#grad2 {
  z-index:-1;
  position:absolute;
  left:0px;
  top:160px;
  width:100%;
  height:50px;
  background: #3f2605; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiNzUyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGFhMzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left,  #886718 0%, #bc9c2e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#886718), color-stop(100%,#bc9c2e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #886718 0%,#bc9c2e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #886718 0%,#bc9c2e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left,  #886718 0%,#bc9c2e 100%); /* IE10+ */
  background: linear-gradient(to right,  #886718 0%,#bc9c2e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#886718', endColorstr='#bc9c2e',GradientType=1 ); /* IE6-8 */
}

div#superDiv {
 margin: 0px auto;
 border: 0px;
 width: 980px;
 background: #ffffff;
 box-shadow: 3px 0px 5px rgb(50,50,50);
}

div#bannerDiv {
 border: 0px;
 width: 980px;
 background-image:url('../imgs/headerBanner.png');
 background-color:#ccff33;
 height: 184px;
}

div#leftPanelDiv {
 float: left;
 margin: 10px;
 width: 176px;
 /*background: #5555cc;*/
 padding: 0px;
 overflow-x:hidden;
}

div#rightPanelDiv {
 float: left;
 margin:0px;
 margin-left:20px;
 width: 174px;
 /*min-height:600px;*/
 background:#eee;
 padding-left:10px;
 min-height:1000px;
}

div#mainDiv {
 border: 0px;
 float: left;
 width: 580px;
 background: #ffffff;
 padding: 0px;
}

.flow {
 float:left;
 clear:left;
 margin:0px 10px 10px 0px;
}

div#footerDiv {
 border: 0px;
 clear: left;
 width: 980px;
 height:101px;
 background-image:url('../imgs/footerBanner.jpg');
 color:white;
}

div#connect {
 vertical-align:middle;
 position:relative;
 top:15px;
 width:900px;
 height:40px;
 left:20px;
 font-family: ESAFontBold, sans-serif;
 font-size:18px;
}

div#footerCol {
 position:relative;
 top:20px;
 float:left;
 width:210px;
 height:170px;
 padding:10px;
 border:0px;
 margin-left:10px;
 font-family:ESAFontBold,sans-serif;
 font-size:13px;
}

ul#footerList, li#footerList {
 margin-left:5px; padding-left:5px;
 list-style-image:url('../imgs/square.gif');
 color:#88d961;
 margin-bottom:6px;
 font-family:verdana,aria,sans-serif;
 font-size:11px;
 text-shadow: 2px 0px 3px rgb(36,53,39);
}

div#article {
 border:1px solid #aaaaaa;
 background-color:#eeeeee;
 padding:5px 5px 5px 5px;
 margin:4px 5px 4px 5px;
}

div#sideSquares {
 width:120px;
 border:1px solid #aaaaaa;
 background-color:#eeeeee;
 padding:0px 0px 0px 0px;
 margin:0px 0px 0px 0px;
 font-size:10px;
}

div#buttonD {
 height:35px;
 position:relative;
 top:136px;
 float:left;
 padding:12px 7px 0px 7px;
 vertical-align:middle;
 text-align:center;
 font-family: ESAFontBold, sans-serif;
 font-size:15px;
 color:white;
 background-image:url('../imgs/25whiteGhost.png');
 border-top-style:solid;
 border-top-color:rgb(112,146,190);
 border-top-width:1px;
 border-right-style:solid;
 border-right-color:rgb(12,61,27);
 border-right-width:1px;
}

div:hover#buttonD {
 height:35px;
 position:relative;
 top:136px;
 float:left;
 padding:12px 7px 0px 7px;
 vertical-align:middle;
 text-align:center;
 font-family: ESAFontBold, sans-serif;
 font-size:15px;
 color:white;
 background-image:url('../imgs/50whiteGhost.png');
 border-top-style:solid;
 border-top-color:rgb(112,146,190);
 border-top-width:1px;
 border-right-style:solid;
 border-right-color:rgb(12,61,27);
 border-right-width:1px;
}

div#buttonS {
 height:35px;
 position:relative;
 top:136px;
 float:left;
 padding:12px 12px 0px 12px;
 vertical-align:middle;
 text-align:center;
 font-family: ESAFontBold, sans-serif;
 font-size:16px;
 color:#3f6690; /*#afcf41;*/
 /*color:rgb(12,61,27);*/
 background-color:white;

 border-top-style:solid;
 border-top-color:white;
 border-top-width:1px;
 border-right-style:solid;
 border-right-color:gray;
 border-right-width:1px;
 border-bottom-style:solid;
 border-bottom-color:white;
 border-bottom-width:1px;
}

a#buttonDA {
 color:#ffffff;
}

a#buttonSA {
 color:#3f6690; /*#afcf41;*/
}

.dots {
 height:2px;
 line-height:0;
 font-size:0;
 background:url('../imgs/dot.gif') repeat-x center left;
 clear:both
}

h1 {
 font-family: ESAFont, sans-serif;
 font-size:19px;
 /*color: rgb(12, 61, 27);*/
 /*color:#82735c; /*ab6b07; /*afcf41;*/
 color:#b58b1d;
}

h2 {
 font-family: Verdana, sans-serif;
 font-size:14px;
 color:rgb(12,61,27);
}

#toolboxtable a {
 color:#0000ff;
 text-decoration:underline;
 font-size:11px;
}

p.j {
  text-align:justify;
}

a.newLink:link { text-decoration:none; }
a.newLink:hover { text-decoration:none; font-weight:bold; }
a.newLink:visited { text-decoration:none; }
a.newLink:active { text-decoration:none; }

div.highlight {
 margin-left:0px;
 width:160px;
 border:1px solid #bbb;
 background-color:#fff;
}

div.highlightLabel {
 font-size:10px;
 padding-left:5px;
}

div.highlight a:link { text-decoration:none; }
div.highlight a:hover { text-decoration:none; }
div.highlight a:visited { text-decoration:none; }
div.highlight a:active { text-decoration:none; }

h1.highlightTitle {
  /*padding-left:8px;*/
}

ul.listaAlta li {
 margin-bottom:10px;
}





table.minicalendar {
  border-collapse: collapse;
  width:70px;
  height:70px;
}

table.minicalendar,td.minicalendar,th.minicalendar {
  border:1px solid gray;
  width:10px;
  height:10px;
}

td.minicalendar {
  background-color:white;
  text-align:center;
}



table.midicalendar {
  border:1px solid gray;
  border-collapse: collapse;
  width:560px;
  height:420px;
}

td.midicalendar {
  border:1px solid gray;
  width:80px;
  height:60px;
}

th.midicalendar {
  border:1px solid gray;
  width:80px;
  height:60px;
}

td.midicalendar {
  text-align:left;
  vertical-align:top;
}

td.gallerytd {
  vertical-align:top;
  text-align:center;
  font-size:10px;
}



/* STSE SPECIFIC STYLE BELOW */

div.list1 {
  width:570px;
}

p.list1item1 {
  display:inline-block;
  width:200px;
  font-weight:bold;
  padding:0px;
  margin:0px;
}

p.list2item1 {
  display:inline-block;
  width:40px;
  vertical-align:top;
}

p.list2item2 {
  display:inline-block;
  width:300px;
  vertical-align:top;
}

p.list2item3 {
  display:inline-block;
  width:80px;
  vertical-align:top;
}

p.list2item4 {
  display:inline-block;
  width:135px;
  vertical-align:top;
}

p.list1item2 {
  display:inline-block;
  width:190px;
  padding:0px;
  margin:0px;
  vertical-align:top;
}

p.list1item3 {
  display:inline-block;
  width:160px;
  padding:0px;
  margin:0px;
  vertical-align:top;
}

a.list1link1 {
  text-decoration:none;
}

a.list1link2 {
  text-decoration:none;
  color:#000;
}

fieldset.stseproject {
  margin-top:10px;
  border:1px solid #ddd;
}

legend.stseproject {
  border:1px solid #ddd;
  margin-left:150px;
  padding:5px;
  color: #88a;
}

span.fieldkey {
  display:inline-block;
  width:140px;
  vertical-align:top;
  text-align:right;
  margin-right:10px;
  font-size:10px;
  font-weight:bold;
}

span.fieldval {
  display:inline-block;
  width:400px;
  vertical-align:top;
}

img.stselogo {
  position:relative;
  margin-left:400px;
  margin-top:-50px;
}

div#stsenewsimg {
  width:80px;
  height:80px;
  overflow:hidden;
  background-position:center;
  background-color:#fff;
  background-repeat:no-repeat;
  border:1px solid #ddd;
}

img.stsenewsimgbig {
  margin-right:5px;
  margin-bottom:5px;
  border:1px solid #ddd;
  float:left;
}

span#stsenewsdate {
  position:absolute;
  margin-left:100px;
  margin-top:-83px;
}

span#stsenewstitle {
  position:absolute;
  margin-left:100px;
  margin-top:-65px;
  width:450px;
  max-height:16px;
  overflow:hidden;
}

span#stsenewstype {
  position:absolute;
  margin-left:240px;
  margin-top:-83px;
  font-style:italic;
}

span#stsenewstext {
  position:absolute;
  margin-left:100px;
  margin-top:-45px;
  width:450px;
  max-height:45px;
  overflow:hidden;
  color:#888;
}