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

.clear {
    clear:both;
}
@media screen and (max-width:400px){
	.inv {display:none}
}

body {
    background-color:#fff;
    margin:0px;
    padding:0px;
    font-size:13px;    
    font-family:Verdana,Arial,sans-serif;
}

#outer-wrapper {
    /* the background image for this should be set by the controller */
    background-repeat:no-repeat;
    background-position:left top;
	width:100%; 
    max-width:1024px;
    padding-bottom:10px;
	margin:0px auto;
}

#inner-wrapper {
    margin:0px auto;
	width:95%; 
    max-width:860px;
}

#header {
   width:100%;
   padding-top:20px;
   margin-bottom:10px;
}

#header .left {
    
}

#header .right {
    float:right;
	width:100%;
    max-width:600px;
    text-align:right;
}

#logo {
 float:left;
 width:100%;
 max-width: 175px; 
}
@media screen and (max-width:859px){
#outer-wrapper {padding-bottom:0px;}	
#logo {margin-left: 7%}
}



#logo img a {
    border:0px;
}

#header .social-media {
    width: 110px;
	height: 30px;
    margin-top:30px;
    float:right;
}
@media screen and (max-width:859px){
#header .social-media img:first-child {margin-right: 3px; }
}

#top-nav {
    background-color:#363a46;
    color:#fff;
    font-size:12px;
    text-align:right;
    float:right;
    margin-top:10px;
    padding:8px 21px;
    font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
    font-weight:bold;
}

#top-nav ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

#top-nav li {
    float:left;
    display:inline;
}

#top-nav li a {
    padding:0px 10px;
    text-decoration:none;
    border-right:1px solid #fff;
    color:#fff;
}

#top-nav ul li a.first {
    padding-left:0px;
}
#top-nav ul li a.last {
    border:0px;
    padding-right:0px;
}

#top-nav ul li a.active {
    color:#D9901B;
}
#top-nav ul li a:hover {
    text-decoration:underline;
}

@media screen and (max-width:310px){
#top-nav {width:100%; float:none; dispay:inline-block; margin-top:5%; padding:8px 0px 8px 0px; font-size:15px; }	
#top-nav li {float:none; display:block; margin: 5px 0px; padding: 10px 2px; text-align:center; background-color: #4b4e58;}
#top-nav li a {border-right:0px; padding:5px 3px}
#top-nav ul {margin:0px 10px; padding:0px}
}


@media screen and (min-width: 311px ) and (max-width:600px){
#top-nav {width:100%; float:none; dispay:inline-block; margin-top:5%; padding:8px 0px 2px 0px; font-size:13px; vertical-align:top; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}	
#top-nav li {float:none; display:block; margin: 7px 0px; padding: 5px 2px; text-align:center; background-color: #4b4e58;-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
#top-nav li:first-child {margin-top: 0px; }
#top-nav li a {border-right:0px; padding:8px 3px}
#top-nav ul {margin:0px 10px; padding:0px}
}

@media screen and (min-width: 311px ) and (max-width:400px){
#top-nav {font-size:10px;}
}


.content-header {    
    color:#fff;
    min-height:29px;
    position:relative;
	width: 100%;
    max-width:860px;
    z-index:100;   
} 

.content-header .content {width:100%;  position:relative;  z-index:100;}
.content-header .date {width:38%; float:left; padding:0px 0px 0px 20px; line-height:29px; font-size:18px; font-weight:bold; font-family:"Myriad Pro","Trebuchet MS",Verdana,Arial,sans-serif; color:#fff;}
.content-header .newsletter {width:48%; float:right; line-height:29px; text-align:right; padding:0px 20px 0px 0px; color:#d9901b; font-weight:bold; font-family:"Trebuchet MS",Verdana,Arial,sans-serif;}
.content-header .newsletter img {vertical-align:middle; margin:0px; padding:0px;}
.content-header .newsletter span.signup {color:#9cd1da;}

@media screen and (max-width:250px){
.content-header .date {width:100%; float:none;  padding:0px; font-size:14px; text-align:center}
.content-header .newsletter {width:100%; float:none; padding:0px; text-align:center}
}

@media screen and (min-width:251px) and (max-width:859px){
.content-header .date {padding-left:0px; margin-left:15px; font-size:11px;}
.content-header .newsletter {padding-right:0px; margin-right:5px; font-size:11px; }
}



#sponsors {
	width:100%;
    clear:both;
    margin-top:10px;
}

.sponsors-header {
    font-family:"Myriad Pro","Trebuchet MS",Verdana,Arial,sans-serif;
    font-size:15px;    
    color:#363845;
	color:#ffffff;
    font-weight:bold;
    margin-left:20px;
}

#sponsors-wrapper {
    width:100%;
    position:relative;
    width:100%;
    overflow:hidden;
    margin-top:10px;
}

.sponsors-transparency {
    opacity:0.92;  
    filter:alpha(opacity=92);  
    -moz-opacity:0.92; 
    position:absolute;
    top:0px;
    left:0px;
    height:400px;
    background-color:#fbfafa;
    width:100%;
    overflow:hidden;
}

.sponsors-logos {
    color:#fff;       
    position:relative;
    text-align:center;
    padding:10px 0px;
}

.sponsors-logos img.logo {
    padding:0px 5px;
    vertical-align:middle;
	max-width: 90%; margin:auto;
    max-height:70px;
	margin:0px 0px 10px 5px
}

#footer {width:100%;
    clear:both;
    background-color:#353945;
    color:#fcfbf9; 
    font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	/*width:1024px;*/    
}

@media screen and (max-width:859px){
#footer {padding-bottom: 10px}
}	

#footer-wrapper {
    width: 100%;
    max-width:1024px;
    margin:0px auto;
}

#footer .content {
    width: 100%;
    max-width:860px;
    margin:0px auto;
    padding-top:20px;
}

#footer .content .text-nav {
    float:left;
	width:100%;
    max-width:650px;
}

@media screen and (max-width:340px){
#footer .content  {margin:0px; padding:0px; font-size:15px; }		
#footer .content .text-nav {width:100%; float:none; margin-top:5%; padding:8px 0px 8px 0px; font-size:15px; }	
#footer .content .text-nav li {float:none; display:block; margin: 5px 0px; padding: 10px 2px; text-align:center; background-color: #4b4e58;}
#footer .content .text-nav li a {border-right:0px; padding:5px 3px}
#footer .content .text-nav ul {margin:0px 10px; padding:0px}
}


@media screen and (min-width: 341px ) and (max-width:859px){
#footer .content  {margin:0px; padding:0px; font-size:15px; }		
#footer .content .text-nav {width:100%; float:none;margin-top:5%; padding:8px 0px 2px 0px; font-size:13px; }	
#footer .content .text-nav li {float:none; display:inline-block; margin: 5px 0px; padding: 5px 2px; text-align:center; }
#footer .content .text-nav li a {border-right:0px; padding:5px 3px}
#footer .content .text-nav ul {margin:0px 10px; padding:0px; text-align:center}
}

#footer .content .social-media {
    float:right;
    width:110px;
    text-align:right;
}
@media screen and (max-width:859px){
	#footer .content .social-media {float:none; margin: 2px auto}			
    #footer .content .social-media img:first-child {margin-right:2px}
}


#footer ul {
    margin:0px;
    padding:0px;
    list-style:none;
}

#footer li {
    float:left;
    display:inline;
}

#footer li a {
    color:#fcfbf9;
    text-decoration:none;
    padding:0px 10px;
    border-right:1px solid #fff;
    font-weight:bold;
    
}

#footer li a.last {
    border:0px;
}

#footer li a:hover {
    text-decoration:underline;
}

#footer .social-media {
}

#footer .contact {
    float:right;
    text-align:right;
    margin-top:10px;
	width:100%;
}

#footer .contact a {
    color:#fff;
}
@media screen and (max-width:400px){
   #footer .contact  {line-height:28px}
}
@media screen and (max-width:859px){
   #footer .contact  {float:none; width:90%; margin:auto; text-align:center;}
}

#footer .site-credit {
    float:left;
	width:100%;
    max-width:350px;
    margin-top:10px;
    padding:0px;
    color:#b0b0b0;
}

#footer .site-credit a {
    color:#fff;
    text-decoration:none;
}

#footer .site-credit a:hover {
    text-decoration:underline;
}
@media screen and (max-width:859px){
  #footer .site-credit  {float:none: margin:auto}
}


a {
    color:#d11600;
    text-decoration:none;
}

a:hover {
    color:#e24778;
    text-decoration:underline;
}

.nowrap {white-space:nowrap}

#maroon {
    clear:both;
    width:100%;
    background-color:#005d7d;
	background-color:#005d7d;
    margin:0px;
}

#maroon .table {
    padding:10px 0px;
    margin:0px;
}

#maroon .table .content {width:250px; vertical-align:top; padding:10px 5px 10px 20px; display:inline-block;}
#maroon .table .content:nth-child(2) {border-right: 3px dotted #fff; border-left: 3px dotted #fff;}

@media screen and (max-width:859px){
#maroon .table .content {width:90%; margin:auto; display:block; padding:0px; padding-top:15px; padding-bottom:15px}
	
#maroon .table .content:nth-child(2) { border:0px; border-top: 3px dotted #fff; border-bottom: 3px dotted #fff; }
}

#maroon .table h2 {
    font-family:"Myriad Pro","Trebuchet MS",Verdana,Arial,sans-serif;
    color:#c68028;
	color:#e87808;
	color:#e47505;
    font-size:15px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

#maroon .table .copy {
    padding-top: 10px;
    color:#fff;
    font-size:14px;
    line-height:1.5em;
}

#maroon .table .copy p {
    margin:0px;
    padding:0px;
}

#maroon .table .copy a {
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
}

.hidden {
	display: none;
}