/* ------------------------- Events Page Containers ------------------------- */
.myRightStuff{
width:430px;
float:right;
}

.myLeftStuff{
width:330px;
float:left;
}

.canceledEvent{
color:#c45f5f;
}

#home-rightcolumn ul #home-bullets a strong{
font-size:11px;
}

/* ------------------------- Calendar ------------------------- */

.spacer{
height:10px;
}

.calendar{
}

.calendar-month{
font-size:20px;
text-align:center;
padding-bottom:5px;
padding-top:5px;
margin-right:2px;
margin-left:2px;
background:#7d8f9b;
color:#FFF;
}

#content .calendar-month .calendar-prev a{
font-size:11px;
margin-right:30px;
padding:2px 5px;
color:#FFF;
}

#content .calendar-month .calendar-next a{
font-size:11px;
margin-left:30px;
padding:2px 5px;
color:#FFF;
}

#content .calendar-month .calendar-prev a:hover, #content .calendar-month .calendar-next a:hover{
background:#FFF;
color:#609db8;
}

.calendar-month a{}

.calendar tbody tr td{
font-size:11px;
background:#ddd;
width:35px;
padding-top:5px;
padding-left:5px;
text-align:left;
vertical-align:top;
height:45px;
}

#content .calendar tbody tr td.linked-day1{
background:#91b688;
}

#content .calendar tbody tr td.linked-day0{
background:#c45f5f;
}

#content .calendar tbody tr td.linked-day2{
background:url(../images/dateBoth.gif) no-repeat center center;
}


#content .calendar tbody tr td a{
font-weight:bold;
color:#FFF;
}

/* ------------------------- Date Styles ------------------------- */

.published {
	display:block; 
	text-align: center;
	float:left; 
	font-family: "Trebuchet MS";
	border-bottom:none;
	background: url(../images/dateBoxActive.gif) 
		top left no-repeat;
	width:50px;
height:57px;
}

.published2 {
	display:block; 
	text-align: center;
	float:left; 
	font-family: "Trebuchet MS";
	border-bottom:none;
	background: url(../images/dateBoxInActive.gif) 
		top left no-repeat;
	width:50px;
height:57px;
}


.pub-month {
color:#FFF;
	display:block;
	font-size: 15px;
	padding-top:2px;
margin-left:-4px;
}
.pub-date { 
	display:block; 
	font-size:24px;
margin-left:-4px;
}

#content .myRightStuff #eventsList .listRight{
margin-left:65px;
}

#content .myRightStuff #eventsList{
margin-left:0;
padding-left:0;
margin-top:20px;
list-style:none;
list-style-image:none;
}

#content #eventsList li{
height:1%;
margin-bottom:15px;
}

#content #eventsList li ol li{
height:auto;
margin-bottom:15px;
padding-left:10px;
}


#content #eventsList li h5{
padding:0;
margin-top:0;
margin-bottom:0;
margin-right:0;
display:block;
font-weight:bold;
font-size:13px;
}

#content #eventsList li h5.less{
padding:0;
margin-top:0;
margin-bottom:0;
margin-right:0;
display:block;
font-weight:bold;
font-size:13px;
color:#666;
}

#content #eventsList li h6{
padding:0;
margin-top:0;
margin-bottom:0;
margin-right:0;
display:block;
font-weight:bold;
font-size:12px;
}

#content #eventsList li p{
padding:0;
margin-top:0;
margin-bottom:10px;
margin-right:0;
display:block;
}

/*------------ From javaScript -------------*/

.homeRightImg{
padding: 3px 3px 0px 38px; text-align: left; font-family: arial; font-size: 0.85em; min-height: 90px; height: auto ! important;
}

.paddedPhoto{
padding-left: 40px;
}

*{
z-index:1;
}

/*------------ Page Setup starts ------------*/
#mainDetails{
width:540px;
margin-left:250px;
}

a{
outline:none;
}

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.75em Verdana, Arial,sans-serif;
background: repeat-y top center;
background-image:url(../navimages/bg.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;
/*padding:0;*/
}


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

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

#header{
clear:both;
margin:0;
padding:0;
height:112px;
background-color:#FFFFFF;
}


	

#header-image {
float: left;
position: relative;
height:112px;
width:950px;
background-image: url(../navimages/header.jpg);
background-repeat: no-repeat;
background-color:#FFFFFF;
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;}


#menubar {
float: left;
height:38px;
width:749px;
padding-left:0px;
background-image: url(../navimages/menu-bar.jpg);
background-repeat: no-repeat;
background-color:#FFFFFF;
display:inline;
}
	
#search{
float: right;
height:38px;
width:201px;
background-image:url(../navimages/search-bkgd.jpg);
background-repeat: no-repeat;
}
	
/*------------ Header ends ------------*/


/*------------ Home Page starts ------------*/
#home-leftcolumn{
clear:left;
float:left;
width:313px;
text-align:left;
background:#FFFFFF;
background-image:url(../navimages/home_left.jpg);
  min-height:450px;			/*These three lines are a hack to force IE6 to recognize the min-height*/
  height:auto !important;
  height:450px;				/*Change these settings to allow for changes in leftcolumn content.*/
}



#home-content{
float:left;
height:auto;
width:212px;
font:Arial, Helvetica, sans-serif;
font-size:1.0em;
line-height:1.4em;
padding-left: 0px;
padding-right:15px;
padding-top: 5px;
background-color:#FFFFFF;
text-align:left;
}

#home-content h1{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
line-height:1.2em;
color:#9B7F3B;
}


#home-imageright{
float:left;
width:209px;
background-color:#FFFFFF;
background-image:url(../navimages/home_right.jpg);
padding:0;
margin:0;
background-repeat:no-repeat;
min-height:450px;			/*These three lines are a hack to force IE6 to recognize the min-height*/
height:auto !important;
height:450px;				/*Change these settings to allow for changes in leftcolumn content.*/
}

#home-rightcolumn{
float:right;
width:200px;
text-align:left;
font-size:0.9em;
background-color:#FFFFFF;
padding:0;
margin:0;
min-height:450px;			/*These three lines are a hack to force IE6 to recognize the min-height*/
height:auto !important;
height:450px;				/*Change these settings to allow for changes in leftcolumn content.*/
}


#home-rightcolumn h1{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:bold;
text-transform: uppercase;
letter-spacing:.05em;
line-height:1.0em;
color:#9B7F3B;
padding-left: 35px;
padding-top: 5px;
}
/*The following is a hack to remove a hover attribute from the photos in the faces_cem.js file*/
#home-rightcolumn a:hover{ 
text-decoration:none;
border-bottom:none;

}

#home-bullets{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
/*letter-spacing:.05em;
line-height:1.1em;*/
list-style-image:url(../navimages/bullet-text.gif);
list-style-position:outside;
padding-left: 0px;
/*padding-top: 5px;*/
}

/*This puts the hover attribute back on the bullets under QUICK LINKS*/
#home-bullets a:hover{
color: #3C4D5A;
text-decoration:none;
border-bottom:dotted 1px;
}

/*------------ Home Page ends ------------*/



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


#leftcolumn{
clear:left;
float:left;
width:111px;
padding-top:20px;
text-align:left;
background:#FFFFFF;
}





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



/*------------ Right Column and Centre Content Column wrap starts ------------*/
#wrap-contentright{
float:left;
position:relative;
text-align:left;
border-left:solid #999999 1px;
background:#FFFFFF;
  min-height:480px;			/*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:480px;				/*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*/

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

display:inline;
}
/*------------ Right Column and Centre Content Column wrap ends ------------*/




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

#content{

height:auto;
line-height:1.6em;
padding-left: 15px;
padding-right:45px;
padding-top: 15px;
background-color:#FFFFFF;
text-align:left;
}


#content a:link{
color: #5F717F;
text-decoration:none;
}

#content a:hover{
color: #3C4D5A;
text-decoration:none;
border-bottom:dotted 1px;
}

/* Headline style */
#content h1{
font-size:1.7em;
line-height:normal;
color: #5A6770;
}


/* Subhead style without overline*/
#content h2{
font-size:1.3em;
color: #5A6770;
padding-top: 5px;
}

/* Subhead style with overline*/
#content h3{
font-size:1.3em;
color: #5A6770;
border-top:1px #3C4D5A dotted; 
padding-top: 8px;
}


/* Smaller subhead style without overline*/
#content h4{
font-size:1.1em;
color: #9B7F3B;
padding-top: 0px;
}


#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 8px 15px 0px;
float:left;
}



/*Sets up positioning and margin for right-aligned images*/
.picright{
margin:0px 0px 20px 25px;
float:right;
}

/*Sets up positioning and margin for left-aligned faculty images*/
.faculty-picleft{
margin:0px 35px 5px 0px;
float:left;
}


.subheadh4{
font:1.0em Verdana, Arial,sans-serif;
font-size:1.1em;
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;
float:left;
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;
width:950px;
}


#footer a:link{
color: #5F717F;
text-decoration:none;
}


#footer a:hover{
color: #3C4D5A;
text-decoration:none;
border-bottom:dotted 1px;
}


/* Footer ends */


/* Miscellaneous */


/* If an image is a link, this keeps the image from having CSS link attributes, such as an underline. */
a img{
border:0;
}


/* Use this if you'd like to hide something, but not delete it for now. */
.hide{
display:none;
}