/* layout3.css CSS Document */ 
/* oct9/08 - sam - for newPublicTemplate - for standards */
/* font-size: 81%, or 13px */



a.skip {position: absolute; left: -1000em; width: 20em;color: #FFF}
img { margin:0; padding:0; border: none; }

body {font-family: Verdana, Arial, "Trebuchet MS", san-serif;font-size: 81%;color: #333;
	margin:0;padding:0;	width: 100%;background-color: #999;}

p { font-size: 1em; }

.header { height:71px; background-color: #0076C2; overflow: hidden; }
.header .logo { text-align: center; margin-top: 0.5em; }
.header h1 { color: #FFFFFF;font-size: 2em;margin-top: 1.15em; padding-bottom: 0.5em;}


ul#siteTools { text-align:right; padding:0px; margin: 0; list-style-type: none; margin-top: 4px; }

ul#siteTools li { background-image: url(http://vivadesigncomp.ca/images/whitebullet.gif); background-repeat: no-repeat; background-position: 100% .7em; list-style-type: none; font-size: 0.85em; font-family: "Trebuchet MS"; padding-right: 1em; 
}
ul#siteTools a { color:#fff; font-weight:bold; text-decoration:none;}

/*************/


#header p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #fff;
	margin: .25em 0 0 3em;
	font-weight: bold;
	padding: 0;
}	

/******* nav ******************/
#globalnav {
	width:100%;
	background-color:#86C335;
	line-height: 1.2em;
}
#globalnav li {	list-style-type:none;display: inline;font-size: 1em;margin: 0;padding-left: 1em;padding-right: 0.5em;font-family: "Trebuchet MS", Arial;font-weight: bold;padding: .5em .5em 1em 1em; }

/*#globalnav .lastNav {padding-right: 0px;} */
#globalnav a:link {	color:#fff;	text-decoration:none;margin-top: 0px;}	
#globalnav a:visited {color:#fff;text-decoration:none;}	
#globalnav a:hover {color: #0075C2;text-decoration:none;}	
#globalnav a:active {color:#fff;text-decoration:none;}
#globalnav ul {
	padding-top: 0.25em;
	margin-left: 2.5em;
	padding-bottom: 0.35em;
}


div.content { margin: 2px 0 0 0; padding: 0; }
.box { padding: 0 25px 0 0; }


/************** styles **********/
.content h1 { font-size: 1.5em; font-weight: normal; color: #0076C2; margin-bottom: .75em; line-height:1.25em; }
.content h2 { font-size: 1.3em; color: #5E8532; margin: 1.25em 0 .75em 0; } 
/*.content h3 { font-size: 1.23em; color: #005995; margin: 1.25em 0 .75em 0; font-weight: normal; }*/
.content h3 { font-size: 1.08em; color: #005995; margin: 1.25em 0 .75em 0; font-weight: bold; }
.content h4 {font-size: 1.08em; margin: 1.25em 0 .5em 0;color: #005995;}
.content h5 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}
.content h6 {font-weight: bold;	color: #666;margin-bottom: 0.5em;font-size: 1em;}	
.content p {
	margin-bottom: 1em;
	padding-right: 0;
	margin-top: 0px;
	border-right: 100;
}

.content h1 + p { margin-top: 1.5em;  }
.content h1 + h2 { margin-top: .5em; }

.content hr { margin: 0px; }

/************ from screen.css ***************/
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:link { color: #005995; text-decoration: underline; }
a:visited { text-decoration: underline; color: #005995; }
a:hover {text-decoration: none;	color: #5E8532 /*#007D00*/;}
a:active {text-decoration: none;}

/* different green link */
/* previous a:hover color wass #007D00 */
/* changed to a green that is more inline with the global navbar green  */
/* a.greenlink:link { color: #5E8532; }
a.greenlink:visited { color: #5E8532; }
a.greenlink:hover { color: #5E8532; }
a.greenlink:active { color: #5E8532; }*/


/*******text styles for contribute users ***********/
.boldText {font-weight:bold;}
.italicText {font-style:italic;}
.bolditalicText { font-weight: bold; font-style: italic;}
.smallitalicText {font-size: .85em; font-style:italic;}

.smallText {font-size: .85em;}
.boldsmallText {font-size: .85em; font-weight: bold;}

.smallredText {font-size: .85em; color: #CC3300;}
.boldsmallredText {font-size: .85em; font-weight: bold; color: #CC3300;}
.redText {color: #CC3300;}
.boldredText {font-weight: bold; color: #CC3300;}
.italicredText {font-style: italic; color: #CC3300;}

.smallgreenText {font-size: .85em; color: #5E8532;}
.boldsmallgreenText {font-size: .85em; font-weight: bold; color: #5E8532;}
.greenText {color: #5E8532;}
.boldgreenText {font-weight: bold; color: #5E8532;}

.smallblueText {font-size: .85em; color: #005995;}
.boldsmallblueText {font-size: .85em; font-weight: bold; color: #005995;}
.blueText {color: #005995;}
.boldblueText {font-weight: bold; color: #005995;}

.smallgoldText {font-size: .85em; color: #FFBA00;}
.boldsmallgoldText {font-size: .85em; font-weight: bold; color: #FFBA00;}
.goldText {color: #FFBA00;}
.boldgoldText {font-weight: bold; color: #FFBA00;}

/*************************************************/

.imgHome { float: right; margin:0; margin-left: 1.5em; margin-bottom: 2em; }
.imgRight {	float: right; margin: 0 .5em 1em 1.5em; }
.imgLeft { float: left; margin: 0 1.5em 1em 0; }

/* inline img for pdf icon */
.pdf {padding: 0 .25em 0 0; vertical-align: text-top;}
.globe {padding: 0 .25em 0 0; vertical-align: text-top;}
.word {padding: 0 .25em 0 0; vertical-align: text-top;}

/* =lists */
.content ol {  margin: 1em 0 1em 1.5em; }
.content ol li { margin-left: 1.5em; }

/*.content ul {
	list-style-type: disc;
	margin-left: 25px;
	margin: 1em 0 1em 1.5em;
}
.content ul li {
	list-style-type: disc;
	line-height: 1.8em;
}*/

.content ul {
	list-style-type: disc;
	margin: 0 0 1em 1.25em;
}
.content ul li {
	list-style-type: disc;
	line-height: 1.5em;
	margin-bottom: 0.2em;
}

/*.span-4 ul {list-style-type: disc;
	margin: 0 0 1em 1.25em;}
.span-4 ul li {list-style-type: disc;
	line-height: 1.5em}*/
	
.colwidth50 {width: 50px;}
.colwidth210 {width: 210px;}
.colwidth120 {width: 120px;}
.colwidth240 {width: 240px;}
	
/*************************************************/

.note {	color: #CC0000;	font-weight: bold;}
blockquote {
	margin-top: 0.5em;
	margin-right: 1.5em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
}

.content h2 + h3 { margin-top:.75em; }
#content_sub .box {	text-align: center;}
.iconRight {margin-right: 0px;}
.hidden { display: none; }


#container #leftSidebar .selected {font-weight: bold;	color: #000000;}
.bord { border: 1px solid #4A84C6; }
.nobord { border: none; }
.lead_image { height: 245px; margin: 0 0px 20px 0px; background-image: url(http://vivadesigncomp.ca/css/layout.css); background-position: left top; background-repeat: no-repeat; border: 1px solid #ccc; border-color: #ccc; padding: 0; 
}	
.mainImg { margin-bottom: 1em; }

.content p.toTop { font-size: .85em; clear: both; }
.container .contentWrap { margin-top: 15px; display: block; overflow: visible; }


.article h3 { font-size: 0.9em; background-image: url(http://vivadesigncomp.ca/commsvcs/developmentservices/images/roundedtop.gif); background-repeat: no-repeat; line-height: 1.5em; margin: 0 0 0 0; padding: 0.35em .25em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #333; display: block; }
.article h3 a:link { color: #333; text-decoration:none; }
.article h3 a:visited { color: #333; text-decoration: none; }
.article h3 a:hover { /*color: #333; text-decoration: none;*/ text-decoration: none; color: #003366; }
.article h3 a:active { color: #333; text-decoration: none; }
.article p { font-size: 0.85em; margin-top: .25em; }

.indent80 { margin-left: 80px; width: 672px; }

#imagestopright {
	float: right; text-align: right; margin-left:10px;
}

.imagestoprightcaption { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal }