/*
	style.css (IOG Theme)
	Author: Phil Champagne (RealDecoy Inc.)

*/	
	
/* =Global
------------------------------------------------------------------------------ */
body {
	background: #fff url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	position: relative;
	margin: 0;
}

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

.clearfix { 
	min-height: 0;
	height: 0;
}

html>body .clearfix { 
	height: auto;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}

/* =Header / Branding
------------------------------------------------------------------------------ */
#header {
	display: none;
	visibility: hidden;
}

/* =Utility nav
------------------------------------------------------------------------------ */
#utilityNav ul.menu {
	display: none;
	visibility: hidden;
}

/* =Main navigation / Primary links / Secondary links
------------------------------------------------------------------------------ */
#mainNavLeft {
	display: none;
	visibility: hidden;
}

#mainNavRight {
	display: none;
	visibility: hidden;
}

/* =Layout
------------------------------------------------------------------------------ */
#wrapper {
	background: #fff;
	width: 100%;
	text-align: left;
}

#wrapper #innerWrapper {
	background: #fff;
	width: 100%;
	text-align: left;
}

#wrapper #innerWrapper #mainContent {
	clear: both;
 	padding-top: 10px;
}

#wrapper #content {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#wrapper #contentFull { /* When there is no right sidebar */
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#wrapper #sidebar-left {
	display: none;
	visibility: hidden;
}

#wrapper #sidebar-right { /* Used on homepage and sub pages */
	display: none;
	visibility: hidden;
}

/* Footer Callout */
div#globalCallout {
	display: none;
	visibility: hidden;
}

/* Node type reference */
div.field-type-nodereference {	
	background: none;
	padding: 10px;
}

/* Teaching Associates */
div#views-teaching_associates-block_2 div.teachingAssociateBlock {
	margin-bottom: 17px;
	min-height: 130px;
	height: auto !important;
	height: 130px;
	padding-bottom: 10px;
}

div#views-teaching_associates-block_2 div.teachingAssociateBlock div {
	margin-bottom: 5px;
}

div#views-teaching_associates-block_2 div.teachingAssociateBlock p.teacher {
	float: left;
	width: 50px;
	padding: 10px 0 0 15px;
}

div#views-teaching_associates-block_2 div.teachingAssociateBlock h2 {
	background: none;
	color: #000;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

div#views-teaching_associates-block_2 div.teachingAssociateBlock {
	margin-bottom: 8px;
	padding: 0 10px 0 10px;
}

div#views-teaching_associates-block_2 div.teachingAssociateBlock .ta-icon {
	display: block;
	float: left;
	width: 50px;
}

/* =Projects
------------------------------------------------------------------------------ */
div.view-Main-Page-Project-Listing {
	margin-top: 10px;
}

div.view-Main-Page-Project-Listing ul {
	margin: 0 0 0 14px;
}

div.view-Main-Page-Project-Listing ul li {
	list-style: square;
	padding-bottom: 5px;
}

/* =Learning Center
------------------------------------------------------------------------------ */
#content div.view-learning-centre ul {
	margin: 10px 0 10px 14px;
}

#content div.view-learning-centre ul li {
	list-style: square;
	padding-bottom: 10px;
}

#mainContent .teamImage {
	display: block;
	float: left;
	padding: 7px 10px 10px 0;
}

#mainContent .taImage {
	display: block;
	float: left;
	width: 30%;
	padding: 2px 20px 10px 0;
}

#mainContent .taBio {
	display: block;
	float: left;
	width: 60%;
	padding: 0 10px 10px 0;
}

/* =Board of directores
------------------------------------------------------------------------------ */
#mainContent .bodImage {
	display: block;
	float: left;
	width: 30%;
	padding: 2px 15px 5px 0;
}

/* =Testemonials page
------------------------------------------------------------------------------ */
div#views-Testimonials_block-block_2 p.quoter {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

div#views-Testimonials_block-block_2 p.moreLink {
	display: none;
} 

/* =News and Events
------------------------------------------------------------------------------ */
div#views-Main_page_News_Listing-block_7 {
	background: #ebeff0;
	margin-top: 20px;
}

div#views-Main_page_News_Listing-block_7 h2 {
	background: #98012e !important;
	color: #fff;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

div#views-Main_page_News_Listing-block_7 div.view-Main-page-News-Listing {
	font-size: 93%;
	padding: 5px 10px 3px 10px;
}

div#views-Main_page_News_Listing-block_7 ul {
	margin-bottom: 0 !important;
}

div#views-Main_page_News_Listing-block_7 ul li {
	padding: 0 0 10px 0;
}

/* =Voting Members
------------------------------------------------------------------------------ */
div.view-Voting-Member {
	margin-top: 20px;
}

div.view-Voting-Member .vm-title {
	margin-bottom: 0 !important;
	color: #434343 !important;
}

div.view-Voting-Member .vm-desc {
	margin-top: 0 !important;
	color: #333 !important;
}

/* =Initiatives
------------------------------------------------------------------------------ */
div#views-Initiatives-block_1 {
	background: #ebeff0;
	margin-top: 30px;
}

div#views-Initiatives-block_1 h2 {
	background: #98012e !important;
	color: #fff;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

div#views-Initiatives-block_1 div.view-Initiatives {
	font-size: 93%;
	padding: 5px 10px 3px 10px;
}

div#views-Initiatives-block_1 ul {
	margin-bottom: 0 !important;
}

div#views-Initiatives-block_1 ul li {
	padding: 0 0 10px 0;
}

/* Main page listing */
div#views-Initiatives-block_2 div.initiatives {
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

/* =Layout homepage
------------------------------------------------------------------------------ */
#home #homeMainContent {
	float: left;
	width: 537px;
}

#home #homeMainContent #homepageMainBanner {
	display: none;
	visibility: hidden;
}

#home #homeMainContent #homepageMainBanner p {
	color: #587c7c;
	line-height: 17px;
	margin: 0 !important;
	padding: 45px 0 0 31px;
}

/* Three column callouts */
#home #threeColCallouts {
	background: none;
	margin: 13px 0 0 0;
}

#home #threeColCallouts div.block-views,
#home #threeColCallouts div.block-block {
	float: left;
	color: #000;
}

#home #threeColCallouts div.block-views h2,
#home #threeColCallouts div.block-block h2 {
	color: #000;
	font-size: 100%;
	margin: 0 !important;
	padding: 5px 0 5px 10px;
}

#home #threeColCallouts div.block-views a,
#home #threeColCallouts div.block-block a {
	text-decoration: none;
	font-weight: bold;
}

#home #threeColCallouts div.block-views ul,
#home #threeColCallouts div.block-block ul {
	padding: 0 12px 0 12px;
}

#home #threeColCallouts div.block-views ul li {
	display: inline;
	font-size: 85%;
}

#home #threeColCallouts div.block-views ul li .date,
#home #threeColCallouts div.block-block ul li .date {
	display: block;
	padding-bottom: 10px;
}

#home #threeColCallouts div.block-views ul li a,
#home #threeColCallouts div.block-block ul li a {
	text-decoration: underline;
	font-weight: normal;
}

#home #threeColCallouts div.block-views p,
#home #threeColCallouts div.block-block p {
	line-height: 16px;
	font-size: 93%;
	margin-top: 10px;
	padding: 0 10px 0 10px;
}

#home #threeColCallouts div.block-views img,
#home #threeColCallouts div.block-block img {
	display: block;
}

#home #views-home_features-block_1 {
	width: 178px;
	float: left;
}

#home #views-home_features-block_1 h2 {
	background: none;
}

#home #views-home_features-block_2 {
	width: 182px;
	float: left;
}

#home #views-home_features-block_2 h2 {
	background: none;
}

#home #block-12 {
	width: 177px;
	float: left;
	position: relative;
}

#home #block-12 ul li {
	font-size: 93%;
	padding-bottom: 10px;
}

#home #block-12 h2 {
	background: none;
}

#home #block-12 h3 {
	color: #bea467;
	font-size: 116%;
	font-weight: normal;
	padding: 8px 0 0 12px;
}

#home #threeColCallouts #views-home_features-block_1,
#home #threeColCallouts #views-home_features-block_2,
#home #threeColCallouts #block-12 {
	min-height: 240px;
	height: auto !important;
	height: 240px;
	padding-bottom: 45px;
	position: relative;
}
	
#home #threeColCallouts #views-home_features-block_1 p.moreLink,
#home #threeColCallouts #views-home_features-block_2 p.moreLink,	
#home #threeColCallouts #block-12 p.moreLink {
	background: none;
	font-size: 77%;
	padding: 8px 12px 10px 0 !important;
	margin: 0 !important;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 95%;
}

/* Recent Publications */
#home #sidebar-right div.Publications {
	background: none;
	margin-bottom: 17px;
	min-height: 191px;
	height: auto !important;
	height: 191px;
	margin-top: -14px;
	padding-bottom: 8px;
	position: relative;
}

#home #sidebar-right div.Publications ul {
	margin: 0 !important; 
	padding: 10px 0 10px 0;
}

#home #sidebar-right div.Publications ul li {
	background: none !important;
	list-style: none !important;
	padding: 0 10px 8px 10px;
	font-size: 85%;
}

#home #sidebar-right div.Publications h2 {
	background: none !important;
	color: #fff;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

#home #sidebar-right div.Publications h2 .rss {
	display: block;
	float: right;
	padding: 2px 10px 0 0;
}

#home #sidebar-right div.Publications p.moreLink {
	background: none;
	font-size: 85%;
	padding: 8px 12px 10px 0 !important;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 95%;
}

#home #sidebar-right div.Publications a.pdfIcon {
	background: none;
	display: block;
	padding: 2px 0 0 27px;
	font-size: 85%;
	min-height: 23px;
	height: auto !important;
	height: 23px;
}

/* Of Note */
#home #sidebar-right div.Note {
	background: none;
	min-height: 277px;
	height: auto !important;
	height: 277px;
	margin-top: -4px;
	padding-bottom: 8px;
	position: relative;
}

#home #sidebar-right div.Note ul {
	padding: 10px 0 10px 12px;
}

#home #sidebar-right div.Note ul li {
	background: none;
	font-size: 85%;
	line-height: 15px;
	padding: 0 10px 10px 10px;
}

#home #sidebar-right div.Note h2 {
	background: none !important;
	color: #000;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

#home #sidebar-right div.Note h2 .rss {
	display: block;
	float: right;
	padding: 2px 10px 0 0;
}

/* =Common Blocks
------------------------------------------------------------------------------ */
div.commonBlock {
	background: none;
	margin-top: 30px;
}

div.commonBlock h2 {
	background: none !important;
	color: #000 !important;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

div.commonBlock h2 .rss {
	display: block;
	float: right;
	padding: 2px 10px 0 0;
}

div.commonBlock ul {
	margin: 0 !important;
}

div.commonBlock ul li {
	list-style: none !important;
	padding: 0 0 10px 0 !important;
	font-size: 93%;
}

div.commonBlock .moreLink {
	font-size: 85% !important;
	text-align: right;
	padding: 8px 12px 15px 0 !important;
	width: 95%;
}

/* Upcoming Courses */
div#views-upcoming_courses-block_3 {
	background: none;
	margin-top: 30px;
}

div#views-upcoming_courses-block_3 h2 {
	background: none !important;
	color: #000 !important;
	font-size: 100%;
	padding: 5px 0 5px 10px;
}

div#views-upcoming_courses-block_3 ul {
	margin-bottom: 0 !important;
}

div#views-upcoming_courses-block_3 ul li {
	padding: 0 0 10px 0;
	font-size: 93%;
}

div#views-upcoming_courses-block_3 .moreLink {
	font-size: 85% !important;
	text-align: right;
	padding: 8px 12px 15px 0 !important;
	width: 95%;
}

/* =Page Navigation
------------------------------------------------------------------------------ */
#sidebar-left div.block-menu, 
#sidebar-left div.block-user {
	display: none;
	visibility: hidden;
}

/* =Breadcrumb
------------------------------------------------------------------------------ */
.breadcrumb {
	display: none;
	visibility: hidden;
}

/* =Views + Views(sidebar-right)
------------------------------------------------------------------------------ */
#sidebar-right {
	display: none;
	visibility: hidden;
}

/* =Custom blocks
------------------------------------------------------------------------------ */
#sidebar-right div.block {
	background: none;
	font-size: 85%;
	margin-bottom: 10px;
	padding: 10px 5px 5px 10px;
}

#sidebar-right div.block p {
	text-align: center;
	margin-bottom: 8px;
}

#sidebar-right div.block img {
	display: block;
}

#sidebar-left #block-10 {
	background: none;
	font-size: 100%;
	margin: -20px 0 10px 0;
	padding: 10px 5px 10px 10px;
}

#sidebar-left #block-10 p a.pdfIcon {
	background: none;
	display: block;
	font-size: 93%;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	text-align: left;
	text-decoration: none;	
	padding: 0 0 0 30px;
}

/* =Links
------------------------------------------------------------------------------ */
a, a:focus, a:link {
	color: #666;
	outline: none;
}

#content p.moreLink, #contentFull p.moreLink {
	text-align: right;
	font-size: 93%;
}

#content p.moreLink a, #contentFull p.moreLink a {
	color: #666;
}

#threeColCallouts p.moreLink,
#sidebar-left p.moreLink,
#sidebar-right p.moreLink {
	background: none;
	font-size: 85%;
	text-align: right;
	padding: 8px 10px 5px 10px !important;
}

#threeColCallouts p.moreLink a,
#sidebar-left p.moreLink a,
#sidebar-right p.moreLink a {
	color: #666;
	text-decoration: underline !important;
}

#calendarIcon {
	background: none;
	display: block;
	min-height: 38px;
	height: auto !important;
	height: 38px;
	font-size: 108%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding: 5px 0 0 48px;
}

/* =Lists
------------------------------------------------------------------------------ */
#mainContent #content .view-Board-of-Directors ul,
#mainContent #content .view-Team-Members ul {
	list-style: square;
	margin: 5px 0 5px 20px;
}

#mainContent #content .view-Board-of-Directors ul li,
#mainContent #content .view-Team-Members ul li {
	list-style: square;;
	padding-bottom: 4px;
}

#mainContent #content ul {
	margin: 0 0 16px 16px;
	font-size: 93%;
}

#mainContent #content ul li {
	list-style: square;
	margin: 0 0 0 16px;
	padding-bottom: 5px;
}

#mainContent #contentFull ul {
	margin: 0 0 16px 16px;
	font-size: 93%;
}

#mainContent #contentFull ul li {
	list-style: square;
	padding-bottom: 5px;
}

#mainContent #content ol {
	margin: 0 0 16px 30px;
}

#mainContent #content ol li {
	list-style: decimal;
	padding-bottom: 5px;
}

/* Course list */
#mainContent #content ul.courseList, #mainContent #contentFull ul.courseList {
	margin: 0 0 0 16px;
}

#mainContent #content ul.courseList li, #mainContent #contentFull ul.courseList li {
	list-style: square;
	padding-bottom: 5px;
}

#mainContent #content ul.courseList li .date, #mainContent #contentFull ul.courseList li .date {
	color: #666;
	display: block;
}

/* Newsletter Archive */
#block-9 {
	border-top: 1px solid #999;
	padding-top: 15px;
}

#block-9 ul li p {
	margin-bottom: 6px !important;
}

#block-9 ul li ul.newsletterArchive {
	margin: 0 0 15px 0;
}

/* publications */
#publicationsListing p a.pdfIcon {
	background: none;
	display: block;
	padding: 2px 0 0 27px;
	font-size: 93%;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	line-height: 15px;
}

#publicationsListing .pubListing {
	border-bottom: 1px solid #ccc;
	padding-top: 12px;
}

ul.pager {
	padding-top: 15px;
}

ul.pager li {
	margin: 0 !important;
}

/* =Typography
------------------------------------------------------------------------------ */
#mainContent #content p, #mainContent #contentFull p {
	color: #000000;
	margin: 0 0 16px 0;
}

#mainContent h1 {
	font-size: 146.5%;
	color: #3d6262;
	margin: 0 0 18px 0;
}
 
#mainContent h2 {
	font-size: 121.3%;
	color: #333333;
	margin: 0 0 12px 0;
}

#mainContent h3 {
	margin: 0 0 12px 0;
}

/* =Forms - includes admin area
------------------------------------------------------------------------------ */
#user-login-form {
	text-align: left;
}

.form-item label {
	text-align: left;
}

.form-text {
	padding: 3px;
}

.form-submit {
	border: 1px solid #333333;
	font-size: 1.1em;
	height: 1.5em;
	margin: 0 0 10px 0;
}

.error {
	background: #ff0;
	color: #000;
}

/* Publications */
form#views-exposed-form-Main-Page-Publications-listings-page-1 {
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
}

form#views-exposed-form-Main-Page-Publications-listings-page-1 div.views-exposed-widget {
	padding: 0 !important;
	margin: 0 !important;
}

form#views-exposed-form-Main-Page-Publications-listings-page-1 #edit-tid {
	width: 300px;
}

form#views-exposed-form-Main-Page-Publications-listings-page-1 .form-submit {
	background: #69908c;
	display: block;
	color: #fff;
	font-size: 85%;
	width: 69px;
	height: 23px;
	border: 0;
	cursor: pointer;
	border: 1px solid #ccc;
	margin: 5px 0 0 230px;
}

/* Projects */
form#views-exposed-form-Main-Page-projects-listings-page-1 {
	margin-bottom: 15px;
	border-bottom: 1px solid #999;
}

form#views-exposed-form-Main-Page-projects-listings-page-1 #edit-tid {
	width: 300px;
}

form#views-exposed-form-Main-Page-projects-listings-page-1 div.views-exposed-widget {
	padding: 0 !important;
	margin: 0 !important;
}

form#views-exposed-form-Main-Page-projects-listings-page-1 .form-submit {
	background: #69908c;
	display: block;
	color: #fff;
	font-size: 85%;
	width: 69px;
	height: 23px;
	border: 0;
	cursor: pointer;
	border: 1px solid #ccc;
	margin: 5px 0 0 230px;
}

/* Contact Us Form */
form.webform-client-form {
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
}

form.webform-client-form .form-text {
	background: none;
	border: 1px solid #666;
	width: 300px;
}

form.webform-client-form .form-select {
	background: none;
	border: 1px solid #666;
	width: 310px;
}

form.webform-client-form .form-textarea {
	background: none;
	border: 1px solid #666;
}

form.webform-client-form .form-select {
	background: none;
	border: 1px solid #666;
	width: 310px;
}

form.webform-client-form #webform-component-telephone .form-text {
	background: none;
	border: 1px solid #666;
	width: 190px;
}

form.webform-client-form #webform-component-telephone .error {
	background: none;
	border: 1px solid #ff0000;
	width: 190px;
}

form.webform-client-form .error {
	background: none;
	border: 1px solid #ff0000 !important;
	width: 300px;
}

form.webform-client-form #edit-submitted-select-the-subject-area-of-your-questioncomment-wrapper .error {
	background: none;
	border: 1px solid #ff0000;
	width: 310px;
}

form.webform-client-form label {
	display: block;
	font-size: 93%;
	padding-bottom: 5px;
}

/* =Footer
------------------------------------------------------------------------------ */
#footer {
	padding: 20px 0 0 0;
}

#footer p {
	float: left;
	color: #000;
	font-size: 100%;
}

#footer ul {
	display: none;
	visibility: hidden;
}

/* =Tables
------------------------------------------------------------------------------ */
#mainContent table {
	width: 100%;
	margin-bottom: 10px;
	border-top: 1px solid #587c7c;
	border-right: 1px solid #587c7c;
}

#mainContent table tr th {
	padding: 8px;
	border-left: 1px solid #587c7c;
	border-bottom: 1px solid #587c7c;
}

#mainContent table tr td {
	padding: 8px;
	border-left: 1px solid #587c7c;
	border-bottom: 1px solid #587c7c;
}

#mainContent table {
	width: 100%;
}

table#blocks {
	margin: 15px 0 10px 0;
	width: 480px !important;
}

table#blocks tr th {
	padding-left: 10px;
	font-size: 123.1%;
	color: #98012e;
}

table#blocks tr td {
	padding: 10px 10px 8px 10px;
}

table#blocks a.tabledrag-handle {
	margin: 0;
	padding: 0 10px 0 0;
}

table#blocks tr td div option {
	width: 150px;
}
