/* Styles for QuestionPoint.org homepage */

/* Non-semantic helper classes */

.clear {
	clear: both;
}

html {
background: #333333;
}

body {
	font-family: "ff-meta-web-pro", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
	margin: 0; 
	padding: 0;
}

.cont-main {
	width: 100%;
	background: #fff;
	border-top: 20px solid #333333;
	border-bottom: 20px solid #cccccc;
	padding: 10px 0;
}

#main-content {
	padding: 30px 10px 0 10px;
	margin: 0px auto 27px auto;
	width: 949px;
}

footer #main-content {
padding-top: 0px;
}
/* BASE STYLES */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a, a:link {
	color: #2178b5;
}

a:visited {
	color: #5A458D;
}

a:hover {
	color: #ff7600;
}

a:active { 
	outline: none; 
}
a:focus { 
	outline: thin dotted; 
}

hr {
	border-top: 1px dotted #cccccc;
	margin: 27px 0;
}
.ie7 hr {
	margin-top: 13px;
}

/* BODY TEXT */

p {
	margin: 0 0 18px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 21px;
}

abbr,acronym {
	border-bottom: 1px dotted #455560;
	cursor: help;
}

caption {
	margin-bottom: 21px;
	text-align: center;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: smaller;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: bold;
	text-rendering: optimizelegibility;
}

h1 {
	font-size: 40px;
	font-family: "ff-meta-web-pro", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 9px 0;
	line-height: 44px;
	letter-spacing: -2.25px;
}

.ie7 h1 {
	line-height: 48px;
}

section h1 {
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

h1.section-title{
	font-size: 36px;
	font-family: "ff-meta-web-pro", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 25px 0 30px 0;
	line-height: 44px;
}

h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 9px 0;
	letter-spacing: -.25px;
}

h3 {
	font-size: 15px;
	line-height: 21px;
	margin: 0 0 9px 0;
}

h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 9px 0;
	text-transform: uppercase;
}

h5, h6 {
	color: @gray;
	font-weight: normal;
	margin: 0 0 9px 0;
}

.hbox.calltoaction h4, .hbox.calltoaction h5, .hbox.calltoaction h6 {
	color: #ffffff;
}

/* LISTS & QUOTES */

blockquote,ul,ol,dl {
	margin: 0 0 21px 0;
}
blockquote,ol,ul,dl {
	margin: 0 0 18px 25px;
}

.ie7 blockquote,.ie7 ol,.ie7 ul,.ie7 dl {
	margin-left: 35px;
}

ol li {
	font-size: 14px;	
}
ul li {
	list-style: disc outside;
	font-size: 14px;
}
dl dd {
	margin-left: 15px;
}

.parbase.textimage.section ul, 
.parbase.textimage.image_left.section ul {
position: relative;
margin: 0px 25px 18px 0px;
overflow: auto;
}

.parbase.textimage.section ul li, 
.parbase.textimage.image_left.section ul  li {
list-style-type: disc; 
margin-left: 25px;
}

.parbase.textimage.section .image
.parbase.textimage.image_left.section .image {
float: left; 
clear: left;
}

.image_right.parbase.textimage.section .image {
float: right; 
clear: right;
}

/* CODE/PREFORMATTED */

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	margin: 0 0 21px;
}

.hbox {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0, .3);
	box-shadow: 0 0 5px rgba(0,0,0, .3);
	padding: 19px 19px 1px 19px;
	background: #f0f0f0;
	border: 2px solid #fff;
	color: #455560;;
	margin: 0 0 21px 2px;
}

.hbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ie8 .hbox,
.ie7 .hbox { 
	border-color: #f5f5f5;
	}

.banner { 
	background: #ffffff;
	height: 254px;
	background-image: url("../images/qp-banner-bkgd.png");
	padding-top: 38px;
	padding-left: 710px;
	margin-bottom: 40px;
}


ul.banner-nav {
	list-style: none;
	margin: 0px;
	padding:0px;
}

ul.banner-nav li {
	list-style: none;
	margin: 7px;
}

ul.banner-nav li a {
	color: #000000;
}

ul.banner-nav li a:hover {
	color: #FF7600;
}

span.link-btn-blue a, ul.banner-nav li span.link-btn-blue a {font-size: 14px;line-height: 18px;display:inline-block;color:#fff;text-decoration:none;background:#2178b5;background:-webkit-gradient(linear,left top,left bottom,from(#2178b5),to(#043880));/* Safari,Chrome */background:-moz-linear-gradient(top,#2178b5,#043880);/* Firefox */padding:9px 65px 10px 15px !important;border:1px solid #043880;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255, .5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255, .5);box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255, .5);text-shadow:0 -1px 0 rgba(0,0,0,.3);}
span.link-btn-blue a:visited, ul.banner-nav li span.link-btn-blue a:visited {color:#fff !important;}
span.link-btn-blue a:hover, ul.banner-nav li span.link-btn-blue a:hover {background:#043880 !important;}
span.link-btn-blue a:active, ul.banner-nav li span.link-btn-blue a:active {box-shadow:0 2px 1px rgba(0,0,0,.2) inset;}

ul.banner-nav li span.link-btn-blue a {
margin-bottom: 3px;
}

.ie7 span.link-btn-blue a, .ie7 ul.banner-nav li span.link-btn-blue a, .ie8 span.link-btn-blue a, .ie8 ul.banner-nav li span.link-btn-blue a, .ie9 span.link-btn-blue a, .ie9 ul.banner-nav li span.link-btn-blue a {
	padding-right: 65px;
	color: #ffffff;
}

span.link-btn-green a{font-size: 14px;line-height: 18px;display:inline-block;color:#fff;text-decoration:none;background:#409a3c; background: -webkit-gradient(linear, left top, left bottom, from(#409a3c), to(#105d0e)); background: -moz-linear-gradient(top,  #409a3c,  #105d0e); padding:9px 15px 10px 15px !important;border:1px solid #105d0e;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255, .5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255, .5);box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 1px 0 rgba(255,255,255, .5);text-shadow:0 -1px 0 rgba(0,0,0,.3);}
span.link-btn-green a:visited{color:#fff !important;}
span.link-btn-green a:hover{background:#105d0e !important;}
span.link-btn-green a:active {box-shadow:0 2px 1px rgba(0,0,0,.7) inset;}

/* ---- 2 columns, 67/33 */
div.parsyscolumncontrol .cq-colctrl-qp { 
	display: block;
	clear: both;
	width: 949px;
}

div.parsyscolumncontrol .cq-colctrl-qp-c0 { width: 70.5%; float:left;}
div.parsyscolumncontrol .cq-colctrl-qp-c1 { width: 26.5%; float:right; padding-right: 5px;}

div.parsyscolumncontrol .cq-colctrl-qp-ftr { 
	display: block;
	clear: both;
	width: 949px;
}

div.parsyscolumncontrol .cq-colctrl-qp-ftr-c0 { 
	width: 32%;
	float: left;
	background: url("../images/footer-logo-oclc.png") no-repeat 0px 15px;
	padding-top: 30px;
	padding-left: 150px;
	padding-bottom: 100px;
}

div.parsyscolumncontrol .cq-colctrl-qp-ftr-c1 {
	width: 50%;
	float: right;
	padding-top: 30px;
	padding-bottom: 100px;
}

/* FOOTER */

.footer-arrow {
	background: url("../images/footer-arrow.png") no-repeat 40px 0;
	height: 21px;
}

.cq-colctrl-qp-ftr p {
	font-size: 11px;
	line-height: 15px;
	color: #fff;
	margin: 0 0 6px 0;
}

.cq-colctrl-qp-ftr h4 {
	color: #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0 0 6px 0;
	line-height: 21px;
	letter-spacing: 0;
	font-size: 14px;
	text-transform: none;
}

.cq-colctrl-qp-ftr p a, .cq-colctrl-qp-ftr p a:link {
	color: #ffffff;
}

.cq-colctrl-qp-ftr p a:visited {
	color: #ffffff;
}

.cq-colctrl-qp-ftr p a:hover {
	color: #dadddf;
}