/* CSS Document */

html, body {
	text-align: auto; 
	padding-top: 5px;
	padding-bottom: 0px;
     margin-right: auto; 
     margin-left:auto;
     margin-top:auto; 
     margin-bottom:auto;  

}


hr {


margin: 10px;
border: #ccc dotted 1px;
text-align: center;

}


img {

	border: 0px;

}

a:link {
  color: #000043;
  text-decoration: none;
  font-weight: bold;
}
a:visited {
  color: #000043;
  text-decoration: none;
  font-weight: bold;
}
a:active {
  color: #ddddee;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #5b7b95;
  text-decoration: none;
  font-weight: bolder;
}


td, span, div, input, h7 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}

.clearboth { clear: both; }

td#topNavButton{
text-align: center; 
border-top: 1px solid #6f6f6f;
border-right: 1px solid #666666;
border-bottom: 1px solid #000000;
background: #4e4e4e;

}


.btnav { background-color: #999999; border: 1px #000000 solid;} 

td#topNavButton{
text-align: center; 
border-top: 1px solid #6f6f6f;
border-right: 1px solid #666666;
border-bottom: 1px solid #000000;
background: #4e4e4e;

}


td#topNavButton a{ 
font-family: arial;
font-size: 10px;
color: white;
text-decoration:none;
height: 100%;
width: 100%;
}

td#topNavButton a:hover {
  font-weight: bolder;
  background: #DAA520;
  color: black;
}


.page {

	background-image: url(images/bg_blue.jpg);
     width: 100%;
     margin-right: 0px; 
     margin-left: 0px;
     margin-top: 0px;
     margin-bottom: 0px;  

}

.main {

	width: 960px;
	background-color: #fff;
	border: 0px #ccc solid;
     padding: 4px;
}



.header {

	background-image: url(images/header_bg2.gif);
	height: 125px;
	width: 960px;
     vertical-align: middle;
	text-align: left;
     padding-left: 20px;
}

.header_text {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin: 10px 10px 0px 0px;
	text-align: left;
}

.ad {

	height: 60px;
	width: 468px;
	border: #cccccc 1px solid;
	background: #ffffff;
	padding: 4px;
	margin: 25px;
	float: right;
}


.top300 {

  background-image: url(images/top300.gif);
  width: 302px;
  height: 17px;
  margin: 0px 0px 0px 0px;

}

.middle300 {

  background-image: url(images/middle300.gif);
  width: 302px;
  padding: 1px 0px 0px 0px;

}

.bottom300 {

  background-image: url(images/bottom300.gif);
  width: 302px;
  padding: 0px 0px 0px 0px;
  height: 17px;
}


.body {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	width: 100%;
     margin: 0px 0px 0px 0px;
	text-align: left;

}


.top {


	border: 1px #ccc solid;

}


.splash {

	background-image: url(images/main2.jpg);
 	border-right: #ccc solid 1px;
 	border-left: #ccc solid 1px;
 	border-bottom: #ccc solid 1px;.
 	border-top: #ccc solid 0px;.
     margin-top: 0px;

}


.splash_content {
	font-family: verdana, arial, sans-serif;
	font-size: 12px;

	padding: 10px 20px 10px 20px;
	line-height: 24px;
	text-align: left;
	vertical-align: top;

}



.middle {

	background-color: #e7ecef;
	width: 100%;
     text-align: left;


}


.bottom {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	width: 100%;
     margin: 0px 0px 0px 0px;
	text-align: left;
}



.footer {
	padding-bottom: 40px;
	width: 960px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
     text-align: left;
     color: #444444;
}


.footer a:link {
  color: #444444;
  text-decoration: none;
  font-weight: normal;
}

.footer a:visited {
  color: #444444;
  text-decoration: none;
  font-weight: normal;
}
.footer a:active {
  color: #ddddee;
  text-decoration: none;
  font-weight: normal;
}

.footer a:hover {
  color: #5b7b95;
  text-decoration: underline;
  font-weight: none;
}





.block {



	vertical-align: top;
	background-image: url(images/block_bg.gif);
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
     border: 1px #ccc solid;
     padding: 5px 10px 5px 10px;
     text-align: left;


}

.navbar {


	background-image: url(images/bg_nav.gif);
	width: 100%;
     height: 35px;

}

.headline {

	font-family: verdana, arial, sans-serif;
	font-size: 24px;
     font-weight: bold;
	width: 100%;
     color: #333333;
     line-height: normal;

}

.headline2 {

	font-family: verdana, arial, sans-serif;
	font-size: 18px;
     font-weight: bold;
     color: #333333;
     line-height: normal;

}



.subhead {

	font-family: verdana, arial, sans-serif;
	font-size: 13px;
     font-weight: bolder;
	width: 100%;
     line-height: normal;
	margin: 15px 0px 15px 0px;

}

.leftpanel {

	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	width: 175px;
     height: 100%;
     float: left;
     text-align: left;
     background: #ffffff;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #aaaaaa 2px;
	border-bottom: solid #aaaaaa 2px;
     padding: 20px 20px 20px 20px;
     vertical-align: top;
}



.maincontent {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
     background: #ffffff;
	border-top: solid #cccccc 1px;
	border-left: solid #cccccc 1px;
	border-right: solid #aaaaaa 2px;
	border-bottom: solid #aaaaaa 2px;
     padding: 20px 40px 20px 40px;
     line-height: 18px;
     text-align: left;
     vertical-align: top;


}






.index_page {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
     background: #ffffff;
	border: solid #cccccc 1px;
     padding: 20px 40px 20px 40px;
     line-height: 18px;
     text-align: left;
     vertical-align: top;


}

.index_table {


      background: #ffffff;
      padding: 10px;
      line-height: 18px;
      text-align: left;
      vertical-align: top;
      margin: 0px;
}

.index_table td {

	font-family: verdana, arial, sans-serif;
	font-size: 12px;
      padding-bottom: 20px;
      border-top: 5px solid #ddd;
      padding-left: 0px;
      padding-right: 0px;
}



.thumb {

	height: 200px;
	width: 200px;
	border: #cccccc 1px solid;
	background: #ffffff;
	padding: 4px;
	margin: 25px;
	float: right;
}

.screenshot {

	border: #cccccc 1px solid;
	background: #ffffff;
	padding: 4px;
	margin: 25px;
	float: right;
}

.block_title {

	font-family: verdana, arial, sans-serif;
	font-size: 14px;
     font-weight: bold;
	width: 95%;
     color: #333333;
	padding: 5px 5px 5px 0px;
     margin: 0px 0px 5px 0px;
     border-width: 0px 0px 1px 0px;
     border-style: dotted;
     border-color: #5b7b95;

}

.block_title2 {

	font-family: verdana, arial, sans-serif;
	font-size: 18px;
     font-weight: bold;
	width: 95%;
     color: #333333;
	padding: 5px 5px 5px 0px;
     margin: 10px 0px 5px 0px;
     border-width: 0px 0px 1px 0px;
     border-style: dotted;
     border-color: #5b7b95;

}

.splash_text {

	padding: 25px 35px 5px 10px;
     text-align: left;

}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:0px; font-size:11px; line-height:1.5em;}

#topnav {width:960px;}

.prodrop5 {padding:0px 0px 0px 0px; margin:0; list-style:none; height:35px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border-bottom:0px solid #ffcc00;}

.prodrop5 li.top {display:block; float:left; text-align:center;}

.prodrop5 li a.pos1 {background:url(images/home_0.gif); width:135px; height:35px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(images/products_0.gif); width:135px; height:35px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(images/funding_0.gif); width:135px; height:35px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(images/services_0.gif); width:135px; height:35px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(images/faq_0.gif); width:135px; height:35px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos6 {background:url(images/about_0.gif); width:135px; height:35px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos7 {background:url(images/contact_0.gif); width:135px; height:35px; display:block;text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(images/home_1.gif);} 
.prodrop5 li.p2 {background:url(images/products_1.gif);} 
.prodrop5 li.p3 {background:url(images/funding_1.gif);} 
.prodrop5 li.p4 {background:url(images/services_1.gif);} 
.prodrop5 li.p5 {background:url(images/faq_1.gif);} 
.prodrop5 li.p6 {background:url(images/about_1.gif);} 
.prodrop5 li.p7 {background:url(images/contact_1.gif);} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(images/home_2.gif);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(images/products_2.gif);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(images/funding_2.gif);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(images/services_2.gif);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(images/faq_2.gif);} 
.prodrop5 li.current a.pos6,
.prodrop5 li.current a.pos6:hover {background:url(images/about_2.gif);} 
.prodrop5 li.current a.pos7,
.prodrop5 li.current a.pos7:hover {background:url(images/contact_2.gif);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; background:url(images/sub_back.gif); padding:10px; white-space:nowrap; height:auto; width:140px; z-index:300;}
.prodrop5 :hover ul li {display:block; height:25px; position:relative; font-weight:normal; width:140px;}
.prodrop5 :hover ul li a {display:block; border:0px solid #5b7b95; font-size:14px; height:auto; line-height:normal; width:140px; padding:0 0px; color:#000043; background:transparent; text-decoration:none; text-align: left;}
.prodrop5 :hover ul li a:hover {text-decoration:underline; color:#5b7b95;}


.standard_table {

width:100%;
padding: 1px;
margin: 1px;
background: #eeeeee;

}

.standard_table td {

background: #ffffff;
padding: 5px;
margin: 1px;
text-align: left;
vertical-align: top;
border: 1px #ccc solid;

}