@charset "utf-8";
/*#############################################################
Name: site.css
Date: 2012-02-09
Author: Matthew Sharritt, Ph.D.
URL: http://www.situatedresearch.com
#############################################################*/
@font-face {
    font-family: 'HabibiRegular';
    src: url('../fonts/Habibi-Regular-webfont.eot');
    src: url('../fonts/Habibi-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Habibi-Regular-webfont.woff') format('woff'),
         url('../fonts/Habibi-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Habibi-Regular-webfont.svg#HabibiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
	margin:0 auto;
	padding:0;
}
body {
	background: #2d354c url(../img/body-bg.jpg) no-repeat top;
	text-align:center;
	font: 12px/22px Verdana, Geneva, sans-serif;
	color: #333;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	text-align: left;
}
h1, h2, h3 {
	font: normal 20px/38px 'HabibiRegular', Arial, Helvetica, sans-serif;
	padding:25px 15px 20px;
	color:#221;
}
h4, h5, h6 {
	font: bold 16px/27px 'HabibiRegular', Arial, Helvetica, sans-serif;
	color: #443;
	padding:18px 18px 14px;
	letter-spacing:1px;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:24px;
	line-height:33px;
}
h3 {
	line-height:29px;
}
h5 {
	font-size:14px;
	font-style:italic;
}
h6 {
	font-size:12px;
	line-height:18px;
}
a {
	text-decoration: none;
	color:#4070c0;
}
/* all A tags whose CLASS attribute is pdf */
a[class ="pdf"] {
	padding: 0 18px 0 0;
	background: transparent url(../img/icon_pdf.gif) no-repeat center right;
}
a:hover {
	text-decoration:underline;
}
a img {
	text-decoration:none;
}
p, ul, ol {
	padding:8px 22px;
}
img {
	border:none;
	padding:0;
}
blockquote {
	padding-left: 50px;
}
li {
	margin-left:48px;
	padding:5px;
}
.check li {
	list-style:none;
	padding:0 6px 9px 30px;
	margin-left:22px;
	background:transparent url(../img/check_mark.png) no-repeat top left;
}
#header {
	width:964px;
	height:83px;
	margin-bottom:8px;
}
#logo {
	width:189px;
	height:83px;
	float:left;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
}
#logo a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
#menu {
	width:627px;
	height:83px;
	float:right;
}
#menuitems {
	height:34px;
	width:627px;
	margin-top:48px;
}
/* submenus */
ul.mainmenu {
	list-style:none;
	float:right;
	margin:0;
	padding:0;
}
ul.mainmenu * {
	margin:0;
	padding:0;
	font: 13px/16px Verdana, Geneva, sans-serif;
}
ul.mainmenu a {
	text-decoration:none;
}
ul.mainmenu a:hover {
}
ul.mainmenu li {
	position:relative;
	float:left;
	margin-right:0px;
}
ul.mainmenu ul {
	position:absolute;
	top:32px;
	left:-1px;
	width: 184px;
	display:none;
	list-style:none;
}
ul.mainmenu ul li {
	position:relative;
	border:1px solid #b6b5b4;
	border-top:none;
	width:182px;
	height:28px;
}
ul.mainmenu ul li a {
	padding:4px 5px 4px 7px;
	color:#f7f7f5;
	background: url(../img/submenu.jpg) top repeat-x;
	display:block;
	height:80%;
}
ul.mainmenu ul li a:hover {
	background:url(../img/submenu-roll.jpg) top repeat-x;
	color:#fff4dc;
	display:block;
	text-decoration:none;
}
ul.mainmenu ul li a:active {
	background: url(../img/submenu-click.jpg) top repeat-x;
	display:block;
}
ul.mainmenu ul ul {
	left:182px;
	top:-1px;
}
/* 

ul.mainmenu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(../img/header.gif); width:134px}

ul.mainmenu .menulink:hover, ul.mainmenu .menuhover {background:url(../img/header_over.gif)}

ul.mainmenu .sub {background: url(../img/arrow.gif) 159px 11px no-repeat}

ul.mainmenu .sub a:hover {background: url(../img/arrow.gif) 159px 11px no-repeat}

*/

ul.mainmenu .topline {
	border-top:1px solid #b6b5b4;
}
ul.mainmenu .arrow {
	position:absolute;
	top:10px;
	left:170px;
}
#searchbox {
	background: transparent url(../img/search.png) no-repeat;
	width:150px;
	height:26px;
	float:right;
	margin:4px -1px 0 0;
	padding:0;
}
#searchbox input {
	background-color:#fbfbfa;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	float:left;
	width:120px !important;
	height:20px !important;
	border:none !important;
	color:#a6a6a6;
	margin: 2px 4px 6px !important;
	padding:0 !important;
	overflow:hidden;
}
#searchbox img {
	margin: 4px 3px 7px 0;
}
/* search box styles for IE7 and earlier */

#searchie {
	margin:-1px 0;
	padding: 1px 5px 0 0;
}
#searchie input {
	font-size: 13px !important;
	height: 18px !important;
}
#searchie img {
	vertical-align:baseline;
	margin: 5px 5px 6px 0;
}
#contentarea {
	width:964px;
	margin:0 auto;
}
#contentheader {
	clear:both;
	width:964px;
	height:6px;
	vertical-align:bottom;
	background:url(../img/contentheader.png) no-repeat;
	overflow:hidden;
	margin-bottom:-1px;
}
#contentmain {
	clear:both;
	width: 960px;
	margin:0 1px 0 1px;
	background-color:#fbfbfa;
	overflow:hidden;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	border-top: none;
	border-bottom: none;
	padding:1px 0;
}
.homepage {
	background: url(../img/apps.jpg) no-repeat top right !important;
}
#contentfooter {
	clear:both;
	width:964px;
	height:9px;
	vertical-align:top;
	background:url(../img/contentfooter.png) no-repeat;
	overflow:hidden;
	margin-top:-1px;
}
#submenu {
	list-style:none;
	float:left;
	width:120px;
	margin:0;
	padding:10px 10px 0 0;
}
#submenu li {
	margin:0;
	padding:0;
	background-color:#ccc;
	border:solid 1px #c0c0c0;
	line-height:30px;
	vertical-align:middle;
}
#submenu li a {
	width:100%;
	height:30px;
	display:block;
	background-color:#ddd;
	padding:0;
}
#submenu li a:hover {
	text-decoration:none;
	background-color:#ccc;
}
#newsroll {
	width:964px;
	height:46px;
	background-image:url(../img/newsroll.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	letter-spacing:1px;
}
#newsroll .news {
	margin:0;
	float:left;
	text-align:left;
	font-size:14px;
	line-height:none;
	padding: 10px 30px;
}
#buttons {
	width:964px;
	height:164px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.button {
	float:left;
	display:inline;
	clear:none;
	padding:0;
	margin:0;
}
#footer {
	margin:0 auto 14px;
	padding:35px 0 14px;
	text-align:center;
	color:#def;
	letter-spacing:1px;
}
#footer .nav {
	font-weight:bold;
}
#footer p {
	text-align:center;
}
#footer a {
	color:#e90;
}
.mouseblue {
	color:#131928;
}
.orange, .orange a {
	color:#e90;
	font-weight:bold;
	text-decoration:underline;
}
.footnote {
	text-align:center;
}
.clear {
	clear: both;/* do NOT float me */
}
.cols {
	padding:0 15px 10px;
	float:left;
	clear:both;
}
.col4 {
	float:left;
	width:222px;
	margin:10px 5px;
}
.col4 img {
	border: 1px solid #789;
}
.col3 {
	float:left;
	width:285px;
	margin:10px;
}
.col3 img, .col3 img a {
	border:1px #aaa solid;
	text-decoration:none;
}
.col3fill {
	float:left;
	width:287px;
	text-align:center;
	margin:10px 10px 15px;
	background-color:#f1f3f5; 
	border:1px #bbb solid;
	box-shadow:4px 4px 11px #dfdfdf;
	-moz-box-shadow:4px 4px 11px #dfdfdf;
	-webkit-box-shadow:4px 4px 11px #dfdfdf;
}
.col3 p, .col3fill p, .col3 h2, .col3fill h2, .col3 h3, .col3fill h3, .col3 h4, .col3fill h4 {
	text-align:center;
}
.col3fill ul, .col3 ul, .col2 ul, .col4 ul {
	margin-left:-20px;
}
.col3 .title {
	font-size: 11px;
	line-height: 16px;
	margin: -6px 0 24px;
}
.col23 {
	float:left;
	text-align:left;
	width:574px;
	margin:10px 15px 10px;
	background-color:#ededed;
	border:1px #bbb solid;
	clear:right;
}
.col2 {
	float: left;
	width: 400px;
	margin: 10px 30px;
}
.col2fill {
	float: left;
	width: 365px;
	margin: 10px 15px;
	background-color:#ededed;
	border:1px #bbb solid;
	clear:right;
}
.profiles {
	height:190px;
	padding:0px 10px 20px 20px;
	clear: both;
}
.profiles p img {
	margin:7px 25px 25px 0px;
	border:1px solid;
}
.pictures {
	margin:6px 12px;
	border:1px;
	border-style:solid;
}
.subnav {
	font-size:12px;
	text-align:center;
	margin:-7px 0 -14px;
}
.active, .active a {
	color:#e90;
	font-weight:bold;
	text-decoration:underline;
}
.piccol {
	float:right;
	text-align:center;
	background-color:#EEE;
	width:240px;
	margin:10px;
	border:ridge;
	border-color:#335;
	border-width: 1px;
}
.piccol img {
	border:none;
}
.icon, .icon a {
	width: 48px;
	height: 48px;
	font-size: 9px;
	float: left;
	display: block;
	text-decoration: none;
	text-align:center;
}
#newsletter {
	text-align:center;
	padding-bottom:5px;
}
#newsletter input {
	font-size:14px;
	height:17px;
}
#newsletter img {
	vertical-align:middle;
	padding: 0 5px 5px;
}
.right {
	padding-left:660px;
}
.fade {
	float:left;
	vertical-align:central;
	margin:10px 10px 24px 45px;
	width:525px;
	border:1px solid #d1d3d5;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-opera-border-radius:6px;
	-khtml-border-radius:6px;
	box-shadow:3px 3px 7px #cdcdcd;
	-moz-box-shadow:3px 3px 7px #cdcdcd;
	-webkit-box-shadow:3px 3px 7px #cdcdcd;
	background-color:#f1f3f5;
	padding:12px 20px 16px;
	font-style:italic;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	line-height: 24px;
	text-align:left;
	clear:both;
}
.fadefull {
	float:left;
	vertical-align:middle;
	margin:20px 30px 0 55px;
	width:800px;
	height:100px;
	border:1px solid #cccccc;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	box-shadow:3px 3px 5px #aaa;
	-moz-box-shadow:3px 3px 5px #aaa;
	-webkit-box-shadow:3px 3px 5px #aaa;
	background-color:#f1f3f5; 
	padding:12px 20px 12px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-size:16px;
	line-height:24px;
	text-align:left;
	clear:both;
}
.author {
	font-size: 80%;
	font-style: normal;
	font-weight: bold;
	float:right;
	page-break-before: always;
	line-height:16px;
	margin: 10px 35px 3px 0;
}
.webinar img {
	border:1px solid #cccccc;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	box-shadow:4px 4px 6px #aaa;
	-moz-box-shadow:4px 4px 6px #aaa;
	-webkit-box-shadow:4px 4px 6px #aaa;
	background-color:#f1f3f5; 
}
.webinar a:hover img {
	box-shadow:3px 3px 9px #777;
	-moz-box-shadow:3px 3px 9px #777;
	-webkit-box-shadow:3px 3px 9px #777;
}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
    opacity: 0.8;       
	background-color: #333;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(rgba(48,48,48,0.8)));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #333, rgba(48,48,48,0.8));
    /* For Internet Explorer 5.5 - 7 */
    filter:alpha(Opacity=90, FinishOpacity=90, Style=1, StartX=1242, StartY=0, FinishX=1242, FinishY=696);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90, FinishOpacity=90, Style=1, StartX=1242, StartY=0, FinishX=1242, FinishY=696)";
	min-height:250px;
	position:relative;
	border:4px solid #aaa;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	box-shadow:4px 4px 13px #999;
	-moz-box-shadow:4px 4px 13px #999;
	-webkit-box-shadow:4px 4px 13px #999;
	margin-left:30px;
	padding:40px 30px 20px 30px;
	width:420px;
	font-size:12px;
	color:#fff;
	text-align:left;
}
.tooltip h3 a {
	color:#ad4;
	padding:0px !important;
	margin:0 0 0 170px !important;
}
.tooltip .label {
	color:yellow;
	width:40px;
	font-weight:bold;
	padding-right:30px;
}
.tooltip img {
	padding-right:14px;
}
.tooltip td {
	padding:0 0 9px;
}
/* trigger button */
.more {
	background:transparent scroll 0 0;
	overflow:hidden;
	cursor:help;
	display:inline;
}
.more a {
	text-decoration:none;
	border-bottom:1px dotted;
}
.tooltip-arrow-border {
	border-color: transparent #aaa transparent transparent;
	border-style:solid;
	border-width:30px;
	width:0;
	height:0;
	position:absolute;
	top:130px;
	left:-64px;
}
.tooltip-arrow {
	border-color: transparent #464646 transparent transparent;
	border-style:solid;
	border-width:30px;
	width:0;
	height:0;
	position:absolute;
	top:130px;
	left:-58px;
}
#container {
	background-color:#fff !important;
    opacity: 0.95;       
	position:relative;
	border:3px solid #eee;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-opera-border-radius:10px;
	-khtml-border-radius:10px;
	box-shadow:4px 4px 13px #999;
	-moz-box-shadow:4px 4px 13px #999;
	-webkit-box-shadow:4px 4px 13px #999;
	margin:5%;
	padding:3%;
	height:100%;
	width:82%;	
}
#rightInfo { 
	float: right; 
	width: 735px; 
	margin: 0 10px; 
	clear: right; 
}
#leftInfo { 
	float: left; 
	width: 720px; 
	margin: 0 0 0 10px; 
	clear: left; 
}
#rightInfo h2 { margin-top:-8px; letter-spacing:1px; font-size:24px; }
#leftNav { float:left; width:240px; padding:0; margin:16px 0 0 -50px; }
#rightNav { float:right; width:220px; padding:0; margin:16px 0 0 -10px; }

#leftNav ul, #rightNav ul { list-style-type: none; padding:0; }
#leftNav .box { background:url(../img/leftNav-box-c.gif) no-repeat -170px 0; }
#rightNav .box { background:url(../img/leftNav-box-c.gif) no-repeat 0 0; }
#leftNav .box-b { background:url(../img/leftNav-box-b.gif) no-repeat -170px 0;}
#rightNav .box-b { background:url(../img/leftNav-box-b.gif) no-repeat 0 0;}
#leftNav h3 { height:32px; background:url(../img/leftNav-h2.gif) no-repeat -170px 0; font-size:18px; font-weight:bold; line-height:32px; padding:0 16px; }
#rightNav h3 { height:32px; background:url(../img/leftNav-h2.gif) no-repeat 0 0; font-size:18px; font-weight:bold; line-height:32px; padding:0 16px; }
#leftNav ul li { background:url(../img/leftNav-box-c.gif) repeat-y -170px 0; padding:0; margin-bottom:10px;}
#rightNav ul li { background:url(../img/leftNav-box-c.gif) repeat-y 0 0; padding:0; margin-bottom:10px;}
#leftNav ul li ul { background:url(../img/leftNav-box-b.gif) no-repeat -170px bottom; padding:8px 13px 13px 13px; }
#rightNav ul li ul { background:url(../img/leftNav-box-b.gif) no-repeat 0 bottom; padding:8px 13px 13px 13px; }
#leftNav ul ul, #rightNav ul ul { padding: 0; }
#leftNav ul ul li, #rightNav ul ul li { background:url(../img/arr.gif) no-repeat 0 10px; border-bottom:solid 1px #dcdcdc; padding:4px 4px 8px 11px; margin:4px 0 0 6px;}
#leftNav ul li .bottom, #rightNav ul li .bottom { border-bottom: none; padding-bottom: 0; }
#leftNav ul ul ul, #rightNav ul ul ul { background:transparent; padding:0; }
#leftNav ul ul ul li, #rightNav ul ul ul li { border:0; }
#leftNav li.no-li, #rightNav li.no-li { border:0 !important; background:transparent; padding-left:0;}

.miniNav {
	float:right;
	width: 230px;
	text-align:center; 
	margin:12px 15px 0; 
	font-size:11px;
	background-color:#eee;
    opacity:0.95;       
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-opera-border-radius:5px;
	-khtml-border-radius:5px;
	box-shadow:2px 2px 6px #aaa;
	-moz-box-shadow:2px 2px 6px #aaa;
	-webkit-box-shadow:2px 2px 6px #aaa;
}