@charset "UTF-8";
/* Center for Design Innovation - Systems Architect - Richard Phillips */

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #666;
    display: block;
  	/* fixed for Non-PCs without Photoshop CS2+ */
	font-smooth: always;
}

h1 {font-size: 16px;
}

h2 {font-size: 15px;
}

h3 {font-size: 14px;
}

h4 {font-size: 13px;
}

h5 {font-size: 12px;
}

h6 {font-size: 11px;
}

/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */



img {
	border:0px;
	border:none;
}

a:link {color:#0084a9;
text-decoration:none;
border:none;
}

a:visited {color:#0084a9;
text-decoration:none;
border:none;
}

a:hover {color:#f36d32;
text-decoration:none;
border:none;
}

a:active {color:#0084a9;
text-decoration:none;
border:none;}

a.menuSelected {color:#f36d32;
text-decoration:none;
border:none;}

/* ---------------------------------------------------------------- */

body {
	text-align: center; /* Centers cdi_container, will left justify there */
	/* Set default font size and line height and color*/
	font-size:11px;
	line-height:150%;
	color:#666;
	/* Set default font size and line height and color*/
	
	font-family:Verdana, Geneva, sans-serif;
	background-image:url("http://www.centerfordesigninnovation.org/web/images/misc/background2.jpg");
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:top;
	margin:0;
	padding:0;
}

#cdi_container {
	width: 902px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* resetting "text-align: center" of Body */
	display: block;
}

.transparent {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.goHome {
	display:block;
	width:210px;
	height:128px;
}

.prop {
	/* for login empty div*/
	height:21;
	width:1px;
	float:right;
	display:block;
}

#login {
	width: 902px;
	min-height:21px;
	
}
#cdi_header {
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	width: 902px;
	height: 128px;
	
}

#rightTrigger {
	display:block;
	width:50px;
	height:128px;
	position:absolute;
	right:-50px;
}

#leftHeader {
	/*float:left;*/
	position:absolute;
	left:-60px;
	width:210px;
	height:128px;
	cursor:auto;
	
}
#rightHeader {
	position:absolute;
	margin:0 0 0 0;
	right:0px;
	/*float:right;*/
	height:128px;
	width:785px;
	cursor:auto;
}

#topTrigger {
	width: 785px;
	height: 23px;
	margin-top: 33px;
	/*background-color: #fff;*/
	float: right;
}

#topNav {
	width: 785px;
	height: 32px;
	float: right;
	padding:0;
	background-color: #fff;
	margin:0;
}

#button1 {
	float: left;
	border:none;
}
#button2 {
	float: left;
	border:none;
}
#button3 {
	float: left;
	border:none;
}
#button4 {
	float: left;
	border:none;
}
#button5 {
	float: left;
	border:none;
}
#button6 {
	float: left;
	border:none;
}
#button7 {
	float: left;
	border:none;
}

#topNav2 {
	width: 785px;
	height: 24px;
	float: right;
	text-align: center;
	/*padding-top: 4px;*/
	background-color: #FFF;
	font-size: 11px;
	line-height:23px;
	margin-top:0px;
}

#bottomTrigger {
	padding: 0 0 0 0;
	width: 785px;
	height: 7px;
	/*background-color: #000;*/
	margin-top:7px;
	float: right;
	/*cursor:pointer;*/
}

#mainContent {
	width: 902px;
	height: 362px;
}

#mainCalendar {
	width: 902px;
	height: 100%;
}


#leftWindow {
	padding: 0 0 0 0;
	width: 601px;
	height: 361px;
	float: left;
	overflow:hidden;
}

#redBar1 {
	/*padding: 0 0 0 0;*/
	width: 596px;
	height: 20px;
	background-color: #f36d32;
	color: #FFF;
	font-size: 11px;
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	/*font-weight: bold;*/
	/*text-transform:uppercase;*/
}

#feature {
	padding: 0 0 0 0;
	width: 601px;
	height: 338px;
	background-color: #fff;
}

#rightWindow {
	padding: 0 0 0 0;
	width: 292px;
	height: 361px;
	float: right;
	overflow:hidden;
}

#redBar2 {
	/*padding: 0 0 0 0;*/
	width: 287px;
	height: 20px;
	background-color: #f36d32;
	color: #FFF;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 3px;
	/*font-weight: bold;*/
	/*text-transform:uppercase;*/
}

#webCam {
	width: 292px;
	height: 166px;
	background-color: #fff;
	
	/*background-image:url('http://www.centerfordesigninnovation.org/web/images/misc/Clouds.jpg');*/
	/*background-repeat:no-repeat;*/
	line-height:15px;
	font-size: 11px;
	
	/*color: #777;*/
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	margin:0;
}

#webcast {
	width: 292px;
	height: 338px;
	background-color: #fff;
	
	/*background-image:url('http://www.centerfordesigninnovation.org/web/images/misc/Clouds.jpg');*/
	/*background-repeat:no-repeat;*/
	/*line-height:12px;
	font-size: 11px;*/
	
	/*color: #777;*/
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	margin:0;
}






#event1 {
	padding: 0 0 0 0;
	width: 292px;
	height: 76px;
	margin-top: 10px;
}

#blueBar1 {
	width: 287px;
	height: 20px;
	background-color: #0084a9;
	color: #FFF;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 3px;
	/*font-weight: bold;*/
	/*text-transform:uppercase;*/
}

#event1Content {
	padding: 0 0 0 0;
	width: 292px;
	height: 53px;
}

#event1Thumb {
	padding: 0 0 0 0;
	width: 94px;
	height: 53px;
	background-color: #000;
	float: left;
}

#event1Text {
	width: 188px;
	height: 51px;
	background-color: #ffffff;
	float: right;
	
	font-size: 11px;
	
	/* Important */
	line-height:12px;
	/* Important */
	
	/*color: #777;*/
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 0px;
}

#event2 {
	padding: 0 0 0 0;
	width: 292px;
	height: 76px;
	margin-top: 10px;
}

#blueBar2 {
	width: 287px;
	height: 20px;
	background-color: #0084a9;
	font-size: 11px;
	color: #FFF;
	padding-left: 5px;
	padding-top: 3px;
	/*font-weight: bold;*/
	/*text-transform:uppercase;*/
}

#event2Content {
	padding: 0 0 0 0;
	width: 292px;
	height: 53px;
}

#event2Thumb {
	padding: 0 0 0 0;
	width: 94px;
	height: 53px;
	background-color: #000;
	float: left;
}

#event2Text {
	padding: 0 0 0 0;
	width: 188px;
	height: 51px;
	background-color: #ffffff;
	float: right;
	font-size: 11px;
	
	/* Important */
	line-height:12px;
	/* Important */
	
	/*color: #777;*/
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 5px;
}
/* ------------------------------------------------------ SPACER ------------------------------ */
#spacer {
	padding: 0 0 0 0;
	width: 902px;
	height: 7px;
	background-color: #FFF;
}

#greenBar {
	/*padding: 0 0 0 0;*/
	width: 897px;
	/*height: 23px;*/
	background-color: #d6d43c;
	
	/* added to valign marquee */
	height: 20px;
	color: #FFF;
	font-size: 10px;
	text-align: left;
	padding-top: 3px;
	padding-left: 5px;
	
}

#bottomNavigationBar {
	width: 902px;
	height: 150px;
	font-size: 8px;
	line-height:100%;
	color: #999;
}

#leftFooter {
	padding-top:0px;
	width: 450px;
	height: 150px;
	text-align:left;
	float:left;
}

#leftsubFooter1 {
	margin-top:4px;
	width: 450px;
	float:left;
	}

#leftsubFooter2 {
	margin-top:5px;
	width: 450px;
	height: 12px;
	float:left;
	}

#leftsubFooter3 {
	margin-top:0px;
	width: 450px;
	height:12px;
	float:left;
}

#rightFooter {
	padding-top:0px;
	width: 450px;
	height: 150px;
	text-align:right;
	float:right;
	}

#googleDIV {
	margin-top:5px;
	float:right;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:20px;
	width:450px;
}

#rightFooterUpdateDate {
	margin-top: 1px;
	padding:0;
	float:right;
	height:12px;
	width:450px;
}

#rightFooterSubNav {
	float:right;
	/*margin-top:5px;*/
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:12px;
	width:450px;
	}

.googleSearch {
	/*background-color: #d6d43c;*/
	border:1px solid;
	border-color:#CCC;
	
	color: #777;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	width:198px;
	height:16px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
	}

/* not used now */
.submitToText {
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	font-size:         10px;
	color:             #0084a9;
	background-color:  #ffffff;
	font-weight:       normal;  
	cursor:            pointer;
	font-style: italic;
	float:right;
	vertical-align:top;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:20px;
	width:40px;
	text-align:right;
	border:none;
	/*border:solid 1px;*/
}

.submitToText_hover {
	font-family:       Verdana, Arial, Helvetica, sans-serif;
	font-size:         10px;
	color:             #f36d32;
	background-color:  #ffffff;
	font-weight:       normal;  
	cursor:            pointer;
	font-style: italic;
	float:right;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:20px;
	width:50px;
	text-align:right;
	border:none;
}

/* Google Search Styles */	
#googleContent {
	width: 902px;
	min-height: 362px;
	height:100%;
	overflow:auto;
	background-color:#FFF;
}
/* Google Search Styles */	






/* -------------------------------------------------------------------- Contribute */

#topBar {
	padding: 0 0 0 0;
	width: 902px;
	height: 23px;
	background-color: #f36d32;	
}
#contributeContent {
	width: 902px;
	min-height: 362px;
	height:100%;
	overflow:auto;
	/*background-color:#FFF*/
}

#ct-leftWindow {
	padding: 0 0 0 0;
	width: 601px;
	min-height: 361px;
	float: left;
	
}

#ct-rightWindow {
	padding: 0 0 0 0;
	width: 292px;
	min-height: 361px;
	float: right;
}

/* -------------------------------------------------------------------- ct-feature */
#ct-feature {
	padding: 0 0 0 0;
	/*padding: 5px 20px 0px 2px;*/
	width: 601px;
	min-height: 338px;
	background-color: #FFF;
}

#ct-feature > table {
	padding-top:2px;
	padding-left:3px;
	padding-right:20px;
	padding-bottom:0px;
}

/* -------------------------------------------------------------------- ct-sidebar */
#ct-Sidebar {
	padding: 0 0 0 0;
	/*padding: 5px 20px 0px 2px;*/
	width: 292px;
	min-height:338px;
	background-color: #FFF;
}

#ct-Sidebar > table {
	padding-top:2px;
	padding-left:3px;
	padding-right:10px;
	padding-bottom:0px;
}

/* -------------------------------------------------------------------- Contribute */

/* Wordpress Blog Styles */
#redBar {
	padding: 0 0 0 0;
	width: 902px;
	height: 23px;
	background-color: #f36d32;
}

#redBar1Blog {
	padding: 0 0 0 0;
	width: 596px;
	height: 19px;
	background-color: #f36d32;
	color: #FFF;
	font-size: 11px;
	text-align: left;
	padding-top: 4px;
	padding-left: 5px;
	/*font-weight: bold;*/
}
#redBar2Blog {
	padding: 0 0 0 0;
	width: 301px;
	height: 19px;
	background-color: #f36d32;
	color: #FFF;
	font-size: 11px;
	text-align: left;
	padding-top: 4px;
	padding-left: 5px;
	/*font-weight: bold;*/
}

#calendarHolder {
	width: 902px;
	height:auto;
	
	/*min-height: 362px;*/
	/*overflow:auto;*/
}