body {
background-color: #eee;
margin: 0px;
padding: 0px;
}

/* ============================================================== */
/* column positioning style sheet information			  */
/* ============================================================== */

.header {
/*border-bottom: 1px solid #333;*/
height: 130px;
background-image: url('p_curve.gif');
background-repeat: no-repeat;
background-color: white
}

.mainContainer {
margin: 0px;
padding: 0px;
position: relative;
width: auto;
border-top: 1px solid #eee;
background-color: #eee; /*(rgb(250, 240, 255);*/
}

.mainColumn {
position: relative;
width: auto;
min-width: 600px;
margin: 10px 10px 0px 160px;
/*border: 1px solid black;*/
z-index: 3;
}

.mainColumnSection {
position: relative;
width: auto;
/*border: 1px solid black;*/
margin-bottom: 10px;
background-color: white;
z-index: 3;
}

.mainColumnSection#copyright {
display: none;
position: relative;
width: auto;
/*border: 1px solid black;*/
margin-bottom: 10px;
background-color: white;
z-index: 3;
}

.leftColumn {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
background-color: #eee;
z-index: 2;
/* Tantek Celik hack to render proper width of the box in IE */
voice-family: "\"}\"";
voice-family: inherit;
width: 150px;
}

/* This is the be nice to Opera rule */
body>#leftColumn {
width: 150px;
}

.rightColumn {
position: absolute;
top: 0px;
right: 0px;	/*Is this a stuff up of IE?*/
width: 210px;
background-color: #eee;
z-index: 1;
/* Tantek Celik hack to render proper width of the box in IE */
voice-family: "\"}\"";
voice-family: inherit;
width: 210px;
}

/* This is the be nice to Opera rule */
body>#rightColumn {
width: 210px;
}

/* ============================================================== */
/* header style sheet information				  */
/* ============================================================== */

/* ====== Header Tags ====== */

.header h1 {
display: block;
font-family: Helvetica, Arial, sans-serif;
font-size: 100px;
font-weight: 300;
text-decoration: none;
color: #036;
padding: 0;
/*background-color: none;         ERROR none not valid*/
text-align: left;
margin: 0px 120px 0px 80px;
/*background-image: url(Brenlei Logo Large2.GIF);
background-repeat: no-repeat;
background-position: right;*/
}

/* ====== box div elements ====== */

.header .box1 {
position: absolute;
top: 50px;
right: 10px;
width: 330px;
}

.header .box2 {
position: relative;
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 0px 15px 0px 0px;
background-color: #eee;
}

.header .box3 {
position: relative;
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 0px 15px 0px 0px;
background-color: #ccd;
}

.header .box4 {
position: relative;
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 0px 15px 0px 0px;
background-color: #aab;
}

.header .box5 {
position: relative;
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 0px 15px 0px 0px;
background-color: #09C;
}

.header .box6 {
position: relative;
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 0px 15px 0px 0px;
background-color: #07A;
}

.header .box7 {
position: relative;
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 0px 15px 0px 0px;
background-color: #036;
}

/* ====== Header Body Elements ====== */

.header p {
clear: both;
margin: 0px;
padding: 5px 0px 5px 0px;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
}

/* ============================================================== */
/* mainColumnSection Formatting					  */
/* ============================================================== */


/* ====== Header tags ====== */

.mainColumnSection h1 {
margin: 0px 0px 15px 0px;
padding: 10px;
font-size: 200%;
font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
color: #eee;
background-color: #036;
/*border-top: 6px solid #036;*/
text-align: right;
}

.mainColumnSection h2 {
margin: 0px;
/*border-top: 6px solid #036;*/
/*border-bottom: 6px solid #036;*/
color: #036;
background-image: url('patterns_09.gif');
background-repeat: no-repeat;
background-position:  left 50%;; font-style:normal; font-variant:normal; font-weight:bold; font-size:200%; font-family:Helvetica, Georgia, Verdana, Arial, sans-serif; padding-left:90px; padding-right:10px; padding-top:10px; padding-bottom:10px
}

.mainColumnSection h3 {
font: 115% Helvetica, Arial, sans-serif;
line-height: 130%;
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
color: #07A;
}

.mainColumnSection h3.black {
font: 115% Helvetica, Arial, sans-serif;
line-height: 130%;
margin: 0px 0px 0px 0px;
padding: 0px 10px 5px 10px;
color: black;
}


.mainColumnSection h5 {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 80%;
margin: 0px 10px 10px 10px;
padding: 0px 0px 0px 0px;
font-weight: bold;
}

.mainColumnSection h5.bullet {
background-image: url('bullet2.gif');
background-repeat: no-repeat;
background-position:  left 50%;; margin-left:30px; margin-right:10px; margin-top:0px; margin-bottom:10px; padding-left:20px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

.mainColumnSection h5.right {
text-align: right;
margin-top: -10px;
}

/* ====== Body Elements ====== */

.mainColumnSection p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 150%;
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
}

.mainColumnSection pre {
font-family: courier, Verdana, Helvetica, sans-serif;
font-size: 90%;
line-height: 100%;
margin: 0px;
padding: 0px 10px 10px 10px;
color: #036;
}

.mainColumnSection code {
font-family: courier, Verdana, Helvetica, sans-serif;
font-size: 90%;
line-height: 100%;
margin: 0px;
padding: 0px 10px 10px 10px;
color: #036;
}

/* ====== Horizontal Ruler ====== */

.mainColumnSection .hr2 {
position: relative;
margin: 5px;
background-image: url('hr1.gif');
background-repeat: no-repeat;
background-position:  center 50%;
width: auto;
height: 15px
}

.mainColumnSection .hr3 {
position: relative;
margin: 5px;
background-image: url('hr3.gif');
background-repeat: no-repeat;
background-position:  center 50%;
width: auto;
height: 15px
}

/* ====== Initial Capital of paragraph ====== */

.mainColumnSection .initCap {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #036;
font-weight: bold;
font-size: 120%;
}

/* ====== Paragraph heading (span) ====== */

.paraHeading {
font-weight: bold;
cursor: default;
}

/* ====== Main Body hyperlinks ====== */

.mainColumnSection a {
font-size: 85%;
font-family: arial, helvetica, sans-serif;
font-weight: 600;
text-decoration: none;
}

.mainColumnSection a:link, .mainColumnSection a:visited {
color: #09c;
}

.mainColumnSection a:hover {
background-color:#eee;
color: #07a;
}

.mainColumnSection a.pType {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-decoration: none;
}

.mainColumnSection a:link.pType, .mainColumnSection a:visited.pType {
color: black;
}

.mainColumnSection a:hover.pType {
background-color: white;
color: black;
}

.mainColumnSection .second a {
font-size: 85%;
font-family: arial, helvetica, verdana, sans-serif;
font-weight: 600;
text-decoration: none;
}

.mainColumnSection .second a:link, .mainColumnSection .second a:visited {
color: #07a; /*#369;*/
}

.mainColumnSection .second a:hover {
background-color: #eee;
}
  
/* ====== figure divs ====== */

.mainColumnSection .figure {
position: relative;
margin: 10px;
width: auto;
background-color: white;
border-bottom: 2px solid #036;
}

.mainColumnSection .figure h4 {
margin: 0px;
padding: 0px 5px 0px 5px;
font: 90% Helvetica, Georgia, Verdana, sans-serif;
font-weight: bold;
}

.mainColumnSection .figure h3 {
font: 90% Arial, Helvetica, Georgia, Verdana, sans-serif;
margin: 3px;
padding: 0px 5px 0px 5px;
color: #036;
}

.mainColumnSection .figureRight {
position: relative;
float: right;
margin: 10px; 
width: 113px;
border-bottom: 2px solid #036;
}

.mainColumnSection .figureRight h4 {
margin: 0px;
padding: 0px 5px 0px 5px;
font: 90% Helvetica, Georgia, Verdana, sans-serif;
font-weight: bold;
}

.mainColumnSection .figureRight h3 {
font: 90% Arial, Helvetica, Georgia, Verdana, sans-serif;
margin: 0px;
padding: 0px 5px 0px 5px;
color: #036;
}

.mainColumnSection .figureLeft {
position: relative;
float: left;
margin: 10px;
width: 525px;
background-color: white;
border-bottom: 2px solid #036;
}

.mainColumnSection .figureLeft h4 {
margin: 0px;
padding: 0px 5px 0px 5px;
font: 90% Helvetica, Georgia, Verdana, sans-serif;
font-weight: bold;
}

.mainColumnSection .figureLeft h3 {
font: 90% Arial, Helvetica, Georgia, Verdana, sans-serif;
margin: 3px;
padding: 0px 5px 0px 5px;
color: #036;
}

/* ====== The H2 section headings are anchored.  Do not have normal highlights
and fonts showing on these etc... ====== */

.headingBlock a {
font: bold 100% Helvetica, Georgia, Verdana, Arial, sans-serif;
margin: 0px;
color: #036;
}

.headingBlock a:hover {
background-color: white;
color: #036;
}



/* ====== Formatting for the tables ====== */
/*width: 100% does not work in CSS for IE, therefore
must also set it manually in the HTML code*/
table {
border: 1px solid #036;
margin-top: 5px;
margin-bottom: 5px;
width: 100%;
}

td {
background-color: #eee;
border: 1px solid white;
vertical-align: middle;
font-family: Helvetica, Verdana, sans-serif;
font-size: 85%;
padding: 2px 8px 2px 5px;
}

td.error {
font-size: 80%;
font-family: arial, helvetica, sans-serif;
font-weight: 600;
color: red;
}

td.center {
text-align: center;
}

td.bold {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 85%;
font-weight: bold;
width: 100px;
}

td.author {
text-align: right;
width: 30%;
}

td.subject {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 85%;
font-weight: bold;
width: 70%;
color: #036;
}

td.body {
background-color: white;
width: 100%;
}

th {
text-align: center;
padding: 5px;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 90%;
color: white;
background-color: #036;
}

/* ====== Formatting of the fieldset elements ===== */
fieldset {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 150%;
margin: 0px 10px 0px 10px;
padding: 0px 10px 10px 10px;
border: 1px solid #036;
}

legend {
font-weight: bold;
font-size: 85%;
}

.mainColumn li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
line-height: 150%;
}

/* ====== Formatting for the forms ====== */

textarea {
width: 100%;
height: 200px;
background-color: white;
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #ccd;
}

input {
background-color: white;
border: 1px solid #ccd;
}

select {
background-color: white;
border: 1px solid #ccd;
}

.buttonNavBeta {
color: #eee;
background-color: #036; /*#09c;*/
font-size: 150%;
border: 1px solid #eee;
padding: 4px;
cursor: pointer;
margin-top: 10px;
margin-right: 5px;
}

/*for the time being, we'll keep the buttonRoll the same for NavBeta*/
.buttonNavBetaRoll {
color: #eee;
background-color: #036; /*#09c;*/
font-size: 150%;
border: 1px solid #eee;
padding: 4px;
cursor: pointer;
margin-top: 10px;
margin-right: 5px;
}

.buttonSubmit {
color: #eee;
background-color: #036; /*#09c;*/
font-size: 150%;
border: 1px solid #036;
padding: 4px;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
}

.buttonSubmitRoll {
color: #036;
background-color: #eee; /*#07a;*/
font-size: 150%;
border: 1px solid #036;
padding: 4px;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
}

.vlongEdit {
width: 100%;
}

.longEdit {
width: 200px;
}

.medEdit {
width: 150px;
}

/*this is the 'help' written underneath the controls */
.valid {        
font-size: 80%;
font-family: Arial, Verdana, sans-serif;
font-weight: normal;
padding: 1px;
}

/* ====== Formatting and div elements used for the show/hide ====== */ 
/* ====== buttons, sections ====== */

.mainColumnSection .headingBlock {
position: relative;
width: auto;
margin: 0px 80px 0px 0px;
}

.mainColumnSection .displayBlock {
position: absolute;
right: 0px;
top: 0px;
margin: 0px 10px 0px 0px;
}

.mainColumnSection .contentsBlockYes {
position: relative;
width: auto;
}

.mainColumnSection .contentsBlockNo {
position: relative;
width: auto;
display: none;
}

/*border on buttons were necessary to display correctly in Opera*/
.mainColumnSection input.buttonshow {
color: #036;
background-color: white;
font-size: 80%;
border: 1px solid white;
cursor: pointer;
background-image: url('down.gif');
background-repeat: no-repeat;
background-position:  left 50%;; padding-left:25px; padding-right:4px; padding-top:4px; padding-bottom:4px
}

.mainColumnSection input.buttonshowRoll {
color: #07a;
background-color: white;
font-size: 80%;
border: 1px solid white;
cursor: pointer;
background-image: url('down.gif');
background-repeat: no-repeat;
background-position:  left 50%;; padding-left:25px; padding-right:4px; padding-top:4px; padding-bottom:4px
}

.mainColumnSection input.buttonhide {
color: #036;            /*#09c;*/
background-color: white;
font-size: 80%;
border: 1px solid white;
cursor: pointer;
background-image: url('up.gif');
background-repeat: no-repeat;
background-position:  left 50%;; padding-left:25px; padding-right:4px; padding-top:4px; padding-bottom:4px
}

.mainColumnSection input.buttonhideRoll {
color: #07a;            /*#09c;*/
background-color: white;
font-size: 80%;
border: 1px solid white;
cursor: pointer;
background-image: url('up.gif');
background-repeat: no-repeat;
background-position:  left 50%;; padding-left:25px; padding-right:4px; padding-top:4px; padding-bottom:4px
}

.mainColumnSection p.IEhack {
font-size: 5%;
line-height: 5%;
}

/* ====== Formatting used for the DB navigation buttons ====== */

.mainColumnSection .db {
position: relative;
width: 380px;
}

.db table {
border: 1px solid white;
margin-top: 5px;
margin-bottom: 5px;
}

.db td {
background-color: white;
border: 1px solid white;
vertical-align: middle;
}

.db input {
font-family: Helvetica, Verdana, sans-serif;
padding: 5px 5px 5px 25px;
font-size: 100%;
background-color: white;
border: 1px solid white;
padding: 5px 5px 5px 25px;
background-repeat: no-repeat;
background-position: left;
}

.db input.Qstart {
color: #036;
cursor: pointer;
background-image: url('start.gif');
}

.db input.QstartI {
color: #aab;
cursor: default;
background-image: url('start.gif');
}

.db input.QstartRoll {
color: #07a;
cursor: pointer;
background-image: url('start.gif');
}

.db input.Qback {
color: #036;
cursor: pointer;
background-image: url('back.gif');
}

.db input.QbackI {
color: #aab;
cursor: default;
background-image: url('back.gif');
}

.db input.QbackRoll {
color: #07a;
cursor: pointer;
background-image: url('back.gif');
}

.db input.Qnext {
color: #036;
cursor: pointer;
background-image: url('next.gif');
}

.db input.QnextI {
color: #aab;
cursor: default;
background-image: url('next.gif');
}

.db input.QnextRoll {
color: #07a;
cursor: pointer;
background-image: url('next.gif');
}

.db input.Qend {
color: #036;
cursor: pointer;
background-image: url('end.gif');
}

.db input.QendI {
color: #aab;
cursor: default;
background-image: url('end.gif');
}

.db input.QendRoll {
color: #07a;
cursor: pointer;
background-image: url('end.gif');
}

/* ============================================================== */
/* navAlpha style sheet information				  */
/* ============================================================== */

.navAlpha {
/*border: 1px solid black;*/
background-color: #036;
margin: 10px 0px 10px 10px;
}

/* ====== navAlpha Header tags ====== */

.navAlpha h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14pt;
margin: 0px;
padding: 5px 0px 5px 0px;
text-align: center;
border-top: 6px solid #036;
background-color: white;
color: #036;
}

/* ====== navAlpha Menu List and HyperLinks ====== */

.navAlpha ul {
font-size: 10pt;
margin: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navAlpha li a {
display: block;
margin: 0px -5px 0px 0px;
width: 140px;
padding: 5px 0px 5px 5px;
border-bottom: 1px solid #eee;
}

.navAlpha a:link, .navAlpha a:visited {
color: #eee;
text-decoration: none;
}

.navAlpha a:hover {
background-color: #eee;
color: #036;
font-weight: bold;
}

/* ============================================================== */
/* navBeta style sheet information				  */
/* ============================================================== */

.navBeta {
/*border: 1px solid black;*/
background-color: #036;
margin: 10px 10px 10px 0px;
}

/* ====== navBeta Header tags ====== */

.navBeta h1 {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 14pt;
padding: 5px;
margin: 0px;
text-align: center;
background-color: white;
border-top: 6px solid #036;
color: #036;
}

.navBeta h2 {
font-family: Verdana, Arial, sans-serif;
font-size: 11pt;
line-height: 18pt;
padding: 5px 0px 0px 5px;
margin: 0px 0px 0px 0px;
font-style: italic;
text-align: left;
font-weight: bold;
color: #09c;
}

.navBeta h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 9pt;
padding: 5px 5px 0px 5px;
margin: 0px 0px 0px 0px;
text-align: right;
font-weight: bold;
color: #ccd;
}

/* ====== navBeta Body Elements ====== */

.navBeta p {
padding: 10px 5px 10px 5px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #eee;
font-size: 10pt;
line-height: 15pt;
}

.navBeta hr {
width: 60%;
color: #369;
height: 2px;
background-color: #369;
}

/* ====== navBeta Body Hyperlinks ====== */

.navBeta a {
font-weight: bold;
font-family: Helvetica, Verdana, Arial, sans-serif;
text-decoration: none;
}

.navBeta#news a:link, .navBeta#news a:visited {
color: #aab; /*#09c;*/
}

.navBeta#news a:hover {
background-color: #369;
}

/* ====== navBeta SpotLight formating ====== */

.navBeta#spotlight h2 a {
font-family: Verdana, Arial, sans-serif;
font-size: 11pt;
line-height: 18pt;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-style: italic;
text-align: left;
font-weight: bold;
color: #09c;
text-decoration: none;
}

.navBeta#spotlight p a {
padding: 10px 5px 10px 0px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #eee;
font-size: 10pt;
font-weight: normal;
line-height: 15pt;
text-decoration: none;
}

/* ====== navBeta Menu List - HyperLinks ====== */

.navBeta ul {
font-size: 10pt;
margin: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.navBeta li a {
display: block;
margin: 0px -5px 0px 0px;
width: 200px;
padding: 5px 0px 5px 5px;
/*background-color: #036;*/
border-bottom: 1px solid #eee;
font-weight: normal;
}

.navBeta li a:link, .navBeta li a:visited {
color: #eee;
text-decoration: none;
}

.navBeta li a:hover {
background-color: #eee;
color: #036;
font-weight: bold;
}

/*
.navAlpha a:link, .navAlpha a:visited {
color: #eee;
text-decoration: none;
}

.navAlpha a:hover {
background-color: #eee;
color: #036;
font-weight: bold;
}*/