/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #39576F;
	background-repeat: no-repeat;
	background-position: top left;
	}
#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/

h1 {
font-size: 2em;
	margin: .8em 0em .8em 0em;
	font-weight: normal;
	padding-left: 20px;
	color: #663300;
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	padding-left: 20px;
	color: #663300;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color: #663300;
	}
h4 {
	font-size: 1.2em;
	margin: .25em 0em 0em 0em;
	font-weight: bold;
		padding-left: 20px;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	padding-left: 20px;
	margin-right: 10px; 
	margin-top:-10px;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	
.articleHeader {
background-color: #8E3424;
margin: 0px 0px;
padding: 10px 10px;
color:#FFFFFF;
font-size: 1.0em;
letter-spacing:.05em;
}

.side {
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 10px;
}

p.side{
color:#666666;
margin-left: -10px;
margin-top: -5px;
}

.pickBrick {
float: left;
width: 250px;
text-align: center;
display: block;
}

a.pickBrick {
border:1px solid #999;
}


/*
Sets borders and background for the top-level menu items-
and font-size for the entire menu.*/
#menubar {
	font-size: 1.15em;
	background-image: url(images/menuBG.gif);
	background-repeat: repeat-x;
	background-color: #616161;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
#p7PMnav li {width: auto;}

.borderRight {
background-image:url(images/borderSides-03.jpg);
background-repeat:repeat-y;
}

.borderLeft {
background-image:url(images/borderSides.jpg);
background-repeat:repeat-y;
}

.subtext {
background-color: #2B3E65;
margin: -2px 0px;
padding: 5px 5px 5px 20px;
color:#FFFFFF;
}

/* Lists */
ul.listDecor {
	color:#666666;
	font-size: 1.0em;
	padding-left: 0px;
	margin-left: 5px;
	margin-right: 5px;
	}
	
ul.listDecor li {
	list-style:none;
	list-style-position:outside;
	background-image:url(images/bulletGold.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left: 10px;

	}

ul.listDecor ul {
	margin-left: 0px;
	list-style-type: disk;
	color: #000000;
}



.style1 {
	color: #663300;
	font-weight: bold;
}



.ContactBold {
font-weight:bold;
color:#000000;
font-size: 1.1em;
line-height: 1.6em;

}


table.tablLook {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: #ccc;
	border-collapse: collapse;
	background-color: white;
}
table.tablLook th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #ccc;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tablLook td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: #ccc;
	background-color: white;
}



.imagePadding {
padding-right: 30px;
}