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

/* Page Structure */

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background:url(images/bg-noise.jpg) 0 0 repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}

#topbar {
	height: 8px;
	background-color: #003;
}


.twoColFixLtHdr #container {
	width: 980px; 
	margin: 0 auto; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}

.twoColFixLtHdr #header { 
	margin: 10px 0 0 0; 
	height: 150px;
}

.logo {
	float:left;
	clear:both;
}


#column1 {
	width:480px;
	margin-right:20px;
}

#column2 {
	float: left; 
	width: 480px; 
	line-height: 20px;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#graphic {
	padding: 20px 0 0 0;
	height:400px;
}



/* Typography */

p {
	font-family: Arial, Helvetica, sans-serif;
	color: #336;
	font-size: 16px;
	line-height: 1.5em;
}

h1 {
	font-family: 'Source Sans Pro', sans-serif;
	color: #e41c3c;
	font-size: 24px;
	font-weight: 300;
	margin:25px 0 0 0;
	text-shadow: 0 1px 1px white;
}

h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	color: #336;
	padding-top:22px;
}

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


/* Navigation */



#menu {
	margin-top:65px;
	width: 610px;
	float: right;
}


#nav {
	margin: 0;
	padding: 0 0 2px 10px;

}
	
#nav ul, #nav li {
	margin: 0;
	padding: 0 0 0 40px;
	display: inline;
	list-style-type: none;
}

#nav a:link, # nav a:visited {
	float: left;
	line-height: 14px;
	font-weight: normal;
	margin: 0 10px 4px 10px;
	text-decoration: none;
	color:#AAA
}

#nav a:link#current, #nav 
a:visited#current, #nav a:hover {
	border-bottom: 4px solid #336;
	padding-bottom: 2px;
	background: transparent;
	color: #336;
}

.twoColFixLtHdr #container #menu #nav {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight:300;
}
		
#nav a {
	color:#336;
}


#newsnav {
	margin-left: -40px;
}


#subnav {
	color: #336;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	line-height: 40px;
	font-size: 15px;
	font-variant: normal;
	clear:both;
	height: 30px;
}

#subnav li {
	float: left;
	list-style: none;
	padding-right: 40px;
	
}

#subnav a:link#current {
	font-weight:600;
	
}

#subnav li a {
	color:#336;
	text-decoration:none;
}

#subnav a:hover {
	color:  #e41c3c;
	text-decoration:none;
}


/* Buttons */

.button1 {
	background-color:rgba(27,170,157,0.75);
	width: 230px;
	padding: 10px 0 10px 0 ;
	float: right;
}

.button1 p {
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif !important;
	text-align:center;
	font-weight:300;
	font-size: 18px !important;
}

a.button1:hover {
	background-color: #1BAA9D;
}



.button2 {
	background-color:rgba(54,178,219,0.75);
	width: 230px;
	padding: 10px 0 10px 0 ;
	float:left;
}


.button2 p {
	color: #ffffff;
	font-family: 'Source Sans Pro', sans-serif !important;
	text-align:center;
	font-weight:300;
	font-size: 18px !important;
}

a.button2:hover {
	background-color: #36B2DB;
}


/* Top Quotes */

#quote {
	
	position:relative;
	top:-200px;
	left: 640px;
	background-color: rgba(228,28,60,0.7);
	width: 340px;
	padding-top: 5px;
	padding-bottom:5px;
}


#quote p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px !important;
	color:#ffffff !important;
		text-align:center;
		font-weight:300;
}

#quote2 {
	position:relative;
	top:-200px;
	left: 640pxpx;
	background-color: rgba(228,28,60,0.7);
	width: 340px;
	padding-top: 5px;
	padding-bottom:5px;
}


#quote2 p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px !important;
	color:#ffffff !important;
		text-align:center;
		font-weight:300;
}

#quotepurple {
	position:relative;
	top:-212px;
	left: 640px;
	background-color: rgba(95,70,140,0.7);
	width: 340px;
	padding-top: 5px;
	padding-bottom:5px;

}


#quotepurple p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px !important;
	color:#ffffff !important;
		text-align:center;
		font-weight:300;
}

#quoteblue {
	position:relative;
	top:-203px;
	left: 560px;
	background-color: rgba(20,42,98,0.75);
	width: 420px;
	padding-top:5px;
	padding-bottom:5px;
}


#quoteblue p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px !important;
	color:#ffffff !important;
		text-align:center;
		font-weight:300;
}

#quotegreen {
	
	position:relative;
	top:-215px;
	left: 610px;
	background-color: rgba(27,170,157,0.75);
	width: 370px;
	padding-top:5px;
	padding-bottom:5px;
}


#quotegreen p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px !important;
	color:#ffffff !important;
		text-align:center;
		font-weight:300;
}

#quoteaqua {
	position:relative;
	top:-220px;
	left: 640px;
	background-color: rgba(54,178,219,0.75);
	width: 340px;
	padding-top:5px;
	padding-bottom:5px;
}


#quoteaqua p {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px !important;
	color:#ffffff !important;
		text-align:center;
		font-weight:300;
}



/* Table */

#programstable {
	border-style:none;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	color: #336;
}

#programstable th {
	border-style: none;
	border-bottom: 1px solid #336;
	border-top: 1px solid #336;

}

#programstable td {
	border-style: none;
	border-bottom: 1px solid #336;
}

/* Footer */

#footer { 
	padding: 0 10px 0 0; 
	margin-top:30px;
} 

#footer p {
	margin: 0;
	padding: 10px 0;
	color: #336;
	font-size: x-small;
	font-size: x-small;
}

#footer a {
	color:#336;
	text-decoration:none;
}

#footer a:hover {
	color: #e41c3c;
	text-decoration:none;
}

<!--[if IE 5]>

/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */

<![endif]-->