/*
UPDATED 02/08/2015 - added example of column usage at end.  No CSS changes.
UPDATED 09/02/2015 - added PlainRed
*/


body {
	color:#000000;
	background-color:#FFFFFF; 
	font-family:arial, verdana, sans-serif;}


/*From Bobbie	 - basic positioning */
.container2 {
	width: 860px;
	background: #FFFFFF;
	margin: 0 auto;}
.content {
	padding: 10px 0;}
.fltrt {
	float: right;
	margin-left: 8px;}
.fltlft { 
	float: left;
	margin-right: 15px;}
.clearfloat {
	clear:both;
	height:0;	
	line-height: 0px;}


/*from Debby - basic fonts	 */
.PlainRed {
	color:#FF0000;}
.Plain14 {
	font-size:14pt;
	font-weight:normal;}
.Bold14 {
	font-size:14pt;
	font-weight:bold;}
.Bold14Red {
	color:#FF0000;
	font-size:14pt;
	font-weight:bold;}
.Em14 {
	font-size:14pt;
	font-style:italic;}
.Plain12 {
	font-size:12pt;
	font-weight:normal;}
.Bold12 {
	font-size:12pt;
	font-weight:bold;}
.Bold12Red {
	color:#FF0000;
	font-size:12pt;
	font-weight:bold;}
.Em12 {
	font-size:12pt;
	font-style:italic;}
.Em12Bold {
	font-size:12pt;
	font-style:italic;
	font-weight:bold;}
.Plain10 {
	font-size:10pt;
	font-weight:normal;}
.Bold10 {
	font-size:10pt;
	font-weight:bold;}
.Bold10Red {
	color:#FF0000;
	font-size:10pt;
	font-weight:bold;}
.Em10{
	font-size:10pt;
	font-style:italic;}
.Em10Bold{
	font-size:10pt;
	font-style:italic;
	font-weight:bold;}
.Plain8 {
	font-size:8pt;
	font-weight:normal;}
.Bold8 {
	font-size:8pt;
	font-weight:bold;}
.Em8 {
	font-size:8pt;
	font-style:italic;}
.code{
	font-family:arial, verdana, sans-serif;
	font-weight.bold;}
.HeaderBlack{
	background-color:#000000;
	font-weight:bold;
	color:#FFFFFF;
	border-style:solid;
	border-width:3px;
	border-color:#99999; }
.HeaderDarkGray{
	background-color:darkgray;
	font-weight:bold;
	color:#000000;
	border-style:solid;
	border-width:3px;
	border-color:darkgray; }
.GrayBackground{
	background-color:darkgray; }
.BlueBackground{
	background-color:lightblue; }

.DPDCredit{
	font-size:8pt;
	font-weight:normal;
	color:#D3D3D3; }


/* From Debby - basic tables (will this overwrite Bobbie's styles.css?  Yes, if placed AFTER styles.css) **/
table{
	background-color:#FFFFFF;
	border-style:solid;
	border-width:3px;
	border-color:#35363D;
}
th{
	background-color:#FF0000;  /*#808080;*/
	border-style:solid;
	border-width:3px;
	border-color:#35363D;
	font-weight:bold;
	padding:50px;
}
td{
	border-style:solid;
	border-width:1px;
	border-color:#35363D;
	padding:3px;
	margin:200px;
}


/* From Debby - column positioning for data entry forms */
/* Example of form using columns at end of file (after Colors) */
.labelRight{
   text-align:right;
}	
.column1of2{
   float:left;
   width:45%;
   padding:15px;
   margin-top:0px;
}
.column2of2{
   float:left;
   width:45%;
   padding:15px;
   margin-top:0px;
}
.column1of3{
   float:left;
   width:30%;
   padding:15px;
   margin-top:0px;
}
.column2of3{
   float:left;
   width:30%;
   padding:15px;
   margin-top:0px;
}
.column3of3{
   float:left;
   width:30%;
   padding:15px;
   margin-top:0px;
}
.column1plus2of3{
   float:left;
   width:60%;
   padding:15px;
   margin-top:0px;
}
.column2plus3of3{
   float:left;
   width:60%;
   padding:15px;
   margin-top:0px;
}

/*********** Colors - Names are the official web names

	black=#000000 
	white=#FFFFFF 
	gray=#808080
	darkgray=#A9A9A9
	dimgray=#G9G9G9
	lightgrey=#D3D3D3 p456 says e not a
	slategray=#708090
	silver=#C0C0C0

ASWB Masthead VeryDarkGray=#35363D
ASWB Gray Subheader
ASWB VeryVeryLightGray=#F5F5F5
ASWB VeryDarkBlue= #033059

MedBluishGray=#CCCCCC 
AnotherMedGray=#999999
VeryLightGray-#efefef

	Green=#00FF00 oage 453
	green=#008000 page 456
	darkgreen=#006400
	forestgreen=#228B22
	lightgreen=90EE90

	blue=#0000FF=Blue
	darkblue=#00008B
	lightblue=#ADD8E6
	mediumblue=#0000CD
	midnightblue=19197C
	navy=#000080
	skyblue=#87CEEB

	teal=#008080
	Purple=#800080  
	Red=#FF0000 

lavender lightblue lightcyan lightyellow-->
***/

/*********** Example of form using columns:
	<form class="JUform" id="frmScoresLogin" name="frmScoresLogin" method="post" 
		action="http://localhost:8080/crcScoresLogin">
		
			<p class="Bold12Red">{%ErrMsg%}</p>
			<div class="column1of2">
				<p class="Bold14 labelRight">User Name:</p>
				<p class="Bold14 labelRight">Password:</p>
				<p>&nbsp;</p>
			</div>
			<div class="column2of2">
				<p><input class="Bold12" name="eUserID" type="text" maxLength="16" size="20" value="{%eUserID%}"></p>
				<p><input class="Bold12" name="ePassword" type="password" maxLength="16" size="20" value="{%ePassword%}"></p>
				<p><input id="btLogin" name="btLogin" type="submit" value="Login"></p>
			</div>
			
	</form>
***/