img, div { behavior: url(/CSS/iepngfix.htc) }

/* ================================ MAIN LAYOUT STRUCTURE ================================ */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(/Images/Layout/Background.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #F7F7F7;
	font-family: Arial;
	font-size: 80%;
	color: #3F3F3F;
}

#MainWrapper {
	width: 970px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
}

#PageHeader {
	background-image: url(/Images/Layout/Background-Header.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #0F4D7E;
}

#ContentWrapper {
	float: left;
	width: 100%;
}

#MainContent {
	background-color: #FFFFFF;
	margin: 7px 320px 17px 24px;
}

#RightColumn {
	float: left;
	width: 300px;
	margin-left: -310px;
	margin-top: 7px;
}

#PageFooter {
	background-color: #C7C7C7;
}

/* ==================================== STANDARD STUFF =================================== */

.ClearLeft {
	clear: left;
}

.ClearRight {
	clear: right;
}

.ClearBoth {
	clear: both;
}

a:link, a:visited {
	color: #991920;
}

a:hover {
	color: #0E4C7D;
}

a img {
	border: 0px;
}

img.Right {
	float: right;
	margin: 0px 10px 10px 10px;
}

img.InList {
	float: left;
	margin: 10px 0px 10px 10px;
}

img.InListFirst {
	float: left;
	margin: 10px 0px 10px 0px;
}

/* ====================================== PAGE HEADER ==================================== */

#PageHeader ul.NavBar {
	float: right;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	padding: 75px 0px 0px 0px;
	font-weight: bold;
	font-family: Arial;
}

#PageHeader ul.NavBar li {
	float: left;
	margin: 0px 0px 0px 2px;
}

#PageHeader ul.NavBar li div {
	padding: 10px 8px 10px 10px;
}

#PageHeader ul.NavBar li.Highlight {
	background-image: url(/Images/Layout/Background-Nav-TopLeft.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #FFFFFF;
}

#PageHeader ul.NavBar li.Highlight div {
	background-image: url(/Images/Layout/Background-Nav-TopRight.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#PageHeader ul.NavBar li a:link, #PageHeader ul.NavBar li a:visited {
	color: #C7C7C7;
	text-decoration: none;
}

#PageHeader ul.NavBar li.Current {
	color: #991920;
}

#PageHeader ul.NavBar li.Current a:link, #PageHeader ul.NavBar li.Current a:visited {
	color: #991920;
}

#PageHeader div.Logo {
	padding: 29px 0px 11px 27px;
}

#PageHeader div.SubNav {
	background-color: #FFFFFF;
	padding: 12px 0px 12px 0px;
	border-bottom: 4px solid #0E4C7D;
}

#PageHeader div.SubNav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 90%;
}

#PageHeader div.SubNav ul li {
	display: inline;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 4px;
	background-image: url(/Images/Layout/Border-SubNav.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

#PageHeader div.SubNav ul li.First {
	background-image: none;
}

#PageHeader div.SubNav ul li.FirstAboutUs {
	margin-left: 292px;
}

#PageHeader div.SubNav ul li.FirstSocialFirms {
	margin-left: 350px;
}
#PageHeader div.SubNav ul li.FirstAwards {
	margin-left: 526px;
}
#PageHeader div.SubNav ul li.FirstOnlineForum {
	margin-left: 586px;
}

#PageHeader div.SubNav ul li.FirstJoinUs {
	margin-left: 660px;
}

#PageHeader div.SubNav ul li.FirstLinks {
	margin-left: 757px;
}
#PageHeader div.SubNav ul li.FirstContactUs {
	margin-left: 822px;
}

#PageHeader div.SubNav ul li a {
	padding: 2px 4px 2px 4px;
}

#PageHeader div.SubNav ul li a:link, #PageHeader div.SubNav ul li a:visited {
	color: #3F3F3F;
	text-decoration: none;
}

#PageHeader div.SubNav ul li a:hover {
	text-decoration: underline;
}

#PageHeader div.SubNav ul li.Current a {
	background-color: #FFE980;
}

/* ====================================== PAGE FOOTER ==================================== */

#PageFooter {
	font-size: 80%;
	background-image: url(/Images/Layout/Background-Footer.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #C7C7C7;
}

#PageFooter ul {
	list-style-type: none;
	margin: 0px;
	padding: 35px 0px 15px 24px;
}

#PageFooter ul li {
	display: inline;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

#PageFooter a:link, #PageFooter a:visited {
	color: #3F3F3F;
}

#PageFooter a:hover {
	color: #0E4C7D;
}

#PageFooter div.Produced {
	float: right;
	padding: 35px 20px 0px 0px;
}

/* ====================================== FEATURE ==================================== */

#Feature {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	position: relative;
	height: 320px;
}

#Feature div.Caption {
	position: absolute;
	top: 0px;
	left: 366px;
	height: 320px;
	width: 260px;
	background-image: url(/Images/Layout/Background-Feature.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#Feature div.Caption div.Description {
	padding: 15px 20px 0px 40px;
	color: #991920;
	font-weight: bold;
	font-size: 140%;
	height: 215px;
}

#Feature div.Caption div.Arrow {
	padding: 0px 30px 0px 40px;
	color: #FFD200;
	font-weight: bold;
	font-size: 120%;
}

/* ===================================== MAIN AREA ==================================== */

#MainArea div.Top {
	background-image: url(/Images/Layout/Background-MainBox-Top.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 5px;
	background-color:red;
	overflow: hidden;
}

#MainArea div.Body {
	padding: 10px 15px 10px 15px;
	background-image: url(/Images/Layout/Background-MainBox.jpg);
	background-position: center center;
	background-repeat: repeat-y;
	min-height: 325px;
	height: auto !important;
	height: 325px;
}

#MainArea div.BodyHome {
	min-height: 252px;
	height: auto !important;
	height: 252px;
}

#MainArea div.Bottom {
	background-image: url(/Images/Layout/Background-MainBox-Bottom.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	height: 5px;
	background-color:red;
	overflow: hidden;
}

#MainArea ul.Breadcrumb {
	list-style-type: none;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 80%;
	color: #991920;
}

#MainArea ul.Breadcrumb li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-style: italic;
	margin-right: 5px;
}

#MainArea ul.Breadcrumb li a {
	font-style: normal;
}

#MainArea div.Links {
	margin-top: 25px 0px 15px 0px;
}

#MainArea ul.Links {
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	color: #991920;
}

#MainArea ul.Links li {
	background-image: url(/Images/Layout/Background-Link-Arrow.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#MainArea ul.Links li ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#MainArea ul.Links li a:link, #MainArea ul.Links li a:visited {
	text-decoration: none;
}

#MainArea ul.Links li a:hover {
	text-decoration: underline;
}

#MainArea ul.NoBulletSpaced {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#MainArea ul.NoBulletSpaced li {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#MainArea h1 {
	color: #0E4C7D;
	font-size: 160%;
	margin: 0px;
}

#MainArea h2 {
	font-size: 140%;
	margin: 0px;
}

#MainArea h3 {
	color: #0E4C7D;
	font-size: 120%;
}

#MainArea h4 {
	font-size: 100%;
}

#MainArea .NewSection {
	margin-top: 40px;
}

#MainArea .Introduction {
	font-size: 120%
}

#MainArea .Red {
	color: #991920;
}

#MainArea .Orange {
	color: #DF7700;
}

#MainArea .Blue {
	color: #0E4C7D;
}

#MainArea .Bold {
	font-weight: bold;
}

#MainArea span.Quotation {
	color: #DF7700;
	font-style: italic;
}

#MainArea span.Annotation {
	color: #DF7700;
	font-style: italic;
}

#MainArea ul.Spaced li, ol.Spaced li {
	margin-bottom: 10px;
}

#MainArea ul.Spaced li ol, ol.Spaced li ol {
	margin-top: 10px;
	list-style-type: lower-alpha;
}

#MainArea ul.NoIndent, ol.NoIndent {
	margin-left: 24px;
	padding-left: 0px;
}

#MainArea ol.Letters {
	list-style-type: lower-alpha;
}

#MainArea hr {
	margin: 20px 0px 0px 0px;
	border: none 0px; 
	border-top: 1px dotted #C5C5C5;
	height: 1px;
	clear: both;
}

#MainArea div.More {
	float: right;
	background-image: url(/Images/Layout/Background-More2.jpg);
	background-repeat: no-repeat;
	width: 68px;
	height: 27px;
	margin: 22px 0px 0px 0px;
}

#MainArea div.More a:link, #MainArea div.More a:visited {
	display: block;
	padding: 5px 0px 0px 8px;
	text-decoration: none;
	font-weight: bold;
}

#MainArea div.More a:hover {
	text-decoration: none;
}


/* ===================================== RIGHT COLUMN ==================================== */

#RightColumn div.Box {
	background-image: url(/Images/Layout/Background-RightBox.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #D3D3D3;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #3F3F3F;
}

#RightColumn div.Box div.Content {
	padding: 10px 15px 0px 15px;
}

#RightColumn div.Box div.Content h2 {
	margin: 0px 0px 6px 0px;
	color: #0E4C7D;
	font-size: 140%;
}

#RightColumn div.Box div.Content h3 {
	margin: 0px;
	font-size: 120%;
}

#RightColumn div.Box div.Content img {
	margin: 2px 0px 5px 0px;
}

#RightColumn div.Box div.Content div.Quotation {
	color: #DF7700;
	font-style: italic;
	font-weight: bold;
}

#RightColumn div.Box div.Content div.Highlight {
	color: #991920;
	font-weight: bold;
}

#RightColumn div.Box div.Content ul {
	list-style-type: none;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

#RightColumn div.Box div.Content ul li {
	background-image: url(/Images/Layout/Background-Star.png);
	background-position: 3px left;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#RightColumn div.Box div.Content ol {
	margin: 6px 0px 0px 25px;
	padding: 0px;
}

#RightColumn div.Box div.Content ol li {
	margin: 0px;
	padding: 0px;
}


#RightColumn div.Box div.Content p {
	margin: 0px;
	padding: 0px;
}

#RightColumn div.Box div.Bottom {
	clear: right;
	background-image: url(/Images/Layout/Background-RightBox-Bottom.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	height: 3px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#RightColumn div.Box div.More {
	padding: 0px 10px 10px 0px;
}

#RightColumn div.Box div.More div {
	text-align: right;
	background-image: url(/Images/Layout/Background-More.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	height: 26px;
}

#RightColumn div.Box div.More div a {
	display: block;
	padding: 5px 15px 0px 0px;
	font-weight: bold;
	text-decoration: none;
}

/* =================================== BOTTOM ARROW BOXES ================================= */

#ArrowBoxes {
	clear: both;
	margin: 10px 0px 0px 0px;
}

#ArrowBoxes div.Arrow {
	float: left;
	width: 305px;
	height: 62px;
	background-image: url(/Images/Layout/Background-ArrowBox.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	margin: 0px 0px 16px 15px;
	font-size: 130%;
	font-weight: bold;
}

#ArrowBoxes div.Arrow div {
	padding-top: 22px;
}

#ArrowBoxes div.Arrow a:link, #ArrowBoxes div.Arrow a:visited {
	text-decoration: none;
}

#ArrowBoxes div.Arrow a:hover {
	text-decoration: underline;
}

#ArrowBoxes div.Arrow1 {
	margin-left: 0px;
	color: #0E4C7D;
}

#ArrowBoxes div.Arrow1 a:link, #ArrowBoxes div.Arrow1 a:visited {
	color: #0E4C7D;
}

#ArrowBoxes div.Arrow2 {
	color: #991920;
}

#ArrowBoxes div.Arrow2 a:link, #ArrowBoxes div.Arrow2 a:visited {
	color: #991920;
}

#ArrowBoxes div.Arrow3 {
	color: #DF7700;
}

#ArrowBoxes div.Arrow3 a:link, #ArrowBoxes div.Arrow3 a:visited {
	color: #DF7700;
}