body{
	background-image: url("http://images2.bruen.com/images/tile2.jpg")
}


a:link {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none; 
}

a:active {color: #FFFFFF;
text-decoration: none;
}

.p {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	background-color: #575757
}

.body {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	background-color: #575757;
	z-index:1;
}
/* this designates how to write comments - I still need to determine how to use bgcolor properly*/

.bodyheading {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFFF;
	font-weight: bold;
}
.bulletbody {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 133%;
	color: #FFFFFF;
	width: 288px;
	list-style-position: inside;
	list-style-image: url(images/pointer.gif);
	margin-left: -5px;
	list-style-type: square;
}
.caption {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFFF;
	padding-left: 3px;
}
.formcopy {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFFF;
	font-weight: bold;
	width: 75px;
	height: 25px;
}
.bodybold {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFFF;
	font-weight: bold;
}
.staffpic {
	width: 91px;
}
.bodyCopy {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 140%;
	color: #FFFFFF;
}
.staffbody {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 100%;
	color: #FFFFFF;
}
.bodyboldbig {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
	color: #FFFFFF;
	font-weight: bold;
}
.6pxspace {
	width: 6px;
}
.10pxspace {
	width: 10px;
}
.headerheight {
	height: 60px;
}
.104pxspaceCopy {
	width: 104px;
}
.bodyboldstaff {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 160%;
	color: #FFFFFF;
	font-weight: bold;
}
.staffemail {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 100%;
	color: #FFFFFF;
}
.13pxspaceCopy {
	height: 13px;
}
.32pxspace {
	height: 32px;
}
.footnotes {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 140%;
	color: #FFFFFF;
}
.headings {
	font-size: 20px; 
	line-height: 140%; 
	color: #FFFFFF; 
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.headingssmall {
	font-size: 18px; 
	line-height: 140%; 
	color: #FFFFFF; 
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.subnavGREEN
{
	text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#666666 url("http://images2.bruen.com/images/subnav_green.jpg");
	background-repeat:no-repeat;
	font-size:11px;
	line-height: 12px;
	padding: 0px;
	width: 90px;
	height: 25px;
	display:block;
}
.subnavGREEN:hover 
{
text-align:center;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
background:#666666 url("http://images3.bruen.com/images/subnav_green2.jpg");
background-repeat:no-repeat;
font-size:11px;
line-height: 12px;
padding: 0px;
width: 90px;
height: 25px;
display:block;
cursor:pointer;
}
.subnavPURPLE
{
text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#666666 url("http://images3.bruen.com/images/subnav_purple.jpg");
	background-repeat:no-repeat;
	font-size:11px;
	line-height: 12px;
	padding: 0px;
	width: 90px;
	height: 25px;
	display:block;
}
.subnavPURPLE:hover 
{
text-align:center;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
background:#666666 url("http://images1.bruen.com/images/subnav_purple2.jpg");
background-repeat:no-repeat;
font-size:11px;
line-height: 12px;
padding: 0px;
width: 90px;
height: 25px;
display:block;
cursor:pointer;
}
.subnavORANGE
{
text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#666666 url("http://images1.bruen.com/images/subnav_orange.jpg");
	background-repeat:no-repeat;
	font-size:11px;
	line-height: 12px;
	padding: 0px;
	width: 90px;
	height: 25px;
	display:block;
}
.subnavORANGE:hover 
{
text-align:center;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
background:#666666 url("http://images2.bruen.com/images/subnav_orange2.jpg");
background-repeat:no-repeat;
font-size:11px;
line-height: 12px;
padding: 0px;
width: 90px;
height: 25px;
display:block;
cursor:pointer;
}
.subnavBLUE
{
text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#666666 url("http://images2.bruen.com/images/subnav_blue.jpg");
	background-repeat:no-repeat;
	font-size:11px;
	line-height: 12px;
	padding: 0px;
	width: 90px;
	height: 25px;
	display:block;
}
.subnavBLUE:hover 
{
text-align:center;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
background:#666666 url("http://images3.bruen.com/images/subnav_blue2.jpg");
background-repeat:no-repeat;
font-size:11px;
line-height: 12px;
padding: 0px;
width: 90px;
height: 25px;
display:block;
cursor:pointer;
}
.subnavYELLOW
{
text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#666666 url("http://images3.bruen.com/images/subnav_yellow.jpg");
	background-repeat:no-repeat;
	font-size:11px;
	line-height: 12px;
	padding: 0px;
	width: 90px;
	height: 25px;
	display:block;
}
.subnavYELLOW:hover 
{
text-align:center;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
background:#666666 url("http://images1.bruen.com/images/subnav_yellow2.jpg");
background-repeat:no-repeat;
font-size:11px;
line-height: 12px;
padding: 0px;
width: 90px;
height: 25px;
display:block;
cursor:pointer;
}
.subnavGREY
{
text-align:center;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFFFFF;
	background:#666666 url("http://images1.bruen.com/images/subnav_grey.jpg");
	background-repeat:no-repeat;
	font-size:11px;
	line-height: 12px;
	padding: 0px;
	width: 90px;
	height: 25px;
	display:block;
}
.subnavGREY:hover 
{
text-align:center;
text-decoration:none;
font-family:Helvetica, Arial, sans-serif;
color:#000000;
background:#666666 url("http://images2.bruen.com/images/subnav_grey2.jpg");
background-repeat:no-repeat;
font-size:11px;
line-height: 12px;
padding: 0px;
width: 90px;
height: 25px;
display:block;
cursor:pointer;
}
h1 {
	font-size: 18px; 
	line-height: 140%; 
	color: #FFFFFF; 
	font-family:Verdana, sans-serif;
	font-weight: bold;
	margin: 0px;
}
h2 {
	font-size: 14px; 
	line-height: 140%; 
	color: #FFFFFF; 
	font-family:Verdana, sans-serif;
	font-weight: bold;
	margin: 0px;
}
h3 {
	font-size: 12px; 
	line-height: 140%; 
	color: #FFFFFF; 
	font-family:Verdana, sans-serif;
	font-weight: bold;
	margin: 0px;
}

div.rounded-box {
    width: 100%;
    background-color: #333333;
    margin: 3px;
}
div.top-left-corner, div.top-right-corner 
{position: relative; width:20px; height:20px;
background-color:#575757; overflow:hidden;} 
div.bottom-left-corner,
div.bottom-right-corner
{position: absolute; width:20px; height:20px;
background-color:#575757; overflow:hidden;}
div.top-left-inside, div.bottom-left-inside,
div.top-right-inside, div.bottom-right-inside
{position:absolute; font-size:150px; font-family:arial;
color:#333333; line-height: 40px;}
div.top-left-corner { float:left; top:0px; left:0px; }
div.bottom-left-corner {float:left; bottom:0px; left:0px;}
div.top-right-corner {float:right; top:0px; right:0px;}
div.bottom-right-corner {float:right; bottom: 0px; right:0px;}
div.top-left-inside {float:left; left:-8px;}
div.bottom-left-inside {float:left; left:-8px; top:-17px;}
div.top-right-inside {float:right; left:-25px;}
div.bottom-right-inside {float:right; left:-25px; top:-17px;}
div.box-contents {
	position: relative; padding: 8px; color:#ffffff; text-align:center; font-size:12px;
}