body{
     
     margin:0px;
     padding:0px;
     font:11px Trebuchet MS;
     text-align: left;     
} 
.message-box { font:11px Trebuchet MS; text-align: left; padding: 5px; color:#545454; width:100%;  margin:5px auto; }
.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; }
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; }
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; }
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; }
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: 1px solid #000000;
    background: #C0C0C0;
}
.button:hover {
    border: 1px solid #000000;
    background: #FF7B00;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }
div.spacer{clear:both; height:8px; display:block;}

/* Comments section  				*/ 

.comment-author{color:#53524b; font-size:12px; background:#d7e8f0; padding:4px; font-weight:bold;text-decoration:none;}
.comment-author a:link, .comment-author a:visited, 
.comment-author a:hover{ font-weight:bold; color:#53524b; border-bottom:solid 1px #80a8ba;padding-bottom:2px;text-decoration:none;} 
.comment-footer a:link, .comment-footer a:visited{ font-size:12px; font-weight:bold; color:#000000; text-align:Right; display:block; clear:both;width:137px; height:36px; line-height:36px;}
.comment-timestamp{font-size:11px; color:#333333;}
.comment-timestamp a:link, .comment-timestamp a:visited {font-size:11px; color:#999999; background:none; width:auto; height:auto;text-align:left; font-weight:normal;}
	.post-comment-link{ }
	a.comment-link{font-weight: bold;}
	dd{margin:0; border:0px none; background:#f5f8fa; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
	dd.comment-body{border:solid 2px #d7e8f0; border-bottom:none; border-top:none;}
	dd.comment-body p{border:0px none; margin:0; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px}
	dd.comment-footer{border:solid 2px #d7e8f0; border-top:none; margin-bottom:10px;}

/* -------------------------------- */
.clean-gray{
		border:solid 2px #DEDEDE; 
		background:#FAFAFA;
		color:#222222;
		padding:4px;
		text-align:Left;
	}
.clean-blue{
		border:solid 1px #11B1FF; 
		background:white;
		color:#222222;
		padding:4px;
		text-align:center;
	}

.tooltips-gray{
		background:#444444;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.tooltips-gray div{
			background:url('img/tips_gray.png') no-repeat left bottom;
			padding-top:4px;
			height:18px
		}

ul.myCompany 
        {

          margin:0;padding:0;
          list-style-type:none;
          display:block;
          font:bold 16px Helvetica, Verdana, Arial, sans-serif;
          line-height:200%;
          width:220px;
 	  
	  text-align: left;
        }
ul.myCompany li
  {
      margin:0;
      padding:0;
      border-top:1px solid #FF9C00;border-bottom:1px solid #FF9C00;
  }

ul.myCompany li a
               {
                 display:block;
                 color:#FFFFFF;
		 	     font-family: Arial; 
				 font-size: 12px;
				 font-weight: bold;
				 font-style: normal;
                 text-decoration:none;
                 background:#FF7B00;
                 padding:0 0 0 25px;
                 width:220px;
                }

ul.myCompany li a:hover
               {
  		color: #FFFFFF;
		font-family: Arial; 
		font-size: 12px;
		font-weight: bold;
		font-style: normal;
		text-decoration: underline;
                background:#FF9C00 url('img/vert-one_arrow.gif') no-repeat 0 9px;
               }
ul.myCompany li a.current, ul.myCompany li a.current:hover
                                                   {
                                                        color: #FFFFFF;
							font-family: Arial; 
							font-size: 12px;
							font-weight: bold;
							font-style: normal;
							text-decoration: none;
							background:#FE9703 url('img/vert-one_arrow.gif') no-repeat 0 9px;
                                                   }




ul.myservice 
        {

          margin:0;padding:0;
          list-style-type:none;
          display:block;
          font:bold 16px Helvetica, Verdana, Arial, sans-serif;
          line-height:200%;
          width:220px;
 	  
	  text-align: left;
        }
ul.myservice li
  {
      margin:0;
      padding:0;
      border-top:1px solid #97DDFF;border-bottom:1px solid #97DDFF;
  }

ul.myservice li a
               {
                 display:block;
                 color:#000000;
				 font-family: Arial; 
				 font-size: 12px;
				 font-weight: NORMAL;
				 font-style: normal;
                 text-decoration:none;
                 background:#D7F2FF;
                 padding:0 0 0 25px;
                 width:220px;
                }

ul.myservice li a:hover
               {
  				color: #000000;
				font-family: Arial; 
				font-size: 12px;
				font-weight: bold;
				font-style: normal;
				text-decoration: underline;
                background:#6FD0FF url('img/vert-one_arrow.gif') no-repeat 0 9px;
               }
ul.myservice li a.current, ul.myservice li a.current:hover
                                                   {
                                                        color: #000000;
														font-family: Arial; 
														font-size: 12px;
														font-weight: bold;
														font-style: normal;
														text-decoration: NORMAL;
														background:#6FD0FF url('img/vert-one_arrow.gif') no-repeat 0 9px;
                                                   }

ul.myservice li a.subhead, ul.myservice li a.subhead:hover
                                                   {
                                                        color: #FFFFFF;
							font-family: Arial; 
							font-size: 12px;
							font-weight: bold;
							font-style: normal;
							text-decoration: NORMAL;
							background:#11B1FF  no-repeat 0 5px;
                                                   }


p.justify
{ 
	margin:0px;
	padding:0px;
        font:12px Trebuchet MS;
	text-align: justify;

}
p.left
{ 
	margin:5px;
	padding:5px;
	text-align: left;
} 

h1 {
        font:bold 14px Trebuchet MS; 
	color:#000000;
	text-align: center;
}
h2
{
        font:bold 10px Trebuchet MS; 
	color:#000000;
	text-align: Left;
}
h3 {
        font:bold 16px Trebuchet MS; 
	color:Blue;
	text-align: Left;
}

a.H4
{
	color: BLUE;
	font-family: Trebuchet MS; 
	font-size: 16px;
	font-weight: BOLD;
	text-decoration: underline;
}
a:link.H4, a:visited.H4, a:hover.H4, a:active.H4
{
	color: RED;
	font-family: Trebuchet MS; 
	font-size: 16px;
	font-weight: BOLD;
	text-decoration: none

}
a:link {
	color: #000000;
	font-family: Trebuchet MS; 
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;

}
a:visited {
	color: #000000;
	font-family: Trebuchet MS; 
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;

}
a:hover {
	color: #000000;
	font-family: Trebuchet MS; 
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	
	}
a:active {
	color: #000000;
	font-family: Trebuchet MS; 
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}



a.boldbuttons{
background: transparent url('bt/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Arial; 
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; 
padding-left: 8px; 
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; 
}

a.boldbuttons span{
background: transparent url('bt/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ 
text-decoration: underline;
}


.buttonwrapper{ 
overflow: hidden; 
width: 100%;
}

#dhtmltooltip{
position: absolute;
border: 1px solid red;
width: 150px;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);
}






#featured{ 
	width:675px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:350px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:675px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('iimages/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:675px; height:350px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:280px; left:0;
	height:70px; 
	background: url('iimages/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}







/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 550px; /*width of menu*/
}

.arrowlistmenu .headerbar{
color: white;
background: black url('iimages/titlebar.png') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Arial; padding-left:10px; padding-right:0; padding-top:4px; padding-bottom:4px
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url('iimages/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%; padding-right:0; padding-top:2px; padding-bottom:2px
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
