/* CSS Document */
#master_container {
	height: auto;
	margin: 0 auto -5em;
	width:100%;
}

/* Navbar Collapse and Other Overrides */
.navbar-collapse.collapse {
  display: block!important;
	position: absolute;
}

.navbar-nav>li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

.navbar-right {
  float: right!important;
}

.navbar-brand {
	float: left;
	width: 320px;
	padding-left: 0;
	padding-right: 0;
}

#container {
	width: 960px;
	height: 100%;
	margin: 0 auto -5em;
}

.active_dropdown {
	background-color:#E7E7E7;
}
#navbar {
	width: 960px;	
	position: absolute;
	top: 0 !important;
	height: 50px !important;
	margin: 0 !important;
	padding-left: 500px;
	float: right;
}


.navbar-nav {
	margin: 0 !important;
}
#navbar > ul {
	padding: 0;
	position: absolute;
}

#navbar > ul > li {
	height: 50px !important;
	
}

#navbar > ul > li > a{
	height: 50px !important;	
}

/* Content */

#left_col {
	position: absolute;
	height: auto;
	min-width:  320px;
	float: left;
	z-index: 1;
}

#right_col {
	text-align: justify;
    text-justify: inter-word;
	position: absolute;
	height: auto;
	width: 660px;
	float: left;
	padding-left: 320px;
}

#right_col > div > h2 {
	margin-top: -5px;
	position: relative;
	clear: both;
	width: 100%;
}

#right_col > div {
	position: relative;
	clear: both;
	width: 615px;
}

#left_col > p > img {
	border-style: solid;
    border-width: 1px;
}

#right_col  ul {
	list-style-type: none;
	padding-left: 1px;
}

#right_col  li {
	margin: 15px 0;
}
  
div.item-talk {
	width: 615px;
	height: 50px;
}

div.item-pub {
	width: 615px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 555px;
	height:  auto;
	padding-bottom: 10px;
}


div.item-project {
	width: 615px;
}


/* Mobile Fixes */
@media only screen and (max-device-width: 375px) {

#right_col > div {
	position: relative;
	clear: both;
	width: 620px;
}

	
div.item-talk {
	width: 620px;
	height: 20px;
}

div.item-pub {
	width: 620px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 550px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 412px) {

#right_col > div {
	position: relative;
	clear: both;
	width: 620px;
}

	
div.item-talk {
	width: 620px;
	height: 20px;
}

div.item-pub {
	width: 620px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 550px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 414px) {

#right_col > div {
	position: relative;
	clear: both;
	width: 620px;
}

	
div.item-talk {
	width: 620px;
	height: 20px;
}

div.item-pub {
	width: 620px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 550px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 667px) and (orientation: landscape)  {
#right_col > div {
	position: relative;
	clear: both;
	width: 620px;
}

	
div.item-talk {
	width: 620px;
	height: 20px;
}

div.item-pub {
	width: 620px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 550px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 732px) and (orientation: landscape)  {
#right_col > div {
	position: relative;
	clear: both;
	width: 620px;
}

	
div.item-talk {
	width: 620px;
	height: 20px;
}

div.item-pub {
	width: 620px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 550px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 736px) and (orientation: landscape)  {
#right_col > div {
	position: relative;
	clear: both;
	width: 610px;
}

	
div.item-talk {
	width: 610px;
	height: 20px;
}

div.item-pub {
	width: 610px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 540px;
	height:  auto;
}
  	
}

/* iPads */
@media only screen and (max-device-width: 768px) {

#right_col > div {
	position: relative;
	clear: both;
	width: 620px;
}

	
div.item-talk {
	width: 620px;
	height: 20px;
}

div.item-pub {
	width: 620px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 550px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 1024px) and (orientation: landscape)  {
#right_col > div {
	position: relative;
	clear: both;
	width: 610px;
}

	
div.item-talk {
	width: 610px;
	height: 20px;
}

div.item-pub {
	width: 610px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 540px;
	height:  auto;
}
  	
}
@media only screen and (max-device-width: 1024px) {
#right_col > div {
	position: relative;
	clear: both;
	width: 615px;
}

	
div.item-talk {
	width: 615px;
	height: 20px;
}

div.item-pub {
	width: 615px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 555px;
	height:  auto;
}
  	
}

@media only screen and (max-device-width: 1366px) and (orientation: landscape)  {
#right_col > div {
	position: relative;
	clear: both;
	width: 615px;
}

	
div.item-talk {
	width: 615px;
	height: 20px;
}

div.item-pub {
	width: 615px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 555px;
	height:  auto;
}
  	
}

/* Browser Specific Fixes */
@-moz-document url-prefix() {
	#navbar {
	width: 940px;	
	position: absolute;
	top: 0 !important;
	height: 50px !important;
	margin: 0 !important;
	padding-left: 480px;
	float: right;
}
   #right_col {
	text-align: justify;
    text-justify: inter-word;
	position: absolute;
	height: auto;
	width: 650px;
	float: left;
	padding-left: 310px;
}

#right_col > div > h2 {
	margin-top: -5px;
	position: relative;
	clear: both;
	width: 100%;
}

#right_col > div {
	position: relative;
	clear: both;
	width: 600px;
}

#left_col > p > img {
	border-style: solid;
    border-width: 1px;
}

#right_col  ul {
	list-style-type: none;
	padding-left: 1px;
}

#right_col  li {
	margin: 15px 0;
}
  
div.item-talk {
	width: 600px;
	height: 20px;
}

div.item-pub {
	width: 600px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 540px;
	height:  auto;
} 
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
#navbar {
	width: 940px;	
	position: absolute;
	top: 0 !important;
	height: 50px !important;
	margin: 0 !important;
	padding-left: 380px;
	float: right;
}
   #right_col {
	text-align: justify;
    text-justify: inter-word;
	position: absolute;
	height: auto;
	width: 640px;
	float: left;
	padding-left: 310px;
}

#right_col > div > h2 {
	margin-top: -5px;
	position: relative;
	clear: both;
	width: 100%;
}

#right_col > div {
	position: relative;
	clear: both;
	width: 600px;
}

#left_col > p > img {
	border-style: solid;
    border-width: 1px;
}

#right_col  ul {
	list-style-type: none;
	padding-left: 1px;
}

#right_col  li {
	margin: 15px 0;
}
  
div.item-talk {
	width: 600px;
	height: 20px;
}

div.item-pub {
	width: 600px;
	height: 50px;
}

div.year {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 60px;
	height: auto;
}

div.pub {
	font-size: 12px;
	position: relative; 
	float: left;
	width: 540px;
	height:  auto;
} 
}