/* CSS Document */

BODY {MARGIN: 0px; 	height: 100%;}

A:link { text-decoration: none; color: #0066FF;}
A:visited {text-decoration: none; color: #0066FF;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: red}

.logo_box {
	background-position: center;
	height: 90px;
	width: 90px;
}

.banner_top {
	height: 110px;
	background-image: url(images/masthead_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 6px;
	position: relative;
	top: 1px;
	font-size: 12px;
}

.content_window {
	background-image: url(images/content_window_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 4px double #D4E0E0;
}

.content_window_2 {
	background-image: url(images/gear_window_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 4px double #D4E0E0;
}

.static_text {
font-size: 12px;
}

.banner_bottom {
height: 40px;
background-image: url(images/nav_grad_bottom.jpg);
background-repeat: repeat-x;
background-position: top;
position: relative;
top: -1px;
font-size: 12px;
}

.nav_menu A:link {
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #333333;
cursor: url(/images/icons/PALETTE.CUR);
float: none;
padding: 1px 15px;
margin: 1px;
background-image: url(/images/nav_button_off.jpg);
vertical-align: bottom;
background-repeat: repeat-x;
background-position: left bottom;
border: 1px solid #666666;
}

.nav_menu A:visited {
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #333333;
cursor: url(/images/icons/PALETTE.CUR);
float: none;
padding: 1px 15px;
margin: 1px;
background-image: url(/images/nav_button_off.jpg);
vertical-align: bottom;
background-repeat: repeat-x;
background-position: left bottom;
border: 1px solid #666666;
}

.nav_menu A:hover {
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
color: #333333;
cursor: url(/images/icons/PALETTE.CUR);
float: none;
padding: 1px 15px;
margin: 1px;
width: auto;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
background-image: url(/images/nav_button_on.gif);
vertical-align: bottom;
background-repeat: repeat-x;
background-position: left top;
}

.nav_menu_background {
background-image: url(/images/nav_button_off.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border: 1px solid #666666;
height: 17px;
width: 100%;
}

.nav_menu_spacer {
	height: 20px;
	background-color: #999999;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 0px;
}

.sub_menu_spacer {
	height: 20px;
	background-color: #999999;
	font-size: 12px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.sub_menu A:link {
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #F7F7F7;
height: 20px;
width: auto;
cursor: url(/images/icons/PALETTE.CUR);
float: none;
padding: 1px 10px;
margin: 1px;
}

.sub_menu A:visited {
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #F7F7F7;
height: 20px;
width: auto;
cursor: url(/images/icons/PALETTE.CUR);
float: none;
padding: 1px 10px;
margin: 1px;
}

.sub_menu A:hover {
background-image: url(/images/nav_grad_top.jpg);
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-variant: normal;
color: #FFFFFF;
height: 20px;
width: auto;
cursor: url(/images/icons/PALETTE.CUR);
float: none;
padding: 0px 8px;
border: 2px inset #CCCCCC;
margin: 1px;
background-repeat: repeat-x;
background-position: left top;
}

.utility_bar A:link {
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #0033FF;
height: 20px;
width: auto;
cursor: help;
background-color: #FFFFFF;
float: none;
padding: 1px;
border: 1px solid #666666;
margin: 1px;
}

.page_top_grad_left {
height: 110px;
background-image: url(images/page_top_grad.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-bottom-color: #999999;
border-right-color: #999999;
border-left-color: #666666;
filter: Blur(Add=30, Direction=270, Strength=4);
}

.page_top_grad_right {
height: 110px;
background-image: url(images/page_top_grad.jpg);
background-repeat: repeat-x;
background-position: left bottom;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-bottom-color: #999999;
border-right-color: #999999;
border-left-color: #666666;
filter: Blur(Add=30, Direction=90, Strength=4);
}


.page_bottom_grad_left {
background-image: url(images/page_bottom_grad.jpg);
background-repeat: repeat-x;
background-position: left top
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 2px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: inset;
border-left-style: solid;
border-top-color: #999999;
border-bottom-color: #666666;
border-right-color: #999999;
border-left-color: #666666;
filter: Blur(Add=30, Direction=270, Strength=4);
}

.page_bottom_grad_right {
background-image: url(images/page_bottom_grad.jpg);
background-repeat: repeat-x;
background-position: left top
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 2px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: inset;
border-left-style: solid;
border-top-color: #999999;
border-bottom-color: #666666;
border-right-color: #999999;
border-left-color: #666666;
filter: Blur(Add=30, Direction=90, Strength=4);
}
.toolbar_right {
	position: static;
	top: 5px;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #CCCCCC;
}

.toolbar_right A:link, .toolbar_right A:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
.toolbar_right A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066FF;
	text-decoration: none;
}

.toolbar_left {
	letter-spacing: 0.05em;
	color: #336699;
	position: static;
	top: 5px;
	border-bottom-width: 2px;
	border-bottom-style: inset;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	font-family: 'Times New Roman';
	font-size: 20px;
}

.column_formatter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
border: 1px solid #CFCFCF;
padding: 2px
}

.column_formatter_sps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 3px solid #999999;
	padding: 0px;
	background-image: url(sps/images/gray_tab_bar.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	width: 480px;
}

.date_block {
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding: 1px;
	height: 60px;
	width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #D4E0E0;
	letter-spacing: 0.12em;
	border: 3px double #FFF;
	position: static;
	top: 15px;
	left: 15px;
}

.important {
	font: bold 18px 'Times New Roman';
	letter-spacing: 0.1em;
	color: #FFFFFF;
}

.product_bar {
	border: 1px solid #CCCCCC;
	vertical-align: bottom;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(images/product_bar_bg.jpg);
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	height: 12px;
}

.product_bar A:link {
	color: #FFFFFF;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	padding: 0px 15px;
	margin: 0px 1px 1px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height: 12px;
}

.product_bar A:visited {
	color: #FFFFFF;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	padding: 0px 15px;
	margin: 0px 1px 1px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height: 12px;
}

.product_bar A:hover {
	color: #000000;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	padding: 0px 15px;
	margin: 0px 1px 1px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height: 12px;
}

.list_header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 100%;
border-bottom-width: 2px;
border-bottom-style: inset;
border-bottom-color: #CCCCCC;
background-image: url(images/wave_bar.jpg);
background-repeat: repeat-x;
background-position: left bottom;
text-align: left;
text-indent: 10px;
color: #333333;
}

.list_header_background {
	background-image: url(images/wave_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #CCCCCC;
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	height: 17px;
	width: 760px;
	color: #FFFFFF;
	letter-spacing: .2em;
	text-align: center;
	vertical-align: middle;
	word-spacing: .2em;
	border-top: 1px solid #999999;
	border-right: 1px #666666;
	border-bottom: 2px inset #666666;
	border-left: 1px #666666;
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

.footer a:link, .footer a:active, .footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: red;
}

.gallery_cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-image: url(images/cell_grad.jpg);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
	font-weight: bold;
	width: 110px;
}

.collaborus_box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #CFCFCF;
	padding: 2px;
	background-image: url(/images/puzzle_pieces_sm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 240px;
	width: 200px;
}

/* LEFT NAVIGATION */
/* borders */
div#catnav { border-bottom: 1px solid #CCC;  width: 100%; overflow: hidden; } 
#catnav div { border-top: 1px dotted #CCC; }
#catnav div.cat_nav { border-top: 1px solid #CCC; }

/* navigation links */
#catnav a { 
display: block; 
color: #369; 
text-decoration: none; 
font-weight: bold;
text-indent: 10px;
}

#catnav a:hover { 
color: #000; 
text-indent: 10px;
background-color: #efefef; 
background-image: url(images/nav_button_on.gif);
vertical-align: bottom;
background-repeat: repeat-x;
background-position: left top;
}

.cat_nav { font-size:12px; }

.form_table_formatter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
vertical-align: middle;
}

.field_formatter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #FFFFFF;
border: 0px;
}

.list_formatter {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/bullet-wave.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_alert {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/alert.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}
.list_formatter_pdf {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/pdf-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_ie {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/ie-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_doc {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/doc-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_ppt {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/ppt_small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_zip {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/zip-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_exe {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/exe-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_flash {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/flash-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_video {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/video-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_window {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/window-small.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_check_off {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/check_off.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_circles {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/circles.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_box {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/box.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_tools {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/tools.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}

.list_formatter_pen {
font: 10px Verdana, Arial, Helvetica, sans-serif;
list-style-image: url(images/icons/pen.gif);
text-align: left;
vertical-align: top;
padding-bottom: 2px;
}