/*------------ Page Setup starts ------------*/





body{

text-align:center;/*centres the body for IE6*/

margin:0;/*Despite the margin setting in 'wrap', this allows body to move to the top of the browser window.*/

padding:0;

font:0.8em Arial, Helvetica, sans-serif;

/*background: repeat-y top center;*/

background-image:url(../navimages/tile_blue.gif);

}





a:link {

color: #5F717F;

text-decoration:none;

}





a:visited {

color: #5F717F;

text-decoration:none;

}





a:hover{

color: #3C4D5A;

text-decoration:none;

border-bottom:dotted 1px;

}





a:active {

color: #5F717F;

text-decoration:none;

}





#wrap{

/*background:#FFFFFF; *//*If you want the left column to be another colour, and to allow the left column to appear to extend all the way to the bottom, then change this background colour to the colour you want for the left column. Required sections have a white background to cover the left-column colour.*/

margin:0 auto;/* centres the body for all browsers other than IE6. Must be part of the element that has the width.*/

width:950px;

}





/*------------ Page Setup ends ------------*/



/*------------ Header starts ------------*/



#header{

clear:both;

margin:0;

padding:0;

height:120px;

/*background-color:#FFFFFF;*/

}





	



#header-image {

float: left;

position: relative;

height:120px;

width:950px;

background-image: url(../navimages/header3.gif);/*  Was header2.gif - with the sad girl pic. */

background-repeat: no-repeat;

/*background-color:#7E909C;*/

padding:0;

margin:0;

}





/* spacer.gif is used as link on top of the header background-image (see above). The code item below prevents spacer.gif from acquiring general CSS link attributes such as underline*/

#header-image a {

border:0;

}

	

#print-header {display:none;}





#tagline-bar {

float: right;

height:42px;

width:740px;

background-image: url(../navimages/tagline-bar3.gif);/*  Was tagline-bar2.gif - for use with the sad girl. */

background-repeat: no-repeat;

/*background-color:#5A6770;*/

display:inline;

}

	

#search{

float: left;

height:42px;

width:210px;

/*background-image:url(../navimages/search-bkgd.gif); This was the original 'picture of a search box'*/

background-image:url(../navimages/search-bkgd2.gif);

background-repeat: no-repeat;

}

	

	

/*------------ Header ends ------------*/





/*------------ Left Column starts ------------*/





#leftcolumn{

clear:left;

float:left;

width:150px;

height:316px;

margin-top:40px;

text-align:left;

background-image:url(../navimages/menu_vert.gif);

background-repeat:no-repeat;

/*background-color:#00CC00;*/

z-index:100;

}









/*------------ Left Column ends ------------*/







/*------------ Right Column and Centre Content Column wrap starts ------------*/

#wrap-contentright{

float:left;

/*position:relative; commented out May 15, trying to get IE6 to work*/ 

text-align:left;

min-height:420px;			/*These three lines are a hack to force IE6 to recognize the min-height*/

height:auto !important;	/*The min-height keeps this wrapper tall enough that it extends leftcolumn to contain its content.*/

height:420px;				/*Change these settings to allow for changes in leftcolumn content.*/



/*If leftcolumn is too long, it overflows over the footer. Too short and it shows its background colour (of whatever) below this wrapper*/

background-color:#FFFFFF;

width:800px;/*Must be set or this div goes below leftcolumn in Firefox.*/

display:inline;

margin-left:-90px;

z-index:90;



}



/*------------ Right Column and Centre Content Column wrap ends ------------*/







/*------------ Centre Content Column starts ------------*/



#content{
	height:auto;
	line-height:normal;
	padding-left: 120px;
	padding-right:45px;
	padding-top: 15px;
	background-color:#FFFFFF;
	background-image: url(../navimages/menu_vert_content.gif);
	background-repeat: no-repeat;
	text-align:left;
	min-height:420px;			/*These three lines are a hack to force IE6 to recognize the min-height*/
	height:auto !important;	/*The min-height keeps this wrapper tall enough that it extends leftcolumn to contain its content.*/
	height:420px;				/*Change these settings to allow for changes in leftcolumn content.*/



}





#content a:link{

color: #755F2A;

text-decoration:none;

}



#content a:hover{

color: #534230;

text-decoration:none;

border-bottom:dotted 1px;

}



/* Headline style */

#content h1{

font-size:1.9em;

line-height:normal;

font-family:"Courier New", Courier, mono;

color: #5495D9;

padding-left: 0px;



}





/* Subhead style*/

#content h2{

font-size:1.3em;

color: #534230;

padding-top: 5px;

}



/* Smaller subhead style*/

#content h3{

font-family:Arial, Helvetica, sans-serif;

font-size:1.2em;

font-weight:bold;

color: #9B7F3B;

padding-top:3px;

}

#content h6{

font-size:9px;

}



#content p{

padding-left:25px;

font:1.0em Arial, Verdana,sans-serif;

}



#content ul{

list-style:outside;

list-style-image:url(../navimages/bullet-text.gif);

font:1.0em Arial, Verdana,sans-serif;

}



#content ol{

font:1.0em Arial, Verdana,sans-serif;

}





#content img{

padding:0px;

display:inline;

}







/*------------ Centre Content Column ends ------------*/





/*------------ Text and Image Styles for <span> classes. More can be added. ------------*/



/*Sets up positioning and margin for left-aligned images*/

.picleft{

margin:0px 12px 8px 0px;

float:left;

}







/*Sets up positioning and margin for right-aligned images*/

.picright{

margin:0px 0px 0px 15px;

float:right;

}



/*Sets up positioning and margin for left-aligned faculty images*/

.faculty-picleft{

margin:0px 35px 5px 0px;

float:left;

}





.subheadh3{

font-family:Arial, Helvetica, sans-serif;

font-size:1.2em;

font-weight:bold;

color: #9B7F3B;



padding-top: 0px;

}



.textright{

text-align:right;

}





.center{

text-align:center;

}





.small{

font-size:0.8em;

line-height:normal;

}





.bold{

font-weight:bold;

}



.underline-cell{

border-bottom:solid 1px #5A6770;

font:1.0em Arial, Verdana,sans-serif;

}

/* Text and Image Styles for <span> classes ends */







/* Footer starts */





#footer{

clear:both;

margin:0 auto;

/*background:#FFFFFF;*/

padding:10px 0 20px 0;

border-top:3px solid #5F717F;

text-transform:uppercase;

text-align:center;

color:#000000;

font-size:0.8em;

}





#footer a:link{

color: #5F717F;

text-decoration:none;

}





#footer a:hover{

color: #3C4D5A;

text-decoration:none;

border-bottom:dotted 1px;

}





/* Footer ends */





/* Miscellaneous */







a img{

border:0;

}





/* If an image is a link, this keeps the image from having CSS link attributes, such as an underline. */

.img_none{

	text-decoration: none;

	border-bottom: none;

	border-style:none;

}



.img_none a:link, .img_none a:hover, .img_none a:visited {

	text-decoration: none;

	border-bottom: none;

	border-style:none;

	}



/* Use this if you'd like to hide something, but not delete it for now. */

.hide{

display:none;

}