/* ........................................................................................................ */
/*    THERE ARE THE OLD STYLES                                                                               */
/* ........................................................................................................ */






/*body {
	margin-left: 55px;
	margin-top: 55px;
}
*/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.Arial10pt333333 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.ArialBlack10pt333333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.Arial12pt999999 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.Arial12pt333333 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.Arial12pt666666 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.Arial12pt800000 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #800000;
}
.Arial12pt333333bold {
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.Arial14pt {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.Arial14pt000000 {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.Arial14pt333333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.Arial14pt333333bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.Arial14pt800000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #800000;
}
.Arial14pt800000bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #800000;
	font-weight: bold;
}
.Arial16pt333333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
}
.Arial16pt333333bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.Arial16pt800000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #800000;
}
.Arial16pt800000bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #800000;
	font-weight: bold;
}
.Arial18pt333333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
}
.Arial20pt333333 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
}
.Arial10pt996600 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #996600
}
.Arial16ptredbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: red;
	font-weight: bold;
}


.FORMArialBlue10ptBold {
	color:white;
	background-color:#666699;
	border-bottom:thin solid #222244;
	border-right:thin solid #222244;
	border-top:thin solid #9999cc;
	border-left:thin solid #9999cc;
	font-size:10px;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
}

.FORMArialGray10ptBold {
	color:black;
	background-color:lightgray;
	border-bottom:thin solid #222244;
	border-right:thin solid #222244;
	border-top:thin solid #9999cc;
	border-left:thin solid #9999cc;
	font-size:10px;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
}


input {
	font-family:Verdana,Helvetica,sans-serif;
	color: #17568c;
	font-size:11px;
	font-weight:bold;
}

.FORMpulldown{
	font-family:Verdana,Helvetica,sans-serif;
	color: #17568c;
	font-size:11px;
	font-weight:bold;
}

.tableborder_1px_solid_000000 {
	border: 1px solid black
	
}



/* Login Successful... */
.Arial12ptRedBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}

/* Read and Affirm! */
.Arial18ptCC0000 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #CC0000;
	font-style: italic;
}

/* -- Logout button -- */
#apDivLogout {
	position:absolute;
	left:950px;
	top:25px;
	width:56px;
	height:29px;
	z-index:24;
}


/* -- Logout button for Metro Training site area -- */
#apDivLogout_training {
	position:absolute;
	left:950px;
	top:50px;
	width:56px;
	height:29px;
	z-index:24;
}







/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 0px solid #17568C; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: #FFFFFF;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #17568C; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #3a92df; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #3a92df; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #3a92df; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #3a92df; /*Highlight red color theme*/
color: white;
}



/* FOR METRO TRAINING!  */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2_training{
padding: 0;
width: 100%;
border-top: 0px solid #233969; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2_training ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2_training li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2_training a{
float: left;
display: block;
font: bold 12px Arial;
color: #FFFFFF;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #233969; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2_training a:hover{
background-color: #4169E1; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #4169E1; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2_training .current a{ /** currently selected menu item **/
background-color: #4169E1; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #4169E1; /*Highlight red color theme*/
color: white;
}








/* THIS IS FOR THE NEW LAYOUT -- MOS 2.0 */

/* The red-letter page title, like "What do you want to do today?" */
#apDivPageTitle {
	position:absolute;
	left:75px;
	top:235px;
	/*width:px;*/
	/*height:px;*/
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #D80000;
	letter-spacing:2px
}

/* The red-letter page title, like "What do you want to do today?" */
#apDivPageSubTitle {
	position:absolute;
	left:75px;
	top:265px;
	/*width:px;*/
	/*height:px;*/
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #A8A8A8;
	letter-spacing:2px
}

/* The standard Metro Contact Info */
#apDivHeaderMetroContact {
	position:absolute;
	left:890px;
	top:225px;
	width:140px;
	height:53px;
	z-index:1;
}


/* ........................................................................................................ */
/*    Button tags                                                                                           */
/* ........................................................................................................ */

/* Okay, let's get started!  */
.button1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#24317B;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:175px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}.button1:hover {
	background-color:#dfdfdf;
}.button1:active {
	position:relative;
	top:1px;
}