/* This sets the page to touch all available margins, instead of the default 1em padding. */



body {

	margin: 0;

	border: none;

	padding: 0;

	text-align: center;

}



/* This sets up the fact that it will be centered and 780 px wide. For IE we also include the 'text-align' line. Also, the # in front of the name signifies that this is an ID. */



#page {

	width: 980px;

	margin: 0 auto; /* 0 auto means to center it, because we set the top and bottom margin to 0 and the side margins to automatic. When you set two numbers in a row (auto counts as a number) they are for TOP/BOTTOM RIGHT/LEFT */

	border: none;

	padding: 0;

	background: url('images/bcpba-gradient-2.png');

	background-repeat: repeat-y;

    background-position: 0px -150px;*background-position: 0px -140px; 



}



/* This sets up the nav bar division. The 'float: left' bit causes this whole section to go as left as possible and allow wrapping on the right hand side. */



#nav {

	float: left;

	width: 160px;

	height: 100%;

	margin: 0 0 0 10px; /* When you set four numbers in a row they are TOP RIGHT BOTTOM LEFT, so here i set a top margin of 0, right of 10px, bottom of 0, and left of 10px*/

	padding: 0;

	text-align: left;

	

}



#navlinks {

	width: 160px;

	margin: 15px 0 0 0; /* When you set three numbers in a row they are TOP RIGHT/LEFT BOTTOM */

	border: none;

	padding: 0;

	font-family: 'Myriad Pro', Arial, Helvetica, Verdana, san-serif;

	font-size: 10pt;

}



/* This section is a little trickier. We're making links perform like paragraphs, which is possible in CSS. This is where we generate the border of green, etc. We also shut off the underline default for links with 'text-decoration: none'. Also, the fact that it reads '#navlinks a' means that this only applies to links inside the division with ID navlinks. If we had just made it 'a' then it would be for all links. This is also where we set up the repeating background, and set the color of the text and font. Note that I set several fonts, it is a prioritized list. If the user doesn't have Arial, then it tries Helvetica, and so on, before settling on a generic san-serif font.*/



#navlinks img {

	float: left;

	margin: 0;

	border: none;

	padding: 0;

}



/* This sets up the main content area */



#body {

	float: left;

	width: 750px;

	margin: 0 0 0 20px;

	border-left: dotted 2px black; /* with borders, you set first the style, then the weight, then the color. */

	padding: 0 10px 0 20px;

	font-family: Arial, Helvetica, Verdana, 'Myriad Pro', san-serif;

	font-size: 10pt;

	text-align: left;

}



/* This pushes the orange header up and right aligns it */



h1 {

	margin: -60px 110px 50px 0;

	color: #FF7116;

	font-size: 18pt;

	font-weight: normal;

	text-align: right;

}	





p {

	margin: 1em 0 0;

	border: none;

	padding: 0;

	text-align: justify;

}



/* This sets up centered objects */



.center, .attrib {

	text-align: center;

}



.attrib {

	margin: 1em 0 2em;

}



h2 {

	margin: 2em 0 0;

	color: #FF7116;

	font-size: 14pt;

	font-weight: normal;

	text-align: center;

	text-transform: uppercase;

	

}





h3, .break {

	margin: 2em 0 0;

}





h4, caption {

    margin: 40px 0 0;

	color: #FF7116;

	font-size: 18pt;

	font-weight: normal;

	text-align: right;



}



	

table, tr, td {

	   font-size: 12px;

	   font-family: inherit;

	   

}



strong.name {

		color: #FF7116;

		font-size: 14pt;

		font-weight: normal

}



strong.title {

		color: #FF7116;

		font-size: 12pt;

		font-weight: normal

}







A:LINK, A:VISITED, A:FOCUS, A:ACTIVE {

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	color: #0000FF;

	text-decoration: none;

	}

A:HOVER {

	line-height: normal;

	font-weight: bold;

	font-variant: normal;

	color: #666666;

	text-decoration: underline;

}

A:LINK.menu, A:VISITED.menu, A:FOCUS.menu, A:ACTIVE.menu {

	line-height: normal;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	text-decoration: none;

	letter-spacing: .05em;

	cursor : pointer;

}



.clear {

	clear: both;

	line-height: 0px;

}