/*************LINK AND HEADER STYLE*************/
a {color:#d54b08;}
a:hover{text-decoration:none;}

h2 { font-size:24px; font-weight:normal; letter-spacing:-1px; line-height:28px; color:#000; margin-bottom:14px;}
h3 { font-size:.91em; color:#e87013; font-style:italic; margin-bottom:3px;}
h4 { font-size:1em; color:#42512d;}
h5 { font-size:1em; font-weight:normal; margin-bottom:6px;}
h6 { font-size:1em; color:#42512d; margin-bottom:14px;}

/*************LAYOUT*************/

.fleft { float:left;}
.fright { float:right;}

body { background:#fff; font-family:Arial; font-size:13px; line-height:1.19em; color:#000; text-align:center;}		

#content { /*Frame with the whole content of the page*/				
	margin-left:auto;
	margin-right:auto;
	width: 980px; 
	text-align: left;
	position: relative; 
}
							
/* LAYOUT HEADER */

#header {
	position: relative;
	top: 16px;				
}

#toplinkbar {position: absolute; top: 90px;	right: 20px;}			
#toplinkbar a { display:block; float:left; text-transform:uppercase; font-weight:bold; font-family:"Times New Roman", Times, serif; color:#fff; text-decoration:none; height:35px; line-height:35px; padding:0 20px; letter-spacing:1px;}
#toplinkbar a:hover { background:url(../layout/site-nav-bg.gif) left top repeat-x;}
#toplinkbar a.current { background:url(../layout/site-nav-bg.gif) left top repeat-x;}

#parkpicture{
	position: relative;
	top: 43px;
	left: 0x;
}

#tealogo{
	position:relative;
	top: 36px;
	left: 34px;	
}

/* LAYOUT TEXT*/

/* Common for one-column layout and 4-column layout */
#blueshadow{ /*Background frame in light blue for text and footer*/
	position: relative;
	top: 75px;
	left: 0px;
	width: 980px;  
	padding: 0px 0px 0px 0px;
	background-color: #F2F2F2;
}

.brown-inner { /* Text frame for the text with brown color and an "envelope" corner */ 
	background:url('../layout/right-top-corner.gif') no-repeat right top #fff9ef; 
	padding: 12px; 
}


.transparent-inner { /* Text frame for the text with transparent color and with no "envelope" corner */ 
	padding: 12px;
} 

/* 4-column text layout*/			

#leftpart{ /*Two left columns*/
    position:relative;
    left:8px;
	float: left;
	width: 470px;
	text-align: justify;
	margin : 10px 5px 10px 10px;
}

#rightpart{/*Two right columns*/
    position:relative;
    left:-8px;
	float: right;
	width: 470px;
	text-align: justify;
	margin : 10px 5px 10px 5px;			
}

#column1{
	float: left;
	width: 235px; 
	text-align: justify;				
}

#column2{
	float: right;
	width: 235px;
	text-align: justify;
							
}

#column3{
	float: left;
	width: 235px;
	text-align: justify;					
}

#column4{
	float: right;
	width: 235px;
	text-align: justify;
}

#onlycolumn{
	padding: 10px 10px 10px 10px;
	text-align:justify;
	background-color:#F2F2F2;
}
/* LAYOUT FOOTER*/			
			
#footer {
	clear:both;
	position: relative;
	top: 10px;
	left: 0px;
	height: 120px; 
	width: 980px; 
	background: #FFF url('../layout/footer-gradient.gif') repeat-x center;
}

#whitespace {
	clear:both;
	position: relative;
	top: 10px;
	left: 0px;
	height: 80px; 
	width: 980px; 
	background: #FFF url('../layout/white.gif') repeat-x center;
	border:10 px solid #FF0000;
	padding: 0 0 0 0;
	margin: 20 20 20 20;
}
			
#footer .fleft { position:relative; top: 40px; color:#f8ffef; padding:9px 0 0 14px; }  
#footer .fleft a { color:#f8ffef; text-decoration:none;}
#footer .fleft a:hover { text-decoration:underline;}
#footer .fright { position:relative; top: 40px; color:#bdc7b6; font-size:.91em; padding:10px 17px 0 0;}
#footer .fright a { font-weight:bold; color:#bdc7b6;}

			