body {

	/*background-image: url(images/bg.gif);
	background-repeat: repeat-x;*/
	background-color: #3ba3e0;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #303030;
	font-size: 80%;
	line-height: 150%;
	/* the following style adds a scrollbar to firefox when too short to scroll normally, which keeps the page width consistant 
	overflow: -moz-scrollbars-vertical;*/

}

body h1 {
	font-size: 120%;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body h2 {
	font-size: 120%;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body h3 {
	font-size: 110%;
	color:#767676;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 a {
	color:#767676;
	text-decoration: none;
}

a {
	color:#2dc71c;
	text-decoration: underline;
}


/*
.hr{
	border-top: 1px solid #16567e;
	background: #61baef;
	height: 1px;
	padding: 0;
	margin: 0;
}
*/

.rightColText hr {
	border-top: 1px solid #2e87bb;
	background: #2a8bc3;
	height: 1px;
	color: #2a8bc3;
	border-left: none;

}

#frameHeader {
	height: 235px;
	background-image: url(images/frame-header-bg.jpg);
	background-repeat: repeat-x;
}



#frameMidContainer  {
	background-color: white;
	margin: 0px auto;
	min-height: 300px;
	height:auto !important;
	height: 300px;

}


#frameFooter {
	height: 114px;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	margin: 0px auto;
	background-color: #3ba3e1;
}

.headerContainer  {
	
	background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 980px;
	padding: 0px;
	margin: 0px auto;


}


.headerText {
	padding: 40px 0px 10px 170px; 
	font-size:200%;


}

.imageBox {
	width: 980px;
	height: 155px;
	background-image: url(images/image.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px auto;
}

.MidContainer  {
	background-color: white;
	width: 980px;
	margin: 0px auto;
	min-height: 300px;
	height:auto !important;
	height: 300px;
}

.whitehr{

	border-top: 1px solid #bebebe;
	background: #d8d8d8;
	height: 1px;
	padding: 0;
	margin: 0;

}

.midContainerLeftColText hr, .midContainerLeftColBoxCol hr, .midContainerLeftCol hr{
	border-top: 1px solid #bebebe;
	background: #d8d8d8;
	height: 1px;
	border-left: none;

}





.midContainerLeftCol {

	background-image: url(images/mid-left-bg.jpg);
	background-repeat: no-repeat;
	width:663px;
	float: left;
	padding: 0px;
	min-height: 300px;
	height:auto !important;
	height: 300px;
}

.midContainerFullLeftColText {

	padding: 20px 0px 10px 10px;
	margin: 0px;
	color: #7d7d7d;
}

.midContainerLeftColText {

	padding: 20px 0px 10px 10px;
	margin: 0px;
	width: 395px;
	float: left;
	color: #7d7d7d;
}



.midContainerLeftColBoxCol {

	padding: 20px 0px 10px 30px;
	margin: 0px;
	width: 203px;
	float: left;
}

.midContainerLeftColBoxCol img{

	padding: 10px 0px 0px 0px;
	margin:0px;

}
.midContainerLeftColBoxCol span img{

	padding: 0px 0px 0px 0px;

}

.midContainerRightCol {
	background-color: #3ba2e1;
	background-image: url(images/mid-right-bg.jpg);
	background-repeat: no-repeat;
	width:297px;
	min-height: 245px;
	height:auto !important;
	height: 245px;
	float: left;
	padding: 0px;
}

.midContainerRightColTop {

	width: 297px;
	min-height: 245px;
	height:auto !important;
	height: 250px;
	padding: 0px;
	
	
}

.midContainerRightColFooter {
	background-image: url(images/mid-right-footer.jpg);
	background-repeat: no-repeat;
	width: 297px;
	height: 31px;
	padding: 0px;
}


.rightColBoxTop {
	background-image: url(images/rightColBoxTop.gif);
	background-repeat: no-repeat;
	width: 257px;
	height:14px;

}

.rightColBoxMid {
	background-image: url(images/rightColBoxMid.gif);
	background-repeat: repeat-y;
	width: 257px;

}

.rightColBoxMidText {
	padding: 20px;

}

.rightColBoxBtm {
	background-image: url(images/rightColBoxBtm.gif);
	background-repeat: no-repeat;
	width: 257px;
	height:13px;

}

.GoBox {
	padding: 20px;
	background-image: url(images/rightColBox.gif);
	background-repeat: no-repeat;
	height: 164px;
	width: 257px;
	border: none;

}

.GoBox p{
	color: #075291;
}

.rightColText  {

	padding: 0px 20px;
	margin: 0px;
	color: white;

}

.rightColText a {
	color: white;
}


.rightColText p{
	font-size: 14px;

}

.rightColFarcol {

	background-image: url(images/mid-fright-bg.jpg);
	background-repeat: no-repeat;
	width: 20px;
	height:200px;
	float: left;

}




	
#menuBox {
	/*background-image:url(images/menuBg.gif);
	background-repeat: repeat-x;*/

	margin: 0px 10px 0px 445px;
	padding: 0px 0px 0px 0px;
	height: 42px;
	width: 425px;
	
}

/*  Start CSS navigation code */

.cssnav	{
	position:relative;
	float: left;
	margin: 0 1px; 
	padding: 0;
	width: 67px;
	height: 42px;
	/*overflow:hidden;/* for ie to hide extra height*/	
}

.cssnav a {
	background-image: url(images/menu-bg.gif);
	background-repeat:no-repeat;
	display: block;
	color: #ffffff;
	width: 67px;
	height: 34px;
	text-decoration: none;
	padding: 10px 0px 0px 0px;
	text-align: center;	
	overflow:hidden;/* for ie to hide extra height*/
}

.cssnav a:hover {
	background-image: url(images/menu-bg-h.gif);
	background-repeat:no-repeat;
	color: #cccccc;
	margin: 0px; 
	padding: 15px 0px 0px 0px;
	width: 67px;
	height: 42px;
			
			
}

.cssnav img {
	
	width: 67px; 
	height: 42px; 
	border: 0; 
	visibility:hidden
}

* html a:hover {
	visibility:visible
}


.cssnav a:hover img{
	
	visibility:visible
}


.cssnav a.Menu1Selected {
	background-image: url(images/menu-bg-h.gif);
	background-repeat:no-repeat;
	padding: 15px 0px 0px 0px;
}

.midContainer  {

	background-image: url(images/mid-bg.gif);
	background-repeat: no-repeat;
	min-height: 250px;
	height:auto !important;
	height: 250px;
	width: 960px;
	padding: 0px;
	margin: 0px;
}


.midContainerText {

	padding: 20px 50px 10px 10px;
	color: #7d7d7d;

}

.midContainerText h1{

	color: #7d7d7d;


}

.lowerContainer {

	background-image: url(images/body-bg.gif);
	background-repeat: repeat-y;
	min-height: 100px;
	height:auto !important;
	height: 100px;

	
}

.lowerContainerText {

	padding: 10px 30px 10px 30px;
}

.footer {
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-color: #3ba3e1;
	height: 114px;
	margin: 0px auto;
	width: 960px;

}

.footer p{
	text-align: center;
	padding: 10px 30px 0px 30px;
	margin: 0px;
	color: white;

}

.footer a{

	color: white;
	text-decoration: underline;

}



.floatLeft {
	float: left;

}

.clear {
	clear: both;

}

.textRed {
	color: #be0000;
}

.textOrange {
	color: #e97400;
}

.blue {
	color: #3ba2e1;

}

.thintext  {
	font-weight: lighter;

}

.MidColRightTop1, .MidColRightTop2  {

	width: 203px;
	height: 40px;

}

.MidColRightTop1 {
	background-image: url(images/Hosting1.gif);
	background-repeat: no-repeat;
} 

.MidColRightTop2 {
	background-image: url(images/Hosting2.gif);
	background-repeat: no-repeat;
}

.MidColRightTopF, .MidColRightTopGf {

	width: 203px;
	height: 60px;

}

.MidColRightTopF {

	background-image: url(images/midRightColTopFrog.gif);
	background-repeat: no-repeat;

}

.MidColRightTopGf {

	background-image: url(images/midRightColTopGFish.gif);
	background-repeat: no-repeat;

}

.MidColRightBg {
	background-image: url(images/midRightColMid.gif);
	background-repeat: repeat-y;
	width: 203px;
	margin: 0px;
	padding: 0px;

}

.MidColRightBgText {
	padding: 0px 10px 10px 13px;
	margin: 0px;
	width: 180px;


}

.MidColRightBgText p{
	padding: 0px 0px 10px 0px;
	margin: 0px;

}

.MidColRightBgText ul{

	margin-left: 20px;
	padding: 0px;
	

}

.MidColRightBtm {
	background-image: url(images/midRightColBtm.gif);
	background-repeat: no-repeat;
	width: 203px;
	height: 15px;

}

/* ========== info box Tabbed Navigation ========== */

#subbar
{
	background-image: url(/images/subbar-bg.gif);
	background-repeat: repeat-x;
	margin: 10px 0px 0px 0px;
	padding: 0;
	height: 32px;
	font-size: 12px;
	line-height: 125%;
}

#subbar img
{
	border: 0;
	vertical-align: middle;
	margin-right: 2px;
}

#subbar a
{
	vertical-align: middle;
	color: black;
	background: #727272;
	text-decoration: none;
	float: right;
	border: 1px solid #ccc;
	border-width: 1px 1px 0 1px;
	margin: 4px 5px 0 0px;
	padding:6px 5px 5px 6px;
}

#subbar a:hover
{
	color: black;
	background-color: #727272;
	margin: 0px 5px 0px 0px;
	padding:6px 5px 9px 6px;
}

#subbar a.Selected
{
	border: 1px solid #ccc;
	border-width:1px 1px 0 1px;
	background-color: white;
	margin: 0px 5px 0px 0px;
	padding:6px 5px 10px 6px;	
	color: black;
}

#subbar a.Selected:hover
{
	border: 1px solid #ccc;
  border-width:1px 1px 0 1px;
  background-color: white;
	margin: 0px 5px 0px 0px;
	padding:6px 5px 10px 6px;	
	color: black;
}