﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,300italic,300);
@font-face
{
	font-family: 'District Thin';
	src: url("../Fonts/DistrictThin.eot");
	src: local("☺"),
		url("../Fonts/DistrictThin.eot") format("embedded-opentype"),
		url("../Fonts/DistrictThin.otf") format("opentype"),
		url("../Fonts/DistrictThin.ttf") format("truetype");
	font-weight: lighter;
	font-style: normal;
}

html
{
	height: 100%;
}
body
{
	padding: 0px;
	margin: 0px;
	height: 100%;
	letter-spacing: 0px;
	/*background: #f6f6f6 url('../Images/Design2/ContentStrip.jpg') repeat-y scroll top center;*/
	/*background-color: #131313;*/
	background: #ffffff url('../Images/Design2/PageBack.jpg') repeat scroll top left;
}
body, table tr td, textarea
{
	/*font-family: 'Calibri';*/
	font-family: 'Open Sans';
	font-size: 10pt;
	/*font-size: 11px;*/
}
table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table tr td
{
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}
table tr th
{
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	color: #999999;
	vertical-align: bottom;
}
a img
{
	border: 0px;
}
hr 
{
	height: 0px;
	border: none;
	border-top: 1px solid #CFCFCF;
}
input
{
	font-size: 8.5pt;
}
#TopBar
{
	width: 100%;
	min-width: 900px;
	height: 180px;
	background: #222222 url('../Images/Design2/TopBar.jpg') repeat-x scroll top center;
}
#Banner
{
	margin: auto;
	width: 1000px;
	height: 180px;
	background-image: url('../Images/Design2/Banner.jpg');
	position: relative;
}
#LogoLink
{
	width: 325px;
	height: 180px;
	display: block;
	position: absolute;
	left: 50px;
	z-index: 100;
}
#UpperMenu
{
	/*font-family: 'District Thin';
	font-size: 10pt;*/
	font-family: 'Open Sans';
	font-size: 9pt;
	font-weight: 300;
	color: White;
	width: 100%;
	text-align: right;
	position: absolute;
	top: 15px;
	left: -66px;
	text-shadow: 1px 1px 1px black;
}
#UpperMenu a
{
	color: White;
}
#UpperMenu .MenuItem
{
	padding-left: 22px;	
}
#Menu
{
	/*font-family: 'District Thin';
	font-size: 12pt;*/
	font-family: 'Open Sans';
	font-size: 11pt;
	font-weight: 300;
	color: White;
	width: 100%;
	text-align: right;
	position: absolute;
	top: 148px;
	left: -66px;
	text-shadow: 1px 1px 1px black;
}
#Menu a
{
	color: White;
}
#Menu .MenuItem
{
	padding-left: 24px;
}
#ContentOuterContainer
{
	width: 100%;
}
#ContentBar
{
	background: #f6f6f6 url('../Images/Design2/BG.jpg') repeat-x scroll top center;
	width: 100%;
	height: 100%;
}
#ContentStrip
{
	width: 898px;
	height: 100%;
	margin: auto;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	padding: 0px 1px 0px 1px;
	background: White url('../Images/Design2/Header.jpg') no-repeat scroll top center;
}
#ContentHeader
{
	height: 0px;
}
#ContentContainer
{
	padding: 20px 15px 20px 15px;
	height: 100%;
}
#BottomBar
{
	width: 100%;
	min-height: 100px;
	background: #131313 url('../Images/Design2/BottomBar2.jpg') repeat-x scroll top center;
}
#BottomBar > div
{
	width: 900px;
	margin: auto;
	padding: 20px 15px 20px 15px;
	text-align: center;
	color: #434343;
	font-size: 9pt;
}
#BottomBar a
{
	color: #666666;
}
#BottomBar .FadedText
{
	color: #292929;
}
#BottomMenu
{
	margin: auto;
	width: 800px;
}
#BottomMenu tr th
{
	/*font-family: 'District Thin'
	font-size: 14pt;*/
	font-family: 'Open Sans';
	font-size: 12pt;
	color: #808080;
	width: 160px;
}
#BottomMenu tr td
{
	text-align: left;
}
#BottomMenu a
{
	color: #434343;
}
#BottomLinkIcons a
{
	display: inline-block;
	border: 1px solid #3a3a3a;
	padding: 1px;
	margin: 0px 2px 0px 3px;
}
		
.SubMenu
{
			
}
.SubMenuItem
{
	margin: 0px 15px 0px 0px;
}
.ImageBorder
{
	border: 1px solid #cfcfcf;
	padding: 1px;
}
.SingleBox
{
	width: 350px;
	margin: 40px auto 40px auto;
}
.VerticalBar
{
	/*font-weight: normal;*/
	color: #DDDDDD;
}
textarea 
{
	border: 1px solid #DDDDDD;
	padding: 3px;
}
textarea:hover
{
	border: 1px solid #CCCCCC;
}
.TransparentInput
{
	border: none;
	background-color: transparent;
	padding: 0px;
}
.TransparentInput:hover
{
	border: none;
}

.ImageGalleryItem
{
	display: inline-block;
	width: 128px;
	height: 125px;
	font-size: 10pt;
	overflow: hidden;
	text-align: center;
	margin: 4px;
}
.ClassFlags
{
	width: auto;
	margin: auto;
}
.ClassFlags tr td 
{
	padding-bottom: 5px;
}
.ClassFlagsIconWrapper
{
	width: 16px;
	padding-right: 5px;
}
.ControlRibbon
{
	text-align: right;
	margin-bottom: 10px;
}
		
a
{
	color: #266c98;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.Heading1, h1
{
	/*font-family: 'District Thin';*/
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 22pt;
}
.Heading2, h2
{
	/*font-family: 'District Thin';*/
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 16pt;
	/*font-weight: lighter;*/
}
.Emphasis, em
{
	font-size: 12pt;
	font-weight: 300;
	font-style: italic;
	color: #444444;
}
.FadedText
{
	color: #999999;
}
.SmallText
{
	font-size: 9pt;
	/*font-family: Calibri;*/
	font-family: 'Open Sans';
	font-weight: 400;
	font-weight: normal;
}
.ErrorText
{
	color: Red;
	font-weight: bold;
}
/*.BoxTitle
{
	border: none;
	margin-bottom: 5px;
	font-size: 16pt;
	font-weight: lighter;
	font-family: Segoe UI;
}*/