HTML {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}

BODY {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 0px; 
    BACKGROUND: url(images/bg_gradient.jpg) #ffffff repeat-x; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    FONT: 12px/18px Verdana, Calibri, Helvetica, Arial, sans-serif; 
    PADDING-TOP: 0px; 
    HEIGHT: 100%
}

P {
    FONT: 13px/18px Calibri, Verdana, Helvetica, Arial, sans-serif; 
    line-height:150%;
}

TABLE {
    FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; 
}

#long_list LI  {
    BORDER-BOTTOM: transparent 1px solid;
    BORDER-TOP: transparent 1px solid;
    PADDING-TOP: 1em;
}

/*
#long_list LI:hover {
    PADDING-TOP: 1em;
    BORDER-BOTTOM: #cccccc 4px solid;
    BORDER-TOP: #cccccc 4px solid;
}
*/

.span_button {
	border: 1pt solid black;
	margin: 10px;
	padding: 10px;
	vertical-align: middle;
	background-color: white;
	text-transform:uppercase;
	font-size: 10px;

	/* make them not selectable */
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;

}

#buttons {	
	padding: 5px;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 0px;
	vertical-align: text-bottom;
	text-align: center;
	//margin: auto;
}

.selected {
    background-color: lightgray;   
}

#container {
	MARGIN: 20px auto; WIDTH: 961px
}
#header {
	WIDTH: 961px; HEIGHT: 53px
}
#main {
	BACKGROUND-IMAGE: url(images/bg_main.jpg); MARGIN-BOTTOM: 14px; WIDTH: 961px; HEIGHT: 688px; BACKGROUND-COLOR: #ffffff
}
#main_top {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND-IMAGE: url(images/bg_main_top.jpg); PADDING-BOTTOM: 0px; MARGIN: 2px auto 0px; WIDTH: 961px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; HEIGHT: 640px; BACKGROUND-COLOR: #ffffff
}
#main_mid {
	Z-INDEX: 100; BACKGROUND-IMAGE: url(images/bg_main_tile.gif); MARGIN: 5px auto 0px; WIDTH: 961px; BACKGROUND-REPEAT: repeat-y; POSITION: absolute
}
#main_low {
	CLEAR: both; BACKGROUND-IMAGE: url(images/bg_main_bottom.gif); PADDING-BOTTOM: 14px; MARGIN: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 15px; BACKGROUND-COLOR: #ffffff
}
#main_nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 14px 0px 0px 16px; WIDTH: 148px; PADDING-TOP: 0px;  font-size: 90%; font-weight: 450;
}
#nav {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px/13px , Arial, Helvetica, sans-serif; COLOR: #000000; PADDING-TOP: 0px
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 12px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#nav LI.on A:link {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/bullet_on.gif); MARGIN: 0px; COLOR: #3f8ac5; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none;
}
#nav LI.on A:visited {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/bullet_on.gif); MARGIN: 0px; COLOR: #3f8ac5; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none;
}
#nav LI.on A:hover {
	MARGIN: 0px; COLOR: #3f8ac5; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none; 
}
#nav LI.on A:active {
	MARGIN: 0px; COLOR: #3f8ac5; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none; 
}
#nav LI.off A:link {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/bullet.gif); MARGIN: 0px; COLOR: #000000; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none;
}
#nav LI.off A:visited {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/bullet.gif); MARGIN: 0px; COLOR: #000000; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none; 
}
#nav LI.off A:hover {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/bullet_on.gif); MARGIN: 0px; COLOR: #3f8ac5; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: 
}
#nav LI.off A:active {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/bullet_on.gif); MARGIN: 0px; COLOR: #3f8ac5; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none; 
}
#content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 668px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 11px 14px 0px 15px; WIDTH: 718px; PADDING-TOP: 0px
}
#main_text {
    BORDER-TOP: #f5f6f6 1px solid; MARGIN: 0px; FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; PADDING-TOP: 12px; COLOR: gray;
}
#text_left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 532px; MARGIN-RIGHT: 12px; PADDING-TOP: 0px
}
#feature_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 174px; PADDING-TOP: 0px
}
#feature_top {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/preview_top.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 174px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 13px
}
#feature_content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/preview_tile.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 174px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-y
}
#feature_bottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(images/preview_bottom.gif); PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; WIDTH: 174px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 13px
}
#feature_text {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 13px; PADDING-TOP: 0px
}
#anchor_menu {
    PADDING-RIGHT: 0px; BORDER-TOP: #f5f6f6 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 12px; MARGIN: 0px; FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; COLOR: #666666; PADDING-TOP: 12px; BORDER-BOTTOM: #cccccc 1px solid
}
.anchor_link {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/down_arrow.gif); BACKGROUND-REPEAT: no-repeat
}
.anchor_toplink {
	PADDING-LEFT: 20px; BACKGROUND-IMAGE: url(images/up_arrow.gif); BACKGROUND-REPEAT: no-repeat
}
.smalltext {
	FONT-SIZE: 11px; LINE-HEIGHT: 16px
}
.smalltext UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; MARGIN: 1em; PADDING-TOP: 0px
}
.smalltext OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 4em; PADDING-BOTTOM: 0px; MARGIN: 1em; PADDING-TOP: 0px
}
.smalltext UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1em; MARGIN: 0px; PADDING-TOP: 0px
}
.smalltext OL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1em; MARGIN: 0px; PADDING-TOP: 0px
}
.mode_list UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 1em 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2em; PADDING-BOTTOM: 0px; MARGIN: 1em; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px
}
STRONG {
	PADDING-BOTTOM: 0px; MARGIN: 0px	
}
.mode1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 46px; BACKGROUND-IMAGE: url(images/mode1.gif); PADDING-BOTTOM: 1em; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
.mode2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 46px; BACKGROUND-IMAGE: url(images/mode2.gif); PADDING-BOTTOM: 1em; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
A:link {
	COLOR: #3f8ac5
}
A:visited {
	COLOR: #3f8ac5
}
A:hover {
	COLOR: #3f8ac5
}
A:active {
	COLOR: #3f8ac5
}
A:unknown {
	COLOR: #666666
}
H2 {
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 34px; 
    BACKGROUND-IMAGE: url(images/header_mark.gif); 
    //background-image: url('images/code-strip2.png');
    background-position: left center;
    PADDING-BOTTOM: 0px; 
    PADDING-TOP: 0px; 
    margin-top: 5px; 
    FONT: 24px Calibri, Arial, Helvetica, sans-serif; 
    COLOR: #7b7b7b; 
    //PADDING-TOP: 10px; 
    BORDER-BOTTOM: #cccccc 1px solid; 
    BACKGROUND-REPEAT: no-repeat
}
H3 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 14px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	COLOR: #666666; 
	LINE-HEIGHT: 20px; 
	PADDING-TOP: 0px
}
.image {
	BORDER-RIGHT: #dbdbdb 1px solid; BORDER-TOP: #dbdbdb 1px solid; BORDER-LEFT: #dbdbdb 1px solid; BORDER-BOTTOM: #dbdbdb 1px solid
}
.photo {
	BORDER-RIGHT: #818181 1px solid; BORDER-TOP: #818181 1px solid; BORDER-LEFT: #818181 1px solid; BORDER-BOTTOM: #818181 1px solid
}
#footer {
    BACKGROUND-IMAGE: url(images/bg_footer.gif); PADDING-BOTTOM: 20px; MARGIN: 0px; FONT: 11px/14px Verdana, Arial, Helvetica, sans-serif; WIDTH: 961px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; BACKGROUND-COLOR: #ffffff
}
#footer A {
	COLOR: #3f8ac5; TEXT-DECORATION: none
}
#footer_text_l {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 4px
}
#footer_text_r {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; TEXT-ALIGN: right
}

/// rollover lists
#navcontainer ul {
  margin: 0em;
  padding: 0;
}

#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a {
  display: block;
  width: 100%;//9em;
  padding: .2em .8em;
  text-decoration: none;
  border: 1pt solid #C0C0C0;
}

#navcontainer a:hover {
  background-color: #C0C0C0;
  border: 1pt solid #C0C0C0;
  list-style-type: none;
}

.copyright-div {
	text-align: right;
	vertical-align: bottom-middle;
	line-height: 25px;
	padding-right: 15px;
	font-size: 10px;
	font-weight: bolder;
	height: 25px;
}