/* Studio ALA CSS */
/* written by : Drew Hornbein */
/* May 31, 2008 */

body {
	/*background: #eee url(../img/head_bar.gif) repeat-x;*/
	background-color:#eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1;
}

img {
	border: none;
}

#wrapper h1 {font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;font-size:2em;padding:0.25em 0 0.5em 0;}
#wrapper h2 {font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;font-size:1.5em;padding-bottom:0.5em;}
#wrapper h3 {font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;font-size:1.25em;}
#wrapper h4 {font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;font-size:1.125em;}

#wrapper {
	min-width: 830px;
}

/* ==== NAVIGATION HEADER ===== */

#nav_row1 {
	background: url(../img/head_bar.gif) repeat-x scroll left top;
	font-family: Verdana;
	height: 60px;
	margin-bottom:5px;
}

#nav_row1 ul li {
	float: left;
	list-style: none;
	/*position: relative;*/
}

/* --- row1 link handling --- */

#main_links {
	float: left;
	margin-top:15px;
}

#main_links a:link, #main_links a:visited, #sub_links a:link, #sub_links a:visited {
	color: #eeeeee;
	display: block;
	font-size: 0.875em;
	height: 45px;
	line-height: 3.125em;
	margin-right:1px;
	padding: 0 15px;
	text-decoration: none;
	/*width:1%;*/
}

#main_links a:hover, #sub_links  a:hover {
	background: url(../img/head_bar_undertab.gif) repeat-x scroll left bottom;
	color: #42921b;
}

#nav_layer1_active {
	background:#EEEEEE none repeat scroll 0 0;
	color:#42921b;
	display:block;
	font-size:0.875em;
	height:45px;
	line-height:3.125em;
	margin-right:1px;
	padding:0 15px;
	text-decoration:none;
}

#sub_links {
	float: right;
	margin-top:15px;
}

/* --- row2 --- */

.stage_right_120 {
	width:120px;
}

.stage_right_220 {
	width:215px;
}

#nav_row2 {
	color: #666;
	background: #DDDDDD;
	/*opacity: .75;
	filter: alpha(opacity=75);*/
}

#nav_row2 li {
	list-style: none;
	position: relative;
}

#nav_row2_act,#nav_row2_act:hover {
	background:#CCCCCC;
	color: #42921b;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	cursor:default;
	text-decoration: none;
	text-align: left;
}

#nav_row2 a:link, #nav_row2 a:visited {
	color: #666666;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
	text-decoration: none;
	text-align: left;
}

#nav_row2 a img,#nav_row2_act img {
	border-width: 1px;
	border-style: solid;
}

/* --- flyout handling --- */

#nav_row2 a:hover {
	color: #222;
	background: transparent url(../img/nav2_hover.gif) no-repeat right center;
}

#nav_row2 li:hover ul, #nav_row2 li.over ul {
	display: block;
}

#nav_row2 li > ul {top:auto;left:auto;} /* IE hack */

/* --- row3 flyout --- */

#nav_row2 li .nav_row3 {
	background: #ccc;
	color: #ccc;
	display: none;
	left: 120px;
	padding: 10px 0 10px 10px;
	position: absolute;
	top: 0;
	text-align: left;
	width:140px;
}

#nav_row2 li .nav_row3 .filler {
	display: block;
	width:100px;
}
/* +++++ NAV END +++++ */
/* ===== Main Body ==== */

#stage {
	float:left;
	line-height:1.025em;
	width: 1000px;
}

#stage_left {
	float: left;
	width: 220px;
}

#stage_right_expand {
	background-color:#42921B;
	color:white;
	cursor:w-resize;
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	margin-left:-5px;
}

#stage_right {
	background:#DDDDDD none repeat scroll 0 0;
	border-left:10px solid #42921B;
	float:right;
	padding-left:5px;
	position:absolute;
	right:0;
}

/* ===== Center Stage ===== */

#center_stage {
	float: left;
	text-align: center;
	width: 750px;
}

/* --- extra information (pit) --- */

.text {
	background: #ddd;
	color: #444;
	font-family: Verdana;
	text-align: left;
}

#stage_left .text {
	padding:5px;
	font-size:0.875em;
	width:205px;
}

#center_stage .text {
	line-height: 1.5;
	margin-bottom:10px;
	padding:10px;
}

#center_stage .text p {text-align:justify;}

#center_stage .text h1 {
	font-family:"Trebuchet MS", Trebuchet, verdana, sans-serif;
	line-height:1;
	padding:0.5em 0;
	text-transform:capitalize;
}

/* --- picture frame --- */

#center_stage .location {
	background: #ddd;
	color: #444;
	height:550px;
	margin-bottom:10px;
	overflow:hidden;
	padding:10px 0 0;
}

.location div img{
	border: 1px solid #aaa;
}

.location div{
	display:block;
	height:510px;
}

#center_stage .location .btn_next, #center_stage .location .btn_prev {
	background:#AAAAAA none repeat scroll 0 0;
	color:#FFFFFF;
	height:30px;
	padding:10px;
	text-decoration:none;
}

#center_stage .location .btn_next:hover, #center_stage .location .btn_prev:hover {
	background:#999999 none repeat scroll 0 0;
}

.btn_next {
float:right;
}

.btn_prev {
float:left;
}

/* ====== Stage Right ====== */

#sr_content h2 {
background:#DDDDDD none repeat scroll 0 0;
color:#666666;
padding:10px 0;
}

#sr_content ul,#stage_left #contact {
	background: #ddd;
	color: #666;
	list-style: none;
	padding: 10px;
	width: 180px;
	opacity: .75;
	filter: alpha(opacity=75);
}

#sr_content ul a:visited,#stage_right ul a:link {
	color: #666666;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	text-decoration: none;
	text-align: left;
}

#sr_content ul a:hover {
	color: #222;
}

/* ++++ Main Body END ++++ */
/* ==== Footer ==== */

#footer {
	background: #45981c url(../img/footer_back.gif) repeat-x;
	border-top:1px solid #42921b;
	color: #eee;
	clear:both;
	height:200px;
	margin-top:5px;
	padding-top: 20px;
}

/* --- footer sections ---- */

.map {
margin-top:10px;
}

.map a,.location a:visited{
color:#eee;
font-weight:bold;
text-decoration:none;
}

.map a:hover{
color:#42921b;
}

#contact {
	border-right:1px solid #42921b;
	display: inline;
	float: left;
	line-height:1.2em;
	margin: 10px;
	padding: 0 5px;
	width: 180px;
}