@charset "UTF-8";
/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

body{
	/*font-family:Georgia, "Times New Roman", Times, serif;
	color: #333333;/****colour for body type****/
	/*line-height: 140%;
	font-size: 100.1%;*/
	text-align: center;
}

			

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper {
	width: 807px;/*sets the width for IE5.x's broken box model*/
	w\idth: 805px; /* sets the width of the wrapper for compliant browsers*/
	margin: 5px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	background-color: #bfdcf3; /* sets the wrappers background color */
	border: 1px solid #bfdcf3; /* sets a border to all 4 sides */
	text-align: center; /* Realigns the text to the left after the IE hack in the body rule */
}

#background1 {
	width: 807px;/*sets the width for IE5.x's broken box model*/
	w\idth: 805px; /* sets the width of the wrapper for compliant browsers*/
	height: 36px;
	background-image:url(../assets/background-1.jpg);
	background-repeat:no-repeat;
}	
	
#background2 {
	width: 807px;/*sets the width for IE5.x's broken box model*/
	w\idth: 805px; /* sets the width of the wrapper for compliant browsers*/
	height: 38px;
	background-image:url(../assets/background-2.jpg);
	background-repeat:repeat-y;
	text-align:left;
}	
		
#background3 {
	width: 807px;/*sets the width for IE5.x's broken box model*/
	w\idth: 805px; /* sets the width of the wrapper for compliant browsers*/
	background-image:url(../assets/background-3.jpg);
	background-repeat:repeat-y;
}	

#background4 {/*bottom of rounded corner page - footer*/
	width: 807px;/*sets the width for IE5.x's broken box model*/
	w\idth: 805px; /* sets the width of the wrapper for compliant browsers*/
	height: 43px;
	background-image:url(../assets/background-4.jpg);
	background-repeat:no-repeat;
}	
		

		
#masthead{
	width: 770 px;
	height: 137px;/* need a height value */
	background-image: url(../assets/bannerPlaceHolder.jpg); /* sets the path to the wrapper's bg image*/
	background-repeat: no-repeat; /* prevents the bg image from repeating */
}

#leftCol { /*leftCol div holds the navBar, search and headlines divs */
	width: 126px;
	float: left;
	margin-left: 35px;
}

#content{
	width: 581px;/*value = 770px (wrapper width) - 30px (white space right margin, see 2nd padding value below) - width of left margin (see below) - 10px wiggle room*/
	margin-left: 166px;/*Value = left col width + 20px white space between left column material and content material*/
	padding: 15px 48px 10px 0px; /* 2nd value dictates size of right hand margin for content */
	text-align:left;
	border:0px solid #fff;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*********** #leftCol link styles ***********/

#leftCol p, h1, label, #navBar a:link, #navBar a:visited, #navBar a:hover, #headlines a:link, #headlines a:visited, #headlines a:hover{
	color:#FF00CC;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/*********** #navBar link styles ***********/
/****colour for navBar links specified in leftCol div specs****/

#navBar{
	width: 125px; /* sets a width for the div - Imperative for IE mac */
	border-right: 0px solid #FFF;
	border-bottom: 1px solid #000;/******colour of lines in navigation bar******/
	position: relative;
	margin-top: 30px;
}

#navBar ul {
	list-style: none; 
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	border-bottom: 1px solid #000;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
}

#navBar a:link{
	display: block;
	padding: 7px 12px;
	border-top: 1px solid #999;/******colour of lines in navigation bar******/
	width: auto;
	text-decoration:none;
	/****colour for links in navBar div -- background colour comes from navBarFill.gif in wrapper****/
}

#navBar a:visited{
	display: block;
	border-top: 1px solid #999;/******colour of lines in navigation bar******/
	padding: 7px 12px;
	text-decoration:none;
}

#navBar a:hover{
	display: block;
	border-top: 1px solid #999;/******colour of lines in navigation bar******/
	background-color: #fff; /*see bottom syle sheets!! for background of links during hover****/
	padding: 7px 12px;
	font-size: 100.01%;
	text-decoration: none;
}


/************** #headlines styles **************/
/****colour for headlines specified in leftCol div specs****/

#headlines{
	padding: 15px 0px 15px 12px;
}

#headlines h1{
	padding: 5px 5px 0px 0px;
	font-size: 120%;
	font-weight:bold;
}

#headlines p{
	padding: 5px 5px 0px 0px;
}

#headlines a{
	padding: 8px 5px 0px 0px;
	text-decoration: none;
	display: block;
}

#headlines a:hover{
	text-decoration: underline;
}

#headlines img{
	display: block;
	margin-bottom: 10px;
}

/************* #search styles ***************/
/****colour for search label in forms specified in leftCol div specs****/

#search{
	padding: 15px 0px 15px 12px;
	border-bottom: 1px solid #cccccc;
	font-size: 100.1%;
	margin-bottom: 0px;
}

#search form{
 	margin: 0px;
 	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

/*********** #content styles ***********/

#content h1, h2, h3, h4 {
	color: #3366CC; /****colour for headings in content div****/
	font-family:Arial, Helvetica, sans-serif;
}
	
#content h1{
 	font-size: 160%;
}

#content h2{
 	font-size: 120%;
	 margin: 20px 0 5px 0;
	 	margin-left:19px;
}

#content h3{
 	font-size: 100.1%;
 	margin: 10px 0 0px 0;
		margin-left:19px;
}

#content p{
	line-height: 150%;
	margin-left:19px;
	margin-top:16px;
}

#content form{
	margin-left:19px;
}

#content ul li{
	line-height: 150%;
	margin-left: 36px; /*19 px from content plus 17px indent*/
	list-style: disc outside;
}

#bulletList2 ul li{
	line-height: 150%;
	margin-left: 63px; /*"x" px from content plus 17px indent*/
	list-style: disc outside;
}

#bulletList3 ul li{
	line-height: 150%;
	margin-left: 51px;
	list-style: lower-roman outside;
}

#content a:link, a:visited, a:hover {
	text-decoration: underline;
}

#content label{
	display: block;
	font: bold Arial,sans-serif;
	padding-top: 12px;
}
	
/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #000; /****colour for body text in siteInfo div****/
	padding: 10px 10px 10px 10px;
	background-color: #69C; /****colour for background in siteInfo div****/
	margin-top: 20px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#siteInfo a{
	color: #000;
}



/************** Image styles ***************/

.contentPictureLeft {
	float:left;
	margin: 5px 20px 5px 0px;
}

.contentPictureRight {
	float: right;
	margin: 5px 0px 20px 20px;
}

.promoTable {
border: solid 1px #dfe0da;
margin-left: 19px;
margin-top: 5px;
}

.promoTable2 {
border: solid 1px #dfe0da;
margin-left: 19px;
margin-top: 5px;
float: right;
}


/* adjust margins to change separation between the feature image and text flowing around it */



/***********************************************/
/* COPY of elements which govern font-family, font size and colour, consolidated for easy editing*/
/***********************************************/

body{/*default type applies to content body copy -- see also "#content p"*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333; /**** colour for body type****/
	line-height: 150%;
	font-size: 90%;
}

#leftCol p, h1, label, #navBar a:link, #navBar a:visited, #navBar a:hover, #headlines a:link, #headlines a:visited, #headlines a:hover {/* text colour for nav elements in side*/
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	/*colour for left hand column comes from bitmap file in wrapper division -- see "#wrapper" above*/
	text-align:left;
	line-height: 120%;
	padding: 10px 10px 10px 15px;
	font-size:90%;
}

#navBar a:link{
	border-top: 1px solid #000;/******colour of lines in navigation bar******/
	/****colour for links in navBar div -- background colour comes from background3.jpg in div inside wrapper****/
}

#navBar a:visited{
	border-top: 1px solid #000;/******colour of lines in navigation bar******/
}

#navBar a:hover{
	border-top: 1px solid #000;/******colour of lines in navigation bar******/
	background-color: #333;/****colour for background of links during hover****/
	color: fff;
}

#content h1, h2, h3, h4 {
	color: #333; /****colour for headings in content div****/
	font-family: Georgia, "Times New Roman", Times, serif, sans-serif;
	line-height:130%;
}
	
#content a:link, a:visited, a:hover{
	color: #333;/****colour for links and labels (forms) in content div****/
}

#siteInfo{
	border: 0px solid #cccccc;
	font-size: 75%;
	color: #FFF; /****colour for body text in siteInfo div****/
	background-color: #555; /****colour for background in siteInfo div****/
}

#siteInfo a{
	color: #FFF;
}

#spacer15-clear {
	height:15px;
	clear:both;
}

#SLIDESTEXT {
	height:70px;
	width:251px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
	padding-top:7px;
	border: 1px solid #fff;
	
}

#slideShowBox  {
	height:500px;
	width:260px;
	float:right;
	margin:10px;
	margin-left:20px;
	text-align:right;
}

#slideShowBox a:link, a:visited, a:hover {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	
}
#bulletList2 a:link, a:visited, a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #333;/****colour for links and labels (forms) in content div****/
}