/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img, div {
	padding: 0px;
	margin: 0px;
	border-top: 1px #999999;
	border-right: 1px #999999;
	border-bottom: 1px #999999;
	border-left: 1px #999999;
}

body{
	font-family: Arial,sans-serif;
	color: #333333;/****colour for body type****/
	line-height: 120%;
	font-size: 100.1%;
	text-align: center;
}

			

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

#wrapper {
	width: 772px;/*sets the width for IE5.x's broken box model*/
	w\idth: 770px; /* 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: #fff; /* sets the wrappers background color */
	border: 1px solid #000; /* sets a border to all 4 sides */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
	background-image: url(../assets/pc-leftcol-2.jpg); /**** colour of left hand column -- width should equal width of leftCol, in this case 123 px****/
	background-repeat:repeat-y;/*repeats gif vertically only -- to create appearance of column down the left side*/
}

#masthead{
	width: 770 px;
	height: 137px;/* need a height value */
	background-image: url(../assets/pc-banner-2.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: 123px;
	float: left;
}

#content{
	width: 575px;/*value = 770px (wrapper width) - 30px (white space right margin) - width of left margin (see below)*/
	margin-left: 153px;/*Value = left col width + 30px white space*/
	padding: 20px 30px 10px 0px; /* 2nd value dictates size of right hand margin for content */
}

#location{
	width: 100%;/*this div created for the bulleted list on the locations page*/
	margin-left: 0px;/*Value = left col width + 30px white space*/
	padding: 0px 30px 10px 0px; /* 2nd value dictates size of right hand margin for content */
}

#contentcenter{/*this div was created to have centered type, since using an override center style resulted in larger than usual body copy*/
	width: auto;
	padding: 0px 0px 10px 0px; /* 2nd value dictates size of right hand margin for content */
	text-align: center;
}

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

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

#content a:link, a:visited, a:hover {
	color: #333;/****colour for links in content div****/
	/*font-weight:bold;*/
	font-size: 80%;
	text-decoration: underline;
}

#content a:hover {
	text-decoration:underline;
}
	
#content h1, h2, h3, h4 {
	color: #122448; /****colour for headings in content div****/
}
	
#content h1{
 	font-size: 120%;
}

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

#content h3{
 	font-size: 90%;
	 margin: 20px 0 0px 0;
}

#content h4{
 	font-size: 80%;
 	font-weight: bold;
 	margin: 10px 0 0px 0;
}

#content p{
	font-size: 80%;
	line-height: 130%;
	margin-top: 12px;
}

#content ul li{
	font-size: 80%;
	line-height: 130%;
	margin-left: 17px;
	list-style: disc outside;
	margin-top: 10px;
}

#bulletList2 ul li{
	font-size: 80%;
	line-height: 130%;
	margin-left: 34px;
	list-style: none;
	margin-top:0px;
}

#bulletList3 ul li{
	font-size: 80%;
	line-height: 130%;
	margin-left: 51px;
	list-style: lower-roman outside;
	margin-top: 0px;
}

#bulletList4 ul li{
	font-size: 80%;
	line-height: 130%;
	margin-left: 51px;
	list-style: bullet;
	margin-top: 0px;
}

#content label{
	display: block;
	font: bold 80% Arial,sans-serif;
	color: #333333;/****colour for labels in forms in content division****/
	padding-top: 12px;
}

#location ul li{
	font-size: 80%;
	line-height: 130%;
	margin-left: 17px;
	list-style: disc outside;
	margin-top: 0px;
}


	
/*********** #navBar link styles ***********/

#navBar{
	width: 123px; /* sets a width for the div - Imperative for IE mac */
	border-right: 0px solid #090c2e;
	border-bottom: 1px solid #090c2e;
	position: relative;
	font-size: 80%;
	margin-top: 30px;
	margin-bottom: 50px;
}

#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 #090c2e;
}

/* 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 #090c2e;
	width: auto;
	text-decoration:none;
	color: #fff; /****colour for links in navBar div -- background colour comes from navBarFill.gif in wrapper****/
}

#navBar a:visited{
	display: block;
	border-top: 1px solid #090c2e;
	padding: 7px 12px;
	font-size: 100%;
	color:#FFFFFF;
	font-weight:100;
	text-decoration: none;
}

#navBar a:hover{
	font-size: 100%;
	display: block;
	border-top: 1px solid #cccccc;
	background-color: #fff;/****colour for background of links during hover****/
	padding: 7px 12px;
	color:#090c2e;
	text-decoration: none;
}


/************** #headlines styles **************/

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

#headlines h1{
	padding: 5px 5px 0px 12px;
	font-size: 90%;
	font-weight:bold;
	color:#333333;/****colour for headline in headlines div****/
}

#headlines p{
	padding: 5px 5px 0px 12px;
	font-size: 80%;
	color:#333333;/****colour for body in headlines div****/
}

#headlines a{
	padding: 5px 5px 0px 12px;
	font-size: 100%;
	font-weight: bold;
	color:#666666;/****colour for links in headlines div****/
}

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

/************* #search styles ***************/

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

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

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	color: #333333;/****colour for labels for forms in search div****/
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border-top: 1px solid #090c2e;
	font-size: 50%;
	color: #090c2e; /****colour for body text in siteInfo div****/
	padding: 3px 10px 3px 10px;
	background-color: #cde; /****colour for background in siteInfo div****/
	text-align:right;
}

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



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

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

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

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

#spacer15 {
height: 15px;
display: block;
}

#spacer22 {
height: 22px;
display: block;
}

#leftCol a {
text-decoration:none;
}