@charset "UTF-8";
/* CSS Styles for Canvas Support Website */

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">


/* This sets the appearance of the NEW paragraph container for screenshots; just a simple indent with no frame */
.screenshot {	
	padding-left: 30px;
}


/* This sets the appearance of the OLD paragraph container for screenshots */
.screenshotpara {
	width: 450px;
	border: 1px solid rgb(200, 200, 200); 
	margin: 0pt 0pt 20px;
	padding: 0px;
	overflow: hidden; 
}

/* This positions the screenshot at the top left corner of the frame; adjust width and right/bottom margin settings of image to crop the display */
.screenshot {
	margin: 0px;
}

h2 {
	color: #000;
	font-weight: normal;
}

/* This eliminates the indent for bullet lists */
.flushleft li {
	margin-left:-25px;
}

/* This aligns the announcements on the home page with the buttons */
.list-margin {
	position:relative;
	left:8%;
}
	
/* This fixes the margin for sidebar bullet lists */
.relatedTopics li {
	margin-left:0px;
}

/* This changes the colour of the buttons */
div.lgray a.box {
    background-color: RGB(51, 51, 51);
}

div.lgray a.box:hover {
    background-color: RGB(73, 73, 80);
}

div.lblue a.box {
    background-color: RGB(0, 161, 203);
}

div.lblue a.box:hover {
    background-color: RGB(0, 174, 239);
}

div.lred a.box {
    background-color: RGB(158, 6, 34);
}

div.lred a.box:hover {
    background-color: RGB(196, 18, 48);
}