﻿* {margin: 0px; padding: 0px;}
html, body {height: 100%;}
body {background-color: #FFFFFF; font-family: Arial, Verdana; font-size: 13px; color: #515151;}
img {border-width: 0px;}
h1 {font-size: 20px; text-decoration: none; font-weight: normal;}
h2 {font-size: 16px; text-decoration: none; font-weight: normal;}
p {line-height: 1.4;}
a {color: #515151; text-decoration: none;}
a:hover {text-decoration: none;}

.IndentList {margin-top: 0px; list-style-type: disc; padding-left: 1em; margin-left: 1em;}
.TopSpace5 {margin-top: 5px;}
.TopSpace10 {margin-top: 10px;}
.TopSpace15 {margin-top: 15px; overflow: hidden;}
.TopSpace20 {margin-top: 20px; overflow: hidden;}
.TopSpace25 {margin-top: 25px; overflow: hidden;}
.TopSpace30 {margin-top: 30px;}
.TopSpace35 {margin-top: 35px;}
.TopSpace40 {margin-top: 40px;}
.Centered {text-align: center;}
.Clear {clear: both;}
.ie6 {clear: both; font-size: 0px; height: 1px;}

/* ============================== boxes ============================= */
#HeaderWrap {height: 110px; width: 100%;}
#HeaderContent {height: 110px; width: 800px; margin: 0 auto; background-color: #FFFFFF;}
#LogoWrap {float: left; width: 210px; height: 90px; padding-top: 20px;}
#ContentWrap {clear: both; background-color: #DBF5F6;}
#InnerContent {width: 800px; margin: 0 auto; overflow: hidden;}

/* ============================== top nav ============================= */
#TopNav {float: right; font-size: 12px; height: 110px; line-height: 110px;}
ul.NavLinks {list-style: none;}
ul.NavLinks li {display: block; float: left; position: relative; z-index: 1000;}
span.NavLink {color: #606060; margin: 0 0 0 20px; padding: 0;}
a.NavLink {text-decoration: none; color: #606060; margin: 0 0 0 20px; padding: 0;}
a.NavLink:hover {text-decoration: none; border-bottom: solid 1px #606060; /*color: #007486; */}
/* ==== sub nav ====*/
#TopNav li ul {position: absolute; top: 70px; left: 13px; line-height: 30px; display: none; background-color: #018591;
	border-top: none; color: #B5DCE1; list-style: none; margin: 0; padding: 0; border-bottom: none; z-index: 1000;}
#TopNav li:hover ul {display: block;}
#TopNav li.over ul {display: block;}
#TopNav li.over li {clear: both;}
#TopNav li li {width: 160px;}
#TopNav li li a {margin: 0; color: #B5DCE1; padding: 0 7px 0 7px; display: block; text-decoration: none;}
#TopNav li li a:hover {color: #D7EDEF; background-color: #319ea7; border-bottom: none;}
#TopNav .SubBorder {border-bottom: solid 1px #018591;}

/* ============================== page layout ============================= */
#TopRibbon {height: 43px; background: transparent url(/Images/Backgrounds/HomeRibbonTop.jpg) repeat-x; position: relative;}   
#BottomRibbon {height: 10px; background: transparent url(/Images/Backgrounds/HomeRibbonBottom.jpg) repeat-x; position: relative;}
#BottomRibbon {font-size: 0px;/*ie6 fix*/}
#TitleBarWrap {height: 50px; line-height: 50px; background-color: #B5DCE1;}
#TitleBarContent {width: 800px; height: 50px; line-height: 50px; margin: 0 auto;}
#TitleBarContent h1 {font-size: 24px; font-family: Georgia, Arial; font-weight: normal; color: #01717D; font-style: italic;}
.Line {padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #B5DCE1;}

/* ============================== footer ============================= */
#Footer {clear: both; height: 65px; text-align: center; color: #7EB4BE; font-size: 11px; line-height: 1.5; letter-spacing: 1px; padding-top: 30px;}
#Footer a {color: #7EB4BE;}
#Footer a:hover {border-bottom: solid 1px #7EB4BE;}
#Footer span {padding: 0 8px 0 8px;}
