﻿html {width: 100%; height: 100%;}
body {padding: 0; margin: 0; background: #F1EFEA url('images/layout/donut.gif') repeat left top; font-family: Arial, Sans-Serif;}

a {color: #66a0c1;text-decoration: none;}
a:hover {text-decoration: underline;}

#bodyContainer {margin: 0 auto;width: 788px;}
#bodyWraper { background-color: White; }
#bodyContainerBorderLeft {background: url('images/layout/leftshadow.jpg') repeat-y left top;padding-left: 8px;}
#bodyContainerBorderRight {background: url('images/layout/rightshadow.jpg') repeat-y right top;padding-right: 8px;}

#mainHeader {background-color:White;height: 64px;border-bottom: solid 1px #a9bac1;padding: 5px 15px;}
#mainHeader .logoImage {border: 0;float: left;position: relative;display: block;}
#mainHeader .touchLogoImage {border: 0;float: left;position: relative;left: 28px;top: 17px;display: block;}
#mainHeader .mainHeaderLinks {float: right;color: #909090;font-weight: bold;font-size: 10pt;margin-top: 25px;}
#mainHeader .mainHeaderLinks a {text-decoration: none;color: #909090;}
#mainHeader .mainHeaderLinks a:hover{color: #aed151;}

#navigationStrip {height: 62px;background-color: #193b6b;border-bottom: solid 1px #d1d6ea;}
#navigationStrip .links{font-size: 10pt;font-weight:bold;padding: 17px 20px 0 20px;color: #e8f3f9;}
#navigationStrip .links a {text-decoration:none;color: #e8f3f9;}
#navigationStrip .links a:hover {color: #7c7c7c;}

#mainContent {border-top: solid 1px #a7a7a7; padding-bottom: 1px;}

#sideBar {float: right;position: relative;width: 256px;top: -15px;background-color: White;}
#sideBar .topSideBar {border-top: solid 1px white;border-left: solid 1px white;background-color: #aed151;height: 126px;}
#sideBar .middleSideBar {border-top: solid 1px #dbdbdb;border-left: solid 1px #dbdbdb;border-bottom: solid 1px #dbdbdb;padding: 10px;margin-left: 1px;}

#sideBar .middleSideBar .sideBarItem {border-bottom: solid 1px #dbdbdb; font-size: 8pt;color: #3d3d3d; margin-bottom: 15px;}
#sideBar .sideBarContent { padding: 0 0 0 20px; }

.inputButtonDefault,
.inputButton {background: url('images/layout/buttonbg.gif') repeat-x left top;padding: 5px 25px;font-weight: bold;border: solid 1px #999;font-size: 9pt;text-decoration: none;color: #444;}
.inputButtonDefault:hover,
.inputButton:hover {border-color: #666;color: Black;text-decoration: underline}
.inputButtonDefault { color: Black; }
textarea { font-size: 9pt; font-family: Arial; }

#content {padding: 0; font-size: 9pt; margin-right: 256px;}
#content p { padding: 0 20px; margin: 5px 0 15px 0; color: #3d3d3d;}
#content h1 {font-size: 14pt;padding: 0 20px; margin: 15px 0 10px 0;color: #3d3d3d;}
#content h2 {font-size: 12pt;padding: 0 20px; margin: 15px 0 10px 0;color: #3d3d3d;}

#mainFooter {clear:right;border-bottom: solid 2px #cccccc;height: 25px;background-color: white;}
#mainFooter .footer {text-align: center;font-size: 7.5pt;font-weight: bold;font-family: Arial;}
#mainFooter .footer a {text-decoration: none;color: #66a0c1;}