/*
**********  Index ************

*
body
#container

#topbar
#topbarImage 
#topBarMenu
#topBarMenu ul 
#topBarMenu  li
#logolink

#coursepage_topbar
#coursepage_topbarImage
#coursepage_paper
#coursepage_paper h1
#coursepage_title
#coursepage_title h2

#contentarea #hicontrastarea #coursepagenavmenu ul
#coursepagemenubackground
#coursepagemenubutton
#coursepagemenubutton .cpcurrent 
#coursepagemenubutton li
#coursepagemenubutton:hover
#coursepagelogolink

#coursepagetimetable
#contentarea #coursepagetimetable td
#coursepagetimetable td
#coursepagetimetable td.booked
#contentarea #coursepagetimetable th
#contentarea #coursepagetimetable th.right
#contentarea #coursepagetimetable th.left 

#hicontrastarea H3
#hicontrastarea H4

#searchBox
#csBox
#cssearchBox .inputtext
#searchResults
#searchResults .gs-result .gs-visibleUrl-short
#searchResults .gs-result .gs-visibleUrl-long
#branding
.gs-result 
.resultsTitle
.resultsContent

#home #nav-home
#students #nav-students
#department #nav-department
#community #nav-community 
#research #nav-research

#centralbar
#centralbar .hicontrast
#centralbar-image-block
#centralbar-image

#navigation
#navigation-divider-block
#navigation-divider
#navigation ul
#navigation  li

#contentarea
#hicontrastarea
#contentarea p.narrow

#contentarea ol
#contentarea ul
#contentarea ul.noindlis
#contentarea ul.noindlis li
#contentarea p.indent
#contentarea ul.indent
#contentarea ul.indent li
#contentarea ul.indent h1

#contentarea #hicontrastarea ul
#contentarea #hicontrastarea ol

#contentarea img.csmail
#contentarea-home
#leftcol
#rightcol
#leftcol66
#leftcol66 ul.noindlis
#leftcol66 ul.noindlis li
#rightcol33

#leftcol33
#rightcol66 

#leftcol3
#centrecol3
#rightcol3

#coursepagenavmenu
#cpcontentcolumn
#coursepagefullwidth
#coursepageleftcolumn
#coursepagerightcolumn

#contentarea table
#contentarea th
#contentarea td

#contentarea #hicontrastarea table
#contentarea th
#contentarea #hicontrastarea tr
#contentarea #hicontrastarea tr
#contentarea #hicontrastarea td

#content-centered
#news-area
#news-content-area
.news-item-blue
.news-item-grey

#footer
#footerimage
#footerblock
#footerblock ul
.footerNavCol
.footerNavColLeft
.footerNavColRight
#footerblock h4
#footerblock a
#footerblock a:hover
#copyright

#coursepage_footer
#coursepage_footer #footerblock a
#coursepage_footerimage
.footerNavFillRight

#homePageTitle
.newsTitle
h1, .pageTitle
h2, .subtitle
h3
h4
p
#contentarea .normalcase a 
#contentarea p a
#contentarea p a:hover 
#news-content-area .newstext
#contentarea .newstext
#contentarea .newsblurb
#news-content-area .newsblurb 
#news-content-area .newspic
.newstitle
.newsdate
#news-content-area .newstext

#topMenu 

#navigation a
#navigation a:hover
#navigation a:active

.pagetext
#contentarea-home .pagetext
.rightImage 
img.framed 
.pagePic
img.bordered
#centralbar a.csmail
#centralbar a
#centralbar h3 a 
#centralbar a:hover
#centralbar .resultsUrl a
pre 

.clear 
a.button 
#nav-home a
#nav-students a
#nav-department a
#nav-community a
#nav-research a
#topBarMenu a.button:hover
#topBarMenu a.button.active


*/







* {
	margin: 0;
	padding: 0;
}


body {
	font:75% "Helvetica Neue", "Arial", "Helvetica", sans-serif ;
	line-height:18px;
	background-color: #5F5F61;

	}

#container {
	margin: 0 auto 0 auto;
	}

/********************************** Top bar  *********************************/

#topbar{ 
	margin: 0 auto 0 auto;
	height:154px;	
	background-image: url("/site/images/header/header_background_repeat.jpg") ;
	background-repeat: repeat-x;
}

#topbarImage {
	margin: 0 auto 0 auto;
	width: 1200px;
	height:154px;
	/*background: url("/site/images/header/header_foreground4.jpg") no-repeat;*/
	/* background: url("/site/images/header/header_foreground_2.jpg") no-repeat; */
	background: url("/site/images/header/header_foreground_1200px.jpg") no-repeat;
}

	
#topBarMenu{
	
	clear: both;
		
	margin: 0 auto 0 auto;
	width: 944px;
	padding-left: 256px; /* 944+256 = 1200 */
	
	padding-left: 326px;
	
	padding-top: 90px;  /* 125-35 = 90 */
	/* Note: the menu pointer is controlled by descendant selectors below */
	padding-top: 9px;
}


#topBarMenu ul {
    list-style: none;
}


#topBarMenu  li {
    float:left;   
}


#logolink {
	float: left;
	margin-left:149px;
	margin-top:36px;
	width: 160px;
	height: 80px;	
	/*
	background-image: url("/site/images/logo-1.gif");
	border-style: none;
	*/
}




/* Cufon title "computer science OPENS DOORS" */ 

#cs_title{	
	float: left;
	/* margin: 28px 0px 0px 336px; */
	margin: 55px 0px 0px 24px;
	font-size: 2.2em;
	color: #ffffff;
	font-family: "GillSans-Light", "Gill Sans MT", "Trebuchet", sans-serif;
	
}

#cs_title h1 {
	display: inline;
	font-weight:normal;
	font-size: 32px;
	color: #ffffff;
}



#cs_subtitle{
	display: inline;
	padding-left:10px;
	font-size: 1.8em;
	color: #D3E8F2;
	font-family: "GillSans-Light", "Gill Sans MT", "Trebuchet", sans-serif;		
}

#cs_subtitle h2 {
	display: inline;
	font-weight:normal;
	font-size: 22px;
	color: #D3E8F2;
}



/***************************** Course page Top bar  *****************************/

#coursepage_topbar{ 
	margin: 0 auto 0 auto;
	height:83px;	
	background-image: url("/site/images/course_pages/header_background_coursepage_repeat.jpg") ;
	background-repeat: repeat-x;
}

#coursepage_topbarImage {
	margin: 0 auto 0 auto;
	width: 1200px;
	height:83px;
	background: url("/site/images/course_pages/header_foreground_coursepage_3.jpg") no-repeat;
}


#coursepage_paper{	
	padding: 28px 0px 0px 179px;
	font-size: 2.2em;
	color: #ffffff;
	font-family: "GillSans-Light", "Gill Sans MT", sans-serif;
	
}
	
#coursepage_paper h1 {
	display: inline;
	font-weight:normal;
	font-size: 28px;
	color: #ffffff;
	margin-bottom: 0px;
}

#coursepage_title {
	display: inline;
	padding-left:5px;
	font-size: 1.8em;
	color: #bdd9e7;
	color: #D3E8F2;
	font-family: "GillSans-Light", "Gill Sans MT", "Trebuchet", sans-serif;	
}

#coursepage_title h2 {
	display: inline;
	font-weight:normal;
	font-size: 22px;
	color: #D3E8F2;
}

/****************************** Course page menu  *******************************/

#contentarea #hicontrastarea #coursepagenavmenu ul {
	list-style-image: none;
	padding-left: 0px;
	margin-top: 0px;
}

#coursepagemenubackground{
	height: 30px;
	width: 126px;
	border-top: 1px solid #bdd9e7;
}

#coursepagemenubutton {
	margin-top: 2px;
	/*padding-left: 4px;*/
	height: 26px;
	line-height: 26px;
	background: url("/site/images/course_pages/arrow_down_blue.png") 96% 55% no-repeat;
}

#coursepagemenubutton .cpcurrent {
	color: #ffffff;
	background: url("/site/images/course_pages/arrow_down_white.png") #8bb1c4 96% 55% no-repeat;
}

#coursepagemenubutton li{
	padding-left: 4px;
}

#coursepagemenubutton:hover {
	color: #ffffff;
	background: url("/site/images/course_pages/arrow_down_white.png") #8bb1c4 96% 55% no-repeat;
}

#coursepagelogolink {
	float: left;
	margin-top: 20px;
	width: 77px;
	height: 128px;	
	background-image: url("/site/images/OU-NZ-128.jpg");
}

/**************************** Course page timetable  ****************************/


#coursepagetimetable{
	background: #f2f2f2;
	padding: 10px 0px 10px 0px;
	margin-top: 15px;
}

#contentarea #coursepagetimetable td {
	padding-right: 0px;
}
#coursepagetimetable td {
	border-left: 5px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	text-align:center;
	width:25px;
	color: #ffffff;
	background: #bdd9e7;
}

#coursepagetimetable td.booked {
	background: #8bb1c4;
}

#contentarea #coursepagetimetable th {
	/*width:20px;*/
	font-weight:normal;
	height:1.9em;
	text-align:center;
}

#contentarea #coursepagetimetable th.right {
	text-align:right;
}

#contentarea #coursepagetimetable th.left {
	text-align:left;
}


/******************************* Coursework text  *******************************/

#hicontrastarea H3 { 
	color: #4D4D4D; 
	text-decoration: none;
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0; 
	line-height: 1.6em; 
	font-size: 1em; 
	font-weight: normal;
	text-transform: uppercase;	
	border-bottom:	solid 1px #bdd9e7;
}

#hicontrastarea H4 { 
	color: #6e9eb5; 
	text-decoration: none;
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0; 
	line-height: 1.6em; 
	font-size: 1em; 
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 1em;
}


/************************************ Search **********************************/

#searchBox {
	padding: 14px 0px 0px 860px;
}

#cssearchBox {
	float: right;
	padding: 14px 150px 0px 0px;
}


/*

.inputtext {
	-moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
    box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
   
    -moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}

*/


#cssearchBox .inputtext {
	width: 180px; 
	height: 14px; 
}

#searchResults {	
	font: 75% "Helvetica Neue", "Arial", "Helvetica", sans-serif ;
	line-height:18px;
	color: #666; 
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	line-height: 1.6em; 
	font-size: 1em; 
}




#searchResults .gs-result .gs-visibleUrl-short { display:none; }
#searchResults .gs-result .gs-visibleUrl-long { display:block; }
/*#searchResults a.gs-title, a.gs-title * { color : red; };*/

#branding {	
	width: 400px;
}

.gs-result {
	width:900px;
}

.resultsTitle {
}

.resultsContent{
	padding-bottom: 16px;
}


/****************** Descendent selectors draw the menu pointer ******************/

#home #nav-home {
    height: 29px;
	background:url("/site/images/header/menu_pointer.png") no-repeat 19px 18px;
}

#students #nav-students {
    height: 29px;
	background:url("/site/images/header/menu_pointer.png") no-repeat 30px 18px;
}

#department #nav-department {
    height: 29px;
	background:url("/site/images/header/menu_pointer.png") no-repeat 37px 18px;
}

#community #nav-community {
    height: 29px;
	background:url("/site/images/header/menu_pointer.png") no-repeat 37px 18px;
}

#research #nav-research {
    height: 29px;
	background:url("/site/images/header/menu_pointer.png") no-repeat 28px 18px;	
}



/****************** Descendent selectors draw 2nd level menu pointers ******************/


#navigation #papers ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 13px 21px;
}
/* 
#navigation #assignments ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 120px 21px;
}
 */
#navigation #aboutcs ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 118px 21px;
}
#navigation #study ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 260px 21px;
}
#navigation #career-overview ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 402px 21px;
}
#navigation #resreg ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 552px 21px;
}

#navigation #support ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 730px 21px;
}


#navigation #staff ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 9px 21px;
}
#navigation #contact ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 210px 21px;
}
#navigation #employment ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 320px 21px;
}
#navigation #about ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 472px 21px;
}


/*
#navigation #techtransfer ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 60px 21px;
}
*/
#navigation #opportunities ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 38px 21px;
}
#navigation #schools ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 156px 21px;
}
#navigation #alumni ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 278px 21px;
}
#navigation #progcontest ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 446px 21px;
}
#navigation #womenincs ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 602px 21px;
}
#navigation #dunedinitcompanies ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 716px 21px;
}



#navigation #researchgroups ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 50px 21px;
}
#navigation #postgrad ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 200px 21px;
}
#navigation #conferences ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 340px 21px;
}
#navigation #seminars ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 460px 21px;
}
/*
#navigation #techreports ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 590px 21px;
}
*/
#navigation #postgradresources ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 592px 21px;
}
#navigation #staffpublications ul{
   	list-style: none;
   	height: 30px; 
	background:url(../images/body/sub_menu_arrow_2.png) no-repeat 746px 21px;
}




/****************** staff pages menus  ******************/

#staffMenu{
	margin: 0px 0px 20px 0px;
	text-transform: uppercase; 
	/* color: #4D80A4 */;
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	font-size: 0.9em; 
}



/****************** Content area  ******************/

#centralbar{ 
	min-width: 1200px;
	width:auto !important; /* ie hack for min-height*/
	width: 1200px;
	clear: both;
	margin: 0 auto 0 auto;
	min-height:440px;	
	height:auto !important; /* ie hack for min-height*/
  	height:440px;		    /* http://www.dustindiaz.com/min-height-fast-hack/ */
  	background-color: #fff;
	background-image: url("/site/images/body/background_gradient_repeat.jpg") ;
	background-repeat: repeat-x;
	overflow: hidden;
	
}

#centralbar .hicontrast{   	
	background-image: url("/site/images/course_pages/background_gradient_repeat_coursework.jpg") ;	
}





#centralbar-image-block{
	/* a centered reference to keep the image in the right place when the browser width changes */ 
	position: relative;
	margin: 29px auto 0 auto;
	width: 900px;
}


#centralbar-image{
	width: 300px;
	position: absolute;
	left: -174px;	/* make glass edge line up */
	
	
	min-height:440px;	
	height:auto !important; /* ie hack for min-height*/
  	height:440px;		    /* http://www.dustindiaz.com/min-height-fast-hack/ */
  	  	
	background: url("/site/images/body/girl.png") no-repeat 0px 40px;
	overflow: visible;
	/*overflow:auto;*/

}

#centralbar-image-2{
	width: 300px;
	position: absolute;
	left: -174px;	/* make glass edge line up */
	
	
	min-height:440px;	
	height:auto !important; /* ie hack for min-height*/
  	height:440px;		    /* http://www.dustindiaz.com/min-height-fast-hack/ */
  	  	
	background: url("/site/images/body/girl2.png") no-repeat 0px 40px;
	overflow: visible;
	/*overflow:auto;*/

}

#centralbar-image-3{
	width: 300px;
	position: absolute;
	left: -174px;	/* make glass edge line up */
	
	
	min-height:440px;	
	height:auto !important; /* ie hack for min-height*/
  	height:440px;		    /* http://www.dustindiaz.com/min-height-fast-hack/ */
  	  	
	background: url("/site/images/body/guy.png") no-repeat 0px 40px;
	overflow: visible;
	/*overflow:auto;*/

}


#content-block{	
	width: 900px;	
	margin: 0 auto 0 auto;
	padding-top: 30px;
}



/* Second tier navigation */

#navigation{
	width: 840px;
	width: 870px;	
	margin: 0 auto 0 auto;
	/* padding: 10px 150px 0px 150px; */	
	padding: 12px 0px 0px 30px;	
	min-height: 30px;	
	height:auto !important; /* ie hack for min-height */
	height:30px;
 	/* background: url("/site/images/body/foreground_gradient_repeat_2_top.jpg") repeat-x; */
  	
  	background: url(../images/body/foreground_gradient_4_top.png) no-repeat;
	


}

#navigation-divider-block{
	margin: 0 auto 0 auto;
	width: 900px;
	background: #edf7f9;
}
	
#navigation-divider{
	height: 2px;
	width: 840px;
	margin: 0 auto 0 auto;
	/* background: url("/site/images/body/dividing_line_menu_900px.jpg")  no-repeat;*/
	/*background: url("/site/images/body/dividing_line4.png")  no-repeat;*/
	
	/* background: url("/site/images/body/dividing_line_menu_840px.jpg")  no-repeat; */
	
}


#navigation ul{
	list-style: none;
}


#navigation  li {
    display: inline;
    margin-right: 45px;  /* arbitrary: adjust to fit */
}

/******************************* Content area *********************************/

#contentarea{		
	width:840px;
	/* margin: 0 auto 0 auto; */
	/* padding: 30px 150px 30px 150px; */	
	color: #666;  
	line-height: 1.6em; 
	font-size: 1em; 
	
	/* margin: -42px auto 0 auto; */ 		/* raise the hi-contast background to be behind the nav bar */	
	/* padding: 42px 30px 0 30px; */       /* and compensate for that */	    
	margin: 0 auto 0 auto; 
	padding: 15px 30px 0 30px; 
	
	min-height:440px;	
	height:auto !important; /* ie hack for min-height*/
  	height:440px;		    /* http://www.dustindiaz.com/min-height-fast-hack/ */
  	
	background: #ffffff url("/site/images/body/foreground_gradient_repeat_2_bottom.jpg") repeat-x;
	
	
}





#hicontrastarea {  /* for coursework pages */
	width:900px;
	margin: -30px auto 0 auto;
	background: #ffffff url("/site/images/course_pages/foreground_gradient_repeat_coursework.jpg") repeat-x ;
	overflow: auto;
}


#hicontrastzone {  /* for main pages */
	width:900px;
	height: 440px;
	margin: -29px auto 0 auto;
	background: #ffffff url("/site/images/body/foreground_gradient_repeat_2.jpg") repeat-x ;
}





#contentarea p.narrow {
	margin-left: 10mm;
	margin-right: 10mm;
}

/****************************** ul *****************************/

#contentarea ol{
	margin-top: 1.6em;
}

#contentarea ol.indent{
	padding-left:16px;
}



#contentarea ul{
	list-style: none;
	margin-top: 1.6em;
}


#contentarea ul.bulleted {
	padding-left:16px;	
	list-style-image: url("/site/images/course_pages/list_arrow_blue.png ");
}




#contentarea ul.noindlis{
	list-style: disc;
	margin-top: 1.6em;
}

#contentarea ul.noindlis li{
      margin-top:0px;
}

#contentarea p.indent{
	display:inline;
}

#contentarea ul.indent{
    list-style-type:none;
	margin-top:0px;
	margin-left:20px;
}

#contentarea ul.indent li{
	margin-top:0px;
}

#contentarea ul.indent h1{
        font-size: small;
        margin-left: -40px;
        background-color:transparent;
        color:black;
        font-weight:normal;
}

/********************* Course Pages lists *****************************/

#contentarea #hicontrastarea ul{ 
	padding-left:16px;
	list-style-image: url("/site/images/course_pages/list_arrow_blue.png ");
}


#contentarea #hicontrastarea ol{ 
	padding-left:16px;
}


/**************************************************/


#contentarea img.csmail{
        vertical-align:top;
        margin-top:0px;
        margin-left:0px;
        margin-right:auto;
        border:0px;
}

/*
#contentarea-home{
	width:400px;
	float: left;
	margin: 0 auto 0 auto;
	padding: 30px 30px 30px 360px;
}
*/

/* old two equal columns with a 40 px gutter */
#leftcol {
	width: 440px;
	float: left;
	padding-bottom: 30px;
	/*padding: 0 0 30px 30px;*/
}
#rightcol {
	width: 400px;
	float: right;
	padding-bottom: 30px;
}

/* old two columns 2/3 and 1/3 with a 40 px gutter */
#leftcol66 {
	clear:both;
	width: 560px;
	float: left;
	padding-bottom: 30px;
}
#rightcol33 {
	width: 280px;
	float: right;
	padding-bottom: 30px;
}

#leftcol66 ul.noindlis {
        list-style-image: url("/site/images/course_pages/list_arrow_blue.png ");
        margin-top: 0.6em;
}

#leftcol66 ul.noindlis li{
      margin-top:0px;
}

/************* old two columns 1/3 and 2/3 with a 20 px gutter ************/


#leftcol33 {
	clear:both;
	width: 280px;
	float: left;
	padding-bottom: 30px;
}
#rightcol66 {	
	width: 560px;
	float: right;
	padding-bottom: 30px;	
}

/* three equal columns */
#leftcol3 {
	width: 280px;
	float: left;
	padding-bottom: 30px;
}
#centrecol3 {
	width: 280px;
	float: left;	
	padding-bottom: 30px;
}
#rightcol3 {
	width: 280px;
	float: right;
	padding-bottom: 30px;
}


/******************* 2011 4-column layout (home page) *********************/


#col4_1 {	
	float: left;
	width:126px;
	margin: 0 15px 0 30px;
}

#col4_2 {
	float: left;
	width: 342px;
	margin: 0 15px 0 15px;	
}

#col4_3 {
	float: left;
	width:156px;
	margin: -30px 15px 0 15px;
}

#col4_4 {
	float: right;
	width:126px;
	margin: -30px 30px 0 15px;
}


/******************* 2011 2-column layout *********************/


#col2_1 {
	float: left;
	width: 498px;
	margin: 0 15px 0 0px;
}

#col2_2 {
	float: left;
	width: 312px;
	margin: 0 0px 0 15px;
}



/******************* 2011 3-column layout *********************/


#col3_1 {
	clear: both;
	float: left;
	width:126px;
	margin: 0 15px 0 0px;
}

#col3_2 {
	float: left;
	width: 528px;
	margin: 0 15px 0 15px;
}

#col3_3 {
	float: left;
	width: 126px;
	margin: 0 0px 0 15px;
}







/******************* Course page columns *********************/

#coursepagenavmenu{
	width: 126px;
	float: left;
	padding: 30px 0px 30px 30px;	 
}

#cpcontentcolumn{
	float: left;
	width: 744px;
}

#coursepagefullwidth{
	width: 684px;
	float: left;
	padding: 30px 0px 30px 30px;
}


#coursepageleftcolumn{
	width: 342px;
	float: left;
	padding: 0px 0px 30px 30px;
}

#coursepagerightcolumn{
	width: 302px;
	float: left;
	padding: 0px 0px 30px 30px;
}

/*************************** tables **********************/


#contentarea table {
	border: none;
	/*padding-top: 15px;*/
	padding-bottom: 10px;
}
#contentarea th {
	text-align: left;
}

#contentarea td {
	padding-right: 1.0em;
}


/*************** hi-contrast tables *******************/

#contentarea #hicontrastarea table {
	border: none;
	padding-bottom: 10px;
	background: #f2f2f2;
}

#contentarea th {
	text-align: left;
	padding: 0.3em 1em 0.3em 1em;
}

#contentarea #hicontrastarea tr {
	border-top: #fff solid 1px;
}

#contentarea #hicontrastarea td {
	padding-left: 1.0em;
	padding-right: 1.0em;
}


/********************************************************/


#content-centered {
	margin: 30px auto;
	width: 640px;
 }


/*
#news-area {
	width: 290px;
	float: right;
	margin: 25px 180px 0 0;	
	min-height:300px;	
	height:auto !important; /* ie hack for min-height*/
/* 	height:300px;		    
	background: url("/site/images/body/right_hand_column_bg.png")  no-repeat;
}
*/


#news-content-area {
	padding: 0 0 0 0;
	border-bottom: 1px solid #bdd9e7;
}


/*
.news-item-blue {
 	margin: 0 auto 0 auto;
 	padding: 10px 10px 0 10px; 
 	width: 260px;
	height: 112px;
	background: url("/site/images/body/news_background_blue.jpg")  no-repeat;
	
}

.news-item-grey {
 	margin: 0 auto 0 auto;
 	padding: 10px 10px 0 10px; 
 	width: 260px;
	height: 112px;
	background: url("/site/images/body/news_background_grey.jpg")  no-repeat;
}	
*/
	
	
	
	
.news-item{
	padding: 10px 0 10px 0;
	overflow: hidden;
}
	



/****************** Footer  ******************/


#footer{ 
	margin: 0 auto 0 auto;
	background-image: url("/site/images/footer/footer_background_repeat.jpg") ;
	background-repeat: repeat-x;	
}

#footerimage{ 
	height:300px;
	width: 1200px;
	margin: 0 auto 0 auto;
	background: url("/site/images/footer/footer_foreground_1200px.jpg") no-repeat;
}

#footerblock{
	margin: 0 auto 0 auto;
	width: 900px;
}

#footerblock ul{
	list-style: none;
	margin-top: -30px;
}

.footerNavCol{ 
	padding-top: 40px;
	width: 156px;
	float: left;
	margin: 0 15px 0 15px;
}

.footerNavColLeft{ 
	padding-top: 40px;
	width: 156px;
	float: left;
	margin: 0 15px 0 0;
}

.footerNavColRight{ 
	padding-top: 40px;
	width: 156px;
	float: left;
	margin: 0 0 0 15px;
}



/* FOOTER SITEMAP TITLES on coursework pages */

#footerblock h4{
	color: white;
	border-bottom: none;
	background: none;
}



/*FOOTER SITEMAP LINKS*/
#footerblock a{
	font-weight: normal;
	color: #bdd9e7;
	text-transform: uppercase;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0px;	
	font-size: 0.9em;
	line-height: 1.6em;
	text-decoration: none;
}


#footerblock a:hover{ 
	color: #f0f0f0;
}

#copyright{
	clear: both;
	text-align: center;
	color: #ddd;
	font-size: 0.9em; 
	margin: 0 auto 0 auto;
	width: 900px;
	line-height: 80px;
	text-decoration: none;
}

#footerimage #copyright a{
	text-decoration: none;
	clear: both;
	text-align: center;
	color: #ddd;
	font-size: 0.9em; 
	margin: 0 auto 0 auto;
	width: 900px;
	line-height: 80px;
}



/****************** Course page Footer  ******************/

#coursepage_footer{ 
	margin: 0 auto 0 auto;
	background-image: url("/site/images/course_pages/footer_background_repeat.jpg") ;
	background-repeat: repeat-x;	
}

#coursepage_footer #footerblock a{
	color: #cbe7f8;
}


#coursepage_footerimage{ 
	height:300px;
	width: 1200px;
	margin: 0 auto 0 auto;
	background: url("/site/images/course_pages/footer_foreground_1200px.jpg") no-repeat;
}

.footerNavFillRight{ 
	padding-top: 40px;
	/*width: 156px;*/
	float: right;
	margin: 0 0 0 15px;
}

/****************** Text  ******************/



#homePageTitle {
	font-weight: bold; 
	color: #6E9EB5; 
	text-decoration: none; 
	word-spacing: normal; 
	text-align: right; 
	letter-spacing: 0px; 
	line-height: 1.2em;
	font-size: 2.2em; 
	margin: 0 0 18px -30px;
}



h1, .pageTitle { 
	font-weight: bold; 
	color: #6E9EB5; 
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	font-size: 1.8em;
	margin-bottom: 18px;
}

h2, .subtitle { 
	font-weight: bold;; 
	color: #6E9EB5; 
	font-size: 1.5em;
	margin-bottom: 18px;
}


h3 {		/* column heading titles */
	color: #4d4d4d; 
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 1.6em;
	border-bottom: 1px solid #bdd9e7;
	padding: 30px 0 10px 0;		
}


h4 {		/* news and quick link titles */
	color: #6E9EB5; 
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 1.6em;
	border-bottom: 1px solid #bdd9e7;
	padding: 6px 0 6px 0;
	background: url("/site/images/body/arrow_down_blue.png") 95% 55% no-repeat;	
	
}


h5 {			/* white footer titles*/	
	color: #ffffff;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.0em;
	line-height: 1.6em;
}

p {
	color: #666; 
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	font-size: 1.0em; 
	/*margin-top:1.0em;*/
	margin-bottom: 18px; /* shoud be the same as the line-height */
}

#contentarea .normalcase a {
	text-transform: none;
	color: #4D80A4;
	text-decoration: none;
	font-size: 1.0em;
}

#contentarea p a {
	text-transform: none; 
	color: #4D80A4;
	text-decoration: none;
	font-size: 1.0em;
}
#contentarea p a:hover {
	text-transform: none; 
	color: #4D4D4D;
	text-decoration: none;
	font-size: 1.0em;
}


#news-content-area .newstext {
	display: none;
}
#contentarea .newstext {
	clear: both;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #666;  
	text-align: left; 
	letter-spacing: 0px; 
	line-height: 1.6em; 
	font-size: 1.0em; 
	overflow: inherit;
	/* padding-bottom: 40px; */
}

#contentarea .newsblurb {
	display: none;
}
#news-content-area .newsblurb {
	margin-top:0.3em;
	margin-bottom:0.3em;
	color: #666;  
	text-align: left; 
	letter-spacing: 0px; 
	/* line-height: 1.3em; */ 
	font-size: 1.0em; 
	overflow: hidden;
}

#news-content-area .newspic {
	display: none;
}
#contentarea .newspic {
	float:right;
	margin-left: 20px;
}

.newstitle {
	color: #6E9EB5; 
	/*width: 240px;*/
	/*height: 18px;*/
	text-decoration: none; 
	font-weight:normal;
	text-align: left; 
	line-height: 1.6em; 
	font-size: 1.0em; 
	/* text-transform: uppercase; */	
	overflow: visible;
}


#col3_2 .newstitle {
	font-weight: bold;
	border-bottom: solid 1px #bdd9e7;
}


.newsdate {
	float: left;
	/* padding-right: 20px; */
	width: 100%;
	color: #6E9EB5;  
	text-decoration: none; 
	font-weight:bold; 
	text-align: left;  
	line-height: 1.6em; 
	font-size: 1.0em; 
	text-transform: uppercase;
	border-bottom:	solid 1px #bdd9e7;
}

#news-content-area .newstext {
	font-size: 0.9em;
	line-height: 1.4em; 
}



/* TOP MENU (use only if sliced images are not appropriate) */ 
#topMenu {
	text-transform: uppercase; 
	color: #FFF; 
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	font-size: 1.2em; 
}


/* SUBMENU */
#navigation a{	
	text-transform: uppercase; 
	/*color: #6E9EB5;*/
	color: #4D80A4;
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	font-size: 0.9em; 
}
#navigation a:hover{ 
	color: #4D4D4D; 
}

#navigation a:active{ 
	color: #4D4D4D; 
}




/******************* Content area classes *******************/

.pagetext {
	float: left;
	width: 580px;
}

/*
#contentarea-home .pagetext {
	float: left;
	width: 400px;
}
*/

.rightImage {
	float: right;
	width: 290px;
	height: 290px;
	background: url("/site/images/body/right_hand_pic_frame.png") no-repeat;
}


img.framed {
	position: relative;
	left: 12px;
	top: 12px;
}

.pagePic {
	float: right;
	width: 290px;
}

img.bordered {
	border-width: 9px;
	-webkit-border-image: url("/site/images/body/right_hand_pic_frame.png") 9 stretch;
	-o-border-image: url("/site/images/body/right_hand_pic_frame.png")  9 stretch;
	-icab-border-image: url("/site/images/body/right_hand_pic_frame.png")  9 stretch;
	-khtml-border-image: url("/site/images/body/right_hand_pic_frame.png")  9 stretch;
	-moz-border-image: url("/site/images/body/right_hand_pic_frame.png")  9 stretch;
	-web-kit-border-image: url("/site/images/body/right_hand_pic_frame.png")  9 stretch;
	border-image: url("/site/images/body/right_hand_pic_frame.png") 9 stretch;
}

#centralbar a.csmail{
        text-transform: none;
        color: #4D4D4D;
        text-decoration: none;
        word-spacing: normal;
        text-align: left;
        letter-spacing: 0px;
        font-size: 0.9em;
}


#centralbar a{	
	text-transform: uppercase;
	color: #4D80A4;
	text-decoration: none; 
	word-spacing: normal; 
	text-align: left; 
	letter-spacing: 0px; 
	font-size: 0.9em; 
}

#centralbar h3 a  {
	font-size: inherit;
}

#centralbar a:hover{ 
	color: #4D4D4D; 
}

#centralbar .resultsUrl a  {
	text-transform: none;
}


pre {
	font-size: 1.2em;
}

/****************** Buttons  ******************/

.clear { /* generic container (i.e. div) for floating buttons */
	/*overflow: hidden;*/
	width: 100%;
}

a.button {
	/*float: left;*/
	display: block;
	height: 32px;
	padding: 0px 10px 0px 10px;
	margin-right: 40px;	
	text-decoration: none;
}

#nav-home a{
	width: 31px;
	height: 16px;
	background:url("/site/images/header/btn_home.png") no-repeat 10px 0px;
}
#nav-students a {
	width: 55px;
	height: 16px;
	background:url("/site/images/header/btn_students.png") no-repeat 10px 0px;
}
#nav-department a {
	width: 72px;
	height: 16px;
	background:url("/site/images/header/btn_department.png") no-repeat 10px 0px;
}
#nav-community a {
	width: 69px;
	height: 16px;
	background:url("/site/images/header/btn_community.png") no-repeat 10px 0px;
}
#nav-research a {
	width: 53px;
	height: 16px;
	background:url("/site/images/header/btn_research.png") no-repeat 10px 0px;
}

/*
#nav-home, #nav-students, #nav-department, #nav-community, #nav-research a.button:hover {
	background-position: 10px -16px;
}
*/

#topBarMenu a.button:hover {
	background-position: 10px -16px;
}

#topBarMenu a.button.active {
	background-position: 10px -16px;
}


/**********   Password Channge form layout   **********/

#passwordcontainer {
	width:720px;
	padding:0px;
	background:#fefefe;
	margin:0 auto;
	border:1px solid #c4cddb;
	border-top-color:#d3dbde;
	border-bottom-color:#bfc9dc;
	box-shadow:0 1px 1px #ccc;
	border-radius:5px;
	position:relative; 
}

#passwordcontainerorig {
	width:360px;
	padding:0px;
	background:#fefefe;
	margin:0 auto;
	border:1px solid #c4cddb;
	border-top-color:#d3dbde;
	border-bottom-color:#bfc9dc;
	box-shadow:0 1px 1px #ccc;
	border-radius:5px;
	position:relative; 
}

#passwordcontainer h1 {
	margin:0;
	padding:10px 0;
	font-size:16px;
	text-align:center;
	background:#eff4f7;
	/* background:#ecf7fb; */
	border-bottom:1px solid #dde0e7;
	box-shadow:0 -1px 0 #fff inset;
	border-radius:5px 5px 0 0; /* otherwise we get some uncut corners with container div */
	text-shadow:1px 1px 0 #fff;
}

#passwordcontainer ul, li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#passwordcontainer form ul li {
	margin:5px 20px;
}

#passwordcontainer form ul li:last-child {
	text-align:center;
	margin:15px 0 15px 0;
}

#passwordcontainer input {
	padding:10px 10px;
	border:1px solid #d5d9da;
	border-radius:5px;
	box-shadow: 0 0 5px #e8e9eb inset;
	width:288px; /* 400 (#container) - 40 (li margins) -  10 (span paddings) - 20 (input paddings) - 2 (input borders) */
	font-size:1em;
	outline:0; /* remove webkit focus styles */
}

#passwordcontainer input:focus {
	border:1px solid #b9d4e9;
	border-top-color:#b6d5ea;
	border-bottom-color:#b8d4ea;
	box-shadow:0 0 5px #b9d4e9;
}

#passwordcontainer label {
	color:#555;
}

#passwordcontainer span {
	background:#f6f6f6;
	padding:3px 5px;
	display:block;
	border-radius:5px;
	margin-top:5px;
}

#passwordcontainer button {
	background: #57a9eb; /* Old browsers */
	background: -moz-linear-gradient(top, #57a9eb 0%, #3a76c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57a9eb), color-stop(100%,#3a76c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* IE10+ */
	background: linear-gradient(top, #57a9eb 0%,#3a76c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a9eb', endColorstr='#3a76c4',GradientType=0 ); /* IE6-9 */
	border:1px solid #326fa9;
	border-top-color:#3e80b1;
	border-bottom-color:#1e549d;
	color:#fff;
	text-shadow:0 1px 0 #1e3c5e;
	font-size:.875em;
	padding:6px 15px;
	width:150px;
	border-radius:20px;
	box-shadow:0 1px 0 #bbb, 0 1px 0 #9cccf3 inset;
}

#passwordcontainer button:active {
	background: #3a76c4; /* Old browsers */
	background: -moz-linear-gradient(top, #3a76c4 0%, #57a9eb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a76c4), color-stop(100%,#57a9eb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* IE10+ */
	background: linear-gradient(top, #3a76c4 0%,#57a9eb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a76c4', endColorstr='#57a9eb',GradientType=0 ); /* IE6-9 */
	box-shadow:none;
	text-shadow:0 -1px 0 #1e3c5e;
}


#pswd_info {
	position:absolute;
	bottom:-180px;
	bottom: -220px\9; /* IE Specific */
	right:35px;
	width:250px;
	padding:15px;
	background:#fefefe;
	font-size:.875em;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
}


#pswd_info h4 {
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
}

#pswd_info h2 {
	font-size:14px;
	font-weight:normal;
}

#pswd_info::before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:14px;
	line-height:14px;
	color:#ddd;
	text-shadow:none;
	display:block;
}

.invalid {
	background:url(/site/images/invalid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.valid {
	background:url(/site/images/valid.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}

#pswd_info {
	/* display:none; */
}




/********* AI group CSS **************/ 

   #ai-schedule {
       width:600px;
   }

 .ai-presentation_old {
   display: none;
 }

   .ai-presentation {
       padding: 1em;
   }

   .ai-presentation h3 {
       margin-bottom: 0em;
   }

   .ai-author {
       margin-top: 0.2em;
       font-size: 1.0em;
       text-transform: uppercase;
   }

   .ai-title {
       margin-top: 0.2em;
               font-weight:bold;
   }

   .ai-abstract {
       margin-top: 0.2em;
       font-style:italic;
       text-align: justify;
       text-justify: newspaper;
   }