@charset "UTF-8";
/* CSS Document */

body {
	background-color: #EEEEEE;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.norepeat {background-repeat: repeat-x;}
.bodytext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#666666;
	line-height:19px;
}
.headlinenews {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:18px;
	color:#000000;
	line-height:20px;
}
.biggreen {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:21px;
	color:#33CC00;
	line-height:20px;
}
.featureheader {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:22px;
	color:#FFFFFF;
}
.serviceheader {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:22px;
	color:#000000;
}
.featureheader2 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:22px;
	color:#FFFFFF;
	line-height:20px;
	padding-left:9px;
}
.featurebody {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#FFFFFF;
}
.news {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#000000;
	line-height:16px;
}
.headertext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:22px;
	color:#000000;
	line-height:20px;
}
.greentext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#5BCC03
}
.livechat {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#FFFFFF;
}
.smalltext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:13px;
	color:#000000
}
.footer {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:13px;
	color:#999999
}
.footersm {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:11px;
	color:#999999
}
.footer2 {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:13px;
	color:#000000;
	line-height:16px;
}
.footerwhite {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:13px;
	color:#FFFFFF
}
ul#twitter_update_list { 
	padding: 0; 
	margin: 0; 
	list-style: none; 
	padding-bottom:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:16px;
	color:#000000;
	}

.hidden{display:none;}
	
ul#twitter_update_list li a:link { color:#0597F9; text-decoration:none }
ul#twitter_update_list li a:visited { color:#0597F9; text-decoration:none }
ul#twitter_update_list li a:hover { color:#0597F9; text-decoration:underline }
ul#twitter_update_list li a:active { color:#045DC2; text-decoration:underline } 



.news a:link {color:#0597F9; text-decoration:none}
.headertext a:link {color:#0597F9; text-decoration:none}
.bodytext a:link {color:#0597F9; text-decoration:none}
.greentext a:link {color:#33CC00; text-decoration:none}
.headlinenews a:link {color:#0597F9; text-decoration:none}
.smalltext a:link {color:#0597F9; text-decoration:none}
.livechat a:link {color:#FFFFFF; text-decoration:none}
.footer a:link {color:#999999; text-decoration:underline}
.featurebody a:link {color:#FFFFFF; text-decoration:underline}
.footer2 a:link {color:#0597F9; text-decoration:none}
.footerwhite a:link {color:#FFFFFF; text-decoration:underline}

.news a:visited {color:#0597F9; text-decoration:none}
.headertext a:visited {color:#0597F9; text-decoration:none}
.bodytext a:visited {color:#0597F9; text-decoration:none}
.greentext a:visited {color:#33CC00; text-decoration:none}
.headlinenews a:visited {color:#0597F9; text-decoration:none}
.smalltext a:visited {color:#0597F9; text-decoration:none}
.livechat a:visited {color:#FFFFFF; text-decoration:none}
.footer a:visited {color:#999999; text-decoration:underline}
.featurebody a:visited {color:#FFFFFF; text-decoration:underline}
.footer2 a:visited {color:#0597F9; text-decoration:underline}
.footerwhite a:visited {color:#FFFFFF; text-decoration:underline}

.news a:hover {text-decoration:underline} 
.headertext a:hover {text-decoration:underline} 
.bodytext a:hover {text-decoration:underline}
.greentext a:hover {text-decoration:underline}
.headlinenews a:hover {text-decoration:underline}
.smalltext a:hover {text-decoration:underline}
.livechat a:hover {text-decoration:underline}
.footer a:hover {text-decoration:underline}
.featurebody a:hover {text-decoration:underline}
.footer2 a:hover {text-decoration:underline}
.footerwhite a:hover {text-decoration:underline}

.news a:active {color:#045DC2}
.headertext a:active {color:#045DC2}
.bodytext a:active {color:#045DC2}
.greentext a:active {color:#045DC2}
.headlinenews a:active {color:#045DC2}
.smalltext a:active {color:#045DC2}
.livechat a:active {color:#FFFFFF}
.footer a:active {color:#045DC2}
.featurebody a:active {color:#FFFFFF}
.footer2 a:active {color:#045DC2}
.footerwhite a:active {color:#FFFFFF}

 
.topmenu1 .topmenu2 .topmenu3 .topmenu4 .topmenu5 .greentext
  { 
  behavior: url('IEFixes.htc');
  }
.topmenu1:hover, .topmenu1.hover
	{background-image:url(../layout_images/topmenu-sme1.gif);}
.topmenu2:hover, .topmenu2.hover
	{background-image:url(../layout_images/topmenu-le1.gif);}
.topmenu3:hover, .topmenu3.hover
	{background-image:url(../layout_images/topmenu-ps1.gif);}
.topmenu4:hover, .topmenu4.hover
	{background-image:url(../layout_images/topmenu-au1.gif);}
.topmenu5:hover, .topmenu5.hover
	{background-image:url(../layout_images/topmenu-co1.gif);}
.greentext:hover, .greentext.hover
	{background-image:url(../layout_images/topmenu-gg1.gif);}
	
	/* Sample 4*/
#box4{
	position:absolute;
	left: 1px;
	top: 2px;
}
#box4 div{
	width:586;
	height:167px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
}
#box4 p{
	text-indent:16px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default;
	display:none;
}
.formfield { 
 border: 1px solid #CCCCCC; 
 font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#000000;
	line-height:25px;
	width:300px;
}
.formfield2 { 
 border: 1px solid #CCCCCC; 
 font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#000000;
	line-height:25px;
	width:200px;
}
.formfield3 { 
 border: 1px solid #CCCCCC; 
 font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#000000;
	line-height:25px;
	width:170px;
}
.formfieldgeo { 
 border: 1px solid #CCCCCC; 
 font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#000000;
	line-height:25px;
	width:35px;
}



/* ********************************** */



.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:586px;
	height:167px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:293px;
	height:167px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:586px;
	height:167px;
	overflow:hidden;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:5px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #EEEEEE;
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:14px;
	color:#0597F9;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0px;
 border: 1px solid #EEEEEE;
 border-bottom: none;
 background: #FFFFFF;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #0597F9; text-decoration: none; }
ul.tabbernav li a:visited { color: #0597F9; text-decoration: none; }

ul.tabbernav li a:hover
{
 color: #0597F9;
 background: #EEEEEE;
 border-color: #EEEEEE;
 text-decoration: underline;
}

ul.tabbernav li.tabberactive a
{
 background-color: #0597F9;
  color: #FFFFFF;
 border-bottom: 1px solid #0597F9;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #FFFFFF;
 text-decoration: none;
 background: #0597F9;
 border-bottom: 1px solid #0597F9;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #EEEEEE;
 border-top:0;
 background:#0597F9;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}h1 {
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}
.bluetext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:18px;
	color:#0597F9
}
.whitetext {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif, Arial;
	font-size:16px;
	color:#FFFFFF
}