

@font-face {
    font-family: 'TGBoldCondensed';
    src: url('fonts/TradeGothicLTStd-BdCn20.eot');
    src: url('fonts/TradeGothicLTStd-BdCn20.eot?#iefix') format('embedded-opentype'),
         url('fonts/TradeGothicLTStd-BdCn20.ttf') format('truetype'),
         url('fonts/TradeGothicLTStd-BdCn20.svg#TGBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}





/* 

str blue	#32A7C8
str green	#30945C
str grey	#666

drk blue	#2B8EAA

lght grey	#DDD
lght blue	#ADDCE9

poster lt blue	7daec0
poster dk blue	3b6566
poster lt green	88aa9a
poster dk green	5a6d5b
poster yellow	d0d281

*/


/* DO NOT WANT */

#header-left, #header-right, #nav-left, #nav-right, #spacer-right, #footer-left, #footer-right {
	display: none;
}

/* begin! */
html {
}
body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
	font-size: 100%;
	background: #c2e7eb url('images/bg.gif') top left repeat-x fixed;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	height: 100%;
}

::selection {
	background: #000; 
	color: #fff; 
	text-shadow: none !important; 
}
::-moz-selection {
	background: #000; 
	color: #fff; 
	text-shadow: none !important; 
}


* {
	margin: 0;
	padding: 0;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1, h2, h3 {
	font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-transform: uppercase;
	font-weight: 900; 
	line-height: 1.2em; 
}
h4, h5, h6 {
	font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	text-transform: uppercase;
	font-weight: 900;
	font-style: none !important;
}
p {
	line-height: 1.5em;
	font-size: 15px;
	text-align: justify;
	color: #444;
}
a, a:link {
	color: #2B8EAA;
	text-decoration: none;
	font-weight: 500;
	/*border-bottom: 1px solid silver;*/
}
a:active, a:hover {
	color: #32A7C8;
	text-decoration: none;
}
img {
	z-index: 1;
	margin: 0;
	padding: 0;
}
a img {
	border: 0px;
}
#container {
	border: 0px solid #000000;
	text-align: center; 
	position: relative !important; 
	width: 960px; 
	height: 100%; 
	min-height: 1200px; 
	margin: 0 auto;
	background: #fff; 
	box-shadow: 0 0 30px #083144;
}
#header-container, 
#page-container {
	text-align: center;
	clear: both;
	width: 100%; 
	margin: 0 auto; 
	padding-top: 0px; 
}
#page-container {
	padding-top: 20px;
}
hr {
	width: 100% !important; 
	background: #fff;
	border: 0px; 
	border-top: 1px dashed rgba(0,0,0,0.3); 
	border-bottom: 1px dashed rgba(255,255,255,0.3); 
}

/* header */

#ribbon {
	position: absolute; 
	top: 0; 
	left: 0;
	z-index: 999999999999; 
	max-width: 30%
}
#ribbon img {
	max-width: 100%; 
	height: auto; 
}


#header {
	width: 100%;
	height: 325px;
	ZZZmin-width: 700px; 
	margin: 0 auto;
	position: relative; 
	font-family: 'TGLite', sans-serif;
	background-image: url('images/layout/header-mobile.png');
	background-size: 100% auto; 
	background-position:  50% 0px; 
	background-repeat: no-repeat; 
}
#header h1 {
	position: absolute;
	font-family: 'TGLite', sans-serif;
	top: 270px;
	right: 195px;
	color: #444;
	font-weight: 200;
	font-size: 27px;
	letter-spacing: 0px;
}
#header #info {
	position: absolute;
	bottom: 257px; 
	right: 360px;
	color: #000;
	font-size: 15px;
	letter-spacing: 0px;
	font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

}
#header #info .infolinks {
    float:left;
}
#header #info .date, #header #info .year {
	font-weight: 900 !important;
}

/* NAVIGATION */

#navigation {
	width: 96%; 
	margin: 0 auto 0px auto; 
	padding: 5px 0; 
	overflow: visible; 
	text-align: left;
	position: relative; 
	border-top: 1px solid #7daec0; 5b889a; 
	border-bottom: 1px solid #7daec0; 5b889a; 
	text-align: center !important; 
}
#navigation * {
	font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 200; 
	text-transform: uppercase; 
}
#navigation > ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	display: inline; 
	text-align: center !important; 
	font-size: 1px;
}
#navigation > ul li {
	margin: 0px 4px;
	display: inline-block; 
	position: relative; 
	vertical-align: top;
}
#navigation > ul li a {
	color: #666;
	font-weight: bold;
	font-size: 27px;
	text-decoration: none;
	padding: 0px 4px;
	z-index: 2;
	position: relative;
	display: inline-block; 
	border: 0px; 
}
#navigation > ul > li > a:hover, 
#navigation > ul > li > a:active {
	background: #7daec0;
	color: #fff;
}

/* subnav */

#navigation > ul > li > ul.subnav {
	display: none; 
	overflow: visible; 
}
#navigation > ul > li:hover > ul.subnav {
	display: block; 
	overflow: visible; 
	position: absolute; 
	z-index: 777; 
}

#navigation ul.subnav {
	display: block;
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important; 
	margin-left: 26px; 
	clear: both; 
	float: none; 
	overflow: visible; 
}

#navigation ul.subnav li {
	display: block;
	margin: 0 !important;
	padding: 0 !important; 
	width: 100%; 
	overflow: visible; 
}
#navigation ul.subnav li:last {
	clear: both; 
}

#navigation ul.subnav li a {
	display: block;
	margin: 0 !important;
	padding: 5px 4px !important;
	font-size: 15px !important;
	text-transform: uppercase !important;
	background: #fff; 
	line-height: 1.1em; 
	text-align: center; 
	overflow: visible; 
	border-right: 1px solid #7daec0; 
	border-bottom: 1px solid #7daec0; 
}

#navigation > ul > li > ul > li a:hover,
#navigation > ul > li > ul > li a:active {
	background: #7daec0;
	color: #fff;
	overflow: visible; 
}

/* subnav on regular pages */

#page-container {
position: relative; 
}

#page-container .subnav {
list-style: none; 
text-align: left !important; 
width: 100%;
margin: -10px 0 30px 0; 
color: #3B6566;
text-align: left;
font-size: 1px;
}

#page-container .subnav li {
display: inline; 
font-size: 1px; 
font-size: 37px;
}

#page-container .subnav li a {
font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 19px ; 
font-weight: bold; 
border-bottom: 0px; 
border-left: 1px solid #ccc; 
display: inline-block; 
margin: 0 0 0 15px !important; 
padding: 0 0 0 15px !important; 
}
#page-container .subnav li.first a {
border-left: 0px solid #fff !important; 
margin: 0 0 0 0 !important; 
padding: 0 0 0 0 !important; 
}
#page-container .subnav li.current a {
color: #999; 
cursor: default; 
}



#pagetitle {
	color: #3b6566;
	text-align: left;
	font-size: 40px; 
	margin-bottom: 10px; 
}
#pagesubtitle {
	color: #666;
	text-align: left;
	font-size: 30px;
	padding-top: 1px;
	margin-top: -20px;
	margin-bottom: 10px;
}
#sidebar {
	width: 32%;
	border: 0px solid black;
	float: right;
	margin: 0px 0px 0 0;
	text-align: left; 
	overflow: hidden; 
}
.sidebar-box {
	padding: 15px;
	margin: 0 15px 15px 0;;
	box-shadow: inset -5px -5px 20px rgba(0, 0, 0, 0.3); 

	color: #000; 
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3); 
}
.sidebar-box h3 {
	color: #fff; 
	font-size: 25px; 
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3); 
	margin-bottom: 5px !important;; 
}
.sidebar-box h4 {
	font-size: 20px; 
	color: #000; 
	margin-bottom: 0px !important;; 
}
.sidebar-box h5 {
	color: #fff; 
	font-size: 17px; 
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3); 
}
.sidebar-box h5 a {
	border: 0; 
}
.sidebar-box p {
	margin: 15px;
	font-size: .85em; 
	text-align: left; 
	color: #fff; 
	font-weight: 200; 
}
.sidebar-box br {
	display: none; 
}
.sidebar-box a {
	color: #fff; 
}
#sidebar1 {
	background: #666;
}
#sidebar2 {
	background: #32a7c8;
}
#sidebar3 {
	background: #30945c;
}
.sidebar-icon1 {
	width: 64px;
	height: 64px;
	z-index: 100;
	float: right;
	margin-top: -59px;
	margin-bottom: 0;
	margin-right: 30px;
}
.sidebar-icon2 {
	width: 64px;
	height: 64px;
	z-index: 100;
	float: left;
	margin: -13px 15px 5px 10px;
}
img.sidebar-icon3 {
	width: 48px;
	height: 48px;
	z-index: 100;
	margin: -20px 0 0 0;
}



/* Social ****************************************************************************/

#sidebar0 h3 {
	color: #000;
}
.socialList {
	list-style-type: none; 
}
.socialList li {
	display: inline-block 
}
.socialList a {
	color: #444 !important; 
	text-decoration: none !important; 
	border: 0px !important; 
	font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	display: block; 
	padding: 2px 5px; 
	text-transform: uppercase; 
}
.socialList a:hover {
	opacity: 0.7; 
}
.socialList a img {
	width: 16px; 
	height: 16px; 
}











.feature-guest, .feature-event {
	padding: 0px;
}
.feature-guest h4, .feature-guest h5, #sidebar3 .feature-guest p, .feature-event h4, .feature-event h5, #sidebar3 .feature-event p {
	margin: 0 0 5px 0;
	padding: 0;
}
.feature-guest-photo {
	border: 1px solid #000;
	float: right;
}
#content-wrapper {
	margin: 0 auto;
	width: 100%;
	z-index: 100;
}
#content-wrapper br {
	clear: both;
}
#mainContent {
	margin: 0px 0 25px 2%; 
	float: left;
	width: 62%;
	min-height: 700px;
	text-align: left;
}
#mainContent form {
	margin: 15px;
}
#mainContent p {
	margin-bottom: 15px;
}
p.small {
	font-size: 9px;
	text-align: right;
	padding-right: 15px;
}
#mainContent p.first {
	margin: 0 0 15px 15px;
}


/* News **************************************************************************************/
.newspost hr {
	width: 75%;
}
.newspost h5 {
	margin-top: -5px;
	margin-bottom: 10px; 
	font-size: 110%; 
	color: #666;
}


/* Exhibitors ********************************************************************************/
#mainContent .date {
	border-bottom: 2px solid #eee;
	margin-bottom: 15px;
}
#mainContent .exhibitor {
	clear: both;
}
#mainContent .exhibitor, #mainContent .event {
	margin-bottom: 15px;
}
#mainContent .event {
	margin-bottom: 15px;
	border-bottom: 1px dotted #ccc;
}
#mainContent .exhibitor h2, #mainContent .event h2 {
	ZZZmargin: 10px 15px 0px 15px;
}
#mainContent .exhibitor h5, #mainContent .event > h5 {
	ZZZmargin: 0px 15px 5px 52px;
	font-style: italic; 
}
#mainContent .exhibitor a h5, #mainContent .event a h5 {
	ZZZmargin: 0px 15px 5px 52px;
	text-decoration: underline;
	display: inline; 
}
#mainContent .exhibitor p, #mainContent .event p {
	ZZZmargin: 0 0 15px 52px;
}
#mainContent .exhibitor p.first, #mainContent .event p.first {
	margin: 10px 0 15px 52px;
}
#mainContent .exhibitor img.photo, #mainContent .event img.photo {
	float: right;
	margin: 0 15px 5px 5px;
	border: 1px solid black;
}
#mainContent .exhibitor img.thumb {
	float: right;
	margin: 0 15px 5px 5px;
	border: 1px solid black;
}
#mainContent .event img.thumb {
	float: right;
	margin: 0 15px 5px 5px;
}
#mainContent .exhibitor img.open, #mainContent .exhibitor img.closed, #mainContent .event img.open, #mainContent .event img.closed {
	float: left;
	margin: 15px;
	margin-bottom: 30px;
}
#mainContent .exhibitor img.open: hover, #mainContent .exhibitor img.closed: hover, #mainContent .event img.open: hover, #mainContent .event img.closed: hover {
	cursor: pointer;
}
#mainContent .exhibitor .bio {
	display: none;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
#mainContent .event .desc {
	display: none;
	border: 0;
}
#notice {
	border: 1px dotted #666;
	margin: 15px 6%;
	padding: 15px;
	color: #2b8eaa;
	background: #eee;
}







.guest {
padding: 0 0 15px 0; 
margin: 0 0 30px 0;
border-bottom: 1px solid #ccc; 
}

.guest .guestPhoto {
float: left; 
margin: 5px 20px 10px 0; 
padding: 2px; 
border: 1px solid #ccc; 
}
.guest .guestPhoto img {
font-size: 10px; 
font-weight: bold; 
}

.guest .guestName {
font-size: 26px; 
margin-bottom: -6px !important; 
}

.guest .guestTitle {
font-size: 18px; 
color: #444; 
}

.guest .guestSites {
list-style: none; 
margin: 0 0 10px 0; 
font-size: 1px; 
}

.guest .guestSites li {
display: inline; 
}

.guest .guestSites li a {
text-transform: uppercase; 
font-weight: 900 !important; 
border: 0px; 
font-size: 14px !important; 
font-family: 'TGBoldCondensed', sans-serif !important; 
padding: 0 0 0 8px; 
margin: 0 0 0 8px; 
border-left: 1px dotted silver !important; 
display: inline-block; 
}
.guest .guestSites li:first-child a {
padding: 0px; 
margin: 0px; 
border-left: 0px dotted #fff !important; 
}

.guest .guestBio p  {
	margin-left: 10%; 
}






/* Events Calendar**************************************************************************/

#mainContent .calendar table {
	border: 1px solid #000;
	font-size: 12px;
	margin: 0 0 0 15px;
	text-align: center;
	border-collapse: collapse;
}
#mainContent .calendar table th.month {
	font-size: 14px;
}
#mainContent .calendar table tr.weekday {
	border: 1px solid #000;
}
#mainContent .calendar table td {
	width: 30px;
	height: 20px;
	border: 1px solid #000;
}
#mainContent .calendar table td a:link, #mainContent .calendar table td a:visited {
	width: 30px;
	height: 20px;
	padding: 2px 7px 2px 7px;
	background-image: url(images/date.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#mainContent .calendar table td a:hover, #mainContent .calendar table td a:active {
	background: #38ad6b;
	padding: 2px 8px 2px 8px;
}
#mainContent .event-description {
	margin-top: 30px;
}
#mainContent .event-description h5 {
	margin: 0px 15px 5px 15px;
	font-style: italic;
}
.event-description p.small {
	font-size: 9px;
	text-align: right;
	padding-right: 25px;
	clear: both;
	float: none;
}
/* Attending *******************************************************************************/
.map {
	width: 515px;
	height: 165px;
	margin: 0 15px 5px 15px;
}
.photo-with-caption-right {
	margin: 15px;
	padding: 0;
	width: auto;
	float: right;
}
.photo-with-caption-left {
	margin: 15px;
	padding: 0;
	width: auto;
	float: left;
}
.photo-with-caption-expand {
	margin: 15px;
	padding: 0;
	width: auto;
	overflow: hidden;
}
.photo-with-caption img {
	margin: 0;
	padding: 0;
}
#mainContent p.caption {
	font-size: 9px;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* Twitter Feed ****************************************************************************/

#sidebar1 h3 a:link, #sidebar1 h3 a:visited {
	color: #2b8eaa;
	color: #33ccff;
}
#sidebar1 h3 a:hover, #sidebar1 h3 a:active {
	color: #2b8eaa;
	color: #33ccff;
	color: #fff;
}
#twitter_update_list ul {
}
#twitter_update_list li {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	background-image: url(images/icons/twitter-posts.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 25px;
	margin-bottom: 15px;
	line-height: 1.4em;
	list-style-type: none;
	margin-left: -25px;
}
#twitter_update_list li a:link, #twitter_update_list li a:visited {
	font-weight: bold;
}
#twitter_update_list li a:hover {
	color: #33ccff;
}

/* Footer **********************************************************************************/

#footer {
	background: #000;
	height: 220px;
	width: 100%;
	color: #fff;
	padding: 0;
	margin: 15px 0 0 0; 
	position: relative; 
	font-family: 'TGBoldCondensed', 'Franklin Gothic', Impact, Arial Narrow, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}
#footer h1 {
	position: absolute; 
	top: 30px; 
	left: 4%; 
	text-indent: -9999px; 
	padding: 0; 
	margin: 0; 
	background-image: url("images/layout/footer-logo.png"); 
	background-repeat: no-repeat; 
	background-size: 100%; 
	width: 22%; 
	max-width: 200px; 
	height: 50px; 
}
#footer > p {
	position: absolute; 
	bottom: 30px; 
	left: 4%; 
	width: 22%; 
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
	line-height: 1em; 
}


#footer-navigation {
	position: absolute; 
	left: 29%; 
	top: 30px; 
	width: 64%; 
	border-left: 1px solid #333; 
	border-bottom: 1px solid #333; 
	padding-left: 3%; 
	padding-bottom: 22px; 
}

#footer #sponsors {
/*
	position: absolute; 
	left: 29%; 
	top: 70px; 
	width: 65%; 
*/
	padding-top: 90px !important; 
	margin-left: 29% !important; 
	border-left: 1px solid #333; 
	padding-left: 3%; 
	padding-top: 25px; 
	min-height: 100px;
}




#footer-navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size: 1px;
}
#footer-navigation ul li {
	display: inline; 
	margin: 0px 0 10px 0;
	font-size: 1px;
}
#footer-navigation ul li a { 
	color: #fff;
	font-size: 14px;
	padding: 0 3% 0 0; 
	border: 0px; 
	text-transform: uppercase; 
}
#footer-navigation ul li a.first {
	margin: 0;
}
#footer-navigation ul li a:hover, #footer-navigation ul li a:active {
	color: #2b8eaa;
}
#footer-navigation ul li ul {
	display: none; 
}



#footer #sponsors h4,
#footer #sponsors ul li {
	display: block; 
	float: left; 
	margin-right: 2%; 
	margin-bottom: 12px;
	
}
#footer #sponsors h4 {
	padding-top: 14px; 
	font-size: 14px;
	color: #2B8EAA; 
	display: none; 
}
#footer a {
	border: 0px; 
}
















.gallery {
	list-style: none; 
	clear: both; 
	height: auto; 
	padding-bottom: 20px; 
	display: inline-block; 
}

.gallery li {
	float: left; 
	display: block; 
}
.gallery li a {
	padding: 2px; 
	margin: 5px; 
	display: block; 
	border: 1px solid #ccc; 
}
.gallery li a:hover {
	background: #ccc; 
}
.gallery li a img {
	width: 120px; 
}	












.clear,
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	border: 0; 
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}











/* START MEDIA INQUIRIES */

/* START 960px */

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

	body {
		background: #fff; 
	}


	#container {
		width: 100%; 
	}
	#header-container, 
	#page-container {
		clear: both;
	}

	#header { 
		height: auto;
		ZZZheight: 44vw; 
		padding-bottom: 10px;
	}

	#header h1 {
		display: none; 
	}
	#header #logo img {
		max-width: 100%; 
	}
	#header #info {
		position: static; 
		margin:  -25px 3% 10px 3%; 
		margin-top: -3vw; 
		text-align: center; 
		font-size: 16px;
		text-shadow: 1px -1px 0 #fff;
	}
	#header #info > span {
		display: inline-block; 
	}

}

/* START 768px */

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

	#mainContent {
		width: 94%; 
		margin: 0 3%; 
	}
	#sidebar {
		width: 94%; 
		margin: 0 3%; 
	}
	.sidebar-box {
		margin: 10px 0; 
		box-shadow: none; 
	}
	#sidebar0 {
		background: #f0f0f0; 
	}
	.sidebar-box h3, 
	.sidebar-box h4, 
	.sidebar-box ul, 
	.sidebar-box .feature-guest{
		*display: inline; 
		display: inline-block; 
		text-shadow: none; 
	}


	#footer {
		height: auto; 
		min-height: 500px; 
		padding: 30px 5% 10px 5%; 
		text-align: center; 
		width: auto;
	}
	#footer > h1,
	#footer > div,
	#footer > p {
		display: block ; 
		position: static ; 
		width: 100% ; 
		margin: 0 auto 20px auto !important; 
		padding: 0 0 20px 0 !important; 
		border: 0 ; 
		border-bottom: 1px solid #333 ; 
		clear: both ; 
	}
	#footer h1 {
		width: 100%; 
		max-width: 200px; 
	}
	#footer > p {
		text-align: center;
		font-size: 14px;
		line-height: 1em; 
		border-bottom: 0px; 
	}
	#footer-navigation ul {
		margin-bottom: 30px; 
	}
	#footer-navigation ul li {
		display: block; 
		width: 48%; 
		padding: 0 1% 4px 1%; 
		margin: 0 0;  
		float: left; 
	}
	#footer-navigation li a,
	#footer-navigation li a:link, 
	#footer-navigation li a:visited {
		display: block; 
		width: 100%; 
		clear: both; 
		text-align: center; 
		color: #000; 
		background: #fff; 
		font-size: 27px; 
		padding: 5px 0; 
	}
	#footer-navigation li a:hover,
	#footer-navigation li a:active {
		color: #000 !important; 
		background: #2B8EAA; 
	}

	#footer #sponsors {

	padding-top: 0 !important; 
	margin-left: 0 !important; 
		position: static; 
		display: block; 
		width: 100%; 
		text-decoration: center; 
		border-left: 0; 
		padding-left: 0; 
	}
	#footer #sponsors ul {
		text-decoration: center; 
	}
	#footer #sponsors h4 {
		width: 100%; 
		margin: 0 0 10px 0; 
		padding: 0; 
		font-size: 20px; 
		position: static; 
		display: block; 
	}
	#footer #sponsors li,
	#footer #sponsors a {
		width: auto; 
		padding: 0; 
		font-size: 20px; 
		position: static; 
		display: inline !important; 
		float: none !important; 
	}
	#footer #sponsors li {
		padding-bottom: 12px;
	}

}

/* START 640px */

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

	#header {
	}
	#page-container {
	}

	#header #logo img {
		opacity: 0;
	}
	#header #info {
		font-size: 19px;
	}
	#container {
	}	

	#navigation {
		border: 0; 
		width: 94%; 
		padding: 0 3%; 
		margin: 0; 
	}

	#navigation > ul > li { 
		display: block; 
		width: 48%; 
		padding: 0 1% 4px 1%; 
		margin: 0 0;  
		float: left; 
	}

	#navigation a,
	#navigation a:link,
	#navigation a:visited {
		background: #2B8EAA; 
		color: #fff; 
		font-size: 30px; 
		padding: 5px 0; 
		display: block; 
		width: 100%; 
	}
	#navigation a:hover {
		background: #444 !important; 
	}
	#navigation ul li ul {
		display: none !important; 
	}






}

/* START 480px */

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



	#footer-navigation ul li, 
	#navigation > ul > li { 
		width: 100%; 
		clear: both; 
		float: none; 
		padding: 0; 
		margin: 0; 
		padding-bottom: 4px; 
	}


}

/* START 320px */

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



	#footer-navigation ul li, 
	#navigation > ul > li { 
		width: 100%; 
		clear: both; 
		float: none; 
		padding: 0; 
		margin: 0; 
		padding-bottom: 4px; 
	}


}














min-height: 120px; 
}






		











