/* base (common) styles for all (or most) pages in the site */

/**************************************************************************************************

                      Look and feel options pertaining to the whole site  

**************************************************************************************************/
body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: black;
	text-align: left;
	background-color:#FFF;
}
img { border: 0; vertical-align: top; }
a { color: black; }

.Headline {
	font-size: 18px;
	line-height: 22px;
	color: #e80c00;
	font-weight: bold;
}
.SubHeadline {
	font-size: 12px;	
	line-height: 14px;
	font-weight: bold;
}

.submitbtn {
	background-color: white;  
	font-size: 9pt; 
	color: black;
}
.formLabel {
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
	vertical-align: top;
}
.formPrompt {
	font-weight: bold;
}

/* Styles for the DisplayMessages page */
.dmPageHeader, .dmSubHeader {
	font-size: 18px;
	color: #e80c00;
	font-weight: bold;
	padding-bottom: 5px;
	clear: left;
	display: block;
}
.dmSubHeader { font-size: 14px; color: #7f00ff; }
ul.dmErrLine {
	display: block; clear: left; padding: 0;
	margin: 10px 0 0 20px; color: #0077ff;
	font-weight: bold; list-style-image: url(../images/yellowbullet.jpg);
}
ul.dmErrLine li { margin-top: 5px; }

/**************************************************************************************************

      Styles for the common outer framework of the site (Header, Menus, Footer, Copyright, etc)  

**************************************************************************************************/
/* Main content alignment and sizing */

/* The div described by div.clearer forces the bigBlackBox div's border to stretch and contain 
   all of its inner divs, because parent divs do not natively stretch to contain floated elements.
   by adding the dummy div and clearing it we get around it. A description of the issue and solution:
   http://www.complexspiral.com/publications/containing-floats/
*/
div.clearer {
	clear: both;
	line-height: 0px;
	height: 0;
}
/* The following is a fix that accomplishes the same effect as the clearer class above,
but without having to add an extra div to the template. */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}