/* GlobalPrint.css - WCA Global Print Styles */

/*
	 When overriding the following 'global' styles with LocalPrint.css styles, keep in mind the cascading
	 precedence rules:
	 
	 Step 1:
		a. Count the number of ID attributes in the selector
		b. Count the number of CLASS attributes in the selector
		c. Count the number of HTML tag names in the selector
		
	 Step 2:
	 	Write the three numbers in exact order with no spaces or commas to obtain a three digit number.
	 	(Note, you may need to convert the numbers to a larger base to end up with three digits.)
	 	The final list of numbers corresponding to selectors will easily determine specificity with
	 	the higher numbers winning out over lower numbers. Following is a list of selectors sorted by specificity:

			#id1         {xxx} /* a=1 b=0 c=0 --> specificity = 100
			UL UL LI.red {xxx} /* a=0 b=1 c=3 --> specificity = 013
			LI.red       {xxx} /* a=0 b=1 c=1 --> specificity = 011
			LI           {xxx} /* a=0 b=0 c=1 --> specificity = 001
*/

/* Turn stuff off to begin with */

.headerContent {
	display: none;
}

.WCAtagLine {
	display: none;
}

.leftSideBar,
.rightSideBar {
	display: none;
}

/* Set the colour for links and turn off underlining */

a { color: #2460d4; text-decoration: none; }

/* @group Main Bar Styles */

.mainBar {
	font: 10pt "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #33333;
	margin-left: 50pt;
	margin-right: 40pt;
	margin-top: 50pt;
}

.mainBarContent img,
.mainBarContentExtended img {
	width: 484px;
	margin: auto;
	display: block;
}

.dropShadow {
	box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 5px 15px;
}

.mainBarContent ul,
.mainBarContentExtended ul {
	list-style-type: disc;
}

.mainBarContent ul li,
.mainBarContentExtended ul li {
	margin-top: 0;
	padding-top: 0;
}

#listSpaced5 ul {
	margin-top: -5px;
}

#listSpaced5 ul li {
	margin-top: 5px;
}

#listSpaced5 p {
	margin-top: 2px;
	margin-bottom: 0px;
}

.imageS img {
	width: auto;
	margin: auto;
	box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
}

.insetImage img {
	width: auto;
	float: right;
	padding-left: 10px;
	padding-top: 15px;
}

.insetImageS img {
	width: auto;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
}

.insetImageRight img {
	width: auto;
	float: right;
	padding-left: 10px;
	padding-top: 15px;
}

.insetImageRightS img {
	width: auto;
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
}

.insetImageLeft img {
	width: auto;
	float: left;
	padding-right: 10px;
	padding-top: 15px;
}

.insetImageLeftS img {
	width: auto;
	float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
}

..mainBarFooter {
	display: none;
}

/* Various special paragraph styles */

p {
	line-height: 150%;
}

p.tight {
	margin-top: 4pt;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

/* Style for the first character of the first paragraph on a page */

p.initial:first-letter { font-size: 140%; }

/* Make the heading styles match our paragraph style */

h1 { font-size: 180%; font-weight: normal; text-align: left; }
h1.initial:first-letter { font-size: 200%; }

h2 { font-size: 160%; font-weight: normal; text-align: left; }
h2.initial:first-letter { font-size: 180%; }

h3 { font-size: 140%; font-weight: normal; text-align: left; }
h3.initial:first-letter { font-size: 160%; }

h4 { font-size: 120%; font-weight: normal; text-align: left; margin-bottom: 4pt; }
h4.initial:first-letter { font-size: 140%; }
#headerList h4 { margin-top: 6pt; }

h5 { font-size: 110%; font-weight: normal; text-align: left; margin-bottom: 2pt; }
h5.initial:first-letter { font-size: 125%; }

h6 { font-size: 100%; font-weight: normal; color: #4a4a4a; text-align: left; margin-bottom: 2pt; }
h6.initial:first-letter { font-size: 110%; }

/* And provide a bit of variety */

.eventDate {
	color: maroon;
	margin-bottom: -15px;
	margin-top: 0px;
}

.eventHeading {
	margin-bottom: -5pt;
}

/* Default style for Ordered Lists */

ol {
	list-style-type: lower-alpha;
}

/* Style for centred text */

.centredText {
	text-align: center;
	top: 50px;
	position: relative;
}

/* Style for different sized image presentation formats */

.imageContainer {
	width: 484px;
	font-size: 10pt;
	text-align: center;
	margin: auto;
}

.imageContainer a {
	line-height: 10pt;
}

.imageBox1 {
	width: 400px;
	line-height: 2;
	padding-bottom: 20px;
}

.imageBox1 img {
	width: 280px;
	margin-bottom: 10px;
}

.imageBox2 {
	width: 240px;
	display: inline-block;
	line-height: 2;
	padding-bottom: 20px;
}

.imageBox2 img {
	width: 225px;
	margin-bottom: 10px;
}

.imageBox3 {
	width: 155px;
	display: inline-block;
	line-height: 2;
	padding-bottom: 20px;	
}

.imageBox3 img {
	width: 150px;
	margin-bottom: 10px;
}

.imageBox4 {
	width: 110px;
	display: inline-block;
	margin-bottom: -10px;
}

.imageBox4 img {
	width: 105px;
	margin-bottom: 10px;
}

/* @end Main Bar Styles */

/* @group File Download Table Styles */

.dlSpecification {
	margin-top: 5px;
}

.dlCaption {
	font-size: 120%;
	font-weight: normal;
	color: #3a3a3a;
	text-align: left;
	margin-bottom: 4pt;
}

.dlIcon img {
	width: auto;
	padding: 2px;
	margin-right:8px;
	margin-left:8px
}

.dlFileName {
	width: 350px;
	text-align: left
}

.dlSize {
	width: 50px;
	text-align:  right;
	font-size: 80%;
}

/* @end File Download Table Styles */

/* @group Miscellaneous Styles */

.contactTable,
.table1 {
	margin-top: -10px;
}

.contactTable tr,
.table1 tr {
	vertical-align: bottom;
	text-align: left;
}

.refCase li {
	padding-bottom: 5px;
}

/* @end Miscellaneous Styles */