@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FDEBD1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 100%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #C60202;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #FCCF8C; 
	padding: 10px 10px 10px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #mainContent {
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #FCCF8C;
	font-size:11px; 
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.tabcontent {
	width: 960px;
	height: 500px;
	border:  1px solid #C60202;
}

.redborder {
	border:  1px solid #C60202;
	margin: -5px;
	padding:5px;
}

.redborderx {
	border:  1px solid #C60202;
	padding:5px;
}


.linedx {
	border-right:  1px solid #C60202;
	height: 300px;
	width: 220px;
	vertical-align:top;

}

.linetop {
	border-top:  1px solid #C60202;
}
.linetopdt {
	border-top:  1px dotted #C60202;
	margin-top:12px;
}
.linetopdtb {
	border-top:  2px dotted #C60202;
	margin-top:12px;
}

.linedown {
	border-bottom:  1px solid #C60202;
}


.smaller {
	font-size:12px;
	font-variant:small-caps;	
}



.red { color: #C60202; font-variant:small-caps; }
.redc { color: #C60202; font-variant:normal; }

.smaller a {
	color:#C60202;
	text-decoration:none;
	display:block;
	padding:2px 4px;
}
.smaller a:hover {
	color:#FFFFFF;
	background-color:#C60202;
	text-decoration:none;
	display:block;
	padding:2px 4px;
	
}


.smallerx a {
	color:#FFFFFF;
	text-decoration:none;
	display: inline;
	padding:0px 0px;
}
.smallerx a:hover {
	display: inline;
	color:#C60202;
	background-color:#FFFFFF;
	text-decoration:none;
	padding:0px 0px;
	
}

.smallery a {
	color:#C60202;
	text-decoration:none;
	display: inline;
	padding:0px 0px;
}
.smallery a:hover {
	display: inline;
	color:#FFFFFF;
	background-color:#C60202;
	text-decoration:none;
	padding:0px 0px;
	
}

.boxhome {
	width:150px;
	border: 1px solid #C60202;
	text-align:center;
	margin:15px;
	padding:4px;
}
.boxhome a {
	border:0px;
}
.boxhome h1 {
	color:#C60202;
	font-size:18px;
	margin: -5px auto;
}
.boxhome h2 {
	color:#C60202;
	font-size:14px;
	margin: 5px auto;
}
.boxhome p {
	color:#C60202;
	font-size:12px;
	margin: 10px auto;
	font-style:italic;
	font-variant:normal;	
	
}

.smaller p {
	color:#C60202;
	font-size:12px;
	margin: 10px auto;
	font-style:italic;
	font-variant:normal;	
	
}
.smaller h2 {
	color:#C60202;
	font-size:12px;
	margin: 5px auto;
}

.novariant {
	font-style:normal;
	font-variant:normal;
}	


.novariant a {
	color:#C60202;
	text-decoration:none;
	display:block;
	padding:2px 4px;
	font-style:normal;
	font-variant:normal;

}
.novariant a:hover {
	color:#FFFFFF;
	background-color:#C60202;
	text-decoration:none;
	display:block;
	padding:2px 4px;
	font-style:normal;
	font-variant:normal;
	
}


.redbox {
	color:#FFFFFF;
	background-color:#C60202;
	padding:2px 4px;
	margin:2px 4px;
	
}



/* */


.dpDiv {

	}





/* the table (within the div) that holds the date picker calendar */

.dpTable {

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

	color: #505050;

	background-color: #ece9d8;

	border: 1px solid #AAAAAA;

	}





/* a table row that holds date numbers (either blank or 1-31) */

.dpTR {

	}





/* the top table row that holds the month, year, and forward/backward buttons */

.dpTitleTR {

	}





/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTR {

	}





/* the bottom table row, that has the "This Month" and "Close" buttons */

.dpTodayButtonTR {

	}





/* a table cell that holds a date number (either blank or 1-31) */

.dpTD {

	border: 1px solid #ece9d8;

	}





/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */

.dpDayHighlightTD {

	background-color: #CCCCCC;

	border: 1px solid #AAAAAA;

	}





/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */

.dpTDHover {

	background-color: #aca998;

	border: 1px solid #888888;

	cursor: pointer;

	color: red;

	}





/* the table cell that holds the name of the month and the year */

.dpTitleTD {

	}





/* a table cell that holds one of the forward/backward buttons */

.dpButtonTD {

	}





/* the table cell that holds the "This Month" or "Close" button at the bottom */

.dpTodayButtonTD {

	}





/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */

.dpDayTD {

	background-color: #CCCCCC;

	border: 1px solid #AAAAAA;

	color: white;

	}





/* additional style information for the text that indicates the month and year */

.dpTitleText {

	font-size: 12px;

	color: gray;

	font-weight: bold;

	}





/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 

.dpDayHighlight {

	color: 4060ff;


	font-weight: bold;

	}





/* the forward/backward buttons at the top */

.dpButton {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: gray;

	background: #d8e8ff;

	font-weight: bold;

	padding: 0px;

	}





/* the "This Month" and "Close" buttons at the bottom */

.dpTodayButton {

	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: gray;

	background: #d8e8ff;

	font-weight: bold;

	}