/*================
	BODY
==================*/

body	{              
	font-family: Helvetica, Arial, sans-serif;
	overflow: scroll;
	background-color: #d7e3d5;
	
	}
	
	
	
	
.main	{

	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 960px;
	background-color: #ffffff;
	position: relative;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 8px;
	top: 40px;
	height: 100%;
	overflow: hidden;
}

body {
  overflow-x: hidden;
  scroll: yes;
 
  
}
.hidden-thing {
  position: absolute;
  left: 100%;
  width: 50px;
  height: 50px;
  opacity: 0;
}

/*================
	NAVIGATION
==================*/
	
.nav				{
	text-align: right;
	margin-top: -79px;
	margin-bottom: 25px;
	}

.nav ul			{
	white-space: nowrap;
	padding: 15px;
	text-transform: uppercase;
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: 400;
	font-size: 10pt;
	}
	
.nav li			{
	display: inline;
	list-style-type: none;
	padding-right: 5em;
	padding: 5px;
/*	background-color: #eeeeee;*/
	font-size: 7.25pt;
	color: #000000;
	line-height: 2.5em;
	}

.nav a:link				{
	color: #ffffff;
	text-decoration: none;
	}	
	
.nav a:visited		{
	color: #ffffff;
}

.nav a:hover				{
	color: #696969;
	background-color: #add7a7;
	text-decoration: underline;
	}
	
.nav a:active		{
	color: #ffffff;		
	text-decoration: none;
	} 
	
.nav li:hover, .current li:hover	{
	color: #ffffff;
	background-color: #65666a;
	}

div.a-menu	{
	display: none;
	white-space: nowrap;
	position: absolute;
	padding: -5px;	
	text-align: right;
	margin-left: auto;
	width: 955px;
	margin-top: -5px;
	}
	
.current li			{
	color: #000000;
	background-color: #add7a5;
	}
	
	
	
		
	

/*===============
	MAIN LOGO
===============*/


header					{
	position: relative;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 3em;
	text-decoration: none;
	text-align: left;
	float: none;
	width: 400px;
	height: 80px;
	background-image: url('logo.png');
	background-repeat: no-repeat;
	z-index: 3;
	}

	
/*===============
	MAIN TEXT
===============*/


.grid { 
	width: 300px; 
		}
		
.grid2	{
	width: 610px;
	float: left;
	padding-right: 10px;
	}
		
.column {
	margin: 10px;
	overflow: hidden;
	float: left;
/*	display: inline;*/
}

.row {
	width: 960px;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}		


p					{
	line-height: 1.5em;
	font-size: 10pt;
	text-align: justify;
	margin-left: 1.25em;
	}	

ul.main, li.main		{
	line-height: 1.2em;
	font-size: .7em;
	text-align: left;
	text-transform: none;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	display: block;
	margin-left: 2em;
	}

ol.main, li.main		{
	line-height: 1.2em;
	font-size: .8em;
	text-align: left;
	text-transform: none;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	display: block;
	margin-left: 2em;
	}
	
	
	

ol	{font-size: .8em;
	text align: left;
	font-weight: normal;
	font-family: Helvetica, Arial, Sans-Serif;
	margin-left: 2em;
	}

	

.main h2			{
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: -.25em;
	padding: .25em;
	padding-bottom: 0em;
	text-transform: uppercase;
	font-size: 1.5em;
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	color: #65666a;
	}
	
.main h3			{
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: -.25em;
	padding: .25em;
	padding-bottom: 0em;
	text-transform: uppercase;
	font-size: 1em;
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	:link { color: #0000ff; }
	}


img		{
text-transform: none;
border: 0px;
}

.res	{
padding: 2px;
border: 1px solid #cccccc;
}

ul.list		{
	line-height: 12pt;
	font-size: 10pt;
	text-align: left;
	text-transform: none;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	display: block;
	margin-left: 2em;
	}

	
/*============
	FOOTER
=============*/
                     
footer			{
	position: relative;
	top: 30px;
	padding-top: 30px;
	padding-left: 32px;
	padding-right: 32px;
	left: -32px;
	width: 960px;
	height: 72px;
	background-color: #ffffff;
	text-align: left;
	border-top: 1px solid #a0a0a0;  
	color: #65666a; 
	line-height: 1.5em;
	margin-bottom: 35px;
	/*
	background-image: url('city-logo.png');
	background-repeat: no-repeat;
	background-position: 0% 25%;
*/
	}
/*
footer img 	{
padding: 10px;
padding-top: 16px;
}	
*/
.homepage	{
	top: 0px;
	padding-bottom: -336px;
	border-top: .15em solid #ffffff;
}	
		
footer h1			{
		font-size: .75em;
		margin-left: -10px;
		}

.footer a:link	{
	color: #afafaf;
	}
	
.footer a:visited	{
	color: #afafaf;
	}

.footer a:hover	{
	color: #000000;
	}
	
.footer a:active	{
	color: #afafaf;
	}

	
footer ul li		{
	list-style: none;
	line-height: 1.2em;
	font-size: .7em;
	text-align: left;
	text-transform: none;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	display: block;
	margin-left: 2em;
	padding-bottom: -10px;
	}


/*===========================================
	HOMEPAGE - SLIDESHOW + TWITTER WIDGET
===========================================*/


#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

  
.rslides_tabs {
  list-style: none;
  padding: 0;
  font-size: 18px;
  list-style: none;
  margin: auto;
  max-width: 200px;
  padding: 10px;
  text-align: center;
  width: 100%;
  }

.rslides_tabs ul {
  display: block;
  float: none;
  text-align: right;
  }
  
.rslides_tabs li {
  display: inline;
  float: none;
  text-align: center;
  background: transparent;
  text-decoration: none;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  text-decoration: none;
  color: #ffffff;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides2 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
 .rslides2 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides2 li:first-child {
  position: relative;
  display: block;
  float: left;
  }

  .rslides2_tabs {
  list-style: none;
  padding: 0;
  font-size: 18px;
  list-style: none;
  margin: auto;
  max-width: 200px;
  padding: 10px;
  text-align: center;
  width: 100%;
  }

.rslides2_tabs ul {
  display: block;
  float: none;
  text-align: right;
  }
  
.rslides2_tabs li {
  display: inline;
  float: none;
  text-align: center;
  background: transparent;
  text-decoration: none;
  }

.rslides2_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  text-decoration: none;
  color: #ffffff;
  }

.rslides2_tabs li:first-child {
  margin-left: 0;
  }

.rslides2_tabs .rslides2_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }
  
.rslides2 img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.slideshow-box {

}

.caption		{
top: -40px;
left: 0px;
width: 800px;
height: 40px;
background-color: #65666a;
color: #dddddd;
float: left;
position: relative;
z-index: 3;
/*filter:alpha(opacity=70);
opacity:0.7;*/
background-color: rgba(0,0,0,0.7);
text-align: left; 
}



.caption h2	{
font-weight: 900;
line-height: .25em;
margin-left: 10px;
margin-top: 18px;
font-family: Century Gothic, Helvetica, Arial, Sans-Serif;
font-weight: bold;
font-size: 18pt;
}

.caption p	{
margin-left: 2em;
margin-top: -.8em;
font-size: 10pt;
line-height: 1em;
text-align: left;
}

.description a 	{
text-decoration: none;
}

.heading  a 	{
text-decoration: underline;
cursor: pointer;
}

.slideshow-box		{
	position: relative;
	left: 0px;
	width: 640px;
	height: 320px;
	background-color: #eeeeee;
	float: both;
	margin-bottom: 32px;
	margin-top: 32px;
	}

#slideshow {
    position:relative;
    height: 320px;
}

#slideshow span {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow span.active {
    z-index:10;
}

#slideshow span.last-active {
    z-index:9;
}

.caption		{
top: -74px;
left: 0px;
width: 640px;
height: 70px;
background-color: #65666a;
float: left;
position: relative;
z-index: 13;
/*filter:alpha(opacity=70);
opacity:0.7;*/
background-color: rgba(0,0,0,0.7);
text-align: left; 
}

.caption h2	{
font-weight: 700;
line-height: 1em;
margin-left: 10px;
font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
color: #dddddd;
font-weight: normal;
}

.caption p	{
margin-left: 2em;
margin-top: -.8em;
font-size: .75em;
line-height: 1em;
text-align: left;
}

.slideshow-box a:link	{
text-decoration: none;
}

.slideshow-box a:visited {
text-decoration: none;
}

.slideshow-box a:hover  {
text-decoration: none;
}

.slideshow-box a:active {
text-decoration: none;
}


.side-box		{
	position: relative;
	left: -5px;
	width: 310px;
	height: 320px;
	background-color: #eeeeee;
	float: right;
	top: -352px;
	margin-bottom: -320px;
	padding-right: 10px;
	}

.side-box h3		{
	text-align: right;
	margin-right: 1em;
	text-transform: uppercase;
	font-size: 1em;
	font-family: Century Gothic, Verdana, Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	color: #65666a;	
	margin-bottom: 2em;
	}

.side-box ul, .side-box li		{
	color: #65666a;
	line-height: 1.5em;
	font-size: 9pt;
	text-align: left;
	text-transform: none;
	font-family: Helvetica, Arial, Sans-Serif;
	font-weight: normal;
	margin-left: -1em;
	padding-right: .5em;
	list-style-type: none;
	margin-top: 1em;
	}
	
.about-reel p			{
	text-align: center;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	}
	
.about-reel img			{
	text-align: center;
	padding: 2px;
	}
	
	
div.whats-new			{
height: 400px;
margin-right: .5em;
padding-top: 8px;
background-color: #ffffff;
border-top: 1px solid #a0a0a0;
padding-bottom: 12px;
border-bottom: 1px solid #a0a0a0;

margin-top:4px;
margin-bottom:32px;
/*background-image: url('ww-bg.png');*/

}

div.whatsnew			{
height: 600px;
margin-right: .5em;
background-color: #ffffff;
margin-bottom:32px;
padding-top: 6px; 
padding-bottom: 12px; 
margin-top:4px;
border-bottom: 1px solid #a0a0a0; 
border-top: 1px solid #a0a0a0;
/*background-image: url('ww-bg.png');*/
}

div.news			{
height: 400px;
margin-right: .5em;
background-color: #ffffff;
margin-bottom:32px;
padding-top: 6px; 
padding-bottom: 12px; 
margin-top:4px;
/*background-image: url('ww-bg.png');*/
}


div.thirds-row					{
width: 960px;
height: 450px;
}

div.homepage-two-thirds			{
width: 630px;
float: right;
}

div.homepage-one-third			{
width: 310px;
float: left;
}

div.thirds-nest	{
margin-right: .5em;
padding-top: 8px;
background-color: #ffffff;
border-top: 1px solid #696969;
padding-bottom: 12px;
border-bottom: 1px solid #696969;
margin-top:4px;
margin-bottom:32px;
background-color: #eeeeee;
}
.rslides3_tabs {
  list-style: none;
  padding: 0;
  font-size: 18px;
  list-style: none;
  margin: auto;
  max-width: 200px;
  padding: 10px;
  text-align: center;
  width: 100%;
  }

.rslides3_tabs ul {
  display: block;
  float: none;
  text-align: right;
  }
  
.rslides3_tabs li {
  display: inline;
  float: none;
  text-align: center;
  background: transparent;
  text-decoration: none;
  }

.rslides3_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  text-decoration: none;
  color: #ffffff;
  }

.rslides3_tabs li:first-child {
  margin-left: 0;
  }

.rslides3_tabs .rslides3_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }


.rslides3 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
  
  .rslides3 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides3 li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides3 img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
 h4		{
 	text-align: left;
	margin-bottom: -.25em;
	margin-top: -.25em;
	padding: .25em;
	padding-bottom: 0em;
	font-size: 8pt;
	margin-left: .7em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #65666a;
	}
	
	
.whatsnew-caption		{
position: relative;
top: -205px;
left: 350px;
width: 201px;
height: 201px;
background-color: #65666a;
color: #dddddd;
float: left;
position: relative;
z-index: 3;
/*filter:alpha(opacity=70);
opacity:0.7;*/
background-color: rgba(0,0,0,0.5);
text-align: left; 
}



.whatsnew-caption h2	{
font-weight: 900;
margin-left: 4px;
margin-top: 6px;
font-family: Century Gothic, Helvetica, Arial, Sans-Serif;
font-weight: bold;
font-size: 15pt;
filter:alpha(opacity=80);
opacity:0.8;
text-align: left; 
color: #ffffff;
}

.whatsnew-caption p	{
margin-left: 2em;
font-size: 10pt;
margin-top: 24px;
line-height: 1em;
text-align: left;
filter:alpha(opacity=80);
opacity:0.8;
text-align: left; 
color: #ffffff;
}

.banner { position: relative; overflow: auto; }

.banner li { list-style: none; }

.banner ul li { float: left; }

.slideshow	{
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}
	
.toc	{
cursor: pointer; 
text-decoration: underline; 
color: #0000EE; 
margin-top: -32px; 
margin-left: 16px;

}