* { padding: 0; margin: 0; outline: 0; }

body {
	font-size: 10px;
	font-family: verdana, sans-serif;
	color: #666666;
	background: #f1ce54 url(images/bg.gif) repeat-x 0 0;
	text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #0076ab; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}

.body {background: url(images/bg.jpg) no-repeat center 31px;}
.shell {margin: 0 auto; width: 995px;}

#header { height:145px; position:relative; }

#utility {height: 31px; color: #f3f3db;}
#utility a {color: #f3f3db; margin-top: 6px;}
#utility p.call {float: right; font-size: 1.5em; color: #f7df90; padding-left: 32px; padding-top: 5px; font-weight:bold}
#utility a.user-login {background: url(images/user-login-arrow.gif) no-repeat right 3px; float: right; padding-right: 10px; text-decoration: underline; font-size: 1.2em;}
#utility a.user-login:hover {text-decoration: none;}
#utility p.font-resize {float: right; padding-top: 7px; padding-right: 30px; font-size: 1.1em;}
#utility p.font-resize a {margin-left: 7px; font-weight: bold;}
#utility p.font-resize a:hover {text-decoration: none;}

h1#logo {float: left; padding-top: 36px; padding-left: 14px;}
h1#logo a {display: block; background: url(images/logo.png) no-repeat 0 0; width: 288px; height: 62px;}

#banner { width:360px; height:101px; background:url(images/banner.png) no-repeat 0 0; position:absolute; top:45px; left:325px;}

#navigation {font-family: arial, sans-serif; font-size: 2.2em; padding-top: 12px; height:37px;}
#navigation ul {list-style-type: none; padding-left: 4px;}
#navigation ul li {float: left; display: inline; padding: 0 10px;}
#navigation ul li a {color: #fff; font-weight: bold;}
#navigation ul li a:hover,
#navigation ul li a.active {color: #f0c55e; text-decoration: none;}

#main { }
#container { padding-bottom:8px; }

#content {background: #f3f3db; padding: 20px 0; width: 753px; float: left; border:solid 1px #ccc; border-bottom:0;}

#content-side {width: 254px; float: left;}
#content-side .side-box {width: 258px; position: relative; left: -14px; padding-bottom: 12px;}
#content-side .side-box-top {background: url(images/side-box-top.png) no-repeat 0 0; height: 20px; line-height: 0; font-size: 0;}
#content-side .side-box-bottom {background: url(images/side-box-bottom.png) no-repeat 0 0; height: 20px; line-height: 0; font-size: 0;}
#content-side .side-box-cnt {background: url(images/side-box-bg.png) repeat-y 0 0; padding-top: 0; padding-left: 15px; padding-right: 15px; height: 100%;}
#content-side .side-box h2.training-courses {background: url(images/training-courses.gif) no-repeat center 0; width: 190px; height: 23px;  border-bottom:solid 1px #d8dece; margin: 0 auto; padding-bottom:5px; position:relative; top:0; margin-bottom:15px;}
#content-side .side-box h2.professional-services {background: url(images/professional-services.gif) no-repeat center 0; width: 190px; height: 23px;  border-bottom:solid 1px #d8dece; margin: 0 auto; padding-bottom:5px; position:relative; top:0; margin-bottom:15px;}
#content-side .side-box h3 {color: #657b3c; font-size: 1.8em; font-weight: normal; font-family: arial, sans-serif;  padding-left:5px; }
#content-side .side-box ul {list-style-type: none; width: 228px; font-family: verdana, sans-serif; padding-top: 10px; padding-bottom: 3px;}
#content-side .side-box ul li {width: 228px; font-size: 1.5em; display: block; font-weight: normal; padding-bottom:10px}
#content-side .side-box ul li a {color: #575757; line-height: 18px; display: block; padding: 2px 0 2px 5px; }
#content-side .side-box ul li a:hover {background: #e98822; color: #fff; text-decoration: none; border:solid 1px #dbdbd7; padding: 1px 0 1px 5px; }


#content-cnt {width: 444px; float: left; background: #fff; padding: 20px 19px 15px 19px; border:solid 1px #dadcd7;}
#content-cnt h1 {font-family: arial, sans-serif; color: #fb8006; font-size: 2.2em; padding-bottom: 10px;}
#content-cnt h2 {font-size: 1.7em; color: #333; padding-bottom: 5px;}
#content-cnt h3 {
	font-size: 1.7em;
	color: #336600;
	padding-bottom: 12px;
}
#content-cnt h4 {font-size: 1.5em; color: #336600; padding-bottom: 12px;}
#content-cnt p {line-height: 18px; padding-bottom: 15px; font-size: 1.3em;}
#content-cnt a {color: #ea8922; text-decoration: underline;}
#content-cnt a:hover {text-decoration: none;}
#content-cnt ul {list-style-type: none; padding-left: 10px; padding-bottom: 18px;}
#content-cnt ul li {padding-left: 15px; background: url(images/bullet.gif) no-repeat 0 3px; padding-bottom: 9px; font-size: 1.2em;}

.expertise {background: url(images/people.jpg) no-repeat right 0; padding-bottom: 5px;}

.feedback {background: url(images/feedback-bg.gif) repeat-y 0 0; width: 446px; margin: 0 auto; height: 100%;}
.feedback-bottom {background: url(images/feedback-bottom.gif) no-repeat 0 bottom; padding-bottom:15px; height: 100%;}
.feedback-top {background: url(images/feedback-top.gif) no-repeat 0 0; padding-top: 21px; padding-left: 30px; padding-right: 15px; height: 100%;}
.feedback a.more {float: right; margin-bottom: 22px; font-size: 1.1em; color: #657b3c !important;}
.feedback p {width: 340px; font-size: 1.5em !important;}
.feedback p.author {padding-bottom: 0 !important; padding-top: 3px;}

.events {background: url(images/events-bg.gif) repeat-y 0 0; width: 446px; margin: 0 auto; height: 100%;}
.events-bottom {background: url(images/events-bottom.gif) no-repeat 0 bottom; padding-bottom:15px; height: 100%;}
.events-top {background: url(images/events-top.gif) no-repeat 0 0; padding-top: 21px; padding-left: 30px; padding-right: 15px; height: 100%;}
.events a.more {float: right; margin-bottom: 22px; font-size: 1.1em; color: #657b3c !important;}
.events p {width: 340px; font-size: 1.2em !important;}
.events p.author {padding-bottom: 0 !important; padding-top: 3px;}

#sidebar {width: 232px; float: right; margin-top: -34px; }
.person {width: 110px; background: #f3f3db; padding-top: 38px; padding-right: 90px; text-align: center; font-family: "times new roman", serif;color: #4b3e26; position: relative; padding-bottom: 60px; z-index: 1; border-left:solid 1px #ccc;}
.person h4 {font-size: 1.6em; font-weight: bold; position: relative; z-index: 3; line-height:1; padding-bottom:10px;}
.person p {font-size: 1.2em; position: relative; z-index: 3;}
.person-image {position: absolute; top: -108px; left: -63px;}
.person-image-cnt {background: url(images/person.png) no-repeat 0 0; width: 326px; height: 314px; }

.sidebar-cnt {background: #f3f3db; z-index: 2; position: relative; padding-bottom: 9px; border:solid 1px #ccc; border-top:0; border-bottom:0;}
.sidebar-cnt .box {width: 225px; padding-left: 7px;}
.sidebar-cnt .box h2 {font-family: "arial narrow", sans-serif; font-size: 1.6em; color: #fff; font-weight: normal; text-align: center; height: 53px; padding-top: 5px; position:relative; left:-1px; font-weight:bold;}
.sidebar-cnt .box h2.red {background: url(images/red-heading.gif) no-repeat 0 0; }
.sidebar-cnt .box h2.green {background: url(images/green-heading.gif) no-repeat 0 0; }
.sidebar-cnt .inner-box { padding-left: 27px; padding-top: 15px; padding-bottom: 15px; background: #fefbc1; height: 100%; position: relative; border:solid 1px #ccc; right:1px;}
.sidebar-cnt .promotion {background: #fefbc1 url(images/promotion.gif) no-repeat right bottom; padding-bottom: 60px;}
.sidebar-cnt .arrow {background: url(images/arrow.gif) no-repeat 0 0; width: 28px; height: 42px; position: absolute; top: -8px; left: 182px;}
.sidebar-cnt .box .box-cnt {margin-top: -8px; position: relative; width: 215px; margin-left: 10px; padding-bottom: 10px;}
.sidebar-cnt .box form label {color: #666; display:  padding-bottom: 3px; font-size: 1.1em; font-family: Arial, sans-serif;margin-bottom: 2px;}
.sidebar-cnt .box form input.text-field {padding:2px; font-family: Arial, sans-serif; font-size:11px; background: #fff; border: 0; display: margin-bottom: 2px; border:solid 1px #ccc; width:100px;}
.sidebar-cnt .box form input.signup {background: url(images/signup.gif) no-repeat 0 0; width: 194px; height: 44px; display: block; border: 0; cursor: pointer; position: relative; left: -2px; top: -16px;}
.sidebar-cnt .box ol {font-size: 3.2em; color: #a7b275; font-family: "arial narrow", sans-serif; padding-left: 20px; font-weight: bold;}
.sidebar-cnt .box ol li {padding-bottom: 2px;}
.sidebar-cnt .box ol li a {font-size: 0.45em !important; color: #e98822; text-decoration: underline; font-family: verdana, sans-serif; margin-top: -6px; background: url(images/play.gif) no-repeat right 1px; padding-right: 17px; font-weight: bold;}
.sidebar-cnt .box ol li a:hover {text-decoration: none;}

.promotion-cnt {position: absolute; bottom: 0; right: 0; width: 75px; text-align: right; color: #fff; font-family: arial, sans-serif; font-size: 1.5em; padding-right: 7px; padding-bottom: 5px;}

#footer {background: #f3f3db; padding-top: 15px; font-size: 1.2em; margin-bottom: 10px; position: relative; border:solid 1px #ccc; width:993px;}
#footer p {text-align: center; padding-bottom: 10px;}
#footer a {color: #000;}
.funded {position: absolute; left: 800px; top: 0; font-size: 0.8em;}
.funded p {padding-bottom: 2px !important; padding-top: 8px;}
.funded a img {display: block; margin: 0 auto;}
.clients {position: absolute; left: 50px; top: 0; font-size: 0.8em;}
.clients p {padding-bottom: 2px !important; padding-top: 8px;}
.clients a img {display: block; margin: 0 auto;}

.two-columns { background:url(images/two-columns-c.gif) repeat-y 0 0; width:100%; }
.two-columns-b { background:url(images/two-columns-b.gif) no-repeat 0 bottom; width:100%; padding-bottom:1px;}

.text-content { font-size:12px; line-height:17px; padding:5px 15px 15px 15px; color:#555; }
.text-content p{ padding-bottom:15px;}