/* ------------ The header graphic ----------- */


#intro {
	background: url(../../../../../images/scrap_bg.jpg) repeat-x top left;
	height: 202px;
}

#teasers {
	width:  956px;
	margin: 0 auto;
}

#intro_text {
	background: url(../../../../../images/banner_write.png) repeat-x top left;
	height: 215px;
	width: 956px;
	position: relative;
	top:  -19px;
	left: -10px;
}

#intro_text h2 {
	font-size: 2.6em;
	line-height: 1.4em;
	color: #fc0;
	font-variant: small-caps;
	font-weight: normal;
	padding: 15px 0 0 0;
	letter-spacing: 0.05em;
	text-indent: -9999px;
}

#intro_text p {
	font-size: 2.2em;
	line-height: 1.4em;
	color: #fff;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	text-indent: -9999px;
}

#intro_text ul {
	list-style: none;
	margin: 100px 0 0 25px;
}

#intro_text li {
	display: inline;
	font-size: 1.6em;
	font-variant: small-caps;
	margin: 0 10px 0 0;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: #000 0 1px 1px;
}

#intro_text li a:link { color: #fff; }
#intro_text li a:visited { color: #fff; }
#intro_text li a:hover { color: #fc0; }
#intro_text li a:active { color: #fc0; }




/* ---------------- Cities section --------------- */

#cities {
	width: 460px;
	float:  left;
	margin: 0 20px 0 0;
}

div.city_left, div.city_right {
	width: 220px;
	float: left;
	padding: 20px 0 0 0;
}

div.city_left {
	margin: 0 20px 0 0;
}

div.city_left img, div.city_right img {
	background: #fff;
	border: 1px solid #ccc;
	padding: 1px;
}

div.city_left h2, div.city_right h2 {
	font-size: 2em;
	font-weight: 100;
	font-variant: small-caps;
	letter-spacing: 0.05em;
	height: 24px;
	text-shadow: #000 0 1px 1px;
}

div.city_left h2.top_left, div.city_right h2.top_left {
	position: relative;
	top: -142px;
	padding: 0 0 0 7px;
	color: #fff;
}

div.city_left h2.top_right, div.city_right h2.top_right {
	position: relative;
	text-align: right;
	top: -142px;
	padding: 0 7px 0 0;
	color: #fff;
}

div.city_left h2.bottom_left, div.city_right h2.bottom_left {
	position: relative;
	top: -27px;
	color: #fff;
	padding: 0 0 0 7px;
}

div.city_left h2.bottom_right, div.city_right h2.bottom_right {
	position: relative;
	text-align: right;
	top: -27px;
	padding: 0 7px 0 0;
	color: #fff;
}

div.city_text {
	background: #fff url(../../../../../images/img_shadow.png) no-repeat left top;
	margin: -27px 0 0 0;
	padding: 10px 0 0 0;
}

div.city_text p {
	font-size: 1.4em;
	line-height: 1.4em;
	color: #333;
	letter-spacing: 1px;
	height: 70px;
}

div.city_text p.link {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	height: auto;
}




/* ---------- 'Calls to action area' --------------- */


#calls {
	width:  460px;
	float:  left;
	padding: 20px 0 0 0;
}





/* ---------------- Map --------------- */

#map_canvas {
	 width: 460px;
	 height:375px;
	 border-bottom: 1px solid #b37a02;
}





/* ---------------- Section links --------------- */




#section_links {
	background: #4B0004 url(../../../../../images/linky_bg.jpg) repeat-x left top;
}

#section_links ul {
	list-style: none;
	margin: 0;
	
}

#section_links li {
	font-size: 2em;
	letter-spacing: 0.05em;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
	display: block;
}

#section_links li a {
	display: block;
	margin: 0 auto;
	color: #fff;
	padding: 10px;
	width: 440px;	
	border-top: 1px dotted #B37A02;
}


#section_links li a:link { color: #fff; }
#section_links li a:visited { color: #fff; }
#section_links li a:hover { color: #fc0; }
#section_links li a:active { color: #fc0; }






/* ---------------- Search box --------------- */

#search {
	width: 460px;
	background: #4B0004 url(../../../../../images/linky_bg.jpg) repeat-x left bottom;
	margin: 0 auto 20px auto;
	border-top: 1px solid #B37A02;
}

#search h2 {
	color: #fff;
	font-size: 2.2em;
	font-variant: small-caps;
	font-weight: normal;
	padding: 10px;
	letter-spacing: 1px;
}

#search input {
	margin: 0 5px 10px 10px;
	font-size: 1.6em;
	padding: 3px;
	font-family: Georgia, 'Times New roman', serif;
	letter-spacing: 1px;
}

#search button {
	margin: 0 10px 10px 0;
	font-size: 1.6em;
	border: 1px solid #c00;
	background: #fc0;
	color: #fff;
}




/* ---------------- Eye cather links (the big square boxes) --------------- */

div.big_links {
	margin: 20px 0 0 0;
	width: 460px;
}

div.big_links p {
	font-size: 2.4em;
	letter-spacing: 0.05em;
	color: #fff;
	line-height: 1.4em;
	text-shadow: #333 0 1px 0;
}

div.big_one {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
}

div.big_two {
	float: left;
	width: 220px;
}

div.big_one a, div.big_two a {
	display: block;
	padding: 10px;
	color: #fff;
}

div.big_one a:link { background: #fc0; color: #000; }
div.big_one a:visited { background: #fc0; color: #000; }
div.big_one a:hover { background: #f90; color: #000; }
div.big_one a:active { background: #f90; color: #000; }


div.big_two a:link { background: #086498; color: #fff; }
div.big_two a:visited { background: #086498; color: #fff; }
div.big_two a:hover { background: #074a6f; color: #fff; }
div.big_two a:active { background: #074a6f; color: #fff; }





/* ---------------- Events box --------------- */


#events {
	margin: 20px 0 0 0;
	background: url(../../../../../images/events_bg.jpg) no-repeat 2px 2px;
	width: 460px;
	height: 244px;
}

#events h2 {
	padding: 12px 12px 6px 12px;
	font-size: 2.2em;
	font-weight: normal;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: #000 0 1px 2px;
}

#events p {
	padding: 0 262px 12px 12px;
	font-size: 1.4em;
	font-weight: normal;
	letter-spacing: 0.04em;
	letter-spacing: 1px;
	line-height: 1.5em;
	color: #fff;
}