body {background: #121d29 url(../../images/bg-body.png); color: #333;}
.wrap {width: 960px; margin: 0 auto; padding: 0 4px; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#headerWrap {background: url(../../images/bg-headerWrap.jpg) repeat-x; /*border-bottom: 2px solid #0b161a;*/}
#header {height: 45px; position: relative; z-index: 9999;}
#header h1 a {background: url(../../images/css3/png-sprite.png) no-repeat 0 -358px; width: 170px; height: 73px; top: 11px; left: 27px; position: absolute; display: block;}
#header ul#headerNav {height: 22px; top: 11px; left: 749px; position: absolute; z-index: 999; float: left;}
#header ul#headerNav li {height: 22px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li a {background: transparent; background-repeat: no-repeat; height: 22px; left: 0; position: absolute; display: block; text-indent: -9999px; cursor: default;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#sr {background-image: url(../images/headerNav-srlnk.png); width: 215px; left: 0px;}
#header ul#headerNav li#sr a#srlnk {width: 188px;}

/*1st level dropdown*/
#header ul#headerNav li ul {background: #f2f1ef; color: #fff; width: 215px; height: auto; margin: 22px 0 0 0; left: -9999em; position: absolute; z-index: 99; border-top: 7px solid #665c47;}
#header ul#headerNav li:hover ul {left: 0px;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {color: #3f769b; height: auto; padding: 8px 10px; left: auto; font-size: 1.1em; font-weight: bold; position: relative; text-indent: 0px; cursor: pointer; border: solid #d2d0cc; border-width: 0 0 1px 1px;}
#header ul#headerNav li ul li a:hover {color: #101d29; text-decoration: none;}

/**************************************************content area********************************************/
#contentWrap {background: #32465a url(../../images/css3/bg-contentWrap.jpg) repeat-x; border-top: 1px solid #b4bfd1; position: relative; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92a5b9', endColorstr='#123'); /* for IE */}
.cssgradients #contentWrap {background: -webkit-gradient(linear, left top, left bottom, from(#92a5b9), to(#123)); /* for webkit browsers */ background: -moz-linear-gradient(top, #92a5b9, #123); /* for firefox 3.6+ */}
#content {background: url(../images/bg-content.jpg) repeat-y; padding: 0px 0px 80px 0px; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*********************************************/
#main {width: 738px; margin-left: 222px; padding: 0; position: relative; float: left;}/*see ie.css for fixes*/
#main .contentContainer {padding: 35px 280px 0 40px; font-size: 1.2em; line-height: 1.5; position:relative;}
#main .contentContainer a	{font-weight: bold;}
#main .left {float: left; margin: 0 20px 10px 0;}
#main .right {float: right; margin: 0 0 10px 20px;}
#main h2 {margin: 0 0 25px 0; font-weight: bold; font-size: 1em; line-height: 1.13;}
#main h3#pageTitle {color: #6a604a; margin: 0 0 8px 0; font-weight: bold; font-size: 2em;}
#main h4 {color: #444; margin: 0 0 1px 0; font-weight: bold; font-size: 1.17em; line-height: 1.29;}
#main h5 {color: #444; margin: 0 0 1px 0; font-weight: bold; font-size: 1.08em; line-height: 1.38;}
#main p {margin: 0 0 19px 0; color:#444444;}
#main ul {margin: 0 0 19px 17px;}
#main ol {margin: 0 0 19px 17px;}
#main ul li {margin: 0 0 0px 0; list-style:none;}
#main ol li {margin: 0 0 0px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 19px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: auto; margin: 0 0 19px 0; border: 1px solid #bbcad3;}
#main table thead tr th, #main table tfoot tr td {background: #bbcad3; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #bbcad3; vertical-align: middle;}
hr {margin: 0 0 15px; border: solid #bbcad3; border-width: 1px 0 0 0;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}

#main #bio {margin:10px auto 0px auto; width:400px; height:203px; padding:20px 300px 21px 19px; background: #796d54 url(../images/css3/bg-biobox.jpg) repeat-x 0 100%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#796d54'); /* for IE */ border-bottom:1px solid #b9af93; border-right:1px solid #b9af93; border-left:1px solid #5b5b5b;}
.cssgradients #main #bio {background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#796d54)); /* for webkit browsers */ background: -moz-linear-gradient(top, #454545, #796d54); /* for firefox 3.6+ */}
#main #bio img.bio-pic {float:left; border:5px solid #948b72; margin:0 35px 0 0;}
#main #bio h3 {color:#ffffff; font-size:3.0em; margin:60px 0px 0px 0px;}
#main #bio p {color:#b0a78c; font-size:1.4em; margin:0 0 10px 0; font-weight:bold;}
#main #bio a.watch-my-video {background:url(../images/callout-watch-my-video.jpg) no-repeat; height:27px; width:201px; display:block; overflow:hidden; text-indent:-9999em;}
#main #bio a.watch-my-video:hover {background-position: 0px -27px;}

#main #why-i-teach {position:absolute; top:45px; right:30px; width:170px;}
#main #why-i-teach h4 {color:#6a604a; font-size:1.17em; line-height:1.29em; font-style:italic; text-align:center; padding:0 0 30px 0; background:url(../images/bg-why-i-teach.jpg) bottom left no-repeat; width:153px;}
#main #why-i-teach p {color:#111e2c; font-style:italic;}
#main #why-i-teach ul#teachUtilityNav {margin: 0; display:block; width:160px;}
#main #why-i-teach ul#teachUtilityNav li {list-style: none; display: block; border-bottom: 1px solid #b5c4cb; padding: 10px 0px; line-height:1.17em;}
#main #why-i-teach ul#teachUtilityNav li a { font-weight: bold; display: block;}
#main #why-i-teach ul#teachUtilityNav li span {color:#444444; display:block;}
#main #why-i-teach ul#teachUtilityNav li a:hover,#sidebar ul#sidebarNav li a.selected {color: #101d29;}


/**************************************************left column*********************************************/
#sidebar {width: 222px; margin: 56px 0 0 -960px; position: relative; float: left;}
#sidebar ul#sidebarNav {margin: 0 auto; display:block; width:173px;}
#sidebar ul#sidebarNav li {list-style: none; display: block; border-bottom: 1px solid #b5c4cb;}
#sidebar ul#sidebarNav li a {padding: 7px 5px 5px; font-size: 1.3em; font-weight: bold; display: block;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {color: #101d29;}
/*level 2*/
#sidebar ul#sidebarNav li ul {margin: -4px 0 2px 6px;}
#sidebar ul#sidebarNav li ul li {border-bottom: none;}
#sidebar ul#sidebarNav li ul li a {background: url(../images/sidebar-dot.gif) no-repeat 0 8px; color: #101d29; padding: 3px 9px; font-size: 1.1em; font-weight: normal;}
#sidebar ul#sidebarNav li ul li a:hover {}

/**************************************************footer**************************************************/
#footerWrap {width: 100%; position: relative;}
#footerWrap #footerDividerWrap {width: 100%; height: 8px; top: 0; left: 0; position: absolute; display: block; border-top: 1px solid #5290ae; border-bottom: 3px solid #0b131a;}
#footerWrap #footerDividerWrap #footerDivider {width: 100%; top: 0; left: 0; position: absolute; display: block; border-top: 7px solid #20587d; border-bottom: 1px solid #578db0;}
#footerWrap #footerDividerWrap #footerIcon {background: url(../../images/css3/png-sprite.png) 0 -300px; width: 350px; height: 58px; margin: 0 0 0 -175px; top: -28px; left: 50%; position: absolute; display: block;}
#footer {padding: 56px 0; position: relative; clear: both; text-align:center;}
#footer:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer ul#footerNav {margin: 0 0 50px;}
#footer ul#footerNav:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footer ul#footerNav li {width: 128px; padding: 0 0 0 8px; float: left; list-style: none; display: block;}
#footer ul#footerNav li a {color: #fff; margin: 0 0 3px 0; font-size: 1.5em; font-weight: bold;}
#footer ul#footerNav li a:hover {text-decoration: underline;}
#footer ul#footerNav li ul li {width: auto; padding: 0 0 5px 0; float: none;}
#footer ul#footerNav li ul li a {color: #fff; font-size: 1.1em; text-decoration: none; font-weight: normal;}
#footer hr {border: solid #394f60; border-width: 1px 0 0 0; clear: both;}
#footer h3 {color:#92c0de; font-size:1.3em; line-height:1.64em;}
#footer p {color: #92c0de; font-size: 1.1em; line-height:1.64em;}
#footer p a {color: #fff; font-weight: bold;}
#footer p a:hover {text-decoration: underline;}


#footer p#addressInfo {width: 75%; margin: 25px 0 0 0; float: left;}
#footer p#copyright {width: 25%; margin: 25px 0 0 0; float: right; text-align: right;}
#footer span.divider {padding: 0 10px;}