body {background: #123 url(../images/bg-body.jpg) repeat-x; color: #777;}
#otherSitesLeft {background: url(../images/bg-otherSitesLeft.jpg) repeat-y;}
#otherSitesLeft #otherSitesRight {background: url(../images/bg-otherSitesRight.jpg) repeat-y 100% 0;}
#otherSitesLeft #otherSitesRight ul#otherSites {background: url(../images/bg-otherSites.jpg) repeat-y; width: 960px; margin: 0 auto 10px auto; padding: 5px 0; position: relative; font-size: 1em; text-align: right;}
#otherSitesLeft #otherSitesRight ul#otherSites li {color: #def; font-weight: bold; list-style: none; display: inline;}
#otherSitesLeft #otherSitesRight ul#otherSites li a {color: #def; margin: 0 4px; font-weight: bold; text-transform: uppercase;}
#otherSitesLeft #otherSitesRight ul#otherSites li a:hover {color: #fff; text-decoration: none;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 77px; position: relative; z-index: 9999;}
#header ul#headerNav {width: 448px; height: 67px; position: relative; z-index: 999; float: left;}
#header ul#headerNav li {background-repeat: no-repeat; height: 67px; top: 0px; list-style: none; display: inline;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -67px;}
#header ul#headerNav li a {background: transparent; height: 67px; left: 0; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-hm-cslnk.gif); width: 95px; left: 0px; position: absolute;}
#header ul#headerNav li#cs a#cslnk {width: 95px;}
#header ul#headerNav li#sd {background-image: url(../images/headerNav-hm-sdlnk.gif); width: 158px; left: 95px; position: absolute;}
#header ul#headerNav li#sd a#sdlnk {width: 158px;}
#header ul#headerNav li#se {background-image: url(../images/headerNav-hm-selnk.gif); width: 103px; left: 253px; position: absolute;}
#header ul#headerNav li#se a#selnk {width: 103px;}
#header ul#headerNav li#ct {background-image: url(../images/headerNav-hm-ctlnk.gif); width: 92px; left: 356px; position: absolute;}
#header ul#headerNav li#ct a#ctlnk {width: 92px;}
#header .formSearch {background: url(../images/bg-formSearch.gif) no-repeat; width: 512px; height: 67px; position: relative; float: left;}
#header .formSearch input {color: #999; height: 1.2em; padding: 2px 3px 3px 3px; top: 24px; right: 30px; position: absolute; font-size: 1em; border: 1px solid #fff;}
#header .formSearch button {background: url(../images/button-search.gif); width: 18px; height: 19px; top: 24px; right: 12px; position: absolute;}

/**************************************************content area********************************************/
#content {background: #fff; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.gif) no-repeat; width: 755px; position: relative; float: left;}/*see ie.css for fixes*/
#main #flash {background: url(../swf/flash-home.jpg) no-repeat; width: 745px; height: 254px; margin: 5px;}
#main #flash h2,#main #flash p {display: none;}

#main #featureBanner {background: url(../images/bg-feature_banner-new_courses.jpg); width: 745px; height: 89px; margin: 0  0 5px 5px;}
#main #featureBanner ul {}
#main #featureBanner ul li {list-style: none; display: inline;}
#main #featureBanner ul li a {width: 745px; height: 89px; margin: 0; padding: 0px; display: block; text-indent: -9999em; overflow: hidden;}
#main #featureBanner ul li a:hover {background: url(../images/bg-feature_banner-new_courses-a02.jpg) no-repeat; text-decoration: none;}

#main #contentContainer {background: url(../images/bg-home-contentContainer.gif) no-repeat; color: #146; width: 454px; margin: 0 0 0 5px; padding: 25px 35px 0 35px; line-height: 1.5; font-size: 1.1em; position: relative; float: left;}
#main #contentContainer a	{font-weight: bold;}
#main h4 {color: #146; font-size: 1.6em; line-height: 1.38;}
#main #jCarouselLiteWrap {color: #479; margin: 35px 0 0 0; padding: 0 44px; position: relative;}
#main .jCarouselLite li {margin: 0 16px; padding: 0 0 40px 0; text-align: center; list-style: none;}
#main .jCarouselLite li img {border: none;}
#main .jCarouselLite li h4 {font-size: 1.2em;}
/*javascript generated css for the carousel so page doesnt look brokem if it takes longer to load*/
#main .jCarouselLite {overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 295px;}
#main .jCarouselLite ul {margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; width: 4263px; left: -295px;}
#main .jCarouselLite ul li {overflow: hidden; float: left; width: 89px; height: 119px;}
/*end*/
#main #jCarouselLiteWrap button {width: 40px; height: 171px; top: 0; position: absolute; z-index: 9999; text-indent: -9999px; overflow: hidden;}
#main #jCarouselLiteWrap button.prev {background: url(../images/button-carousel-previous.png) no-repeat; left: 0;}
#main #jCarouselLiteWrap button.next {background: url(../images/button-carousel-next.png) no-repeat; left: 406px;}
#main p#view-all-courses a {background: url(../images/button-view-all-courses.gif) no-repeat 100% 0; width: 441px; height: 19px; margin: 15px 0 30px 5px; position: relative; display: block; text-indent: -9999px; overflow: hidden;}
#main p#view-all-courses a:hover {background-position: 100% -19px;}
#main #myClassroom {background: url(../images/bg-home-my_classroom.gif) no-repeat; width: 221px; min-height: 323px; float: left; position: relative;}
#main #myClassroom form {top: 104px; left: 52px; position: absolute;}
#main #myClassroom form input {color: #999; height: 14px; margin: 0 0 4px 0; font-size: 1em; border: 1px solid #fff;}
#main #myClassroom form input#btnSubmit {background: transparent; width: 18px; height: 19px; top: 23px; left: 129px; margin: 0; position: absolute; display: block; cursor: pointer; border: none; text-indent: -9999px; overflow: hidden;}
#main #myClassroom p#forgotPassword a {color: #e7e4e0;}
#main #myClassroom p#forgotPassword a:hover {color: #ffe;}
#main #myClassroom h4#button-register a {width: 132px; height: 26px; top: 200px; left: 19px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#main #myClassroom h4#button-register a:hover {background: url(../images/button-home-register.gif) no-repeat;}
#main #myClassroom h4#button-learnMore a {width: 127px; height: 15px; top: 283px; left: 44px; position: absolute; display: block; text-indent: -9999px; overflow: hidden;}
#main #myClassroom h4#button-learnMore a:hover {background: url(../images/button-home-learn_more.gif) no-repeat;}

/**************************************************left column*********************************************/
#sidebar {width: 200px; position: padding: 0 0 104px; relative; float: left;}
#sidebar ul#sidebarUtility {margin: 5px 0 0 5px;}
#sidebar ul#sidebarUtility li {list-style: none; display: inline;}
#sidebar ul#sidebarUtility li a {background-repeat: no-repeat; width: 187px; height: 36px; padding: 0 0 10px 0;  display: block; text-indent: -9999px; overflow: hidden;}
#sidebar ul#sidebarUtility li a:hover {background-position: -187px 0;}
#sidebar ul#sidebarUtility li a#gwsblnk {background-image: url(/images/button-give_now.png); width: 184px; height: 64px;}
#sidebar ul#sidebarUtility li a#gwsblnk:hover {background-position: 0 0;}
#sidebar ul#sidebarUtility li a#amsblnk {background-image: url(../images/banner-about.gif);}
#sidebar ul#sidebarUtility li a#tssblnk {background-image: url(../images/banner-technical.gif);}
#sidebar ul#sidebarUtility li a#wgsblnk {background-image: url(../images/banner-saying.gif);}
#sidebar ul#sidebarUtility li a#iusblnk {background-image: url(../images/banner-itunesu.gif);}

/**************************************************footer**************************************************/
#footer {background: #3c4a58; color: #fff; padding: 10px; position: relative; clear: both;}
#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer ul#socialFollow {background: url(../images/sidebar-follow.png) no-repeat; width: 200px; height: 94px; top: -94px; right: 0px; position: absolute;}
#footer ul#socialFollow li {list-style: none; display: inline;}
#footer ul#socialFollow li a {width: 37px; height: 37px; display: block; top: 32px; position: absolute; text-indent: -9999em; overflow: hidden;}
#footer ul#socialFollow li a#socialFacebook {left: 101px;}
#footer ul#socialFollow li a#socialFacebook:hover {background: url(../images/sidebar-follow.png) no-repeat -101px -126px;}
#footer ul#socialFollow li a#socialTwitter {left: 138px;}
#footer ul#socialFollow li a#socialTwitter:hover {background: url(../images/sidebar-follow.png) no-repeat -138px -126px;}

#footer p {margin: 0 0 10px 0;}
#footer p.adr {float: left;}
#footer p#copyright {float: right;}
#footer p#contactInfo {clear: both; float: left;}
#footer p#footerUtility {float: right;}
#footer p a {color: #9ce; font-weight: bold;}
#footer p a:hover {color: #def; }
#footer p span.divider {padding: 0 10px;}