/* Sciencewise CSS Styles */

/* General Styles - builds upon the CSS Reset included before it */
body {
	text-align:center;
}

#wrapper {
	margin:10px auto 0 auto;
	width:827px;
	background:url(../images/backgrounds/content.jpg) repeat-x left 171px;
}

#wrapper .header {
	background:#492f92;
	height:134px;
}

#wrapper .header .right {
	float:right;
	background:url(../images/backgrounds/right-corner.gif) no-repeat top right;
}

#wrapper .header .right .search input, #wrapper .header .right .search div {
	float:left;
}

#wrapper .header .right .login, #wrapper .header .right .search, #wrapper .header .right .help {
	padding:22px 22px 0 0;
}

#wrapper .header .right .help {
	padding-top:7px;
	clear:both;
}

#wrapper .header .logo {
	float:left;
}

#wrapper .content {
	border-left:1px solid #6f6884;
	background:url(../images/backgrounds/right.jpg) repeat-y right;
}

#wrapper .three-col-container {
	/*background:url(../images/department-for-innovation.gif) no-repeat bottom left;*/
	background:none;
	border-left:1px solid #6f6884;
	border-right:1px solid #6f6884;
}

#wrapper .content .left-column {
	min-height:500px;
	width:580px;
	padding:18px 18px 100px 18px;
/*	background:url(../images/department-for-innovation.gif) no-repeat bottom left;*/
}

#wrapper .content .right-column {
	height:100%;
	width:210px;
	padding-top:22px;
}

#wrapper .content .left-column, #wrapper .content .right-column, #wrapper .content .col1, #wrapper .content .col2, #wrapper .content .col3 {
	float:left;
}

#wrapper .col1 {
	width:205px;
	padding-top:22px;
	padding-bottom:90px;
}

#wrapper .col2 {
	width:470px;
	text-align:left;
	padding-top:22px;
	min-height:500px;
}

#wrapper .col2#fullWidth {
	padding-left:22px;
	padding-bottom:90px;
	width:653px;
}

#wrapper .col3 {
	width:149px;
	text-align:right;
	padding-top:22px;
	margin-right:1px;
}

#wrapper .col3 img {
	margin-bottom:20px;
}

#wrapper .clearFix {
	clear:both;
}

#wrapper .footer {
	clear:both;
	background:url(../images/backgrounds/footer-left.gif) no-repeat #492f92 top left;
	height:31px;
	margin-bottom:20px;
	padding-left:20px;
}

#wrapper .footer .right-corner {
	float:right;
	height:inherit;
	line-height:inherit;
	background:url(../images/backgrounds/footer-right.gif) no-repeat top right;
	padding-right:20px;
}

#wrapper .footer a.logo {
	text-decoration:none;
	background:url(../images/dfius-logo.gif) no-repeat;
	width:87px;
	height:60px;
	position:absolute;
	margin-top:-80px;
}

#wrapper .footer a.logo span {
	display:none;
}

/* News Ticker */

#wrapper .news p, #wrapper .news #ticker {
	float:left;
	margin:0;
}

#wrapper .news #ticker {
	padding:2px 0 3px 0;
	margin-left:20px;
	margin-bottom:10px;
	width:80%;
}

#wrapper .three-col-container .news #ticker {
	width:70%;
}

/* Bread Crumbs */
#wrapper .breadcrumbs p {
	float:left;
}

/* Menu bar */

#wrapper .menu {
	background:url(../images/backgrounds/menu.jpg) repeat-x;
	height:37px;
	padding-left:25px;
	clear:both;
}

#wrapper .menu ul li {
	float:left;
	border-left:1px solid #9c8dda;
	height:35px;
	margin:1px 0 1px 0;
	padding-left:12px;
	padding-right:12px;
}

#wrapper .menu ul li.selected, #wrapper .menu ul li.current {
	background:#20beca;
}

#wrapper .menu ul > li:first-child {
	border-left:none;
}

/* Right Column (2 column layout)*/

#wrapper .right-column .top {
	float:left;
	height:6px;
	width:210px;
	background:url(../images/backgrounds/right-top.jpg) no-repeat 1px 0;
	margin-top:-22px;
}

#wrapper .right-column .banner {
	float:left;
	clear:left;
	background:url(../images/backgrounds/right-banner.gif) repeat-x bottom;
/*	height:31px;*/
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:199px;
	margin-left:1px;
}

#wrapper .right-column .latest {
	background:url(../images/backgrounds/latest-banner.gif) no-repeat;
	height:59px;
	margin-left:0;
	margin-top: 0;
	padding-top:0;
	
	clear:both;	
}

#wrapper .right-column .events {
	background:url(../images/backgrounds/events-banner.gif) no-repeat;
	height:59px;
	margin-left:0;
}

#wrapper .right-column div#eventsCalendar {
	clear:both;
	padding-left:8px;
}

#wrapper .right-column div#eventsCalendar div {
	height:150px;
	background:url(../images/videoPreviewAjaxLoader.gif) #ccc no-repeat center center;
}

#wrapper .col2 div#eventsCalendar div {
	background:url(../images/videoPreviewAjaxLoader2.gif) #fff no-repeat center center;
	height:350px;
}

#wrapper .col2 div#eventsCalendar div table td {
	height:45px;
	line-height:45px;
	font-size:130%;
	font-family:Georgia;
	background:#eaeaea;
}

#wrapper .col2 div#eventsCalendar div table td.other-month, #wrapper .col2 div#eventsCalendar div table td.other-month:hover {
	background: #ddd;
	color: #aaa;
}

#wrapper .col2 div#eventsCalendar div table td.has-event, #wrapper .col2 div#eventsCalendar div table td.has-event:hover {
	background:#B43057;
	color:#fff;
	font-weight:bold;
}

#wrapper .col2 div#eventsCalendar div table td.today {
	background: #666;
	color: #fff;
}

#wrapper .col2 div#eventsCalendar div table td a{
	width:100%;
	height:100%;
	display:block;
	color:#fff;
}

span#eventsCalendarNav {
	width:80%;
	display:block;
	margin:0 auto 5px auto;
	padding-top:5px;
}

span#eventsCalendarNav a#prevMonth {
	float:left;
}

span#eventsCalendarNav a#nextMonth {
	float:right;
}

#wrapper .right-column .zebra {
	background:url(../images/backgrounds/right-zebra.gif) repeat-y;
}

#wrapper .right-column .zebra li {
	min-height:29px;
	clear:left;
}

/* Col 1 menu */

#wrapper .col1 .left-menu {
	background:url(../images/backgrounds/col1-menu/level1.gif) repeat-y -1px 0;
}

#wrapper .col1 .left-menu .level1, #wrapper .col1 .left-menu .level2 {
	width:171px;
	border-bottom:1px solid #20BECA;
}

#wrapper .col1 .left-menu div a {
	padding-top:5px;
	padding-bottom:5px;
	margin-left:15px;
	margin-right:20px;
	display:block;
}

#wrapper .col1 .left-menu .level2 {
	background:url(../images/backgrounds/col1-menu/level2.gif) no-repeat -1px 0;
}

#wrapper .col1 .left-menu .level2 a {
	padding-left:5px;
}

#wrapper .col1 .left-menu .top {
	background:url(../images/backgrounds/col1-menu/heading.gif) no-repeat -1px 0;
	width:185px;
	border-bottom:none;
	padding-top:8px;
	padding-bottom:3px;
}

#wrapper .col1 .left-menu .bottom {
	background:url(../images/backgrounds/col1-menu/bottom.gif) no-repeat -1px 0;
	border-bottom:none;
	height:20px;
	width:185px;
}

#wrapper .col1 .left-menu .level1 .bottom {
	background:url(../images/backgrounds/col1-menu/level2.gif) no-repeat -1px 0;
	height:auto;
}


/* Right Column Quotes */
#quoteText {
	clear:left;
	margin:10px;
}

#wrapper .right-column .quote {
	background:url(../images/quote-mark-open.gif) no-repeat top left;
	/*height: 27px;
	width: 34px;*/
	
	/*padding:26px 0 0 10px;*/
	padding-top: 5px;	
	margin-right:10px;
	margin-left:12px;
	min-height:150px;
}

#wrapper .right-column .quote .spacer {
	/*width:30px;*/
	/*float:left;*/
}

#wrapper .right-column .quote-by {
	background:url(../images/quote-mark-close.gif) no-repeat top right;
	padding-top:25px;
	padding-bottom:10px;
}

/* HOME PAGE :: ERC Box */

#wrapper .erc-container img.top, #wrapper .erc-container .erc-menu, #wrapper .erc-container img.bottom {
	float:left;
}

#wrapper .erc-container .main {
	float:left;
	background:url(../images/home/erc-bg.jpg);
	width:382px;
	height:170px;
}

#wrapper .erc-container .main .text {
	float:right;
	margin:5px 10px 0 0;
	width:40%;
}

#wrapper .erc-container .erc-menu {
	background:url(../images/home/erc-menu-bg.jpg) repeat-y top right;
	width:198px;
}

#wrapper .erc-container .erc-menu div {
	border-bottom:2px solid #f7b22f;
	margin-right:10px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:7px;
}

#wrapper .erc-container .erc-menu a.go {
	position:absolute;
	margin-top:133px;
	margin-left:140px;
	background:url(../images/home/erc-go-btn.png) no-repeat;
	width:41px;
	height:41px;
	display:block;
	/* For IE 6 */
	cursor:hand;
}

/* HOME PAGE :: Middle Promos */

#wrapper .middle-promo-boxes {
	margin-bottom:45px;
}

#wrapper .middle-promo-boxes img.top, #wrapper .middle-promo-boxes img.bottom, #wrapper .middle-promo-boxes .box1, #wrapper .middle-promo-boxes .box2, #wrapper .middle-promo-boxes .box3{
	float:left;
}

#wrapper .middle-promo-boxes .container {
	background:url(../images/home/middle-bg.jpg) repeat-y;
}

#wrapper .middle-promo-boxes .box1 {
	width:185px;
	margin-right:8px;
}

#wrapper .middle-promo-boxes .box1 .text {
	padding:0 10px 0 20px;
}

#wrapper .middle-promo-boxes .box2 .text {
	padding:0 10px 0 20px;
}

#wrapper .middle-promo-boxes .box2 {
	width:185px;
	margin-right:5px;
}

#wrapper .middle-promo-boxes .box3 {
	width:195px;
}

#wrapper .middle-promo-boxes .box3 div {
	border-bottom:2px solid #20beca;
	margin-right:10px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:7px;
}

#wrapper .middle-promo-boxes .box3 > div:last-child {
	border-bottom:none;
}

#wrapper .middle-promo-boxes .bottom {
	clear:both;
}

/* HOME PAGE :: Bottom Promos */

#wrapper .bottom-promos div {
	float:left;
	width:165px;
	padding:0 10px 0 10px;
}

#wrapper .bottom-promos .box1 {
	margin-left:8px;
}

#wrapper .bottom-promos .box3 {
	margin-left:15px;
}

#wrapper .bottom-promos .below-box1, #wrapper .bottom-promos .below-box2, #wrapper .bottom-promos .below-box3 {
	width:155px;
	text-align:left;
}

/* CMS-powered Forms */
form fieldset div label {
	font-weight:bold;
	width:500px;
	text-align:left;
	margin-bottom:5px;
	margin-top:5px;
	font-size:12px;
	float:left;
}

form fieldset .message {
	font-size:11px;
	margin-bottom:5px;
}

form fieldset .required {
	color:red;
}

form fieldset input, form fieldset textarea {
	font-family:verdana;
	font-size:11px;
	border:1px solid #cacaca;
	width:400px;
	margin-bottom:5px;
	padding:3px;
}

#rightCol {
    float:right;
    margin:0px;
    padding:0px;
    width:185px;
    vertical-align:top;
    padding:0px 10px 5px 10px;
}