body { margin: 0; font-family: 'open sans', sans-serif; }

#ud-header { height: auto; width: 100%; background: #FFF; border-bottom: 1px solid #e0e0e0; }
.inner { max-width: 1024px; margin: auto; padding: 5px 0 5px 5px; overflow: hidden; }

#container { width: 100%; margin: auto; }
#wrapper { width: 100%; margin: auto; float: left;

}

h2, h3, h4, h5, p { margin-top: 0; }


.whitetxt { color: #FFF; }
.bluetxt { color: #003976; }
.graytxt {color: #555; }
.drkgraytxt { color: #333; }
.browntxt { color: #916b38; }
.hide { display: none; }

#site-header { max-width: 1024px; width: 96%; background: #FFF; padding: 2%; overflow: auto; margin: auto; }
#site-header img { float: left; }
#site-header ul { margin: 0 0 0 2%; padding: 0; float: right; }
#footer-menu li, #site-header li { margin: 0; padding: 0; list-style: none; }
#site-header li a { color: #666; font-size: 80%; }

#footer-menu-wrap { clear: both; float: left; width: 96%; background: #FFF; padding: 2%; }
#footer-menu-wrap h3 { margin: 0; padding: 0; color: #666; font-weight: normal; text-align: center; }
#footer-menu { background: #FFF; width: 100%; float: left;}
#footer-menu ul { float: left; width: 50%; margin: 2% 0 2% 0; padding: 0;}
#footer-menu ul li { margin: 0 0 0 0; padding: 2% 0 2% 0; text-align: center;  }
#footer-menu li a { color: #666; font-size: 80%; }

#speaker-header { width: 100%; background: #68abd5; float: left; background: url(../images/headers/speaker-header-bg.jpg); }
#speaker-header img { width: 100%; max-width: 1024px; margin: auto; display: block; }

#feature-wrap { width: 100%; float: left; background: #e28811; clear: both;
	box-shadow:inset 0 0 25px rgba(0,0,0,.40);
-moz-box-shadow:inset 0 0 25px rgba(0,0,0,.40);
-webkit-box-shadow:inset 0 0 25px rgba(0,0,0,.40)
}

.breakRow { clear: left; }

#feature-wrap.content { background: #faf9f4;  padding: 2%; width: 96%; 	box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;}
#feature-wrap.content .text { color: #555; }
h2.page-title { font-size: 300%; margin-bottom: 10px; }

#download { background-color: #e0e0e0; width: 25%; padding: 10px;float: right; margin: 0 15px 15px 15px; }

#event_subscribe a.google {
    background: url("../images/elements/calendar-icon-google.gif") no-repeat scroll left center transparent;}
#event_subscribe a.ical {
	background: url("../images/elements/calendar-icon-ical.gif") no-repeat scroll left center transparent;}
#event_subscribe a.outlook {
    background: url("../images/elements/calendar-icon-outlook.gif") no-repeat scroll left center transparent;}
#event_subscribe a {
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;}
    
#event_subscribe a.rss { text-align: center; color: #000; font-weight: bold; line-height: 16px;}

.image-caption { padding: 2% 2% 2% 0; }
#feature-wrap.content .image-caption .text { color: #ee8f13; font-size: 200%; font-weight: bold; font-style: italic; }

#feature { max-width: 1024px; margin: auto; }
	#feature .image { width: 50%; float: left; }
	#feature .image img { width: 100%; display: block;}
	#feature-wrap.content #feature .image { margin: 0 2% 0% 0; }
	#feature .caption { width: 46%; padding: 2%; float: left; }
	#feature-wrap.content #feature .title-area { margin-bottom: 2%; border-bottom: 1px solid #e0e0e0; padding-bottom: 2%; }
	#feature .caption h2 { font-size: 200%; margin-bottom: 2%; }
	#feature-wrap.content #feature .caption h2 {  }
	#feature .caption h3 { font-size: 100%; font-weight: normal; color: #7c4600;}
	#feature .caption h4 { font-size: 120%; font-weight: normal; color: #7c4600; margin-bottom: 0;}
	#feature .caption a { background: #f7a840; color: #FFF; padding: 2%; display: block; font-size: 90%; margin: 2% 2% 0 0; float: left; text-decoration: none;
	 }
#sub-wrapper { width: 96%; padding: 0 2% 1% 2%; background: #f8e9d6;
		 background-image: url(../images/elements/sub-bg.png); background-position: 0 bottom;  background-repeat: repeat-x; clear: both; float: left; }

#sub {  max-width: 1024px; clear: both; margin: auto; }
#sub h3 a {text-decoration: none; color: #003976;}
#sub h3 a:hover {text-decoration: underline;}
#feature-wrap.content a, #sub a { color: #3375c0; }
	
	#sub .col { 
		width: 33.3333%; float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
    
    #sub .col.first .sub-feature, #sub .col.first .sub-block { float: left; }
    #sub .col.middle .sub-feature, #sub .col.middle .sub-block { margin: auto; }
    #sub .col.third .sub-feature, #sub .col.third .sub-block { float: right; }
    
    #sub .sub-feature, #sub .sub-block { width: 93%;  }   
	#sub .sub-feature img, #sub .sub-block img { width: 100%; display: block; margin-bottom: 2%; }
	#sub .sub-feature, #sub h3{ margin-bottom: 2%; }
	#sub h4 {  margin-bottom: 3%; }
	#sub h4.nobm { margin-bottom: 0;}
	#sub .sub-block h5 { font-size: 90%; }
	#sub .sub-block h5.major { margin-bottom: 0; }
	#sub .sub-block p + h4 { margin-top: 6%; }
	#sub p { font-size: 80%; }
	#sub h2 { margin: 2% 0 2% 0; text-align: center;}
	#sub .sub-block ul { margin-top: 0; padding-top: 0; list-style: square; color: #555; }
	#sub .sub-block li { margin: 0; padding: 0; }

#site-footer { width: 100%; padding: 1%; background: #406791; float: left; clear: both;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	 }
#site-footer img { float: right; margin-left: 2%; }

#sub #see-all { display: block; padding: 1.5%; width: 30.3333%; text-align: center; background: #e28811; color: #FFF; font-weight: bold; text-transform: uppercase; text-decoration: none; margin: 40% auto 2% auto;  clear: both; }

@media only screen and (max-width:900px) {
#feature .caption h2 { font-size: 150%;}
.image-caption .text { font-size: 150%; }
 }
	
@media only screen and (max-width:768px) {

#site-header { padding: 4%; width: 92%; }
#site-header #site-logo { margin: auto; display: block; text-align: center; float: none; }
	#feature-wrap.content #feature .image { margin-bottom: 2%; }
.image-caption { display: none; }

#site-header ul { display: none; }

	#feature .image { width: 100%; }
	#feature .caption { width: 96%; }
	#feature .caption a { float: right; margin: 2% 0 0 2%;
	 }
	
	#sub .col { width: 100%; clear: left; border-bottom: 1px solid #d9ba91; }
	#sub .col.last { border-bottom: 0; }
	#sub .col.middle { border-right: none; border-left: none; }
	
	#sub .col.first .sub-feature, 
	#sub .col.middle .sub-feature, 
	#sub .col.third .sub-feature, 
	#sub .col.first .sub-block, 
	#sub .col.middle .sub-block, 
	#sub .col.third .sub-block { float: left; margin: 0; padding: 2%; display: inline; }
	
	#sub .sub-feature, #sub .sub-block { width: 96%; }   
	#sub .sub-feature img, #sub .sub-block img { width: 35%; margin-right: 2%; margin-bottom: 0; display: block; float: left; }
	#sub .sub-feature .text, #sub .sub-block .text { width: 63%; float: left;  }
	
	#sub .sub-feature p { margin-bottom: 0; padding-bottom: 0; }
	
	#see-all { width: 94%; padding: 3%; }
#site-footer img { width: 25%; display: block;}

#download { width: 96%; padding: 2%; margin: 0 0 20px 0; float: none; overflow: auto; float: none;}

#event_subscribe a {
    width: 16px;
    height: 16px;
    display: block;
    margin-right: 5px;
    float: left;}
	
}

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

.inner img { height: 44px; }

#site-header #site-logo { width: 75%; }

#feature .caption a { width: 94%; padding: 3%; margin: 2% 0 0 0; text-align: center; }

#feature-wrap { width: 100%; float: left; background: #e28811; clear: both;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#sub #see-all { width: 70%; padding: 2%; }

#site-footer img { width: 30%; display: block;}

}

/*GOOGLE MAPS RESPONSIVE CSS*/

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
</style>