/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14.
 *
------------------------------------------------------------------------------------- */

.st_horizontal { /* The main container */	
	position:relative;
	float:left;
	clear:both;
	width:1004px; /* Set the full width */	
	background-image: url('../img/subpages/text_bg.jpg');
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}


/* Tabs
------------------------------------------------------------------------------------- */
.st_horizontal .st_tabs_container { /* Tabs main container */		
	position:relative;
	z-index:100;		
	width:100% !important;	
	height:100%;
	text-align:center;
	margin:0 auto;
	
}

.st_horizontal .st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
	
	
}

.st_horizontal .st_sliding_active .st_slide_container { /* The .st_sliding_active class is added to the .st_tabs_container element when tab sliding is activated */
	margin:0px 0px; /* Adds side margins to make space for the arrow buttons */
}

.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:500px; /* Set to an arbitrary high value */
	height:100%;
	margin:0px 0 0 20px;
	padding:0px;
	list-style:none;
	
}

.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
	font-family: 'IM Fell English SC', Georgia, "Times New Roman", Times, serif;
}

.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block;
	margin:2px 8px;
	padding:2px 6px 0px 6px;
	font-size:14px;
	line-height:20px; /* Aligns the tabs to the bottom of the content container */
	color:#31456a;
	text-decoration:none;
	background-color:transparent;
	
}

.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
	color:#31456a;
	background:transparent url(../img/tab_bg_hover.png) repeat;
}


.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:#fff;
	background:transparent url(../img/tab_bg.png) repeat;
}



/* Content
------------------------------------------------------------------------------------- */
.st_horizontal .st_view_container { /* Main content container */

	position:relative;
	z-index:5;
	height:360px;
	padding:5px 0px 0px; /* Set the padding for the content here */
	background-color:transparent;
	/*overflow:hidden;*/ /* To make the content scroll if Javascript is disabled, set to: auto */
}

#grid3 {
	margin:-190px 0px 0 0px;
	width:502px;
	height:557px;
	float:right;
}


.st_horizontal .st_view { /* Slide-container for the content */
	position:relative;
	height:577px;
	/*overflow:hidden;*/
}

.st_horizontal .st_tab_view { /* Inidual content containers */
	display:none; /* Hides the content when Javascript is disabled */
	width:1004px;	
}

.st_horizontal .st_first_tab_view {
	display:block;
}

.st_horizontal .st_view h2 {
	font-size:21px;
	color:#454545;
	margin:0 0 5px 0px;
	padding:0px;
	font-weight:normal;
	font-family: 'IM Fell English SC', Georgia, "Times New Roman", Times, serif;
	text-align:center;
	width:500px;
}

.st_horizontal .st_view p {
	margin:0px 0 0;
	padding:0px;
}

.st_horizontal .st_view blockquote {
	float:left;
	width:315px;
	margin:18px 14px 0 0;
	padding:0 0 0 14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}

.st_horizontal .st_view blockquote p {
	margin:0px;
}