@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);

@import url(http://www.uvm.edu/~uvmhub/css/shCore.css);
@import url(http://www.uvm.edu/~uvmhub/css/shThemeDefault.css);
@import url(http://www.uvm.edu/~uvmhub/css/demo.css);
@import url(http://www.uvm.edu/~uvmhub/css/flexslider.css);


ul.slides li h5 {position: absolute; left: 0; right:0; bottom: 0; background-color: rgba(0,0,0,0.5); min-height: 40px; margin: 0; padding: 10px 22% 10px 0; color: #fff; text-align: center; font-size:14px; font-weight:800;}

#uvmmaincontent h3 {font-family: 'Oxygen', sans-serif; font-weight: 100; font-size: 30pt; letter-spacing: 2px; margin-bottom: 15px; margin-top:25px; color:#603a5a;}
#uvmmaincontent #intro h3 {font-weight: 100; }

#uvmmaincontent #intro h4 {font-family: 'Oxygen', sans-serif; font-weight: 100; border:0;}
#uvmmaincontent h4 {font-family: 'Oxygen', sans-serif; font-weight: 800; letter-spacing: 1px; font-size: 18px; margin-top:0; color:#444; border-bottom: 3px solid #28a7e5; border-top: 3px solid #28a7e5; padding-top: 5px; padding-bottom: 5px;}



#pagebanner img {display: block;}

#hubmain {overflow: hidden; margin: -.6125em -5.45% -.6125em 0; position:relative;}
#hubside {position:absolute; top:0; bottom:0; right:0; width:30%; background-color:#f5f5f5; border-left:1px solid #ccc;font-size: 14px;}
#partner-main {width:65%;}
#hubside div {padding:0 20px; border-bottom: 1px dotted #ccc;}

.homepage_intro {padding-bottom: 40px;margin-bottom: 20px; position:relative; padding-right:35%; margin: 0 -5.3% 0 -5.2%; background-image: url(images/bg-home-intro.jpg); background-position:bottom; background-repeat:repeat-x; padding: 0 5.3% 100px 5.2%;}

table tr td p {margin:0px 0;}

#subbanner {font-family: 'Oxygen', sans-serif; font-weight: 300; padding: 5px 0;}

#bottomsection {margin: 0 -5.3% 0 -5.2%; /*background-color: #f5f5f5;*/ border-top: 1px solid #ccc; list-style:none; position:relative;}
/*#bottomsection h4 {margin-left: 70px; font-weight: 100; font-size: 20px;}*/
#bottomsection ul {list-style: none;}

#bottomsection .column1 h4, #bottomsection .column2 h4, #bottomsection .column3 h4 {margin:0;font-size: 23px;
color: #1a1a1a;font-family: 'Oxygen', sans-serif; font-weight:100; margin-top: -42px; padding:0; border:0;}
#bottomsection  h4 a {text-decoration:none; color:#333; border-bottom: 3px solid; padding: 0px 30px 8px 0px;}

#row1 {width:32%}
#row2 {width:49%; position:absolute; left:32%;}

.column1, .column2, .column3 {position:relative;}
.column3 {position: absolute; right: 36%; bottom:0; top:0;}

.column1 {position: absolute; right: 62.5%; bottom: 0; top: 0; width: 30%; padding: 0 2% 0 5.2%; border-right: 1px dotted #ccc;}
.column1 ul {padding-left:0;margin-top: 25px;}
.column1 ul li {font-size: 9pt; position:relative; padding:3px 0;}
.column1 ul li div.time {position:absolute; left:0; border:0;}
.column1 ul li div.date {text-transform:uppercase; margin-bottom:0; margin-top:6px;border-bottom: 1px dotted #CDCDCD; padding-top:5px;}
.column1 ul li div.title {margin-left:55px; border:0; margin-bottom:0; padding-bottom:0;}

.column2 {width: 32%; padding: 0; float:right; padding: 0 5% 0 0;}

#getexperience {padding: 0px 46px 9px 10px;
width:80%;
border:1px solid #ccc;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
color: #00ace2;}

#uvmcustombanner, #custombannerwrapper {overflow:visible;}
div.contentwrapper {overflow:visible;}


#uvmmaincontent table.uvmtable td {text-align:center; padding:5px 1%;}

h5 {font-family: 'Oxygen', sans-serif; font-weight: 600;}

.maincontent ul li {margin-bottom:7px;}
.hubmark {position: absolute; top: -150px; right: 30px; z-index: 10; position:}

@media screen and (max-width: 1040px) {
.column3 {display:none;}
.column1 {right: 52.5%; width:40%;}
.column2 {width:46%;}

}

@media screen and (max-width: 780px) {#hubmain {margin-top:0; margin-bottom:0;}

@media screen and (max-width: 768px) {
.hubmark {position: relative; top: 0; right: 0; float:right; width:30%;}
}

@media screen and (max-width: 503px) {

#uvmcustombanner h5 {display:none;}
#intro img {display:none;}
#row1 {width:50%}
#row2 {width:50%; position:absolute; left:50%;}

#hubmain {margin: 0; overflow: inherit;}
#hubside {width: 100%; position: relative; margin: 0; padding: 0; border: 1px solid #ccc;}
#partner-main {width: 100%;}

#bottomsection .column1 h4,#bottomsection .column2 h4 {font-size: 14px; letter-spacing: 0px; margin-top: -30px;}
 .column1 {position: relative;right: auto;}
 .column div {font-size: 10px;}
 .column1 ul li {font-size: 10px; position:relative; padding:3px 0;}

}