/* CSS Document */


/* banner = I called it masthead */

/* nav = I called it navigation */


/* M-add: zero the margins and paddings to help get consistent cross-browser rendering */

body {
	margin: 0px, 0, 0, 0;
	padding: 0;
	border: 0;
	background-color: #ffffff;
}
/* end of M-add */

/* 63 percent is about 10 point size, in most browswers */
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 63.125%;
	
}

/* site = I called it wrapper, to center the page content and zero the margins */
#wrapper {
	width: 756px;
	background-color:#ffffff; /* Firefox HACK to close the gap that was white */
	margin: 0px auto;
}

/* wrapper for footer to offset the padding of content div */
#wrapper2 {
	width: 756px;
	background-color:#ffffff; 
	margin: 0px auto;
}

/* Next 2 rules is a Hack for IE 5, which does not understand the above style rule */

body {
text-align: center;
}
#wrapper {
text-align: left;
}

#masthead {
background-image: url(masthead001.png);
/* height: 120px; */
}


#masthead2 {
margin: 30px 0 0 0;
/* background-image: url(../images/banner002.jpg); */
}


#navigation {
padding: 8px;
background-color:#CCCCCC;
color: #000000;
}

#navigation a {
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}

/* the invisible separator 
.speparatorInvisible {
height: 0;
clear: both;
}
*/

#contenttop {
background-color:#FFFFFF;
padding: 8px 12px 8px 12px;  /*padding: 20px; 10px; */
}

#content {
background-color:#ffffff;
padding: 8px 12px 8px 12px;  /*padding: 20px; 10px; */
}



/* column style includes hack for Windows IE 5, to prevent columns too small */

#upcoleft {
float: left;
width: 238px; 
padding-left: 6px; 
}

#upcoright {
float: right;
width: 470px; 
padding-left: 6px; 
}

.columnleft {
float: left;
/* padding-left: 10px; */
/* width: 33%; */
width: 238px;
padding-left: 6px; 
clear: both;
}
/*voice-family: "\"}\"";
voice-family: inherit;
width: 232px;
*/


.columnmiddle {
float: left;
/* padding-left: 10px; */
/* width: 34%;  */
width: 238px; 
padding-left: 6px; 
}
/* width: 240px;
voice-family: "\"}\"";
voice-family: inherit;
width: 232px;
*/

.columnright {
float: left;
/* width: 33%; */
width: 238px; 
padding-left: 6px; 
}
/* padding-left: 10px; */
/*
width: 240px;
voice-family: "\"}\"";
voice-family: inherit;
width: 232px;
*/



/*
html>.column {
width: 232px;
}
*/



/*  Style for the Navigation Bar Might go here */
/* End of Style for the Navigation Bar */

/* This Style for the Content Area makes the background white and pads it all around */




/* Here you might style the Fonts for p, h1, h2, and h3 */
/*  End of style the Fonts for p, h1, h2, and h3 */

/* Changing the style for text in the columns  -- padding is not needed here */
.column h1 {
font-size: 130%;
background-color:#ffffff;
}

.column p {
padding: 0;
background-color:#ffffff;
}

#clearer {
clear: both;
}

#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
clear: both;
/* text-align: left; */
background-color: #000000;
color: #FFFFFF;
padding: 2px 0px 2px 10px;
/* width: 746px; */
}

#footer a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight:600;
color: #FFFFFF;
/* color:#0000FF; */
text-decoration:none;
}

#leftfooter {
float: left;
width: 60%;
}

.rightfootertext {
float: right;
}

.alignr {
text-align:right;
}

p.titlebarred {
color: black;
font-size: 110%;
font-weight:600;
background-color: #CCCCCC;
border-bottom: .75em solid blue;
padding: 2px 2px 2px 6px;
}

/* a style stronger than the strong default bold */
.macho {
font-weight: 700;
font-size: 110%;
}

.fright {float: right;}
.rightjust {text-align:right;}
#fleft {float: left;}
#floatright {float: right;}