/* global */

body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-color: #9bca4e; }
p, li { line-height: 16px; }
a { text-decoration: none; color: #449bbc; }
a:hover { text-decoration: underline; }
a img { border: 0; }

/*layout*/

#wrapper { width: 960px; margin: 0 auto; background-color: #ffffff; }

/*header layout*/

#header { overflow: hidden; }
.left { width: 214px; float: left; background-color: #0077a2; }
.right { width: 168px; float: left; background-color: #5ca201; }
.center { width: 578px; float: left; }
#header > div { height: 150px; }

/* header style */

#header .left { color: #ffffff; background-image: url(/images/logo.png); background-repeat: no-repeat; background-position: 5px 5px; }
#header .left a.logo { margin: 5px; width: 201px; height: 44px; display: block; }
#header .left .callout { margin: 10px 0 0 10px; font-size:14px; font-weight:bold; font-style:italic; }
#header .left a { color: #ffffff; }
#header .left .chevron { position: relative; bottom: 2px; }
#header .right ul { margin: 10px 0 0 25px; padding: 0; list-style: none; }
#header .right a { color: #ffffff; }
#header .center { background-image: url(/images/masthead.jpg); }

/* navigation style */

#sideNav { font-size: 11px; }
#sideNav ul { list-style: none; padding: 0; margin: 0; }
#sideNav li { background-color: #003470; margin: 0 0 1px 0; }
#sideNav li a { color: #ffffff; padding: 2px 2px 2px 10px; height: 15px; display: block; }
#sideNav li.active { background-color: #5da302; }
#sideNav li.active li { margin: 0; background-color: #aed17f; font-size: 12px; }
#sideNav li.active li a { color: #003470; }
#sideNav li.active > ul > li.active { font-weight: bold; }
#sideNav ul li { text-transform: uppercase; }
#sideNav ul li.active ul li { text-transform: none; }
#sideNav ul > li ul { display: none; }
#sideNav ul > li.active ul { display: block; }

/* breadcrumb style */

.breadcrumbs { background-color: #5da302; height: 19px; }
.breadcrumbs ul { margin: 0; padding: 0; list-style: none; padding: 2px 0 2px 10px; overflow: hidden; }
.breadcrumbs li { float: left; margin: 0 0 0 0.5em; color: #003470; }
.breadcrumbs li a { color: #ffffff; border-right: 1px solid #ffffff; padding: 0 .5em 0 0; }

/***/
#mainContentArea { background: #ffffff; padding: 10px; }
#contHeader { overflow: hidden; width: 100%; }
#contHeader #printIcon { float: right; }
#content { min-height: 400px; }

#footer { text-align: center; padding: 10px; }
#footer ul { margin: 0; padding: 0; list-style: none; }
#footer li { display: inline; margin: 0 0 0 0.5em; }
#footer li a { border-right: 1px solid #449BBC; padding: 0 .5em 0 0; }
#footer li:last-child a { border-right: 0; padding: 0 .5em 0 0; }

/****/



/*columns*/

.colMask .colRight, .colMask .col2 { position: relative; float: left; }
.colMask, .colMask .col1 { position: relative; overflow: hidden; }

/*sidenav col / remaining center col*/
#main_col1Cont { background-color: #0077a2; }
#main_col2Cont { left: 214px; width: 200%; }
.colMask #sideNav { right: 214px; }
.colMask #rightContainer { width: 746px; right: 214px; }

/* content area */

.ContentFloatContainter { overflow: hidden; width: 726px; margin-bottom:10px; }
.ContentColRight, .ContentColLeft { width: 48%; float: left; }
.ContentColRight { padding-left: 2%; }
.ContentColLeft { padding-right: 2%; }
table td, table th { padding: .5em; }
table tr { border: solid 1px #0077a2; border-top:0; }
table td { vertical-align: top; }
table { border-spacing: 1px; border-collapse: collapse; }
table.classesTable { text-align: center; }
table.classesTable td, table.classesTable th { border: solid 1px #0077a2; }
table.classesTable td { vertical-align: middle; }
table thead th { font-weight: bold; color: #ffffff; background-color: #0077A2; }
table tbody td { margin: 0; }

li.collapsible { background: url('/images/minus.gif') no-repeat 0 2px; list-style: none; margin: .25em 0; }
li.collapsible a, li.collapsible div.collapsible-content { padding: 0 0 0 20px; }
li.collapsible h4.collapsible-header { display: inline; }
li.collapsed { background: url('/images/plus.gif') no-repeat 0 2px; }

@media print {
    #header, #footer, #breadcrumbContainer, #sideNav, #printIcon { display: none; }
}

.pdf { padding-left: 18px; padding-top: 2px; background: no-repeat left center url('/Images/acrobat.png'); }
p.cal-info { margin:0 1em; }