.GrayText {  font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal; color: #666666}

.BlueLinks {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none;}
.BlueLinks:link { color: #000000; text-decoration: none;}
.BlueLinks:visited { color: #000000; text-decoration: none;}
.BlueLinks:hover { color: #0099ff; text-decoration: none;}
.BlueLinks:link.link { color: #000000; text-decoration: none;}
.BlueLinks:visited.link { color: #000000; text-decoration: none;}
.BlueLinks:hover.link { color: #000000; text-decoration: none;}

.BlueLinks10 {  font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal; color: #0099ff; text-decoration: none;}
.BlueLinks10:link { color: #0099ff; text-decoration: none;}
.BlueLinks10:visited { color: #0099ff; text-decoration: none;}
.BlueLinks10:hover { color: #0099ff; text-decoration: none;}
.BlueLinks10:link.link { color: #0099ff; text-decoration: none;}
.BlueLinks10:visited.link { color: #0099ff; text-decoration: none;}
.BlueLinks10:hover.link { color: #0099ff; text-decoration: none;}

.BlueLinks12 {  font-family: Verdana, Arial, sans-serif; font-size: 10pt; font-style: normal; font-weight: normal; font-variant: normal; color: #0099ff; text-decoration: none;}
.BlueLinks12:link { color: #0099ff; text-decoration: none;}
.BlueLinks12:visited { color: #0099ff; text-decoration: none;}
.BlueLinks12:hover { color: #0099ff; text-decoration: none;}

.BlackText { font-family: Verdana, Arial, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal; color: #000000}


/***************************************************************************************
   BEGIN JEFF'S GOOD Styles - 
   This removes the neccessity of all the stupid image swapping stuff. It can all be done
   cleaner and better looking through cascading style sheets.
****************************************************************************************/

body
{
	margin: 0px;
}

a img
{
	border: 0px;
}


.TopBlackBar
{
	width: 100%;
	height: 21px;
	background-color: black; 
}

.PageTitle
{
	font-weight: bold;
	font-size: 11pt;
	font-family: Arial;
	color: black;
	border-bottom: solid 1px black;
	width: 300px;
}
	
.TopMenuRow
{
	border-top: #e8e8e8 1px solid;
	border-bottom: black 1px solid;
	height: 24px;
	white-space: nowrap;
}

.TopMenuSelected
{
	font-size: 7pt;
	text-transform: uppercase;
	color: white;
	font-family: Arial;
	background-color: #999999;
	text-align: center;
	width: 78px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(images/nav_dots.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
}

.TopMenu a
{
	text-decoration: none;
	font-size: 7pt;
	text-transform: uppercase;
	color: black;
	font-family: Arial;
	background-color: white;
	text-align: center;	
	width: 78px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(images/nav_dots.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
}

.TopMenu a:hover
{
	color: white;
	background-color: #999999;
}

.TopMenuSpacer
{
	width: 199px;
	padding-top: 5px;	
	background-image: url(images/nav_dots.gif);
	background-repeat: no-repeat;
	background-position: right;	
	float: left;
}

.TopImage
{
	background-color: #00AEEF;
	border-bottom: black 1px solid;
}

.TopImage2
{
	background-color: #00AEEF;
	border-bottom: black 1px solid;
	font-family: Arial;
	font-size: 28px;
	color: White;
	padding: 30px 0 0 50px;
	height: 65px;
	background-repeat: no-repeat;
}

.careers
{
	background-image: url('images/careers2.jpg');	
}

.company
{
	background-image: url('images/company2.jpg');	
}

.contactus
{
	background-image: url('images/contactus2.jpg');	
}

.news
{
	background-image: url('images/newsroom2.jpg');	
}

.solutions
{
	background-image: url('images/solutions2.jpg');	
}

.TopImage img
{
	display: block;
}

.BannerLeft
{
	padding-top: 20px;
	font: bold 10pt Verdana;
	color: #404040;
	text-align: center;
}

.BannerLeft .block
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	border-bottom: 1px dashed gray;
	text-align: left;
}

.BannerLeft .block .title
{
	text-align: center;
	font-weight: bold;
	padding-top: 15px;
	color: #A52A2A;
	font-family: Arial;
	font-size: 9pt;
}

.BannerLeft .block .headline
{
	padding-left: 5px;
	padding-top: 5px;
}

.BannerLeft .block a
{
	text-decoration: none;
	color: #404040;
}

.BannerLeft .block a:hover
{
	text-decoration: underline;
	color: #0099ff;;
}

.BannerCenter
{
	width: 425px; 
	vertical-align: top;
	border-right: solid 1px white;
	border-left: solid 1px white;
}

.BannerRight
{
	color: #404040;
	background-color: #00AEEF;
	font: normal 10pt Tahoma;
	vertical-align: top;
	text-align: left;
	padding-left: 8px;
}

.linkTitle
{
	color: White;
	font-weight: bold;
	text-decoration: underline;
	padding-top: 10px;
}

.MainLinkDiv
{
	padding: 5px 0px;
}

.MainLinks 
{
	color: #0099ff;
	font-weight: bold;
	text-decoration: none;
}

.MainLinks:hover
{
	color: #666666;
	text-decoration: underline;
}

.linkDesc
{
	padding-left: 16px;
}

.MainPage
{
	background-color: #cccccc;
	font-family: Tahoma;
	font-size: 10pt;
	color: black;
	padding: 1px 200px 100px 199px; 
}

.MainPage p
{
	margin: 10px 0px 10px 0px;
}

.LeftMenus
{
	width: 199px;
	background-color: #cccccc;
	vertical-align: top;
}

.LeftMenu
{
	font-family: Arial;
	font-size: 9pt;
	height: 22px;
	border-bottom: solid 1px black;
	padding-top: 7px;
}

.LeftMenu a
{
	text-decoration: none;
	color: black;
	padding-left: 28px;
}

.LeftMenu a:hover
{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/white_arrow.gif);
	color: white;
}

.LeftMenuSelected
{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/white_arrow.gif);
	font-family: Arial;
	font-size: 9pt;
	color: white;
	padding-left: 28px;
	padding-top: 7px;
	height: 22px;
	border-bottom: 1px solid black
}

.LeftMenuGroupSelected
{
	font-family: Arial;
	font-size: 9pt;
	color: white;
	padding-top: 7px;
}

.LeftMenuGroupSelected span
{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/white_arrow.gif);
	padding-left: 28px;
}

.LeftMenuGroupEnd
{
	border-bottom: 1px solid black;
	padding-top: 7px;
}

.LeftMenuSelectedSingle
{
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/white_arrow.gif);
	font-family: Arial;
	font-size: 9pt;
	color: white;
	padding-left: 28px;
}

.LeftSubMenu
{
	font-family: Arial;
	font-size: 8pt;
}

.LeftSubMenu a
{
	text-decoration: none;
	color: black;
	padding-left: 35px;
}

.LeftSubMenu a:hover
{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/white_arrow.gif);
	color: white;
}

.LeftSubMenuSelected
{
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/white_arrow.gif);
	color: white;
	padding-left: 35px;
	font-size: 8pt;	
}

.MainContent
{
	padding-left: 34px;
	padding-top: 4px;
	vertical-align: top;
	width: 600px;
}

.HomeContent
{
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	color: Black;
	padding-left: 20px;
	padding-top: 20px;
	vertical-align: top;
	width: 600px;	
}

.ContentNav
{
	height: 28px;
}

.Copyright
{
	background-color: #999999;
	color: white;
	font-family: Arial;
	font-size: 7pt;
	height: 18px;
	padding-top: 6px;
}

.definition
{
	font-family: Verdana;
	font-size: 8pt;
	color: green;	
	text-decoration: none;
}

.definition.hidden
{
	display: none;
}

.formError
{
	color: red;
}

.errorMsg
{
	font-family: Verdana, Arial, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	font-weight: bold; 
	font-variant: normal; 
	color: red;
	text-align: center;
}

.agreeRow
{
	background-color: #ccccff;
	width: 95%;
	margin-top: 10px;
	font-family: Verdana;
	font-size: 8pt;
	color: Black;
}

.eula
{
	font-family: Arial;
	font-size: 8pt;
	width: 400px;
}