@import url('reset.css');
* { margin: 0; }
html { height: 100%; }
body { background-color: #91addd; font: normal 0.8em Arial, sans-serif; margin: 10px; height: 100%; }
a { color: #03f; }
a:hover { color: #c30; text-decoration: underline; }

.header { height: 70px; min-width: 400px; }
.header h1 a { background: url('/images/logo_70.png') no-repeat; float: left; height: 0; margin: 10px 0 0 10px; overflow: hidden; padding-top: 50px; width: 372px; }
.header .nav a { color: #000; }
.header .nav { background: url('/images/bgNav.png') no-repeat; float: right; padding: 1px 16px 3px 12px; }
.header .nav li { float: left; margin-left: 5px; }
.header .nav li:after { content: "|"; margin-left: 5px; }
.header .nav li:last-child:after { content: ""; margin: 0; }

.appVersion { font: normal 0.9em Arial, sans-serif; }

.side { background: url('/images/bgSide.png') no-repeat 0 100%; float: left; width: 135px; }
.side a { color: #032353; }
.side h3 { background: url('/images/bgSideHeader.png') no-repeat 100% 0; padding: 8px 5px;}
.side h3:first-child { background-image: url('/images/bgSideHeaderCap.png')}
.side ul { padding: 0 0 3px 0;}
.side li { font-size: 0.9em; padding: 2px 5px;}

.column1 { width: 380px; text-align: justify; text-justify: distribute; text-align-last: justify; float: left; margin-bottom: 1em; margin-left: 10px; margin-right: 10px; }
.column2 { width: 380px; text-align: justify; float: right; margin-bottom: 1em; margin-left: 10px; margin-right: 15px; }
.column3 { width: 380px; text-align: right; float: right; margin-bottom: 1em; margin-left: 10px; margin-right: 10px; margin-top: 10px; }

.column4 { width: 380px; float: left; margin-bottom: 1em; margin-left: 10px; margin-right: 10px; }
.column5 { width: 380px; float: right; margin-bottom: 1em; margin-left: 10px; margin-right: 15px; }

.content { background: url('/images/bgContent.png') no-repeat 0 0; line-height: 1.6em; margin-left: 145px; min-width: 400px; padding: 12px 16px; }
.content h2 { color: #605d5d; font-size: 2em; margin-bottom: 0.5em; }
.content h3 { color: #605d5d; font-size: 1.4em; margin-bottom: 0.5em; }
.content p { margin-bottom: 1em; margin-left: 10px; margin-right: 10px; margin-top: 20px; }

#banner { height: 200px; width: 795px; margin-bottom: 1em; margin-left: 10px; margin-right: 10px;  }
#banner img { position: absolute; opacity: 0; filter: alpha(opacity=0); }
#banner img.first { opacity: 1; filter: alpha(opacity=100); }

#banner2 { height: 78px; width: 795px; margin-bottom: 1em; margin-left: 10px; margin-right: 10px;  }
#banner2 img { position: absolute; opacity: 0; filter: alpha(opacity=0); }
#banner2 img.first { opacity: 1; filter: alpha(opacity=100); }

h3.LEAD a { background: url(/images/LEAD.jpg) no-repeat; display: block; height:0; padding-top: 50px; overflow: hidden;}

ul.ul { margin-bottom: 1em; }
ul.ul li { list-style-type: disc; margin-left: 2em; }
ul.col {width: 250px; float: left;}
p.description { font-weight: bold; }

.content .breadcrumbs { color: #5484cc; float: right; margin: -20px 0 0 0; }
.content .breadcrumbs a { color: #5484cc; }
.content .breadcrumbs li { float: left; list-style: none; margin: 0 0 0 4px; }
.content .breadcrumbs li:before { content: ">"; margin-right: 4px; }
.content .breadcrumbs li:first-child:before { content: ""; margin: 0; }
.content .breadcrumbs .btnEmail a { background: url('/images/icoEmail.png'); display: block; float: left; height: 0; margin-left: 10px; overflow: hidden; padding: 16px 0 0 0; width: 18px;}
.content .breadcrumbs .btnHome:before, .content .breadcrumbs .btnEmail:before { content: ""; }

.footer { clear: both; font-size: 0.8em; padding: 10px; }
.footer .copy { float: right; }

/* - Form Element Styles ----------------------------------------- */
.btn { background-color: #d9e1ff; border: solid 1px #03f; color: #03f; cursor: pointer; padding: 2px 10px; }
.btn:hover { background-color: #ffe1d9; border: solid 1px #c30; color: #c30; }
.data em { color: #c30; font-weight: bold; }
.data label { display: block; float: left; padding: 2px 0; width: 105px; text-align: right; }
.data li { padding: 2px 0; }
.data .nolabel { padding-left: 105px; }
.data .req { border-color: #c30; }
.data .req:hover { border-color: #f63; }
.data .req_error { color: #c30; padding-left: 5px; }
.txt { border: solid 1px #999; font-size: 1em; padding: 2px; font-style: italic; text-align: center; }
.txt:hover { border: solid 1px #777; }
.txt:focus { border: solid 1px #03f; }
.txt:focus:hover { border: solid 1px #06f; }
select.txt { padding: 1px; }
/* - Login Styles ------------------------------------------------ */
.login label { display:block; }
.login li { padding: 0 0 .5em 0; }
.login ul { margin: 2em auto; width: 240px; }
.login .txt { font-size: 1.6em; width: 250px; }
/* - Error and Debug Styles -------------------------------------- */
#debug { color: #888; font-size: 0.8em; margin: 0 auto; }
#debug h5 { border-bottom: solid 1px #999; color: #666; font-weight: bold; margin-top: 1em; }
#error p, #success p, #warning p { background: #fee url('/images/icoError.gif') no-repeat 5px center; border: solid 1px #ee735c; color: #c00; cursor: pointer; margin: 0 5px 5px 5px; padding: 5px 5px 5px 27px; }
#success p { background-color: #ccebcc; background-image: url('/images/icoSuccess.gif'); border-color: #090; color: #007f00; }
#warning p { background-color: #faeba8; background-image: url('/images/icoWarning.gif'); border-color: #cc7e11; color: #cc7e11; }

a.ovalbutton{
background: transparent url('/images/oval-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/oval-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100px;
}