﻿table{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#4e4d4d;}
body{FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#4e4d4d;}
body{ padding:10px; margin:0px; background: url(images/bg.jpg) repeat-x #e2e2e2; }
 
a {	text-decoration: underline;	color:#3f3f3f;}
a:hover {text-decoration:none;color:#3f3f3f;}



.main_body { border:#b5b5b5 solid 1px; padding:10px; background:#FFFFFF;}
.logo_text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border-left: solid 1px #e8e8e8; padding-left:10px; font-weight:bold; color:#7e7e7e;}

.top_nav {text-align:center; color:#999999; border-right:solid 1px #bdbdbd; }
.top_nav a{text-decoration:none; color:#999999;}
.top_nav a:hover{text-decoration:underline; color:#999999;}

.call_now {font-family:"Trebuchet MS"; color:#5273af; font-size:18px;  padding:10px; padding-top:0px; padding-bottom:0px; text-align:right;} 
.call_now2 {font-family:"Trebuchet MS"; color:#5273af; font-size:18px;  padding:10px; padding-top:0px;  text-align:right;} 


.plan_box { font-family:Tahoma; padding:6px; border:#b1b1b1 solid 1px; height:160px}
.plan_box h1{font-size:16px;color:#c50f00; margin: 0 0 8px 0; font-weight:normal;}
.plan_text {color:#000000; line-height:16px; border-bottom:dotted 1px #000000;}

.plan_nav{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; text-align:center; font-weight:bold; line-height:19px; width:68px;}
.plan_nav a{text-decoration:none; color:#FFFFFF;}
.plan_nav a:hover{text-decoration:underline; color:#FFFFFF;} 

.welcome { background: url(images/customer.gif) no-repeat bottom right #fbf9f9; border:#d1d1d1 1px solid; padding:8px;}
.welcome a{ color:#b72615; text-decoration:underline;}
.welcome a:hover{ color:#b72615; text-decoration:none;}

.welcome2 { background: url(images/welcome.jpg) no-repeat bottom right #fbf9f9; border:#d1d1d1 1px solid; padding:8px;}
.welcome2 a{ color:#b72615; text-decoration:underline;}
.welcome2 a:hover{ color:#b72615; text-decoration:none;}


.news_box {border:#d7d7d7 solid 1px; padding:8px}
.news_box h1{font-size:16px; color:#5273af; margin:0 0 10px 0; background:url(images/news.gif) no-repeat left; padding: 0 0 0 35px;}

.cotrol_box { padding:8px;}
.cotrol_box h1{ font-size:16px; color:#c50f00; padding:0px; border-bottom:solid 1px #d7d7d7; margin: 0 0 10px 0; text-transform:uppercase;}
.cotrol_box a{ color:#c50f00; text-decoration:underline;}
.cotrol_box a:hover{ color:#c50f00; text-decoration:none;}

.testimonial_box {background:#fbf9f9;border:#d7d7d7 solid 1px; padding:8px}
.testimonial_box h1{font-size:16px; color:#5273af; margin:0 0 10px 0; background:url(images/testimonial.gif) no-repeat left; padding: 0 0 0 35px;}

.bottom_nav {background:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3e3e3e; text-align:center; line-height:24px; padding:15px;border:#b5b5b5 solid 1px;}
.bottom_nav a{color:#3e3e3e; text-decoration:none;}
.bottom_nav a:hover{color:#3e3e3e; text-decoration:underline;}

.services_box { background:#fbf9f9; border:#d1d1d1 1px solid; padding:8px;}
.services_box h1{ font-size:16px; color:#c50f00; padding:0px; border-bottom:solid 1px #d7d7d7; margin: 0 0 10px 0; text-transform:uppercase;}

.services {padding:8px 10px 0px 0px;}
.services h2{ font-size:12px; font-weight:bold ; color:#5273af; margin: 0 0 8px 0;}
.services a{ text-decoration:none; font-weight:bold;}
.services a:hover{ text-decoration:underline; font-weight:bold;}

.pageHeading{ padding:15px; font-family:Arial, Helvetica, sans-serif; font-size:24px}

#highlight {
	border: 1px solid #ffecb0;
	background-color: #ffffe5;
	padding: 10px;
	margin: 20px 0px 20px 0px;
	color: #444;
	font-weight: bold;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.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.
=================================================================== */

.menu {width:780px; height:23px; font-size:11px; color:#303030; text-align:center; font-weight:bold; position:relative; z-index:100;border-right:0px solid #000;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; line-height:23px;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;color:#303030; display:inline;  float: left;    line-height:23x;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#000000; width:120px; height:23px; 
border:0px solid #000; border-width:0px 0 0px 0px; padding: 0 32px 0 33px; line-height:23px; 
background:url(images/nav_bg.gif) repeat-x; }


/* root menu*/
.menu a{color:#000000; background:url(images/nav_bg.gif) repeat-x;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:red;}

.menu :hover > a, .menu ul ul :hover > a {}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}


/* style the second level background */
.menu ul ul a.drop {background:#d4d8bd;} 
.menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#d4d8bd;}
.menu ul ul :hover > a.drop {background:#d4d8bd;}


/* style the second level links ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.menu ul ul a {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px;
width:128px;border-width:0 0px 0px 0px;}
.menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px;
width:128px;border-width:0 0px 0px 0px;}

.menu ul ul a:hover {backgroud:#d4d8bd; color:red; height:auto; line-height:1em; padding:5px 10px;
width:128px;border-width:0 0px 0px 0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }



/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden; background:url(images/nav_bg.gif) repeat-x;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}






/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}



