@font-face { font-family: MarketFelt; src: url('../fonts/Marker-Felt.ttf'); }

#sub_main 
{
	display: table;
	position: relative;
	width:639px;
	height: 550px;
}

#sub_main .navigation {
	display: table-cell;
	position: relative;
	width: 48%;
	height: 300px;
	vertical-align: top;
	border: 3px solid #000;
}

.navigation ul {
	list-style: none;
	display: block;
	padding: 0;
	width: 144px;
}

.navigation ul li {
	list-style: none;
	text-align:center;
	display: block;
}

#nav li a, #nav ul li a:visited
{
	display: block;
	text-decoration: none;
	background: #FFFFFF;
	width: 142px;
	height: 85px;
	text-align: center;
}

#nav li a #inactive, #nav li a:visited #inactive
{
	background: #ffffff; 
	opacity:0.4;
	filter:alpha(opacity=40);
}


#nav li a:hover #inactive
{ 
	opacity: 1;
	filter:alpha(opacity=100);
	color: white; 
}


#sub_main .slideshow 
{
	display: table-cell;
	background: #f9f9f9;
	width: 48%;
	height: auto;
	text-align: left;
	padding: 10px;
	padding-left: 10px;
	vertical-align: top;
	text-align: center;
	border: 3px solid #FFF;
}

.slide {
	width: 100%;
	height: auto;
	text-align: center;
}

.slide #top_text {
	width: auto;
	height: 100px;
	text-align: center;
}

.slide #bottom_text {
	text-align: center;
	width: auto;
	height: auto;
}

#top_text h2
{
	text-align: left;
	font-size: 30px;
	font-weight: lighter;
	padding-top: 10px;
}

#top_text h3, #bottom_text h4
{
	text-align: left;
	font-size: 20px;
	color: #02136a;
	font-weight: lighter;
	padding-top: 10px;
}

#top_text bigblueh3 {
	text-align: center;
	font-size: 20px;
	font-weight: lighter;
	color: #23adfe;
	padding-bottom: 4px;
}

#top_text h4, #bottom_text h4 {
	text-align: left;
	font-size: 15px;
	font-weight: lighter;
	color: #02136a;
	padding-bottom: 1px;
}

#bottom_text ul {
	padding: 5px;
	padding-left: 20px;
}

#bottom_text p, #top_text p {
	text-align: center;
	color: #636363;
}

#bottom_text #rightpad {
	width: 350px;
	height: auto;
	right: 0;	
	float: right;
}

#bottom_text #rightpad1 {
	position: inherit;
	width: 350px;
	height: auto;
	padding-top: 30px;
	left: -30%;
	right: 0;	
	float: left;
}

#bottom_text #rightpad2 {
	position: inherit;
	width: 400px;
	height: auto;
	padding-top: 30px;
	left: 28%;
	right: 0;	
	float: left;
}

#image_caption h4 {
	font-size: 12px;
	text-align: left;
}

.slide #image_sec {
	display: block;
	width: 450px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

#image_sec #image {
	display: table-cell;
	text-align: center;
}

#image img {
	padding: 2px;
	color: #9e9e9e;
}

#image_sec img {
	padding: 2px;
	color: #9e9e9e;
	text-align: center;
}

/* Program settings */

.slide img {
	padding-top: 10px;
}

#image_caption {
	position: absolute;
	right: 7%;
	bottom: 22%;
}

#image_caption h4 {
	font-size: 12px;
	text-align: left;
}

#batchpic {
	height: 115px;
	position: absolute;
	display: block;
}

.batchrib {
	position: absolute;
	display: inline-block;
	bottom: 18%;
	left: 0;
}

.slide .bottom_link {
	position: absolute;
	display: block;
	width: 450px;
	height: auto;
}

.bottom_link #right_block_program {
	position: absolute;
	display: inline-block;
	bottom: 0;
	right: 0;
}

#right_block_program h4 a, #right_block_program h4 a:visited {
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	color: #48adf4;
}

#subtitle {
	text-align: left;
	font-family: MarketFelt;
	font-size: 15px;
	color: red;
	padding-left: 10px;
}

#subtitle_small {
	text-align: left;
	font-family: MarketFelt;
	font-size: 12px;
	color: red;
	padding-left: 10px;
}

#slider .navigate {
	display: table-cell;
	width: 210px;
	height: auto;
}

.navigate #thumbnails {
	display: block;
	position: absolute;
	list-style: none;
	padding: 3px;
	left: 10%;
}

.navigate ul li {
	display: block;
	list-style: none;
	width: 150px;
	height: 65px;
	vertical-align: middle;
}

.navigate img {
	float: left;
}

#thumbnails li a, #thumbnails li a:visited {
	display: block;
	background: #02136a;
	text-decoration: none;
	padding: 4px;
	width: 180px;
	height: 50px;
}

#thumbnails li a img {
	padding-top: 3px;
}


#thumbnails li a h4 {
	display: block;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}

#item {
	display: table;
	width: 280px;
	height: 100px;
}

#item a, #item a:visited {
	text-decoration: none;
	color: #02136a;
}

#item #itemtext {
	display: table-cell;
	width: 135px;
	height: auto;
	float: left;
	color: #02136a;
}

#item #itemimg {
	display: table-cell;
	width: 140px;
	height: auto;
	float: right;
}

#itemtext h4 {
	padding-top: 5px;
}

#itemtext p {
	padding-top: 5px;
}




html, body {
text-align: center;
}
p {text-align: left;}