/* mac hide\*/
html, body {height:100%}
/* end hide */

/* Default Styles for Links */
A:active {text-decoration: underline; color: rgb(10, 80, 161);}
A:link {text-decoration: underline; color: rgb(10, 80, 161);}
A:visited {text-decoration: underline; color: rgb(10, 80, 161);}
A:hover {text-decoration: none; color: rgb(155, 35, 35);}

html,body {
	padding:0;
	margin:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 150%;
}
body{	
	/*text-align:center;*/
	min-width:760px;/* for mozilla*/
	background-color: rgb(255, 255, 255);
}
/* Layout Elements */
#outer{
	height:99.9%;
	min-height:100%;
	width:758px;
	/*border-left:1px solid rgb(81, 81, 81);*/
	/*border-right:1px solid rgb(81, 81, 81);*/
	color: rgb(81, 81, 81);
	text-align:left;
	/*margin:auto;*/
	margin-left: 0px;
	position:relative;
	background:  url(../images/2colcentredbg.jpg) repeat-y center;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
/** html #outer {height:100%} /* added */
/*body>#content {height:auto} /* added */
#header{
	position:absolute;
	top:0;
	left:-1px;
	width:758px;
	/*height:78px;*/
	height:104px;
	background:#FFFFFF;
	/*border-left:1px solid rgb(81, 81, 81);*/
	/*border-right:1px solid rgb(81, 81, 81);*/
	border-bottom: 2px solid rgb(125, 170, 204);
	overflow:hidden;
	color: #000000;
	z-index:100;
}
#header p {
	padding-top: 5px;
}
#header p.topRight {
	text-align: right;
	padding-right: 10px;
	float: right;
	color: rgb(81, 81, 81)
}
#header p.topRight img {
	margin-top: 20px;
}
#header A:active {text-decoration: none; color: rgb(153, 35, 35);}
#header A:link {text-decoration: none; color: rgb(153, 35, 35);}
#header A:visited {text-decoration: none; color: rgb(153, 35, 35);}
#header A:hover {text-decoration: underline; color: rgb(153, 35, 35);}

/* Top navbar -- need to create a new list item for each new tab and provide two images */

#menu ul {
	margin:-30px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	float: right;
}
#menu li.list5 {background:transparent url(../images/navigationHome.jpg); background-repeat: no-repeat; width:55px;}
#menu li.list4 {background:transparent url(../images/navigationCompany.jpg); background-repeat: no-repeat; width: 80px;}
#menu li.list3 {background:transparent url(../images/navigationProducts.jpg); background-repeat: no-repeat;width: 82px;}
#menu li.list2 {background:transparent url(../images/navigationServices.jpg); background-repeat: no-repeat;width: 80px;}
#menu li.list1 {background:transparent url(../images/navigationDownloads.jpg); background-repeat: no-repeat;width: 94px;}

#menu a {display:block; height:0; padding:20px 0px 0px 0px; color:#000; overflow:hidden; margin:0px;}
* html #menu a:link, * html #menu a:visited {height:50px; he\ight:0;}

#menu a#item5 {background:transparent url(../images/navigationHomeOver.jpg) -130px -90px no-repeat;}
#menu a#item4 {background:transparent url(../images/navigationCompanyOver.jpg) -130px -90px no-repeat;}
#menu a#item3 {background:transparent url(../images/navigationProductsOver.jpg) -130px -90px no-repeat;}
#menu a#item2 {background:transparent url(../images/navigationServicesOver.jpg) -130px -90px no-repeat;}
#menu a#item1 {background:transparent url(../images/navigationDownloadsOver.jpg) -130px -90px no-repeat;}

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}



/* Subpage Layout Elements */

* html #menu a:hover {height:128px; he\ight:0;}
#subPageFlash {
	width: 143px;
	background-color: rgb(117, 139, 155);
	height: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid rgb(81, 81, 81);
	border-top: 1px solid rgb(81, 81, 81);
}

#left {
	position:relative;/*ie needs this to show float */
	width:143px;
	float:left;
	/*margin-left:-1px;/*added -- must be 1px less than width otherwise won't push footer down */
	/*left:-1px/* added - line things up exactly*/
	/*padding-top:80px;*/
	padding-top:105px;/*needed to make room for header*/
	/*html #left {margin-right:-3px}/* added -- three pixel jog*/
	overflow: hidden;
}
#left img.f100 {
	text-align: center;
}
#left p {
	padding: 0px 0px 0px 5px;
	color: #000000;
}
#left img.button { margin: 50px 0px 0px 10px; }
/* Main subpage Links */
#link {
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
}
#link a, #link a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	display: block;
	width: 133px;
	padding: 5px;
	border-top: 1px solid rgb(117, 139, 155);
}
#link a:hover { background-color: rgb(200, 200, 200); }

#linkinfotop {
	height: 100px;
	/*background-color: rgb(167, 208, 197);*/
	border-top: 1px solid rgb(117, 139, 155);
}
#linkinfo {
	padding-top: 0px;
	margin: 0px;
	font-size: 1.1em;
	color: rgb(153, 35, 35);
}
#linkinfo a, #linkinfo a:visited {
	text-decoration: none;
	color: rgb(153, 35, 35);
	font-weight: normal;
	display: block;
	width: 133px;
	padding: 5px;
	background-color: rgb(215, 215, 215);
	border-top: 1px solid rgb(117, 139, 155);
	border-bottom: 1px solid rgb(117, 139, 100);
}
#linkinfo a:hover { background-color: rgb(200, 200, 200);}

#sublink {
	font-size: 1em;
}
#sublink a, #sublink a:visited {
	font-weight: normal;
	border: 0px;
	width: 123px;
	padding: 0px 10px 0px 10px;
	background-color: rgb(255, 247, 153);
	border-top: 1px dotted rgb(117, 139, 155);
}
#sublink a:hover {
	background-color: rgb(240, 240, 240);
}

#footer {
	width:758px;
	clear:both;
	height:30px;
	/*border-top:2px solid rgb(117, 139, 155);*/
	background-color: #FFFFFF;
	color: #000000;
	text-align: left;
	left:0;
	bottom:0;
	position: absolute;
	padding-top: 5px;
}
#footer p {
	color: rgb(81, 81, 81);
	padding-left: 5px;
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}
div,p  {margin-top:0;}/*clear top margin for mozilla*/

/* Main Content Area Layout */

#centrecontent {
	/*margin-top: 95px;*/
	margin-top: 80px;
	width:546px;
	float:right;
	padding: 25px 40px 0px 20px;
	/*padding-top:52px;*//*make room for header*/
}
/** html #centrecontent {height:1%;margin-bottom:12px}/* added -- combat IE's 3 pixel jog */
#centrecontent h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: rgb(153, 35, 35);
	margin-top: 50px;
}
#centrecontent h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}
#centrecontent h3 {
	font-size: 1em;
	font-weight: bold;
}
#centrecontent h4 {
	font-size: 1em;
	font-weight: bold;
}

#centrecontent p.error {
        color: rgb(153, 35, 35);
	margin-top: 10px;
	width: 300px;
	font-weight: bold;
}
#centrecontent p.more {
	padding-left: 20px; 
	margin-top: 0px; 
	font-weight: bold; 
}
#centrecontent p.more A:active {text-decoration: none; color: rgb(153, 35, 35);}
#centrecontent p.more A:link {text-decoration: none; color: rgb(153, 35, 35);}
#centrecontent p.more A:visited {text-decoration: none; color: rgb(153, 35, 35);}
#centrecontent p.more A:hover {text-decoration: underline; color: rgb(153, 35, 35);}
#centrecontent li.error {
        color: rgb(153, 35, 35);
	width: 300px;
}
#centrecontent p.subcontent {
	color: rgb(153, 35, 35);
	line-height: 130%;
	padding-left: 20px;
}
#centrecontent p.hr {
        border-top-width: 0pt;
        border-bottom-width: 0.5pt;
        border-right-width: 0pt;
        border-left-width: 0pt;
        border-color: rgb(153, 153, 153);
        border-style: solid;
        text-align: right;
        font-size: 1em;
        margin-right: 10px;
}
#centrecontent ul {
	list-style-image: url(../images/bullet.gif);
}
#centrecontent li {
	line-height: 120%;
	margin-bottom: 10px;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */

/*Front Page Layout Styles */

#frontcentrecontent {
	margin-top: 0px;
	width:446px;
	float:right;
	/*padding-top:70px;*/
	padding-top:95px;/*make room for header*/
}
#frontleft {
	position:relative;/*ie needs this to show float */
	width:300px;
	float:left;
	/*padding-top:112px;/*needed to make room for header*/
	/*padding-top:70px;*/
	padding-top:95px;/*needed to make room for header*/
	margin-left: 10px;
}
#frontouter{
	/*remove height / min-height to have page auto-adjust height */
	/*height:99.9%;
	min-height:100%;*/
	width:760px;
	/*border-left:1px solid rgb(81, 81, 81);*/
	/*border-right:1px solid rgb(81, 81, 81);*/
	color: #000000;
	text-align:left;
	/*margin:auto;*/
	margin-left: 0px;
	position:relative;
	/*background:  url(../images/2colcentredbg.jpg) repeat-y center center;*/
	background-color: #FFFFFF;
}

#frontbottom {
	clear: both;
	width:758px;
	background-color: #FFFFFF;
	padding-top:20px;
}
#setHeight {
	/* Use this to ensure each of the following sections 
	has a 'sidebar' of exactly the same height */
	height: 220px;
	width: 1px;
	float: right;
	border-right: 1px solid rgb(81, 81, 81);
}
#setHeightRight {
	/* Use this to ensure the rightmost column has no bar */
	height: 200px;
	width: 1px;
	float: right;
}
#frontbottom p {
	padding-top: 0px;
	padding-right: 16px;
	padding-left: 0px;
	color: rgb(81, 81, 81);
	margin-bottom: 0px;
	text-align: justify
}
#learnmore{
	font-weight: bold;
}
#learnmore p A:active {text-decoration: none; color: rgb(153, 35, 35); padding-left: 20px;}
#learnmore p A:link {text-decoration: none; color: rgb(153, 35, 35); padding-left: 20px;}
#learnmore p A:visited {text-decoration: none; color: rgb(153, 35, 35); padding-left: 20px;}
#learnmore p A:hover {text-decoration: underline; color: rgb(153, 35, 35); padding-left: 20px;}

#frontbottom h6 {
	padding-right: 16px;
	padding-left: 0px;
}

#frontbottom p.more A:active {text-decoration: none; color: rgb(153, 35, 35);}
#frontbottom p.more A:link {text-decoration: none; color: rgb(153, 35, 35);}
#frontbottom p.more A:visited {text-decoration: none; color: rgb(153, 35, 35);}
#frontbottom p.more A:hover {text-decoration: underline; color: rgb(153, 35, 35);}

#frontbottomLeft {
	position: relative;
	width:231px;
	background-color: white;
	padding: 0px 10px 0px 10px;
}
#frontbottomMiddle {
	position: relative;
	width:231px;
	background-color: white;
	float: right;
	padding: 0px 10px 0px 10px;
}
#frontbottomRight {
	position: relative;
	width:231px;
	background-color: white;
	float: right;
	padding: 0px 10px 0px 10px;
}
#tableBorder {
	border-style: solid; 
    border-top-width: 0.5pt;
    border-bottom-width: 0.5pt;
    border-right-width: 0.5pt;
    border-left-width: 0.5pt;
    border-color: rgb(147, 147, 177);
}
#tableBorder td {
	border-style: solid; 
    border-top-width: 0.5pt;
    border-bottom-width: 0.5pt;
    border-right-width: 0.5pt;
    border-left-width: 0.5pt;
    border-color: rgb(217, 217, 217);
}
#tableBorder td A:active {text-decoration: none; color: rgb(153, 35, 35);}
#tableBorder td A:link {text-decoration: none; color: rgb(153, 35, 35);}
#tableBorder td A:visited {text-decoration: none; color: rgb(153, 35, 35);}
#tableBorder td A:hover {text-decoration: underline; color: rgb(153, 35, 35);}

#newstable {
	text-align: justify;
	}

#linkbox {
	padding: 5px;
	text-decoration: none;
	background-image: url(../images/buttonGray.jpg);
	background-repeat: no-repeat;
}

#box {
    background-color: rgb(200, 200, 200);
    border-style: solid;
    border-top-width: 0.5pt;
    border-bottom-width: 0.5pt;
    border-right-width: 0.5pt;
    border-left-width: 0.5pt;
    border-color: rgb(81, 81, 81);
	width: 500px;
	padding: 20px;
}
#box p.indent {
	margin: 0px 10px 0px 10px;
}
#popupbox {
    background-color: rgb(240, 240, 240);
    border-style: solid;
    border-top-width: 0.5pt;
    border-bottom-width: 0.5pt;
    border-right-width: 0.5pt;
    border-left-width: 0.5pt;
    border-color: rgb(81, 81, 81);
	width: 100%;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
.textpopup {
	position: relative;
	color: rgb(255, 102, 0);
	font-weight: bold;
	z-index: 0;
}
.textpopup A:active {text-decoration: none; color: rgb(153, 35, 35);}
.textpopup A:link {text-decoration: none; color: rgb(153, 35, 35);}
.textpopup A:visited {text-decoration: none; color: rgb(153, 35, 35);}
.textpopup A:hover {color: rgb(153, 35, 35);}

.textpopup span{
	position: absolute;
	background-color: rgb(251, 251, 201);
	padding: 5px;
	left: -1000px;
	border-style: solid;
	border-color: blue;
	border-width: thin;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.textpopup:hover span{
	visibility: visible;
	top: 0;
	left: 60px;
	border: 1px rgb(255, 102, 0);
}

/*form elements */

form.gray {
        background-color: rgb(200, 200, 200);
        border-style: solid;
        border-top-width: 0.5pt;
        border-bottom-width: 0.5pt;
        border-right-width: 0.5pt;
        border-left-width: 0.5pt;
        border-color: rgb(81, 81, 81);
        margin: 10px 0px 15px 10px;
	padding: 20px 0px 20px 20px;
	width: 450px;
}
form p {
	padding: 5px;
}
form p A:active {text-decoration: none; color: rgb(153, 35, 35);}
form p A:link {text-decoration: none; color: rgb(153, 35, 35);}
form p A:visited {text-decoration: none; color: rgb(153, 35, 35);}
form p A:hover {text-decoration: underline; color: rgb(153, 35, 35);}

.line {
        clear: both;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 20px;
}
input {
        float: right;
        background: rgb(255, 255, 255);
}
form.login {
        width: 400px;
}
.label {
        float: left;
}
input.submit {
        clear: both;
        margin-right: 0px;
        margin-top: 0px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
        background-color: rgb(153, 35, 35);
        color: rgb(255, 255, 255);
        border-color: rgb(81, 81, 81);
}
.checkbox {
        clear: both;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 0px;
        margin-top: 0px;
}
/* Character span elements */
.red {
        color: rgb(153, 35, 35);
}
.redbold {
	color: rgb(153, 35, 35);
	font-weight: bold;
}
.redgraybold {
	color: rgb(147, 81, 81);
	font-weight: bold;
}
.redlarge {
	color: rgb(147, 81, 81);
	font-weight: bold;
	font-size: 1.2em;
}
.greenbold {
        color: rgb(81, 147, 81);
		font-weight: bold;
}
.blue {
        color: rgb(81, 81, 147);
}
.bluebold {
        color: rgb(81, 81, 147);
		font-weight: bold;
}
.lightblue {
        color: rgb(141, 141, 207);
}
.orange {
	color: rgb(255 , 102, 0);
	font-style: oblique;
}
.orangebold {
	color: rgb(255, 102, 0);
	font-weight: bold;
}
.grey {
	color: rgb(81, 81, 81);
	text-align: center;
}
.bold {
	font-weight: bold;
}
/* pop-up for applications overview page */

#pop_up3 {        
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        color: rgb(10, 80, 161);
        font-weight: bold;
        text-align: left;
        
}
#pop_up3 a {
        display: block;
        color: rgb(10, 80, 161);
        margin-top: 15px;
        margin-bottom: 10px;
        text-decoration: underline;

}
#pop_up3 a:hover {
        color: rgb(155, 35, 35); 
        border-right: 5px double white;
        text-decoration: none;
}

#pop_up3 a span {
        display: none;
}
#pop_up3 a:hover span {
        position: relative;
        /*top: 120px;
        left: 275px;*/
        width: 500px;
        margin-top: 10px;
        display: block; 
        padding: 5px; 
        text-align: left; 
        font-variant: normal; 
        font-weight: normal; 
	line-height: 120%;
        color: rgb(10, 80, 161); 
        border-width: 1px; 
        border-style: solid; 
        border-top-width: 1pt; 
        border-bottom-width: 0.5pt; 
        border-right-width: 1pt; 
        border-left-width: 0.5pt; 
        border-color: rgb(153, 153, 153);
        background-color: rgb(240, 240, 240);
}