/***** wrapper *****/
 
#wrapper {
	width: 924px;
	margin: 0 auto;
	background: url(../images/wrapper.png) top center repeat-y;
	_background: url(../images/wrapper-ie6.png) top center repeat-y;
	padding: 10px 40px 50px;
}

#header {
	width: 924px;
}

.sub-nav {
	font-size: 1.1em;
	float: right;
	list-style: none;
	padding: 9px 0 22px;
}

.sub-nav li {
	float: left;
}

.sub-nav li a {
	color: #e16c04;
	font-weight: 400;
	text-decoration: none;
}

.sub-nav li a:hover {
	color: #000;
}


#logo {
	width: 211px;
	height: 114px;
	float: left;
	display: block;
	background: url(../images/logo.png) no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 20px;
}

.slogan {
	width: 500px;
	text-align: right;
	float: right;
	font-size: 2em;
	line-height: 1.1em;
	color: #0060af;
}

#content {
	width: 924px;
	clear: both;
	margin: 18px 0 0;
}

.index .banner {
	margin: 0 0 35px;
	position: relative;
	height: 194px;
	padding: 17px 40px 20px;
	color: #fff;
}

.index .banner ul {
	font-size: 2.4em;
	list-style: none;
	float: right;
	text-align: right;
	position: relative;
	z-index: 5;
	padding: 0 0 5px;
}

.index .banner li a {
	line-height: 1.5em;
}

.index .banner li a:hover,
.index .banner li a.active {
	color: #fff;
}

.index .banner p {
	float: right;
	position: relative;
	z-index: 5;
	padding: 0 25px 0 0;
	font-size: 1.4em;
}

.index .banner a.read-more {
	display: block;
	background: url(../images/read-more.png) top left no-repeat;
	width: 103px;
	height: 26px;
	text-indent: -9999px;
	z-index: 5;
	float: right;
	position: relative;
	margin: 6px 0 0;
}

.index  .banner img {
	position: absolute;
	top: 0;
	left: 0;
}

.sponsors #content-left {
	float: none;	
	padding: 0 0 0 10px;
	width: 914px;
}

.index #content-left {
	width: 425px;
	padding: 0 25px 0 10px;
	display: inline;
}

#content-left {
	float: left;
	width: 540px;
	padding: 0 0 0 10px;
	display: inline;
}

.index #content-left h1,
#content-left h1 {
	color: #0060af;
	border-bottom: 3px solid;
	padding: 0 0 8px;
	margin: 0 0 18px;
}

.index #content-right {
	width: 425px;
	padding: 0 10px 0 25px;
}

#content-right {
	width: 323px;
	float: right;
	display: inline;
	padding: 0;
}

.index #content-right h1 {
	color: #c2af00;
	border-bottom: 3px solid;
	padding: 0 0 8px;
	margin: 0 0 18px;
}

.full {
	margin: 15px 0 0;
}

.full h1,
#content-right h1 {
	color: #00aed9;
	border-bottom: 3px solid;
	padding: 0 0 8px;
	margin: 0 0 18px;
}


/***** nav *****/
#nav {
	clear: both;
	height: 34px; /* match li height when styled */
	margin: 20px 0 0;
	padding: 0;
	font-size: 1.6em;
	border-top: 1px solid #7ed3f7;
	border-bottom: 1px solid #7ed3f7;
}

#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 7px 20px 0;

}

#nav li a {
	font-weight: 400;
	text-decoration: none;
	color: #000;
}

#nav li a:hover,
#nav li a.active {
	color: #e16c04;
}

/***** footer *****/
#footer{
	width: 904px;
	margin: 0 auto;
	background: url(../images/footer.png) top center no-repeat;
	_background: none;
	padding: 20px 50px;
	color: #fff;
	min-height: 150px;
}

#footer .company {
	float: left;
}

#footer ul {
	list-style: none;
	margin: 0 0 50px -10px;
	position: relative;
}

#footer li {
	float: left;
	margin: 0;
	padding: 0 10px;
	border-right: 1px solid #fff;
}

#footer li.last {
	border: none;
}

#footer li a {
	color: #fff;
	font-weight: 400;
}

#footer li a:hover {
	color: #7ed3f7;
}

#footer .company p {
	font-size: 1.1em;
	padding: 0 0 5px;
}

#footer div.newsletter {
	float: right;
	width: 420px;
	padding: 0 0 0 30px;
	border-left: 1px solid #7ed3f7;
	height: 125px;
}

#footer div.newsletter h2 {
	color: #7ed3f7;
	padding: 0 0 8px;
}

#footer div.newsletter p {
	padding: 0 0 20px;
}

input.newsletter {
	width: 200px;
	height: 15px;
	border: 1px solid #7ed3f7;
	padding: 5px;
	float: left;
	margin: 0 15px 0 0;
	font-size: 1.2em;
}

input.sign-up,
a.sign-up {
	border: 0;
	background: url(../images/sign-up.png) top left no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 103px;
	float: left;
}

/***** classes *****/

.mad {
  font-family: Rockwell, Helvetica, Arial, sans-serif;
}

.testimonial {
	padding: 20px;
	color: #fff;
	float: left;
	margin: 0 30px 20px 0;
	height: 141px;
	width: 212px;
	background: url(../images/test.png) top left no-repeat;
}

.index .testimonial {
	background: url(../images/test-index.png) top left no-repeat;
	height: 111px;
	margin: 20px 0 0;
	width: 373px;
}

.testimonial blockquote {
	padding: 0;
	margin: 0;
}

.testimonial blockquote p {
	font-size: 1.2em;
	font-style: oblique;
	font-weight: 400;
	margin: 0;
}

.testimonial p {
	font-size: 1.4em;
	font-weight: 700;
	margin: 10px 0 0;
}

.index .news {
	border: 1px solid #c6c6c6;
	padding: 10px;
}

.news {
	border: 1px solid #c6c6c6;
	padding: 10px;
	margin: 0 0 20px;
}

.event {
	margin: 0 0 20px;
}

.news img {
	float: left;
	padding: 0 10px 0 0;
	margin: 0 !important;
	width: 174px;
	height: auto;
}

.news h2 {
	margin: 0 0 10px;
}

.news p,
.event p {
	padding: 0;
	margin: 0;
}

.full {
	margin: 0 10px;
}

.full img {
	padding: 0 40px 0 0;
}

.full p {
	padding: 15px 0 0;
}

h3 {
	font-size: 1.6em;
	padding: 10px 0;
}

h4 {
	color: #0060af;
	font-size: 1.4em;
	font-weight: 700;
	padding: 20px 0;
}

#content-right .image {
	margin: 0 0 30px;
	width: 323px;
	height: auto;
}

ul.list {
	font-size: 1.2em;
	line-height: 1.3em;
	list-style: circle;
	padding: 0 0 10px;
}

label {
	font-size: 1.2em;
	line-height: 1.3em;
	display: block;
	float: left;
	width: 85px;
	padding: 2px 0 0;
}

input.input,
textarea {
	border: 1px solid #4c4c4c;
	padding: 2px 4px;
	margin: 0 0 5px;
	width: 245px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #4c4c4c;
}

input.input:focus,
textarea:focus {
	border: 1px solid #7ed3f7;
}

textarea {
	height: 150px;
}

.submit {
	margin: 5px 0 0 85px;
	font-size: 1.2em;
}


form.newsletter label {
	width: 220px;
	margin: 0 0 10px;
	padding: 3px 0 0;
}

form.newsletter label.wide {
	width: 460px;
	padding: 1px 0 0;
}

form.newsletter input.sign-up {
	border: 0;
	background: url(../images/sign-up-w.png) top left no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 103px;
	float: left;
}

#content-left img {
	margin: 0 0 10px;
}

.study {
	width: 286px;
	height: 178px;
	border: 1px solid #bababa;
	float: left;
	margin: 0 26px 26px 0;
	text-align: center;
	*overflow: hidden;
	*position: relative;
	display: table;
	position: static;
}

.last {
	margin: 0 0 26px;
}

.study div.logo-box {
	*position: absolute;
	*top: 50%;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 160px;
}

.study img.logo {
	*position: relative;
	*top: -50%;
	position: static;
	margin: 0 !important;
}

.study .links {
	display: table-row;
	text-align: center;
	width: 286px;
	margin: 0;
}

.study .links li {
	display: inline;
	list-style: none;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 0 6px;
}

.study .links li.sep {
	border-right: 1px solid #bababa;
	padding: 0 6px 0 0;
}

.study .links li a {
	margin: 0;
	padding: 0;
}