/* ############## RESETS ############## */



/* ############## COLOURS ############## */


/* ############## BUMP ############## */
.bump {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;}

/* ############## LINKS ############## */
a {
	color: #739616;}

a:hover {
	}

/* ############## FONTS ############## */

h1 {
	font: normal 18px Arial,Calibri,sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #ff8900;}

h2 {
	font: normal 16px Arial,Calibri,sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #ff8900;}

h3 {
	font: bold 16px Arial,Calibri,sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;}

p {
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 0px 0px;}


/* ############## BODY ############## */
body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #505050;
	font: normal 14px Arial,Calibri,sans-serif;}

/* ############## CONTAINER ############## */
#container {
	}

/* ############## HEADER ############## */
#header {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 900px;
	height: 75px;
	background: url(../images/header-bg.jpg) top left no-repeat;}

	#header-right {
		padding: 13px 0px 0px 0px;
		width: 376px;
		float: right;}
	#header-right .header-right-text {
		width: 100px;
		color: #fff;
		width: 55px;
		padding: 2px 0px 0px 10px;
		float: left;}
	#header-right .header-login-right-text {
		float: right;}
	#header-right .header-right-fields {
		width: 150px;
		padding: 0px 0px 0px 0px;
		float: left;}
	#header-right .header-right-submit {
		padding: 7px 0px 0px 10px;
		float: right;}
	#header-right .header-right-submit a:link,
	#header-right .header-right-submit a:active,
	#header-right .header-right-submit a:visited {
		color: #fff;
		font-size: 10px;}

	.input-field {
		font-size: 12px;
		height: 18px;
		color: #8f8f8f;
		width: 150px;
		border: solid 1px #8f8f8f;}
	.submit-button {
		width: 70px;
		height: 21px;
		border: 0px;
		background: url(../images/submit-button.jpg) top left no-repeat;}
/* ############## BANNER ############## */
#banner {
	color: #fff;
	height: 188px;
	width: 100%;
	background: url(../images/banner-bg.jpg) top center no-repeat;}
#banner-inner {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 900px;}
.banner-image {
	width: 219px;
	float: left;}
.banner-text {	
	position: relative;
	height: 188px;
	float: left; 
	width: 681px;}
.banner-text h1 {	
	padding: 0px 0px 0px 0px;
	font-size: 40px;
	height: 55px;
	color: #fff;}
.banner-text p {
	font-size: 20px;
	padding: 0px 0px 5px 0px;}
.banner-abstract {
	 position: absolute; 
	 right: 0px; 
	 bottom: 0px; 
	 z-index: 999;}

/* ############## BANNER ############## */
#menu {	
	height: 44px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 900px;}
#menu ul {
	list-style-type: none;
	padding: 13px 0px 6px 6px;
	margin: 0px;}
#menu li {
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;}

#menu li.separator,
#menu li.separator:hover {
	width: 4px;
	padding: 0px 3px 0px 3px;
	height: 25px;
	background: url(../images/menu-separator.jpg) top center no-repeat !important;}

#menu li a:link,
#menu li a:active,
#menu li a:visited {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 25px;
	padding: 0px 5px 0px 5px;
	text-decoration: none;}
#menu li a:hover {
	color: #505050;
	background: url(../images/menu-hover-left.jpg) top left no-repeat;}
#menu li:hover {
	background: url(../images/menu-hover-right.jpg) top right no-repeat !important;}
#menu li#end {
	background: none;}

/* ############## CONTENT ############## */
#content {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 900px;
	background: url(../images/content-main-bg.jpg) top left repeat-y;}

#content-inner {
	margin: 0 auto;
	min-height: 420px;
	padding: 0px 0px 0px 0px;
	width: 900px;}

#content-inner #left_column {
		float: left;
		padding: 15px 0px 15px 0px;
		width: 900px;}


/* ############## LEFT/MAIN COLUMN ############## */
	#left_column {
		float: left;
		padding: 15px 25px 0px 0px;
		width: 540px;}

	.professor-cont {
		padding: 0px 0px 15px 0px;}
	.professor-cont-image {
		float: left;}
	.professor-cont-text {
		float: left;
		padding: 0px 5px;}
	.professor-cont-text p {
		padding: 0px 0px 5px 0px;}

	/* ############## RIGHT COLUMN ############## */
	#right_column {
		float: left;
		padding: 15px 0px 0px 0px;
		width: 335px;}

	/*  CALENDAR LIST STYLE  */
	ul.calendar-list {
		padding: 0px;
		margin: 0px;
		list-style-type: none;}
	.calendar-list li {
		font-size: 12px;
		padding: 5px 0px 15px 0px;
		margin: 0px;
		background: url(../images/li-border.jpg) top left repeat-x;}
	.calendar-list li h3 {
		font-size: 14px;
		padding: 0px 0px 2px 0px;}
	.calendar-list li a:link,
	.calendar-list li a:active,
	.calendar-list li a:visited {
		padding: 0px;
		margin: 0px;}
	.image-list img {
		padding: 10px 0px 15px 0px;}

	/*  PROGRAM LIST STYLE  */
	ul.program-list {
		width: 900px;
		padding: 0px;
		margin: 0px;
		list-style-type: none;}
	.program-list li {
		float: left;
		width: 255px;
		font-size: 12px;
		padding: 0px 0px 15px 15px;
		margin: 0px 15px 15px 15px;
		border-bottom: solid 1px #e4e4e4;}
	.top-border {
		border: none !important;
		background: #eff3fe;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 5px 0px !important;}
	.green-date-text {
		color: #628111;}
	.top-line {		
		margin: 1px;
		background: #ffffff;}
	.generic-form th {
		padding: 3px 5px;
		text-align: left;
		font-size: 11px;
		background: #f5f8ff;}
	.generic-form td {
		border-top: solid 1px #ededed;
		padding: 7px;}
	.generic-form td p {
		padding: 0px;}
	.ind-roweven {
		background: #fcfcfc;}
	.top-border h2 {
		padding: 0px;}
	.program-list li h3 {
		font-size: 14px;
		padding: 10px 0px 2px 0px;}
	.program-list li a:link,
	.program-list li a:active,
	.program-list li a:visited {
		padding: 0px;
		margin: 0px;}
	.icon-center img {
		vertical-align: bottom;}

/* ############# FOOTER ############ */
#footer {
	width: 100%:
	height: 100px;
	background: url(../images/footer-bg.jpg) top left repeat-x;}
#footer-inner {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 900px;}
#footer-inner .logo-indepth {
	float: right;
	padding: 20px 0px 0px 0px;}
#footer-inner ul {
	width: 400px;
	padding: 15px 0px 15px 0px;
	margin: 0px;
	list-style-type: none;}
#footer-inner li {
	font-size: 13px;
	width: 200px;
	float: left;
	padding: 2px 0px;
	margin: 0px;}
#footer-inner li a:link,
#footer-inner li a:active,
#footer-inner li a:visited {
	color: #969696;
	text-decoration: none;}
#footer-inner li a:hover {
	text-decoration: underline;}


/* ################# TABLE DATA ############# */
.sortable {
	border: solid 1px #ccc;
	text-align: left;}
.edit-controls {
	position: relative;}
.sortable .ind-roweven {
	background: #eee;}
.ind-tableheader {
	color: #fff;
	background: #4e4c4d;}
.ind-tableheader th,
.sortable td {
	padding: 5px 3px;}

.small-orange {
	float: left;
	padding: 0.2em 0.5em;
	font-size: 12px;
	color: #ff8900;
	border: 1px solid #ff8900;}

/* ########## LOGIN ############# */

#login_outter {
	border:1px solid #A7A7A7;
	width:600px;
	margin: 0px 0px 0px 0px;}

#login_inner {
	border:solid 8px #F3F3F3 !important;	
	padding: 5px;	
	background: #ffffff;}

#login_container {
	width: 554px;
	float: left;
	padding: 10px 10px 10px 10px;}

#login_container h1 {
	padding-bottom: 5px;
	margin-bottom: 8px;
	border-bottom:1px solid #A7A7A7;}

#login_container p {
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 7px 0px;}

	.login_double {
		float: left;
		width: 320px;
		margin: 0px 0px 10px 0px;
	}
	.login_left {
		float: left;
		width: 120px;
		margin: 0px 0px 5px 0px;
	}
	
	.login_right {
		float: left;
		width: 200px;
		margin: 0px 0px 5px 0px;
	}
	.input_field {
		width: 190px;}


/* ############## ERROR MESSAGES ################## */

.negative_message {
	line-height: 10px;
	font-size:11px;
	color: #cc0000;
	width:285px;
	border: solid 1px #cc0000;
	padding: 5px 5px 5px 22px !important;
	margin: 0px 0px 10px 0px !important;
	background: url(../../images/webmaster/error-message.jpg) #fee9e8 center left no-repeat;}
.positive_message {
	line-height: 10px;
	font-size:11px;
	color: #00ab10;
	width:285px;
	border: solid 1px #00ab10;
	padding: 5px 5px 5px 22px !important;
	margin: 0px 0px 10px 0px !important;
	background: url(../../images/webmaster/positive-message.jpg) #e8ffea center left no-repeat;}


/* ################ GENERIC FORM STUFF ################# */
.generic-form h3 {
	height: 16px;}
.generic-form p {
	padding: 0px 0px 10px 0px;}
.generic-form-inner-left {
	float: left;
	width: 130px;
	margin: 10px 0px 0px 0px;}
#submit-signup .generic-form-inner-left {
	width: 190px;}

.generic-form-inner {
	float: left;
	margin: 10px 0px 0px 0px;}
.generic-form-inner .input-field {
	width: 300px;
	border: solid 1px #bbb;}
.generic-form-inner .textbox {
	width: 300px;
	border: solid 1px #bbb;	}

.submit-btn {
	font-size: 12px;
	width: 66px;
	height: 22px;
	padding-bottom: 4px;
	color: #ffffff;
	border: none;
	background: url(../images/submit-btn.jpg) top left no-repeat;}



/* BREADCRUMBS */
#breadcrumbs {
	background: #ffffff;
	border:1px solid #C8C8C8;
	font-size:11px;
	height:22px;
	margin: 0px 0px 10px 0px;
	}
#breadcrumbs ul {
	margin: 0px;
	padding: 0px;}
#breadcrumbs li {
	float: left;
	list-style-type: none;}
#breadcrumbs a:link,
#breadcrumbs a:active,
#breadcrumbs a:visited {	
	text-decoration: none;
	background: url(/images/webmaster/breadcrumbs-link.gif) right top no-repeat;
	display:block;
	float:left;
	height:22px;
	margin: 0px;
	line-height:22px;
	padding:0 20px 0 10px;
	color: #739616;}

#breadcrumbs a:hover {
	color: #4b620e;
	text-decoration: none;}