html, body { height: 100%; min-height: 100%; margin: 0; padding: 0; display: block; }
body { font-size: 12px; font-family: "ITC Avant Garde Gothic", "Helvetica Neue", Calibri, verdana, arial, helvetica  ; background-color: #ccc; }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }

#wrapper { height: 99%; min-height: 100%; margin: 0; padding: 0; display: block; }
#mid {  }
#mid td { margin: 0; padding: 0; }
#border { background-color: white; width: 990px; margin: 0; padding: 0; border: solid 1px #646464; }
#basiclayout { width: 970px; margin: 10px; }
#basiclayout #header { background-image: url(/i/Training_Connect_Logo.jpg); background-repeat: no-repeat; background-position: left top; }

#header #menu { height: 40px; }
#header #menu td {  }

/*

#header #menu #headerMenu { margin: 0 0 0 95px; list-style-position: inside; }
#header #menu #headerMenu li.headlink { width: 80px; float: left; display: block; list-style-type: none; }
#header #menu #headerMenu li.headlink ul.sub1 { width: 80px; float: left; list-style-position: inside; display: none; }
#header #menu #headerMenu li.headlink ul.sub1 li {list-style-type: none;}


#basiclayout #header #menu ul {}
#basiclayout #header #menu ul li { background-image: url(/i/header_menu_divider.gif); background-repeat: no-repeat; background-position: right center; }
#basiclayout #header #menu ul li a { color: #95b2db; font-size: 15px; text-decoration: none; }
#basiclayout #header #menu ul li a:link, #basiclayout #header #menu ul li a:visted { text-decoration: none; }
#basiclayout #header #menu ul li a:hover { color: #eebf45; text-decoration: underline; }


#basiclayout #header #menu td table tr td { background-image: url(/i/header_menu_divider.gif); background-repeat: no-repeat; background-position: right center; }
#basiclayout #header #menu td table tr td a { color: #95b2db; font-size: 15px; text-decoration: none; }
#basiclayout #header #menu td table tr td a:link, #basiclayout #header #menu td table tr td a:visted { text-decoration: none; }
#basiclayout #header #menu td table tr td a:hover { color: #eebf45; text-decoration: underline; }
*/

.transparentbg { background-image: url(/i/body/50pc_trans.png); background-repeat: repeat; background-position: center; }

#basiclayout #body { background-image: url(/i/home_bgs/initial.jpg); background-repeat: no-repeat; background-position: left top; width: 970px; height: 476px; border-bottom: 1px solid #333; }
#basiclayout #footer { background-color: #eebf45; border-top: 1px solid #efefef; }
#basiclayout #footer td { font-size: 12px; }
#basiclayout #footer td img {margin-left: 5px;}
#basiclayout #footer a { margin-left: 5px; }
#basiclayout #footer a:link,#basiclayout #footer a:visited { color: black; text-decoration: none; }
#basiclayout #footer a:hover { color: white; text-decoration: underline; }

#basiclayout #body #ticker { height: 1em; filter: Shadow(Color=#666666, Direction=135, Strength=5); text-shadow: #6374AB 2px 2px 1px; color: white; font-size: 24px; font-family: "ITC Avant Garde SWA", "Centruy Gothic", "Gill Sans", "Helvetica Neue", "Gill Sans"; font-weight: normal; width: 660px; height: 120px; overflow: hidden; padding-top: 20px; padding-right: 5px; padding-bottom: 0 !important; padding-left: 20px; display: block; }
#basiclayout #body #ticker b { font-size: 32px; font-weight: bold; }


#pagelayout { width: 970px; margin: 10px; }
#pagelayout #header { background-image: url(/i/Training_Connect_Logo.jpg); background-repeat: no-repeat; background-position: left top; }
#pagelayout #header .headRightText { color: #95b2db; font-size: 15px; font-weight: bold; text-transform: uppercase; padding-right: 20px; }
#pagelayout #header .headRightText a { color: #eebf45; font-size: 13px; background-image: url(/i/link_arrow.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; text-transform: uppercase; clear: both; padding-top: 0; padding-right: 18px; }
#pagelayout #header .headRightText a:link,#pagelayout #header .headRightText a:visited { text-decoration: none; }
#pagelayout #header .headRightText a:hover { color: #95b2db; text-decoration: underline; }

/*
#pagelayout #header #menu {}
#pagelayout #header #menu td table tr td a { color: #95b2db; font-size: 15px; text-decoration: none; }
#pagelayout #header #menu td table tr td a:link, #pagelayout #header #menu td table tr td a:visted { text-decoration: none; }
#pagelayout #header #menu td table tr td a:hover { color: #eebf45; text-decoration: underline; }
*/

#pagelayout #body { background-color: #95b2db; background-image: url(/i/body/body_bg.jpg); background-repeat: no-repeat; background-position: center top; width: 970px; padding: 0; border-bottom: 1px solid #333; }


#pagelayout #body img.tl { background-color: transparent; background-image: url(/i/body/body_top_left_corner.gif); background-repeat: no-repeat; background-position: -1px -1px; width: 20px; height: 17px; }
#pagelayout #body img.tr { background-color: transparent; background-image: url(/i/body/body_top_right_corner.gif); background-repeat: no-repeat; background-position: 1px -1px; width: 20px; height: 17px; }

#pagelayout #body table.subMenuBoxes { width: 170px; margin-top: 20px; margin-right: 0; }
#pagelayout #body table.subMenuBoxes td { padding-right: 0; padding-bottom: 20px; }

#pagelayout #body div#content { font-size: 9pt; line-height: 11pt; width: 710px; display: block; background-color: transparent; background-image: url(/i/body/pageBody_bg.gif); background-repeat: no-repeat; background-position: left 30px; clear: left; margin: 0 0 0 10px; }
#pagelayout #body div#content #borderPics { background-color: white; text-align: center; width: 135px; height: 100%; overflow: hidden; clip: rect(auto auto auto auto); float: left; clear: left; margin-top: 117px; margin-right: 5px; padding-top: 0; padding-left: 5px; display: block; }
#pagelayout #body div#content #borderPics img { width: 120px; clear: both; margin-bottom: 20px; border: solid 1px #95b2db; }
#pagelayout #body div#content #pTitle { color: #eebf45; font-size: 30px; font-weight: bold; font-style: italic; background-color: inherit; padding-top: 2px; padding-bottom: 5px; }
#pagelayout #body div#content #pTitle h1 { font-size: inherit; background-color: transparent; margin: 0; }
#pagelayout #body div#content #pBody { background-color: white; height: 100%; min-height: 330px; margin-top: 10px; margin-left: 145px; padding: 10px 20px 20px 5px; }

#pagelayout #footer { background-color: #eebf45; border-top: 1px solid #efefef; }
#pagelayout #footer td { font-size: 12px; }
#pagelayout #footer td img {margin-left: 5px;}
#pagelayout #footer a { margin-left: 5px; }
#pagelayout #footer a:link,#pagelayout #footer a:visited { color: black; text-decoration: none; }
#pagelayout #footer a:hover { color: white; text-decoration: underline; }