/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/
body { 
	background-color:black;
}

div#container{
	width:780px; 
	margin-left: auto; 
	margin-right: auto; 
	/*text-align:left; */
	}
	
#topbar{
	width:auto; 
	/*display:block; */
	height:70px;
	text-align:center;
	}
/* old navbar	
#navbar{
	width:auto; 
	display:block; 
	height:15px;
	text-align:center;
	}
*/

/* for ie < 7 */
#navbar{
	width:auto; 
/*	display:block; */
	height:10px;
	text-align:center;
/*	margin: -10px; */
/*	visibility: hidden; */
	color: #66ffff;
	font-size: smaller;

	margin-top: 5px;
	margin-bottom: 8px;
	/*border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
	 */
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	}

/* for firefox etc. and ie > 7 */
div#container > div#navbar{
	width:auto; 
/*	display:block; */
	height:10px;
	text-align:center;
/*	margin: -10px; */
/*	visibility: hidden; */
	color: #66ffff;
	font-size: smaller;
	margin-top: 5px;
	margin-bottom: 8px;
/*
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
*/
	padding-top: 1px;
	padding-bottom: 6px;
	padding-left: 5px;
	}
	
		
#prev-next{
	width:auto; 
	display:block; 
	height:15px;
	text-align:center;
	}
#main{
	width:auto; 
	display:inline;
	text-align:center;
	}
	
#column_left{
	width:100px; 
	float:left;
	right-margin:20px;
	}
	
#nav_column{
	width: 100px;
	float:left;
	}
	
#thumb_column{
	width: 50px;
	float:left;
	}
	
#column_right{
	width:610px; 
	float:right; 
	margin-top:0px
	/* margin-left:100px */
	}
	
#state_column_left{
		width:300px; 
		float:left;
		//text-align:justify
		}
#state_column_right{
	width:400px; 
	float:right;
	}

/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/

div.spacer{
	clear:both; 
	height:10px; 
	display:block;
	}

#footer{
	width:auto; 
	display:block; 
	height:24px;
	}

h1{
	color:white; 
	font-family: sans-serif;
	}
h1.headline{
	color : #66ffff;  
	letter-spacing : 15px; 
	line-height : 20px; 
	text-align : center;
	margin-top:10px;	
	}
div#container > h1.headline{
	color : #66ffff;  
	letter-spacing : 15px; 
	line-height : 20px; 
	text-align : center;
	margin-top:20px;	
	}
h2{
	color:white; 
	font-family: Verdana, sans-serif; 
	font-size: x-large 
	}
	
p {
	font-family: Verdana,sans-serif; 
	font-size:14pt;
	font-weight:500; 
	color:white; 
	line-height: 140%
	}
.press{
	text-align:center;
	}	
a {
	color:#66ffff; 
	font-family: Verdana, sans-serif;
	font-size:14pt; 
	font-weight:900;
	text-decoration:none;
	font-weight:100;
	font-size:.9em 
	}
a img{
	border:none;
	}
#eventoverlay {
	//text-align: center;
	color:red;
	font-size:20pt;
	margin-top: -400px;
	}
#thumbs {
	text-align:center;
    	}
#caption{
	font-size:smaller;
	}
.centeredImage
    {
    text-align:center;
    margin-top:5px;
    margin-bottom:0px;
    padding:0px;
    display:block;
    }

 /* for the two column layout used in gallery left column is for prev/next buttons i.e. < 7 version */
#contents {
	width: 680px;
	float: right;
	}
	
#side {
	text-align: left;
	width: 80px;
	/* margin-right: 85%;*/
	}
	
 /* for the two column layout used in gallery left column is for prev/next buttons firefox etc version */
div#main > div#contents {
	width: 85%;
	float: right;
	}   
div#main > div#side {
	text-align: left;
	width: 10%;
	margin-right: 90%;
	}
/* hopefully common to all browser types */
.centeredImage
    {
    text-align:center;
    margin-top:5px;
    margin-bottom:0px;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    }
    
#prev-next{
/*	width:auto;  */
	display:block; 
	height:15px;
/* text-align:center; */
	}