/*
	Kesay Design Center
	Main CSS Stylesheet
*/

/* ************************************** HTML Redefinitions *********************************************** */
*
{
	margin:0;
	padding:0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;		
}

html, body
{
	height:100%;
	background-color: #343334;	
	text-align: center;
}

a {
	outline: none;	
}

/* ************************************* No Flash ************************************************ */
.noflash {
	color:#CCCCCC;
}
.noflash a {
	color:#FFFFFF;
	text-decoration: none;
}

/* ************************************* TEMPLATE LAYOUT IDs ************************************************ */

/*  provides vertical centering for main layout container */
#spacer
{
	width: 1px;
	height: 50%;
	
	margin-bottom: -250px; /* half of container's height */
}	

/*	main layout container */
#container
{
	width: 1000px;
	height: 500px;

	margin: 0 auto;
	text-align: left;
}
#container br { clear: both; }

	/* content pane, top most bar */
	#content
	{
		float: left;
		
		width: 1000px;
		height: 350px;	
	}

	/* navigation bar, below the content pane */
	#navigation
	{
		float: left;
		
		margin-top: 20px;
		
		width: 1000px;
		height: 90px;	
		
		background-color: #2D2A2B;
	}
		.navigation_item 
		{
			display: none;
			float: left;
		
			width: 249px;
		}
			.navigation_item .header
			{
				/* padding-top: 10px;
				padding-bottom: 5px; */
				width: 249px;
				height: 34px;
			}
				.navigation_item .header img
				{
					/* margin-left: 45px; */
				}

			.navigation_item .arrow
			{
				clear: left;
				float: left;
				margin-top: 5px;
				margin-left: 20px;
			}
			.navigation_item .desc
			{
				float: left;
				width: 200px;
				display: block;
				
				margin-top: 5px;
				margin-left: 10px;
				
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 8pt;				
				
				color: #AFB0B2;
			}
				
		.navigation_spacer
		{
			display: none;
			float: left;
			
			margin-top: 5px;
			
			background-color: #504E50;

			width: 1px;
			height: 80px;
		}

	/* footer bar, bottom most part of website */
	#footer
	{
		float: left;
		
		margin-top: 10px;
		
		width: 1000px;
		height: 25px;	
		
		background-color: #2D2A2B;
	}	
		#footer #left
		{
			float: left;
		}
			#footer #left .arrow
			{
				clear: left;
				float: left;
				margin-top: 9px;
				margin-left: 20px;
			}			
			#footer #left .text
			{
				float: left;
				width: 250px;
				display: block;
			
				margin-top: 7px;
				margin-left: 10px;
				
				font-family: Arial, Helvetica, sans-serif;
				font-size: 7pt;					
				
				color: #8E8E90;
			}	
				#footer #left a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 7pt;	
					color: #8E8E90;					
				}			
		
		#footer #right
		{
			float: right;	
		}
			#footer #right .cart
			{
				float: right;
				margin-top: 6px;
				margin-left: 10px;
				margin-right: 20px;
				width: 20px;
			}			
			#footer #right .text
			{
				float: right;
				text-align: right;
				width: 400px;
				display: block;
			
				margin-top: 7px;
				margin-left: 10px;
				
				font-family: Arial, Helvetica, sans-serif;
				font-size: 7pt;					

				color: #eff1f2;
			}	
				#footer #right a {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 7pt;	
					color: #eff1f2;					
				}

/* ************************************ GENERIC PAGE STYLES ********************************************** */
#generic_left
{
	width: 225px;
	height: 335px;
	padding-top: 15px;
	padding-left: 20px;
	
	float: left;

	color: #CCCCCC;
	background-color: #2D2A2B;		
}
	#navigation {
		margin: 0px;
		padding: 0px;
		width: 200px;
		margin-top: 10px;
	}
		#navigation li {
			font-weight: bold;	
			list-style: none;
			margin-bottom: 10px;
			color:#CCCCCC;	
		}
		#navigation a {
			color:#CCCCCC;	
			display:inline-block;
		}
		#navigation .active {
			color: #FFFFFF;	
		}
		
	#navigation .subnavigation {
		margin-left: 20px;
		padding: 0px;
	}
	#navigation .subnavigation li {
		font-weight: normal;	
	}
	
	#address {
		margin-top: 10px;
		font-size: 9pt;
		line-height: 1.3;
	}

	#phone, #email {
		margin-top: 15px;
		font-size: 7pt;
	}
		#email a { color: #CCCCCC; }

#generic_right
{
	width: 745px;
	height: 350px;
	
	float: right;	

	background-color: #2D2A2B;			
}
	#generic_right h1
	{
		font-size: 14pt;	
		font-weight: bold;
		
		color: #EFF1F2;
		
		padding-bottom: 5px;
	}
	#generic_right p
	{
		font-size: 9pt;
		line-height:12pt;
		
		color: #EFF1F2;
		
		padding-bottom: 10px;	
	}
	#content_scroller {
		float: left;
		
		width: 660px;
		height: 305px;		
		
		margin-left:40px;
		margin-top: 30px;
		
		overflow: hidden;
		position: relative;
	}
			#content_scroller h1 {
				font-size:14pt;
				line-height: 14pt;
			}
			#content_scroller p {
				font-size:9pt;
				line-height: 9pt;
			}
	
#scrollbar_about_container {
	width: 20px;
	float: left;
	height: 305px;
	
	margin-left: 10px;
	margin-top: 30px;	
}
	#scrollbar_about_container img {
		float: left;	
	}
.scrollbar-about-vert {
	background-color: #464648;
	
	height: 265px;
	width: 20px;
	float:left;
}	
	.scrollbar-vert{
		background-color: #444344;
		
		border-width: 1px;
		border-style: solid;
		border-color: #444344;
		
		margin-left: 10px;
		margin-top: 30px;
		
		height: 305px;
		width: 20px;
		float:left;
	}
	.handle-vert{
		height: 20px;
		width: 20px;
		background-color: #5f518c;
	}

	#map { float: left; }
	#map_info { 
		float: right;
		width: 240px;
		margin-top: 60px;
	}
		#map_info p {
			font-size: 10pt;
		}
		#map_info table { margin-top: 20px; }
		#map_info th { padding-bottom: 10px; }
		#map_info th, #map_info td {
			font-size: 8pt;
			color: #cccccc;
			width: 70px;
		}
		#map_info .print {
			margin-top: 50px;
			text-align: center;
			margin-right: 20px;
			color: #CCCCCC
		}	
			#map_info .print a { color: #CCCCCC; }

/* ************************************* HOME PAGE STYLES ************************************************ */
#main_left
{
	width: 230px;
	height: 335px;
	padding-top: 15px;
	padding-left: 20px;
	
	float: left;
	
	color: #CCCCCC;
	background-color: #2D2A2B;		
}
	#main_left h1 
	{
		padding-top: 15px;
		margin: 0px;
		padding-bottom: 0px;
		font-size: 10pt;
	}
	#main_left p
	{
		padding-top:15px;	
		width: 200px;
		font-size: 7pt;
	}
#main_right
{
	width: 750px;
	height: 350px;
	
	float: right;
	
	background-color: #2D2A2B;		
}

/* ************************************* ABOUT PAGE STYLES ************************************************ */
	
#partner_img { 
	/* float: left;*/
	padding-left: 20px; 

}
#partner_text {
	/* float: left;
	width: 175px;
	
	margin-top: 40px;*/
	margin: 15px; 
}
	#partner_text h1 {
		font-size: 10pt;
		font-weight: normal;
	}
	#partner_text h6 {
		font-size: 8pt;
		color: #FFFFFF;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		margin-top: 20px;
	}
	#partner_text p {
		font-size: 8pt;
		font-weight: normal;		
		margin-top: 5px;
		margin-bottom: 5px;
		color: #FFFFFF;
		padding: 0px;
		
		line-height: 1.3;
	}
	#partner_text a { color: #FFFFFF; }

.partner_nodata {
	float: left;
	margin-top: 40px;
	margin-left: 20px;
	color: #FFFFFF;
}
#content_scroller2 {
	float: left;
	
	width: 150px;
	height: 280px;		
	
	margin-left:40px;
	margin-top: 40px;
	
	overflow: hidden;
	position: relative;
}	
	#content_scroller2 h1 {
		font-size: 8pt;
		border-bottom: 1px #FFFFFF solid;
	}

	#content_scroller2 ul {
		padding: 0px;
		margin: 0px;
		margin-top: 15px;
	}
	#content_scroller2 li {
		color: #FFFFFF;	
		font-size: 8pt;
		margin-bottom: 7px;
		margin-top: 7px;
		margin-left: 0px;
		padding: 0px;
	}
	#content_scroller2 li a {
		color: #FFFFFF;	
	}	

#content_scroller3 {
	float: left;
	
	width: 170px;
	height: 280px;		
	
	margin-left:30px;
	margin-top: 40px;
	
	overflow: hidden;
	position: relative;
}	
	#content_scroller3 h1 {
		font-size: 8pt;
		border-bottom: 1px #FFFFFF solid;
	}

	#content_scroller3 ul {
		padding: 0px;
		margin: 0px;
		margin-top: 15px;
	}
	#content_scroller3 li {
		color: #FFFFFF;	
		font-size: 8pt;
		margin-bottom: 7px;
		margin-top: 7px;
		margin-left: 0px;
		padding: 0px;
	}
	#content_scroller3 li a {
		color: #FFFFFF;	
	}

#scrollbar_container {
	width: 20px;
	float: left;
	height: 280px;
	
	margin-left: 10px;
	margin-top: 40px;	
}
	#scrollbar_container img {
		float: left;	
	}

.scrollbar-vert2 {
	background-color: #464648;
	
	height: 240px;
	width: 20px;
	float:left;
}	

/* ************************************* NEWS PAGE STYLES ************************************************ */

.newsImage {
	float: left;	
}
#content_scroller_news {
	float: left;
	
	width: 400px;
	height: 270px;		
	
	margin-left:40px;
	margin-top: 40px;
	
	overflow: hidden;
	position: relative;
}
#content_scroller_article {
	float: left;
	
	width: 660px;
	height: 220px;		
	
	margin-left:40px;
	
	overflow: hidden;
	position: relative;
}
#content_scroller_archive1 {
	float: left;
	
	width: 160px;
	height: 280px;		
	
	margin-left:40px;
	margin-top: 40px;
	
	overflow: hidden;
	position: relative;
}
	#content_scroller_archive1 h2 {
		font-size: 10pt;	
		color: #CCCCCC;
		margin-bottom: 2px;
	}
	#content_scroller_archive1 ul {
		border-top: 1px #FFFFFF solid;		
		border-bottom: 1px #FFFFFF solid;		
	}
		#content_scroller_archive1 li {
			color: #FFFFFF;
			line-height: 2;
		}
#content_scroller_archive2 {
	float: left;
	
	width: 430px;
	height: 280px;		
	
	margin-left:30px;
	margin-top: 40px;	
	
	overflow: hidden;
	position: relative;
}
	#content_scroller_archive2 h2 {
		font-size: 10pt;	
		color: #CCCCCC;
		margin-bottom: 2px;
	}
	#content_scroller_archive2 ul {
		border-top: 1px #FFFFFF solid;		
		border-bottom: 1px #FFFFFF solid;		
	}
		#content_scroller_archive2 li {
			color: #FFFFFF;
			padding-top: 5px;
		}	
#content_scroller_events {
	float: left;
	
	width: 400px;
	height: 230px;		
	
	margin-left:40px;
	margin-top: 60px;
	
	overflow: hidden;
	position: relative;
}	
	#content_scroller_news a, #content_scroller_article a, #content_scroller_archive1 a, #content_scroller_archive2 a, #content_scroller_events a  {
		color: #FFFFFF;
	}
	#content_scroller_news h1, #content_scroller_article h1, #content_scroller_archive1 h1, #content_scroller_archive2 h1 {
		font-size: 12pt;	
	}
	#content_scroller_events h1	{
		color: #CCCCCC;
		font-size: 10pt;
		padding:0px;
	}
	#content_scroller_archive2 h1 { padding: 0px; }
	#content_scroller_archive2 a { font-size: 12pt; }	
	#content_scroller_news .date, #content_scroller_article .date, #content_scroller_archive1 .date, #content_scroller_archive2 .date {
		color: #666;	
	}
	#content_scroller_events .date {
		font-weight: bold;
		color: #CCCCCC;
		padding-bottom: 2px;
	}
	#content_scroller_events p {
		color: #999;	
	}
	
#scrollbar_container_news {
	width: 20px;
	float: left;
	height: 270px;
	
	margin-left: 10px;
	margin-top: 40px;	
}
#scrollbar_container_article {
	width: 20px;
	float: left;
	height: 220px;
	
	margin-left: 10px;
}	
#scrollbar_container_archive {
	width: 20px;
	float: left;
	height: 280px;
	
	margin-left: 10px;
	margin-top: 40px;	
}	
#scrollbar_container_events {
	width: 20px;
	float: left;
	height: 270px;
	
	margin-left: 10px;
	margin-top: 40px;	
}
	#scrollbar_container_events img, #scrollbar_container_news img, #scrollbar_container_article img, #scrollbar_container_archive img {
		float: left;	
	}
.scrollbar-news {
	background-color: #464648;
	
	height: 230px;
	width: 20px;
	float:left;
}	
.scrollbar-article {
	background-color: #464648;
	
	height: 180px;
	width: 20px;
	float:left;
}	
.scrollbar-archive {
	background-color: #464648;
	
	height: 240px;
	width: 20px;
	float:left;
}	

#return {
	margin: 40px;	
	margin-bottom: 30px;
	color: #FFFFFF;
}
	#return a { color: #FFFFFF; }
	#return img { margin-right: 10px; }