* {
	margin: 0;
	padding: 0;
}

body{ 
	font-family: 'Quattrocento Sans', 'Open Sans', Geneva, arial, helvetica, sans-serif;
/*	font-family: 'Muli', 'Antic', 'Open Sans', Geneva, arial, helvetica, sans-serif;	*/

	background: #11335d;
	background-image: url("/images/bg-gradient"); 
	background-repeat: repeat-x;
	height: 100%;
}

#page_container {
	width: 1060px;
	margin: auto auto;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  border-color: #00305E;
}

td {
  text-align: left;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
}

img { -ms-interpolation-mode: bicubic !important; }

#hamburger_menu {display:none;}

.zuperSlider {
	z-index: 0;
}

#back {
    width:1000px;
    background-repeat:no-repeat;
    padding:0 30px 0 30px;
    margin:0 auto 0 auto;
	height: 207px;
	background-image:url("http://www.cs.queensu.ca/images/banner.png");
    background-repeat:no-repeat;
    background-position: top center; 
	background-size: 1060px 207px;
	-moz-background-size: 1060px 207px;
	-o-background-size: 1060px 207px;
	-webkit-background-size: 1060px 207px;
}

#footer {
	clear: both;
    width:1000px;
	height: 105px;

    background-repeat:no-repeat;
    padding: 50px 30px 50px 30px;
    margin:-60px auto 0 auto;
	
	background-image:url("http://www.cs.queensu.ca/images/footer.png");
    background-repeat:no-repeat;
    background-position: top center; 
	background-size: 1060px 125px;
	-moz-background-size: 1060px 125px;
	-o-background-size: 1060px 125px;
	-webkit-background-size: 1060px 125px;

}

#back2 {
    /*background: white;*/
    width:964px;
    /*background-image:url("http://www.cs.queensu.ca/images/banner.png");
    background-repeat:no-repeat;
    background-position: 0 10px;*/
    padding:0px;
    margin:0 auto 0 auto;
    /*border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    
    border: 1px solid #00305E;
    border: 1px solid #aaa;

   	-webkit-box-shadow: 3px 3px 3px #aaa;
	-moz-box-shadow: 3px 3px 3px #aaa;
	box-shadow: 3px 3x 3px #aaa; */
	
	/*margin-top: 10px;
	margin-bottom: 20px;*/

}

/* BH 2012.  Caused problems with sliders, likely elsewhere.  Remove? */
#qsc_content li {
	margin-left: 15px;
}

#container {
	font-size: 0.875em;
	font-size-adjust: none;
	font-stretch: semi-expanded;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 200%;	

	min-width: 970px; /*BH WAS 780px*/
	padding: 0; /* Added by Richard */
}
/* Specify headings detail for Opera */
h1, h2, h3, h4, h5, h6 {
/*	font-family: 'Open Sans', Geneva, arial, helvetica, sans-serif;	*/

	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; 	
	font-weight: 500;
	line-height: 1em;
/*	word-spacing:0.125em; */
}
h1 { font-size: 165%; }
h2 { font-size: 150%; }
h3 { font-size: 145%; }
h4 { font-size: 125%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }



#donate a {
	text-decoration: none;
	color: #11335d;
	background-color: white;
	width: 250px;
	float: right;
	text-align: center;
	font-weight: bold;
}

#donate a:hover {
	background-color: #11335d;
	color: white;
}

#banner {
	clear: both;
	margin-left: auto ;
	margin-right: auto ;
	height: 149px;
	width: 964px; 
}

#bannersoc {
	display: block;
	float: left;
	height: 80px;
	width: 460px;
}
#bannermotto {
	display: block;
	float: left;
	height: 120px;
	width: 275px;
	z-index: -200;
}
#bannerqueensu {
	display: block;
	float: right;
	height: 130px;
	width: 170px;
}

#topmenu {
	position: relative; /* need this for the z-index, needed to pop menus over content. */
	z-index: 5000; 
    margin-left: -10px ;
    margin-right: auto ;	
    color: inherit;
	background: repeat-x;
	/*height: 36px;*/
	width: 964px;
	line-height: 160%;
    padding: 0;
}
#search {
	text-align: right;
	position: relative;
}

#search #cse-search-box {
	padding-right: 5px;
}



#topmenu ul {
	position: relative;
	list-style: none;
	padding-left: 0;
	margin-left: 20px;
}

#topmenu ul li a {
    /*padding-top: 2px;*/
    height: 20px;
}

#topmenu ul li ul {
    list-style: none outside none;
    margin-left: 0px !important;
    padding-left: 0;
    position: relative;
	/*box-shadow: 1px 0px 5px 1px #888;
	-webkit-box-shadow: 1px 0px 5px 1px #888;*/

}

#topmenu ul:first-child {
	width: 942px;
/*	margin-left: 149px; */
	
}
#topmenu li {
	width: 104px;
	height: 22px;
	/*border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;*/
	color: white;
	float: left;
	
	line-height: 125%;
	padding: 2px;
}

#topmenu li.lastchoice {
	border-right: white;
}

#topmenu li.qscsearch  {
	width: 270px; /*270*/
	/*border: white;*/
	background: none;

	text-decoration: none;
	display: block;
	text-align: right;
	padding-top: 3px;
	/*height: 26px;*/
	/*color: #0f2137;*/
	font-weight: 500;
	background-color: transparent;

}

#topmenu li.qscsearch input[type="text"] {
    width: 150px;
    padding: 3px;
	background-color: transparent;
	border: none;
	color: #fff;
	margin-right: -56px;
	text-align: center;
	font-size: 1.1em;
}

#topmenu li.qscsearch input[type="image"] {
	display:none;
}

#topmenu li:first-child {
/*** BH Ribbon	border-left: 1px solid #00305E; ***/
}

/*
#topmenu li:nth-last-child(2) {
	border-right: none;
}
*/
#topmenu li:last-child {
/*** BH Ribbon	border-left: 1px solid #00305E; ***/
/*	border-right: none; */
}
#topmenu a {
	text-decoration: none;
	display: block;
	text-align: center;
	/*padding-top: -2px;*/
	/*height: 16px;*/
	color: #11335d;
	font-weight: 500;
	background-color: transparent;
	font-size: 1.2em;
	/*width: 106px;*/
	width: 106px;
	padding: 3px;
	margin-left: 0px;
}

#topmenu a:hover {
	color: #ffffff;
	background-color: #11335d;
}
#topmenu a:active, #topmenu a:focus {
	color: white;
	background-color: transparent;
}

/* Keep menu header blue while hovering in the submenu */
#topmenu ul li:hover a.header {
	color: #ffffff;
	background-color: #11335d;
}

/*#menu2:hover a.header {
	color: #ffffff;
	background-color: #11335d;
}

#menu3:hover a.header {
	color: #ffffff;
	background-color: #11335d;
}

#menu4:hover a.header {
	color: #ffffff;
	background-color: #11335d;
}

#menu5:hover a.header {
	color: #ffffff;
	background-color: #11335d;
} */

#topmenu li ul {
	margin: 0;
	text-align: left;
}
/*Drop down items in top menu*/
#topmenu li.submenu ul {
	display: none;
	padding-top: 0px;
	padding-left: 0px;
}
#topmenu li.submenu:hover ul {
	display: none; /*TEST*/
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0px;
	margin-left: -2px;
	display: block;
}
#topmenu ul ul { /* */
	display: none; /*TEST*/
	width: 112px;
	height: auto;
	margin: 0;
	border-bottom: 1px solid #bbb;
}
#topmenu li li
{
	float: none;
	border-top: none;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	line-height: 1em;
	width: 110px;
}
#topmenu ul ul li { /* */
	background: #fff;
	color: black;
}
#topmenu ul ul li a { /* */
	color: #0f2137;
	background: transparent;
	font-weight: 500; 
	padding: 6px 2px;
	margin: 0;
	height: /*22px*/ auto;
	/* BH 2012 added  padding-left  */
	padding-left: 5px;
	/* BH 2012 make drop downs left aligned.*/
	text-align: left;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
	font-size: 0.9em;
	width: 103px;
}

#topmenu ul ul li a:hover {
    background: none repeat scroll 0 0 #f0f0f0;
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
    color: #000000;
}

#topmenu li li { /**/
	border-bottom: none;
	padding: 0;
	margin: 0;
	height: /*26px*/ auto;
}

#topmenu ul li ul li  {
	position: relative;
}

#topmenu ul li ul li:hover  ul {
	display: block !important;
}

a.popout {
	background-image: url('http://www.cs.queensu.ca/images/chevron.png') !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}

/* Keep menu choice grey while hovering in the submenu */
#topmenu ul li ul li:hover  a.popout {
	background: none repeat scroll 0 0 #f0f0f0;
    border-bottom: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
    color: #000000;
}

#topmenu ul li ul li ul{
	display: none !important;
	border-top: 1px solid #BBBBBB;
	position: absolute !important;
	left: 110px !important;
	top: -1px !important;
	
	/*clear: both !important;*/
}

#pagesgroup {
	float: left;
	clear: both;
	width: 100%;
	background: white;
	color: blue;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	min-height: 725px;
}

#sidemenu {
	font-size: 12px;
	margin-top: 23px;
	margin-bottom: -2px; /*To compensate for the last item*/
	padding-top: 0px;
	padding-left: 14px;
	float: left;
	width: 120px;
	background: white;
	border-right: 1px solid #11335d; 
	
	padding-top: 24px;
	padding-bottom: 200px;
}

#sidemenu .section_title {
	width: 100%;
	border-bottom: 1px solid #11335d;
}

#sidemenu .section_title a {
	font-size: 150%;
	margin-left: 12px;
	width: 100%;
}

#sidemenu h1 {
	font-size: 1.25em;
	text-align: center;
	padding: 5px 5px 5px 3px; /* top right bottom left */
	color: white;
	background: transparent;
}
#sidemenu ul {
	list-style: none;
}

/*#sidemenu li:first-child {
	font-weight: bold;
	font-size: 14px;
}*/

#sidemenu li li:first-child {
	/* undoing the #sidemenu li:first-child settings for submenus */
	font-weight: normal;
	font-size: 12px;
	/*color: white;*/
	background: transparent;
}
#sidemenu li {
	/*border-bottom: 1px solid navy;*/
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 125%;
	padding: 2px;
	/*color: white;*/
	background: transparent;
	border-bottom: 1px solid #bbb;
}
#sidemenu li li {
	margin-left: 10px;
	width: 80px;
	margin-right: 10px;
	border: none;
}
#sidemenu li li li {
	width: 80px;
	margin-right: 10px;
}
#sidemenu a {
	text-decoration: none;
	color: #00305e;
	background: transparent;
}
#sidemenu li.submenu ul {
	position: relative;
	left: 90px;
	margin-top: -8px; /* using top here instead of margin-top really screws up ie6 */
}
#sidemenu li.submenu {
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
#sidemenu li.submenu ul {
	display: none;
	border-top: 1px solid navy;
}
#sidemenu li.submenu:hover ul {
	display: block;
}
#sidegrad {
	/*display: none;*/ 
	width: 130px;
	min-height: 302px;
/*	background: url(/images/sidemenugrad.png) repeat-x white; */
	float: left;
	clear: left;
}	
#qsc_content {
	margin-left: 150px;
	margin-right: 20px;
	margin-bottom: 0;
	padding: 14px;
	color:#333333;
	width: 766px; 
}

.fullwidth #qsc_content {
	margin-left: auto ;
	margin-right: auto ;
  	padding-top: 5px;
	width: 950px;
}

.mainpage {
	width: 950px; 
}

.mainpagenews {
	width: 50%;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#qsc_content ul {
	list-style: disc outside;
	padding-left: 1.5em;
}
#qsc_content ol {
	list-style: decimal;
	padding-left: 2em;
}
#qsc_content ul, #qsc_content ol {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	margin-left: 0;
	margin-right: 0;
}

#qsc_content h1, #qsc_content h2, #qsc_content h3, 
#qsc_content h4, #qsc_content h5, #qsc_content h6{
/*	color: #00172f; BH */
	color: black; 
	background:transparent;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;	
	padding: 0;
	padding-top: 7px;
	padding-bottom: 5px;
}

#qsc_content table td {
	vertical-align: top;
}
#qsc_content p {
	padding-top: 5px;
	padding-bottom: 5px;
}
#qsc_content .hidden {
	display: none;
}
#qsc_content hr {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#qsc_content div.floatcontainer {
	/* Wrap around floats that need to have equal heights */
	width: 100%;
	float: left;
	margin-bottom: 1em;
}
#qsc_content div.floatcontainer .fiftypercent.floatleft {
	/*
		Note the combination class selector. Makes the left "column"
		in a two-column layout slightly less wide to provide a gap
		for increased readability.
	*/
	width: 49%;
}

/* BH 2008.10 - added for Dean's GiveToQueens. */
#qsc_content ul.qbullet {
	list-style-image: url('/images/qbullet.gif');
	list-style-type: disc;
	padding-left: 1.5em;
}

#qsc_content .nopanel {
	/* Apply to non-paneled content in a partially-paneled div */
	width: 100%;
	clear: right;
}
#qsc_content .panelfull {
	float: none;
	width: 100%;
}
#qsc_content .panelcontainerhalfwidth, #qsc_content .panelcontainer2 {
	width: 45%;   
	float: left;
	margin: 10px;
	/* no side margins, paddings, or borders */
}
#qsc_content .panelcontainerhalfwidth p, #qsc_content .panelcontainer2 p {
	margin: 2px;
	float: left;
	/* no side margins, paddings, or borders */
}
#qsc_content .panelcontainer3 {
	width: 33%;
	float: left;
	/* no side margins, paddings, or borders */
}
#qsc_content .panelcontainer3 p {
	margin: 2px;
	/* no side margins, paddings, or borders */
}
#qsc_content .panel {
	padding: 20px 20px 20px 0;
	margin-left: 0;
}
#qsc_content .img_box {
	display:block;
	border:1px solid black;
	margin-left:auto;
	margin-right:auto;
}
#qsc_content .leftimg_box {
	float: left;
	display:block;
	border:none;
	margin: 10px 10px 0 10px;	
}
#qsc_content .imgdesc {
	float: left;
	display:block;
	border:none;
	margin-left:10px;
	margin-right:auto;
	margin-top: 18px;
}
#qsc_content .subsect {
	margin-top: 20px;	
}
#qsc_content .box {
 /* background-color: #cbd5dd;
  border: 1px solid #00305e;*/
  padding:5px;
  margin: 0 5px 5px;

}

#qsc_content .clearbox {
  border: 1px solid #aaa;
  padding:5px;
  margin: 0 5px 5px;
  
	-webkit-box-shadow: 3px 3px 3px #bbb;
	-moz-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3x 3px #bbb; 

}

#qsc_content h1 a, #qsc_content h2 a, #qsc_content h3 a, #qsc_content h4 a, #qsc_content h5 a, #qsc_content h6 a {
	text-decoration: none;
}

#qsc_content a {
	color: #082124;
/*	text-decoration:none; */
}
#qsc_content a:link { background: transparent; }
#qsc_content a:hover { 	color: #527194; /*background: #fff; */}
#qsc_content a:visited {color: #00305e;}

#qsc_content a.captionedimglink {
	text-decoration: none;
}
#qsc_content a.captionedimglink img {
	border: none;
}
#qsc_content a.captionedimglink .caption {
	text-decoration: underline;
}

/* Note by Richard */
/* This #searchbox exists only on the home page (?) as of 2008.05.09. See #qsc_content #search for other pages */
#qsc_content #searchbox {
	position: absolute;
	float: right;
	text-align: right;
	width: 200px;
	top: 167px;
	left: 840px;
	display: none;
}
#qsc_content #searchbox .formedit { /* Styled by Richard to avoid search button wrapping at min-width */
	min-width: 65%;
}

.imgdesc h3 {
	font-size: 2em;
	color: navy;
	background: inherit;
	margin-bottom: 5px;
}
.imgdesc p {
	font-size: 1.25em;
	margin: 0;
}

/* Drop Shadows using HTML5.  Called by startShadow and endShadow in common inc 2010 BH */
#qsc_content .shadowbox, #qsc_content .shadowboxLight, #qsc_content .shadowboxDark, #qsc_content .shadowboxTransparent   {
  margin-top: 4px;
  margin-bottom: 5px;
  margin-left: 4px;
  margin-right: 10px;
  background-color: white;
  /*border: 1px solid #aaaaaa;
  
	-webkit-box-shadow: 3px 3px 3px #ddd;
	-moz-box-shadow: 3px 3px 3px #ddd;
	box-shadow: 3px 3x 3px #ddd; */
}
#qsc_content .shadowboxLight {
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 3px #bbb;
	-moz-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3x 3px #bbb; 
}
#qsc_content .shadowboxDark {
	background-color: #a39d8b;
	-webkit-box-shadow: 3px 3px 3px #bbb;
	-moz-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3x 3px #bbb; 
}

div.button {
	padding-top: 18px;
	padding-bottom: 18px;
	text-decoration: none !important;
	color: #fff !important;
	background-color: #11335d !important;
	width: 100% !important;
	text-align: center;
	font-weight: bold;
	border: 3px solid rgb(17, 51, 93);
	font-size: 18px;
}

a.button {
	text-decoration: none !important;
}

div.button:hover {
	text-decoration: none !important;
	color: #11335d !important;
	background-color: #fff !important;
}

.button_container {
	padding: 10px !important;
}

.threecol{
        width: 30%;
        margin: 0px;
        padding: 0px;
        float: left;
	padding-right: 20px;
}

.twocol{
        width: 47%;
        margin: 0px;
        padding: 0px;
        float: left;
	padding-right: 10px;
}

.tenpercent{
	width: 10%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.twentypercent{
	width: 20%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.thirtypercent{
	width: 30%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.onequarter{
	width: 25%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.onethird{
	width: 33%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.fortypercent{
	width: 40%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.fiftypercent{
	width: 49%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.sixtypercent{
	width: 60%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.seventypercent{
	width: 70%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.eightypercent{
	width: 80%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.ninetypercent{
	width: 93%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.hundredpercent{
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
.centered, .center, .centred, .centre { /* Richard added .center, .centred, .centre */
	display: block; /* Added by Richard */
	margin-left: auto; 
	margin-right: auto;
	text-align: center; /* Added by Richard */
	/* Note that vertical centering of text not directly supported in css */
}
#qsc_content .centreblock, .centerblock, .centeredblock, .centeredblock { /* like the above, but doesn't centre text contained within */
	display: block;
	float: none;
	/*margin-left: auto;
	margin-right: auto;
	margin-left: -34px;
	margin-right: -39px;
	margin-bottom: 1em;*/
}

.imgBorder {
	display:block;
	position: relative; /* So centering with margin-left/right: auto works properly */
	left: -2px;
	border:1px solid #53494a;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;	
}
p.caption {
	margin-top: -4px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
p.pulloutquotecaption { /* Place in a div floated left of another containing an image */
	font-size: 16px;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-right: 1em;
	color: #0f2137;
	background-color: transparent;
}
p.highlight, p.testimonial {
	font-size: 140%;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #0f2137;
	background-color: transparent;
}

.imgFlow {
	display:block;
	border:1px solid #53494a;
	margin: 3px;
}

/* override classes */
#qsc_content .floatright {
	float: right;
}

#qsc_content .floatleft {
	float: left;
}

#qsc_content .floatnone {
	float: none;
}

.noshow {
	display: none;
}

.halfwidth {
	width: 50%;
}

#qsc_content ul.listitemspacer li {
	margin-bottom: 1em;
}

blockquote { /* Richard 2008.03.26 */
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 3em;
	margin-right: 3em;
}

dl {
	margin-top: 1em;
	margin-bottom: 1em;
}

dd {
	margin-left: 3em;
}

pre, tt, code {
	font-family: monospace;
	line-height: 120%;
}

/* Highlights page(s) class(es) by Richard */
.slideview {
	float: left; margin-right: .5em;
}
.slideshowcontainer {
	position: relative; /* This is for IE6. */
	width: 400px;
	height: 300px;
	float: left;
	/*border: 5px solid #620000;*/
	/*background-repeat: none; */
	margin: .5em;
	margin-left: 20px;
}
.slideshowplaceholder {
	position: absolute;
	top: 0;
	left: 0;
}

#qsc_content p.bottom_align {
	position: absolute; 
	bottom: 0px;
}

/* Override default margins.  This was a pain to find. */
#zuperSlider li {
	margin-top: 0;
	margin-left: 0;
}

#zuperSlider ul {
	margin-top: 0;
	margin-left: 0;
}

img.zuper {
	width: 100%;
	height: 100%;
}

.zuperSlider .caption1 {
	left: 70% !important;
	top: 0% !important;
	height: 100% !important;
	width: 22% !important;
}

.gradtitle, .ugradtitle, .newstitle {
	padding-top: 5px;
	background-color: #8C2217;
	position: relative;
	color: #ffffff;
	clear: both;
	display: block;
	width: 100%;
	margin-left: 0px;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	height: 35px;
	text-indent: 10px;
	
}

.gradtitle, .ugradtitle {
	background-color: #00305e;

	background: -webkit-gradient(linear, left top, left bottom, from(#8C2317), to(#63211A));
	background: -moz-linear-gradient( top, #8C2317, #63211A );

	background: -ms-linear-gradient(top, #8C2317 0%, #63211A 100%); /*IE 10ish*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C2317', endColorstr='#63211A'); /*Older IE using DirectX*/	
	background: -o-linear-gradient(#8C2317, #63211A); /* Opera 11.10 */  
	background: linear-gradient(#8C2317, #63211A); /* the "standard" */  	

}

.newsfeed, .eventsfeed {

	border: 1px solid #aaaaaa;

	-webkit-box-shadow: 3px 3px 3px #bbb;
	-moz-box-shadow: 3px 3px 3px #bbb;
	box-shadow: 3px 3x 3px #bbb; 
	margin: 5px;
	margin-left: 15px;
	
	height: 270px;
	overflow: hidden;
	padding-bottom: 10px;
}

.qscmptoprow {
	/*height: 340px; overflow: hidden; padding-bottom: 5px;*/
	/* This change made to accommodate "More news..." link under News items. */
	/* Richard (on direction from Selim/Tom) 2016-03-07 */
	height: 330px; overflow: hidden; padding-bottom: 5px;
}
.qscmpbotrow {
	height: 150px; overflow: hidden; padding-bottom: 5px;
}

.newsfeed li, .eventsfeed li{
	padding-right: 10px;
}

.eventsfeed {
	margin-right: 15px;
}

.menusearch{
	background-color: white;
}

.newstitle {
	background-color: #00305e;
	background: -webkit-gradient(linear, left top, left bottom, from(#00305e), to(#021a30));
	background: -moz-linear-gradient( top, #00305e, #021a30 );
	
	background: -ms-linear-gradient(top, #00305e 0%, #021a30 100%); /*IE 10ish*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00305e', endColorstr='#021a30'); /*Older IE using DirectX*/	
	background: -o-linear-gradient(#00305e, #021a30); /* Opera 11.10 */  
	background: linear-gradient(#00305e, #021a30); /* the "standard" */  

}

/*BH 2012 - Styling for links bar at the bottom.*/
.linkfooter {
/*	width: 870px;  */
	position: relative;
	padding: 25px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	font-size: smaller;	
	  
    background: #FFC549;
    background: -moz-linear-gradient(top, #FFC549 0%, #FFD478 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFC549), to(#FFD478));
    
  	-webkit-box-shadow: 0px;
	-moz-box-shadow: 0px;
	box-shadow: none; 
	border: 1px solid #00305e;
}

	
.mottoimage{width: 27%; float: left;}	
.mottotext{width: 70%; float: right; line-height: 100%;}
.qsc45area{width: 615px; height: 170px;}
.qsc45logo{width: 250px; padding: 0; margin: 0; float:left;}

.nodesktop {
	display: none;
}

/* BH 2011.06 Anything in this will be seen by a screen reader but not displayed. */
.context {
    position: absolute;
    left: -999em;
    width: 1em;
    overflow: hidden;
}

.highlight {
	clear: both;
	padding: 0;
	margin-left: 15px;  /* BH 2012.06.01 updated from 10 to 0, as the zuperSlider shifted.*/
	margin-right: 10px;
}

.highlightMain {
	clear: both;
	padding: 0;
	margin-left: -14px;  /* BH 2012.06.01 updated from 10 to 0, as the zuperSlider shifted.*/
	margin-right: 10px;
}


#qsc_content a:visited.whitetitle, #qsc_content a:visited.whitetitle, 
#qsc_content a:link.whitetitle, #qsc_content a:link.whitetitle {
	color: #ffffff;
}
#qsc_content a:hover.whitetitle { color: #E7F1CF; background: transparent;text-decoration: underline; }

/**********************************************************/
/* BH 2012 - Merge the following:                         */
/**********************************************************/

#qsc_content a {
	color: #082124;
	/*text-decoration:none;*/
}

.ntitle, .etitle {
	border-bottom: 2px solid #00305e;
	margin-top: 0px;
}

.highlight {
	padding-bottom: 10px;
	margin-bottom: -10px;
}

.zuperSlider {
	 clear: both;
     /*margin: 0pt auto;*/
     position: relative;
     width: 100%;

	/*margin-bottom: -5px;
	border: 1px solid #00305e;*/
	background: #aaa;
   	-webkit-box-shadow: 0px none;
	-moz-box-shadow: 0px none;
	box-shadow: none; 
	
	border: none !important;
	width: 964px !important;
	height: 241px !important;
	padding: 0px !important;
	margin: 0px !important;
	margin-top: 12px !important;
}


.newsfeed a{
	text-decoration: none;
	font-weight: 500;
}

.gradtitle, .ugradtitle, .newstitle {
	padding-top: 0px;
	background-color: #8C2217;
	position: relative;
	color: #ffffff;
	clear: both;
	display: block;
	width: 100%;
	margin-left: 0px;
	margin-right: 5px;
	padding-bottom: 0px;
	padding-right: 0px;
	text-indent: 10px;
	margin-bottom: 10px; margin-top: 5px;
	
}

/* BH 2012.  Caused problems with sliders, likely elsewhere.  Remove? */
#qsc_content li {
	margin-left: 0px;
}


.newsfeed, .eventsfeed {

	border: none;

   	-webkit-box-shadow: 0px none;
	-moz-box-shadow: 0px none;
	box-shadow: none; 
	margin: 5px;
	margin-left: 15px;
	
	height: 475px; overflow: hidden; padding-bottom: 10px;
	margin-right: -5px;
}

.newsfeed li, .eventsfeed li{
	padding-right: 10px;
}

.eventsfeed {
	margin-right: 15px;
}


.mainpagenews {
	margin-bottom: 15px; margin-top: 15px;
	width: 33%;

}

.qscevents {
	width: 23%;
}

.qscnews {
	width: 49%;
}

.qscnewscol {
	margin-left:15px; padding-right:15px; border-left: 1px solid #ddd;border-right: 1px solid #ddd;
}

.qscapply {
	width: 26%;
	font-size: inherit; 
}

/* BH 2013.06 fix our print css. */
.print-only {
	display: none;
}

/* BH 2014.02 accessibility updates. */
/* Course table styling */
table.courses {
	border-width: thin;
	border-spacing: 5px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	width: 95%;
}
table.courses th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
}
table.courses td {
	border-width: 1px;
	padding: 1px 1px 1px 8px;
	border-style: inset;
	border-color: gray;
}

table.program_table {
	border-collapse: collapse;
	border: 0px;
}

table.program_table td {
	padding: 0.5em;
	vertical-align: top;
}

table.program_table th {
	background-color: #aaa;
}

td {
	min-width: 120px;
}

table {
	width: 100%;
	overflow: scroll;
}

/* -- People Tiles -- */
.people_box {
	width: 240px;
	/*height: 240px;*/  /* -- v1.0 -- */
	height: 314px;
	float: left;
	margin: 3px;
	overflow: hidden;
	color: #fff;
	/*background: #11335d;*/
	display: inline-block;
}
	
.people_box img{
	width: 240px;
	height: auto;
	display: block;
}

.people_box:hover .people_name { visibility: hidden; }

.people_box:hover .people_info { visibility: visible; }

.people_name {
	color: #fff;
	position: relative;
	/*top: -84px;*/  /* -- v1.0 -- */
	/*background-color: rgba(17, 51, 93, 0.75);*/  /* -- v1.0 -- */
	/*height: 27%; */  /* -- v1.0 -- */
	padding: 10px; 
	line-height: 15px;
	
	top: 0px;
	background-color: rgb(17, 51, 93);
	height: 54px;
}

.people_info { 
	visibility: hidden; 
	width: 220px;
	/*height: 216px;*/  /* -- v1.0 -- */
	height: 301px;
	color: #fff;
	position: relative;
	/*top: -325px;*/  /* -- v1.0 -- */
	top: -314px;
	/*background-color: rgba(17, 51, 93, 0.75);*/  /* -- v1.0 -- */
	background-color: rgb(17, 51, 93);
	line-height: 15px;
	padding: 10px;
	padding-top: 15px !important;
}

.people_box .name {
	font-size: 144%;
	font-family: "Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;
	font-weight: 500;
	color: #fff;
	margin: 0;
	padding: 0;
	margin-bottom: 10px !important;
}

.people_box .position {
	font-style: italic;
	position: relative;
	top: 3px;
	font-size: 90%;
}

.people_box .alma_mater {
	position: relative;
	top: 20px;
}

.people_box .office {
	position: relative;
	top: 40px;
}

.people_box .phone {
	position: relative;
	top: 40px;
}

.people_box .email {
	position: relative;
	top: 40px;
}

.separator {
	clear: both;
	padding-bottom: 50px;
}

/* ---- */

#event_list {
	margin-left: 25px;
}

.event_details {
	background-color: #efefff;
	padding: 25px;
}

.gcal_link {
	width: 200px;
	text-align: right;
	padding-right: 25px;
	padding-top: 10px;
	float: right;
}

#calendar_list {
	margin: 7px;
	text-align: center;
}

.yellow_box span, .blue_box span {
	margin-right: 10px;
}

span.current_item {
	font-weight: bold;
}

#gcal_list {
	margin: 7px;
	text-align: center;
	clear: right;
}

.profile {
	/*padding-top: 10px;*/
	background-color: #efefff;
}

.profile_pic {
	width: 250px;
	height: 250px;
	float: left;
	/*margin: 3px;*/
	overflow: hidden;
	color: #fff;
	/*background: #11335d;*/
	display: block;
}
	
.profile_pic img{
	width: 100%;
	height: auto;
	display: block;
}


.profile_info { 
	height: 250px;
	color: #000;
	padding-left: 270px;
	line-height: 25px;
	display: block;
}

.profile_info .name {
	font-size: 165%;
	font-family: "Palatino Linotype",Palatino,Palladio,"URW Palladio L","Book Antiqua",Baskerville,"Bookman Old Style","Bitstream Charter","Nimbus Roman No9 L",Garamond,"Apple Garamond","ITC Garamond Narrow","New Century Schoolbook","Century Schoolbook","Century Schoolbook L",Georgia,serif;
	font-weight: 500;
	color: #000;
	margin: 0;
	padding: 0;
	margin-bottom: 10px !important;
	display: none;
}

.profile_info .position {
	font-style: italic;
	position: relative;
	top: 2px;
}

.profile_bio {
	padding-top: 10px;
}

#page_header.profile {
	height: 305px;
}


#footer_logo {
	float: left;
	width: 150px;
	border-right: 1px solid white;
	padding-left: 25px;
	margin-top: 20px;
}

#footer_address {
	color: #fff;
	float: left;
	padding-left: 50px;
	padding-top: 12px;
	line-height: 14px;
	font-size: 12px;
}

#footer_links {
	float: right;
	padding-right: 50px;
	padding-top: 100px;

}

#footer_links  a {
color: #fff;
}

.gsc-resultsRoot {
	line-height: normal !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.flush {
	margin-left: -29px;
	width: 829px;
}

#page_header {
	margin-top: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	height: 293px;
	background-position: center 54px;
	background-size: 100% auto;
}

#page_title {
    padding-left: 25px;
    /*height: 100px;
    background-image: url("http://www.cs.queensu.ca/images/white-gradient.png");
	background-repeat: repeat-x;*/
	
	/*height: 50px;*/
	background-color: #fff;
    margin-top: -12px;
	/*padding-bottom: 10px;*/
	font-size: 24px;
	border-bottom: 1px solid rgb(17, 51, 93);
	padding-top: 5px;
}

#page_title h1 {
	margin-bottom: 3px;
}

.yellow_box {
	border: 2px solid #eebd31;
	background-color: #efef83;
	padding: 12px;
	line-height: normal;
	margin-bottom: 25px;
}

.blue_box {
	background-color: #efefff;
	border: 2px solid #11335d;
	padding: 12px;
	line-height: normal;
	margin-bottom: 25px;
}

.right_side {
	width: 40%; 
	float: right; 
	margin-top: 7px;
	margin-bottom: 20px;
	margin-left: 20px;
	clear: right;
}

#page_header.no_img {
	height:75px;
}

.awards_list li {
    line-height: 150%;
	margin-top: 7px;
    margin-bottom: 7px;
}

.award_name {
    font-weight: bold;
}

.recipient {
    font-style: italic;
}

.issuer {
    font-size: small;
}