/* CSS Document */

bdo {
    background-color:yellow;
}

body {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

img, form {
	margin: 0;
	padding: 0;
	border: 0;
}
input {
	font-size: 11px;
	color: #333;
	/*height: 13px;*/
	background: #FFF;
}

#Container {
	width: 760px;
	margin: 0 auto;
}

/* Header */
#Header { overflow: auto; }
	#Header h1 {
		margin: 0;
		padding: 0;
		float: left;
	}
	.HeaderRight { float: right; }
		.HeaderLinks {
			text-align: right;
			margin-right: 10px;
			margin-top: 30px;
			font-size: 11px;
		}
			.HeaderLinks a:link { color: #333; text-decoration: none;}
			.HeaderLinks a:visited { color: #333; text-decoration: none;}
			.HeaderLinks a:hover { color: #FF8808; text-decoration: none;}
			.HeaderLinks a:active { color: #FF8808; text-decoration: none;}

/* Menu */
#Menu { width: 760px;}
	#nav, #nav ul {
		float: left;
		width: 760px;
		list-style: none;
		padding: 0;
		margin: 0;
	}	
	#nav a {
		display: block;
	}
	#nav li {
		float: left;
		padding: 0;
	}
	#nav li ul {
		position: absolute;
		left: -999em;
		height: auto;
		width: 190px;
		margin: -3px 0 0 5px;
		background: #555A5B url(../images/menu_dd_bg.jpg) repeat-x top left;
		border: 1px solid #7C8186;
		border-top: none;
	}
	#nav li li {
		text-indent: 21px;
		width: 190px;
		color: #FFF;
		/*font-weight: bold;*/
		font-size: 12px;
		line-height: 21px;
	}
	#nav li ul a {
		width: 190px;
	}
		#nav li ul li a:link { color: #FFF; text-decoration: none; }
		#nav li ul li a:visited { color: #FFF; text-decoration: none; }
		#nav li ul li a:hover { color: #FF8808; text-decoration: none; }
		#nav li ul li a:active { color: #FF8808; text-decoration: none; }
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
	}
	#nav li:hover, #nav li.sfhover {
		background: #35393A;
		color: #FF8808;
	}

/* Photo Area */
#PhotoArea {
	clear: left;
	height: 195px;
	background: url(../images/image_bottom.gif) repeat-x bottom;
}

/* Footer */
#Footer {
	background: #35393A;
	color: #FFF;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 4px;
}	

/* Body Area */
#Body { 
	width: 760px;
	margin: 10px 0;
 }
	#Body td {
		vertical-align: top;
	}
	.LatestNews { width: 264px;
	 }
		.LatestNews table { 
			width: 250px;
			margin-top: 5px;
		}
			.LatestNews td {
				padding: 2px;
				color: #434748;
			}
			.LatestNews td a { font-weight: bold; }
			.LatestNews a:link { color: #291048; text-decoration: none; }
			.LatestNews a:visited { color: #291048; text-decoration: none; }
			.LatestNews a:hover { color: #FF8808; text-decoration: none; }
			.LatestNews a:active { color: #FF8808; text-decoration: none; }
	.Intro {  }
		.Intro p { margin-top: 7px; }
	
	.Intro ul {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
		.Intro ul a { display: block; }
		.Intro ul li { float: left; }

	.SearchArea {
		vertical-align: bottom;
		height: 100px;
		padding-top: 20px;
	}
		form.Search { padding-left: 10px; }
			form.Search div {
				font-size: 10px;
			}
		input.SearchButton { height: 16px; }
		.eNews { padding-left: 30px; }
			.eNews a:link { color: #291048; text-decoration: none; }
			.eNews a:visited { color: #291048; text-decoration: none; }
			.eNews a:hover { color: #FF8808; text-decoration: none; }
			.eNews a:active { color: #FF8808; text-decoration: none; }
	
	.Content {
		padding-bottom: 10px;
		padding-left: 6px;
		border-left: 1px solid #E3E4E4;
	}
		.Content p { margin-top: 7px; }
		.Content a:link { color: #291048; text-decoration: none; }
		.Content a:visited { color: #291048; text-decoration: none; }
		.Content a:hover { color: #FF8808; text-decoration: none; }
		.Content a:active { color: #FF8808; text-decoration: none; }
	
	.SubTitle {
		font-weight: bold;
		color: #291048;
		font-size: 14px;
	}
	.PhotoFloatLeft {
		float: left;
		margin: 10px 10px 10px 0;
		border: 1px solid #C6C7C8
	}
	.PhotoFloatRight {
		float: right;
		margin: 10px 0 10px 10px;
		border: 1px solid #C6C7C8
	}
	.List {
		list-style: url(../images/bullet_list.gif);
		line-height: 18px;
		font-weight: bold;
		color: #434646;
	}
	
	.Submenu { 
		width: 260px; 
		min-height: 200px;
	}
		.Submenu ul {
			list-style: none;
			font-weight: bold;
			margin: 0 0 20px 12px;
			padding: 0;
		}
			.Submenu ul li {
				text-indent: 15px;
				line-height: 22px;
			}
			.Submenu ul a:link { color: #6B6D6E; text-decoration: none; }
			.Submenu ul a:visited { color: #6B6D6E; text-decoration: none; }
			.Submenu ul a:hover { color: #35393A; text-decoration: none; }
			.Submenu ul a:active { color: #35393A; text-decoration: none; }
				
				.Submenu ul li.Selected { background: url(../images/bullet_submenu.gif) no-repeat left center; }
					.Submenu ul li.Selected a:link { color: #FF8808; text-decoration: none; }
					.Submenu ul li.Selected a:visited { color: #FF8808; text-decoration: none; }
					.Submenu ul li.Selected a:hover { color: #35393A; text-decoration: none; }
					.Submenu ul li.Selected a:active { color: #35393A; text-decoration: none; }

	.SitemapTable td {
		width: 50%;
		padding: 0 2px;
	}
		.SitemapTable .Heading {
			margin: 10px 0 0 0;
			text-transform: uppercase;
			font-weight: bold;
		}
			.SitemapTable .Heading a:link { color: #333; text-decoration: none; } 
			.SitemapTable .Heading a:visited { color: #333; text-decoration: none; }
			.SitemapTable .Heading a:hover { color: #FF8808; text-decoration: none; }
			.SitemapTable .Heading a:active { color: #FF8808; text-decoration: none; }
			
		.SitemapTable ul {
			margin: 0 0 0 20px;
			padding: 0;
			list-style: none;
		}
			.SitemapTable ul a:link { color: #291048; text-decoration: none; }
			.SitemapTable ul a:visited { color: #291048; text-decoration: none; }
			.SitemapTable ul a:hover { color: #FF8808; text-decoration: none; }
			.SitemapTable ul a:active { color: #FF8808; text-decoration: none; }
			
	.LoginTable { margin: 20px 0 10px 30px; }
		.LoginTable td { padding: 2px; }
		.LoginLabels { 
			text-align: right;
			font-weight: bold;
		}
		.LoginButton {
			color: #451F76;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 12px;
			height: 22px;
			line-height: 18px;
		}
		
	.NewsTable { 
		margin: 20px 0 10px 0; 
		width: 100%;
	}
		.NewsTable td { padding: 2px; }
			.NewsTable td a { font-weight: bold; }
			.NewsTable a:link { color: #291048; text-decoration: none; }
			.NewsTable a:visited { color: #291048; text-decoration: none; }
			.NewsTable a:hover { color: #FF8808; text-decoration: none; }
			.NewsTable a:active { color: #FF8808; text-decoration: none; }
	.NewsArticleTitle {
		font-size: 14px;
		font-weight: bold;
		color: #291048;
		padding-top: 15px;
	}
	.BackLink {
		font-size: 11px;
	}
		.BackLink a:link { color: #291048; text-decoration: none; }
		.BackLink a:visited { color: #291048; text-decoration: none; }
		.BackLink a:hover { color: #FF8808; text-decoration: none; }
		.BackLink a:active { color: #FF8808; text-decoration: none; }
	.SearchItems {
		margin-left: 20px;
		margin-right: 20px;
	}
		.SearchItems .SubTitle { font-size: 12px; }

li.ScreenshotLink { font-weight: normal; }	
li.ScreenshotLink a:link { color: #291048; text-decoration: none; }
li.ScreenshotLink a:visited { color: #291048; text-decoration: none; }
li.ScreenshotLink a:hover { color: #FF8808; text-decoration: none; }
li.ScreenshotLink a:active { color: #FF8808; text-decoration: none; }
li.ScreenshotLink img { border: 1px solid #291048; }

img.ScreenImage  { border: 1px solid #291048; }