/* reset ***************************************/

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, code, em, font, img, ol, ul, dl
fieldset, form, label {
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/* special elements ***************************************/

span.facts {
		font-size: 11px;
		line-height: 14px;
		color: #303B42;
		}

/* basic elements *****************************************/

body	{
background-image: url("../_images/_layout/bg.jpg");
background-position: top center;
background-repeat: repeat-x;
background-color: #4BCED6;
font-family: 'Helvetica','Arial',sans-serif;
font-size: 16px;
line-height: 24px;
color: #000000;
margin: 0px;
padding: 0px;
}

table	{
		table-layout: auto;
		border-collapse: separate;
		border-style: none;
		border-width: 0px;
		border-spacing: 0px;
		}

th, td {
        font-family: 'Helvetica','Arial',sans-serif;
        font-size: 16px;
        line-height: 30px;
        color: #000000;
        padding: 0px;
        padding-right: 10px;
        text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #319CAC;      
		}

th {
		border-bottom: 2px solid #319CAC;      	
}

a		{
		color: #000000;
		text-decoration: underline;
        }

a:hover, a:active {
		color: #000000;
		text-decoration: none;
        }

a img	{
		border: 0px;
		}

h1, h2, h3	{
		color: #000000;
		}

h1		{
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 1px;
		margin-bottom: 8px;
}

h2		{
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 0px;		
}

h3		{
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 22px;
		font-weight: bold;
		letter-spacing: 1px;
		margin-bottom: 8px;
}

img		{
		border: 0px;
		display: block;
        }

ul		{
		list-style-type: square;
		list-style-position: outside;
		line-height: 20px;
		margin: 0px;
		padding: 0 0 0 16px;
		}

/* forms **************************************************/

form	{
		margin: 0px;
		padding: 0px;
		}

input, select, textarea	{
		background-color: #CCEBF0;
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 16px;
		color: #000000;		
		border: 2px solid #319CAC;
		width: 280px;
		padding: 5px;
		margin-bottom: 8px;
		}

input:focus, select:focus, textarea:focus	{
		background-color: #CCEBF0;
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 16px;	
		color: #000000;
		border: 2px solid #FFFFFF;
		width: 280px;
		padding: 5px;
		margin-bottom: 8px;
		}		

input.btn {
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 16px;
		color: #CCEBF0;
		border: 0px;
		width: 180px;		
		background-color: #303B42;
		}

input.btn:focus, input.btn:hover {
		font-family: 'Helvetica','Arial',sans-serif;
		font-size: 16px;
		color: #FFFFFF;
		border: 0px;	
		background-color: #303B42;
		width: 180px;				
		cursor: pointer;
		}

.true	{
		border: 2px solid #FF0000;
		}

.false	{
		border: 2px solid #FF0000;
		}

/* basic layout *******************************************/

#page_margins {
margin-top: 0px;
}

#page {
width: 940px;
text-align: left;
}

#top {
float: left;
clear: both;		
height: 0px;
width: 940px;
}

#header	{
float: left;
clear: both;
width: 940px;
height: 130px;
background-image: url("../_images/_layout/spotlight.jpg");
background-repeat: no-repeat;
background-position: 0px 30px;
}
 
#social {
float: left;	
width: 940px;
height: 30px;
}

#social div {
float: left;
}

#social #share {
float: right;
padding-top: 7px;
}

#social #like {
float: left;
padding-top: 5px;
margin-left: 10px;
overflow: hidden;
}
       
#logo {
float: left;
font-size: 11px;
font-weight: bold;
margin-top: 25px;
}

#logo div {
float: left;
padding-left: 55px;	
}

#logo .claim {
margin-left: 8px;
}

#tweet-wrap {
float: left;
width: 940px;
border-top: 1px solid #319CAC;
}

#tweet-wrap span.title, #tweet-wrap span.link {
float: left;
font-size: 14px;
background-color: #319CAC;
padding: 0px 10px;
color: #CCEBF0;
}

#tweet-wrap span.link {
background-color: transparent;
}

#tweet-wrap span.link a {
color: #319CAC;
}

#tweet-wrap a {
color: #333333;
}

#tweet {
clear: both;
float: left;
padding: 10px 0px;	
font-size: 14px;
color: #333333;
font-style: italic;
}

#tweet ul {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
width: 940px;
}

#tweet li {
border-bottom: 1px dashed #319CAC;
padding-top: 2px;
padding-bottom: 2px;
}

span.claim {
		font-size: 11px;
		font-weight: bold;
		color: #303B42;
		letter-spacing: 0px;
}

h1.title {
		color: #FFFFFF;
		font-size: 30px;
		margin-bottom: 20px;
		line-height: 32px;
		letter-spacing: 0px;		
}

p.lead {
		color: #CCEBF0;
		font-size: 18px;
		width: 495px;
}

.nav	{
		float: left;
		clear: both;
		width: 940px;
		margin-bottom: 20px;
		border-bottom: 1px solid #000000;
        }

.nav div, .nav div.cur {
		float: right;
		padding: 5px 12px 5px 12px;
		}

.nav div.cur {
		background-color: #000000;
		}

.nav a {
		color: #CCEBF0;
		text-decoration: none;	
}

.nav a:hover, .nav a:active {
		color: #FFFFFF;
		text-decoration: none;	
}

.nav2	{
		float: left;
		clear: both;
		width: 940px;
		margin-bottom: 20px;
		margin-top: -54px;
		border-bottom: 1px solid #000000;
        }

.nav2 div, .nav2 div.cur {
		float: left;
		padding: 5px 12px 5px 12px;
		}

.nav2 div.cur {
		background-color: #000000;
		}

.nav2 a {
		color: #CCEBF0;
		text-decoration: none;	
}

.nav2 a:hover, .nav2 a:active {
		color: #FFFFFF;
		text-decoration: none;	
}


.content {
		float: left;
		clear: both;
		width: 940px;
		margin-bottom: 80px;
        }
        
.content_fb {
		float: left;
		clear: both;
		width: 940px;
		margin-bottom: 20px;
        }        

.content img {
		float: left;	
		}

.colleft, .colright {
		width: 300px;
		}

.colleft {
		float: left;
		margin-right: 20px;
		}
		
.colleft-fb {
		width: 420px;
		float: left;
		margin-right: 20px;		
		}		

.colright {
		float: right;
		}
		
.colcenter-fb {
	    margin-left: auto;
	    margin-right: auto;
        width: 880px;
	    }
	    
.fb-tino {
	margin-bottom: -60px;
}

.fb-wrap-first {
		float: left;
		width: 940px;
		border-top: 1px solid #319CAC;
		padding-top: 20px;
		margin-top: -20px;
		margin-bottom: -60px;
}
	    
.fb-wrap {
		float: left;
		width: 940px;
		border-top: 1px solid #319CAC;
		padding-top: 20px;
		margin-bottom: 10px;		
}

input[type="radio"] {
  		width: 20px;
  		margin-bottom: 30px;
  		margin-left: 30px;
}

.box {
		float: left;
		width: 300px;
		margin-bottom: 20px;
		}

.box img {
		margin-bottom: 10px;
		border: 5px solid #303B42;
		}
		
.box img:hover, .box img:focus {
		margin-bottom: 10px;
		border: 5px solid #FFFFFF;
		}		

.box a.web	{
		padding: 3px 5px;
		font-size: 11px;
		color: #CCEBF0;
		text-decoration: none;
		background-color: #303B42;
        }

.box a.web:hover, .box a.web:active {
		padding: 3px 5px;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #303B42;
        }

#footer {
		clear: both;
		font-size: 11px;
		color: #000000;
		margin-bottom: 100px;
		border-top: 1px solid #000000;
        }

#footer .colright {
text-align: right;
}

#footer a {
color: #000000;
text-decoration: underline;
}

#footer a:hover, a:active {
color: #000000;
text-decoration: none;
}


/* slideshow *******************************************/

#slide-nav {
float: left;
margin-top: 20px;
}

#slide-nav div.inactive, #slide-nav div.active {
float: left;
background-color: transparent;
padding: 1px 6px;
margin-right: 5px;
border: 1px solid #000000;
}

#slide-nav div.active {
background-color: #000000;
}

#slide-nav a {
text-decoration: none;
color: #CCEBF0;
}

#slide-visual {
float: left;
width: 620px;
height: 465px;
}

#slide-visual div {
position: absolute;	
}