.small_x{ font-size: 10pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.small_xx{ font-size: 9pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.small_xxx{ font-size: 8pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.small_x_b{ font-size: 10pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.small_xx_b{ font-size: 9pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.small_xxx_b{ font-size: 8pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}

.small_xxxx{ font-size: 7pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.small_xxxx_b { font-size: 7pt; color: #666666; font-family: verdana; font-weight: bold; font-stretch: ultra-condensed;}


.medium_x{ font-size: 14pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.medium_xx{ font-size: 13pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.medium_xxx{ font-size: 12pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.medium_x_b{ font-size: 14pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.medium_xx_b{ font-size: 13pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.medium_xxx_b{ font-size: 12pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.medium_xxx_b_spacing{ font-size: 12pt; color: #666666; font-family: verdana; letter-spacing: 1px; font-weight: bold;}

.large_x{ font-size: 23pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.large_xx{ font-size: 20pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.large_xxx{ font-size: 17pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed;}
.large_x_b{ font-size: 23pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.large_xx_b{ font-size: 20pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}
.large_xxx_b{ font-size: 17pt; color: #666666; font-family: verdana; font-stretch: ultra-condensed; font-weight: bold;}

a:link {text-decoration: none; color: #538AD4;}
a:visited {text-decoration: none; color: #538AD4;}
a:active {text-decoration: none; color: #538AD4;}
a:hover { text-decoration: none; color: #2866B8;}


 html, body{
  margin: 0 auto;
  padding:0 0 <length> 0;
  background: url(/img/background.gif) #000000 top left repeat-x; 
  text-align: center;
 }


 @media screen{
  body>div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow-x: hidden;
  width: 100%;
  text-align: center;
 } 

 * html content{
  width: 789px;
 } 

.content {
  width: 785px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0px 1px 0px 1px;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-color: #777777;
  margin: 20 auto 0 auto;

}

 * html .content_limo{
  width: 889px;
 } 

.content_limo {
  position: relative;
  top: -2px;
  width: 885px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 0px 1px 0px 1px;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-color: #CCCCCC;
}


.main {
  background: url(/img/main.gif); 
  width: 785px;
  height: 290px;
}

.portal_main {
  background: url(/img/portal_main.gif); 
  width: 785px;
  height: 98px;
}


.aboutus_menu_top{
  margin: 0;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 0px;
  background: url(/img/aboutus_menu_top.gif) #FFFFFF no-repeat; 
  width: 185px;
  height: 22px;
  color: #CC0000;
  font-weight: bold;
  font-size: 11pt;
}

.aboutus_menu_body{
  margin: 0;
  padding: 10 0;
  width: 185px;
  color: #333333;
  font-weight: bold;
  font-size: 9pt;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0px;
  border-style: solid;
  border-color: #777777;
}

.aboutus_menu_body td.row_on{
  margin: 0;
  padding: 2px;
  width: 177px;
  height: 14px;
  color: #FFFFFF;
  background-color: #FF1029;
  cursor: pointer;
}

.aboutus_menu_body td.row_off{
  margin: 0;
  padding: 2px;
  width: 177px;
  height: 14px;
  color: #333333;
  background-color: #FFFFFF;
  cursor: pointer;
}

.aboutus_menu_bottom{
  margin: 0;
  background: url(/img/aboutus_menu_bottom.gif) #FFFFFF no-repeat; 
  width: 185px;
  height: 11px;
  
}


.NewsLinks {
font-family: arial;
font-size: 12px;
font-weight: bold;
color: #CF0B44;
text-decoration: none;
}
a:link.NewsLinks {text-decoration: none; color : #CF0B44; font-size: 12px;}
a:visited.NewsLinks {color : #CF0B44; font-size: 12px;}
a:active.NewsLinks {text-decoration: none; color : #CF0B44; font-size: 12px;}
a:hover.NewsLinks {color : #0066cc; font-size: 12px;}

.NewsHeader {
font-family: arial;
font-size: 12px;
font-weight: normal;
color: 666666;
text-decoration: none;
padding-left: 5px;
}

.ticker-border {
		background-color: #FFFFFF;
		margin: 1px;
		padding: 1px;
		height: 170;
		width: 205;
		border:  dotted ffffff;			
}


.popup
{
   position:absolute; left:0; top:0; width:252;
   border-style:solid;
   border-width:4;
   border-color: CCCCCC;
   background-color:yellow;
   padding:8px;
   color:red;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:2;
   visibility:hidden;
}



/*	
PORTAL / SECTION CSS FUNCTIONS
------------------------------------------------------
*/


.portal_button {
	margin: 1px;
	padding: 0px;
	width: 227px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px; 
	color: #FFFFFF; 
	font-family: arial; 
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

.portal_button a:link {
	margin: 1px;
	padding: 0px;
	width: 227px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px; 
	color: #FFFFFF; 
	font-family: arial; 
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	display: table-cell; 
	text-decoration : none;	
}


.portal_button a:visited {
	margin: 1px;
	padding: 0px;
	width: 227px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px; 
	color: #FFFFFF; 
	font-family: arial; 
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	display: table-cell; 
	text-decoration : none;	
}

.portal_button a:hover {
	margin: 1px;
	padding: 0px;
	width: 227px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 18px; 
	color: #FFFFFF; 
	font-family: arial; 
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #666666;
	border-width: 1px;
	border-style: solid;
	display: table-cell; 
	text-decoration : none;	
}


.section_header {
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 4px;
	padding-bottom: 5px;
	width: 320px;
	height: 15px;
	text-align: left;
	vertical-align: middle;
	font-size: 14px; 
	font-family: arial; 
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #DDDDDD;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	letter-spacing: 2px;
}

.page_header a:link {
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 320px; 
	height: 17px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px; 
	text-decoration: none;
	color: #333333; 
	background-color: #FFFFCC;
	font-family: arial; 
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #DDDDDD;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	display: table; 
}

.page_header a:visited {
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 320px; 
	height: 17px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px; 
	color: #333333; 
	background-color: #FFFFCC;
	font-family: arial; 
	text-decoration: none;
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	display: block; 
}

.page_header a:hover {
	margin: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 320px; 
	height: 17px;
	text-align: left;
	vertical-align: middle;
	font-size: 11px; 
	color: #FFFFFF; 
	background-color: #999999;
	font-family: arial; 
	text-decoration: none;
	letter-spacing: 1px; 
	font-weight: bold;
	border-color: #CCCCCC;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	display: block; 
}


/* 

EMPLOYEE DIRECTORY / UPDATE EMPLOYEE
------------------------------------------------------
*/


.employee_search_header {
	margin: 0px 0px 0px 4px;
	padding: 6px 0px 3px 5px;
	width: 770px;
	background-color: #cce3e9;
	border: solid #CCCCCC;
	border-width: 1px;
	font: bold 13px arial;
	text-align: left;
	color: #333333; 
	letter-spacing: 0px; 
}

.employee_directory_body {
	margin: 0px 0px 0px 4px;
	padding: 0px 0px 5px 5px;
	width: 770px;
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-top-width: 0px; border-bottom-width: 1px;
	border-right-width: 1px; border-left-width: 1px;
	font: bold 8pt arial;
	text-align: left;
	color: #333333; 
	letter-spacing: 0px;

}


.pagination {
	margin: 0px 0px 0px 4px;
	padding: 5px 0px 5px 5px;
	width: 770px;
	background-color: #DDDDDD;
	border: solid #CCCCCC;
	border-top-width: 0px; border-bottom-width: 1px;
	border-right-width: 1px; border-left-width: 1px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #333333; 
	letter-spacing: 0px; 
}

.pagination a:link,visited{
	font-size: 9pt;
	font-weight: bold;
	color: #0066CC; 
	letter-spacing: 0px; 
	text-decoration: none;
}

.pagination a:hover {
	font-size: 9pt;
	font-weight: bold;
	color: #CC0033; 
	letter-spacing: 0px; 
	text-decoration: none;
}


/* 

MAIN CALENDAR
------------------------------------------------------
*/


.calendar_month_header 
{
	padding: 0px;
	margin: 0px;
	background-color:#E7E7E7;
	height: 30px;
	width: 780px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	font-size: 12px; 
	color: #333333; 
	font-family: sans-serif; 
	font-weight: bold;
	font-stretch: ultra-condensed;
	text-decoration: none;	
	border-collapse: collapse;
}

.calendar_month_header a
{
	font-size: 12px; 
	color: #333333; 
	font-family: sans-serif; 
	font-weight: bold;
	font-stretch: ultra-condensed;
	text-decoration: none;	
}

.calendar_month_header td.spacer
{
	width: 5px;
	padding: 0px;
	margin: 0px;
}

.calendar_month_header td.col_1
{
	width: 110px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.calendar_month_header td.col_2
{
	text-align: center;
	font-size: 21px; 
	color: #333333; 
	font-family: sans-serif; 
	font-weight: bold;
	font-stretch: ultra-condensed;
	padding: 0px;
	margin: 0px;
}

.calendar_month_header td.col_3
{
	width: 110px;
	text-align: right;
	padding: 0px;
	margin: 0px;
}

table.calendar_month_weekday
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	width: 780px;
}

table.calendar_month_weekday td.line
{
	padding: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
}

table.calendar_month_weekday td.label_col
{
	width: 110px;
	height: 15px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #F0F4F7;
	font-size: 14px; 
	color: #777777; 
	font-family: sans-serif; 
	font-weight: bold;
	font-stretch: ultra-condensed;
	text-align: center;
	border-collapse: collapse;
}

table.calendar_month_weekday td.weekday_col
{
	width: 110px;
	height: 77px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
	font-size: 10px; 
	color: #999999; 
	font-family: sans-serif; 
	font-weight: bold;
	font-stretch: ultra-condensed;
	text-align: right;
	vertical-align: bottom;

}

table.calendar_month_weekday td.weekend_col
{
	width: 110px;
	height: 77px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #F4F9DD;
	font-size: 10px; 
	color: #999999; 
	font-family: sans-serif; 
	font-weight: bold;
	font-stretch: ultra-condensed;
	text-align: right;
	vertical-align: bottom;

}



/* SWFUpload CSS */

#filesDisplay {
padding: 10px;
margin-top: 20px;
background: #f9f9f9;
border: 1px solid #f3f3f3;
display: none;
}

#SWFUpload {
margin-left: 20px;
}

#mmUploadFileListing {
margin: 0;
padding: 0;
}

#mmUploadFileListing li {
margin: 0 0 10px 0;
display: block;
float: left;
width: 150px;
list-style-type: none;
font-size: 11px;
}

.uploading { color: #CCC; }
.uploadDone { color: #000; }

span.progressBar {
width: 100px;
display: block;
font-size: 10px;
height: 4px;
margin-top: 4px;
}

a.SWFUploadLink {
  width: 300px;
  height: 100px;
  background: url('/img/upload_button.png') no-repeat;
  display: block;
}

a.SWFUploadLink:hover {
  background: url('/img/upload_button_over.png') no-repeat;
}

#search_button a {
border-style: solid; 
border-color: #CCCCCC; 
border-width: 1px; 
background-color: #FFFFFF; 
font-size: 8pt; 
text-align: center; 
cursor: pointer; 
color: #444444;
}

#search_button a:hover {

border-style: solid; 
border-color: #CCCCCC; 
border-width: 1px; 
background-color: #DFEBFA; 
font-size: 8pt; 
text-align: center; 
cursor: pointer; 
color: #444444;

}