/* CLIENT STYLE OVERRIDES GO IN THIS STYLESHEET
* Use this stylesheet to override styles in default.css
* Do not copy all of default.css into here.  
* Only put in the css that is different than default.css
 */
.webprogramContent {
	font-size: 20px;
	}
	
/* Whole page setup */
.contentwrapper .container {
	padding-right: 15px;
	}
.contentwrapper .container aside.leftSide {
	 width: 16%;
	 font-family: 'Open Sans Condensed', sans-serif;
	 font-size: 15px;
	 background-color: #EAEFF2;
	 padding: 0px 5px;
	 display: inline-block;
	 vertical-align: top;
	 margin-top: 10px;
	 }
	 
.contentwrapper .container main.rightFull {
	width: 75%;
   display: inline-block;
    margin: 0 auto 0 4%;
 }	
/* Left Navigation */

.contentwrapper .container aside.leftSide .navigation ul li {
	display: list-item;
	border-bottom: 1px solid #ddd;
	}
	.contentwrapper .container aside.leftSide .navigation ul li a {
		font-family: "Open Sans Condensed",sans-serif;
		font-size: 15px;
		font-weight: 700;
		padding: 8px 12px;
		color: #333333;
		display: block;
		}
		.contentwrapper .container aside.leftSide .navigation ul li a:hover {
			text-decoration: none;
			background-color:  #EAEFF2;
			}

/* container banner */
.meetingBanner .container {
	padding: 0px;
	max-width: 980px;
	}

.meetingBanner img {
    height: auto;
   width: 100%;
}
@media screen and (max-width: 980px) {

.contentwrapper .container .meetingBanner img {
    height: auto;
    width: 100%;
}
}

/* Page subtitle */
.subtitle {
	background-color: #FFFFFF;
}

.content {
	padding; 0 15px;
	}

body.schedule .itemtitle { margin-left: 16em; }

.item .location {
	font-style: italic;
	text-align: left;
	color : #994D00;
	font-size: 0.8em;
}
.item .cancelled {
	color : Red;
}

.program .number {
	color: #EFEFEF;
}

.session .number {
	color: #000000;
	background-color: #FFFFFF;
}

.session .cancelled {
	color : Red;
}
	
.topic .author {
	font-weight: normal;
}

.attribute .author {
	font-weight: normal;
}
.item .itemtitle, .itemset .itemnumber {
	font-weight: bold;
	margin-left: 12em;
}
h3.main {
	color: #00335B;
}

/* DATE, TIME and DAYS
 * GREG: You can change the styles below and it will change 
 * on all page types - program, meeting, attribute and topic pages.
 */
 
.meeting .date,
.program .date,
.topic .date,
.attribute .date {
clear: left;
background-color: white;
border-bottom: 1px solid black;
color: #596F80;
padding: 2px 0px 2px 0px;
margin: 5px 0px 0px 0px;
text-align: center;
font-size: 0.9em;
font-weight: normal;
}
.meeting .time,
.program .time,
.topic .time,
.attribute .time {
color: #C3362F;
text-align: left;
border-bottom: 1px dashed #CCC;
margin: 8px 0px 7px 0px;
clear: left;
font-weight: normal;
font-size: 0.9em;
}
.meeting .days,
.program .days,
.topic .days,
.attribute .days {
float: right;
text-align: right;
font-size: 0.9em;
}
/* END DATE, TIME and DAYS */
.mobileMenu {
	display: none;
	}
	.mobileMenu {
		width: 80%;
		clear: both;
		margin: 0 auto;
		background: none repeat scroll 0 0 #eaeff2;
		border: 1px solid #dae3e8;
		border-radius: 6px;
		cursor: pointer;
		font-size: 15px;
		margin-bottom: 15px;
		padding: 8px 20px;
		text-align: center;
		margin-top: 20px;
		color: #0086b8;
		}
		.mobileMenu .caret {
			font-size: 20px;
			display: inline-block;
			line-height: 20px;
			vertical-align: middle;
			margin-left: 5px;
			font-weight: bold;
			margin-top: 4px;
			}
			.mobileMenu .caret.closed{
			filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */
			ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
			-moz-transform: rotate(-180deg);  /* FF3.5+ */
			-o-transform: rotate(-180deg);  /* Opera 10.5 */
			-webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */
			margin-top: -8px;
			}

@media only screen and (max-width : 480px) {
	.contentwrapper .container aside.leftSide {
		width: 91.5%;
		display: none;
		clear: both;
		margin: 0 auto;
		}
		aside.login span.fields {
			display: block;
			margin: .25em auto;
			}
	.webprogramContent {
		padding: 0 1em;
	}
	.contentwrapper .container main.rightFull {
		width: 100%;
		clear:both;
		margin: 0 auto;
		display: block;
		}
	.mobileMenu {
		display: block;
		}
}