/* CSS Document */

/* PMS Colors  

gold PMS 109:   #f9d616

*/

*{
font-family:trebuchet MS;
line-height:22px;
}

.hideme {
height:0;
visibility:hidden;
}


li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
}
ul{

}
a img{
border:0px;
margin:0px
padding:0px;
}
body{
background-color:#26368A;
background-image:url(../images/bg_cement.jpg);
background-repeat:repeat;
}
h1{
font-size:20px;
margin-bottom:3px;
margin-left:10px;
margin-top:0;
padding:0;
}
h2 {
border:1px solid #BBBBBB;
font-size:14px;
font-weight:bold;
line-height:14px;
margin:0;
padding:5px;
}

h3 {
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
color: #a4a4a2;
}
.redphone{
color: rgb(173, 11, 11);
float:right;
font-size:18px;
font-weight:bold;
margin-right:-201px;
margin-top:69px;
width:325px;
}
.bigredphone{
font-size:24px;

}
.gray1{
font-size: 18px;
 color: #a4a4a2;
}
.gray2{
font-size:26px;
font-weight:bold;
color: #a4a4a2;
}
strong{
font-size: 22px;
font-weight:bold;
 color: #a4a4a2;
}

#container{
/*border:1px solid #277BBB;  background-color:#FFFFFF; */
margin:0 auto;
width:1000px;

}

#header{
background-image: url(../images/header.jpg); 
width:935px ;
height:179px ;
}
#map{
height:440px;
width:966px;
}

#middle{
margin-top:-30px;
z-index:100;
}


#buttons{
float:right;
margin-right:13px;
margin-top:70px;
text-align:right;
width:388px;
}
#buttons img{
float:right
}


#newsletter{
background-image: url(../images/mainpage_05.jpg); 
float:left;
width:280px;
height:251px;
}
#maincontent{
width:339px;
float:left;
}
#footer{
background-image: url(../images/subpage_06.jpg); 
width:930px;
height:185px;
float:left;
}



/*sub pages */
#contactform{
margin-left:10px;
padding:10px;
background-color:#b9c3ff;
width:630px;
}

#subheader{
background-image: url(../images/header.jpg);
height:179px;
width:966px;
}

#left{
width:200px;
float:left;
}


#mid{
/* background-image:url(../images/subpage_mid.jpg); */
background-repeat:repeat-y;
width:966px;
background-color:#FFFFFF;
}
#mid2{
float:left;
margin-top:-160px;
position:absolute;
width:966px;
}

#mid3{
background-color:#FFFFFF;
float:left;
margin-left:8px;
margin-top:5px;
width:755px;
}
#menu{
margin-left:5px;
margin-top:3px;
width:236px;
float:left;

}


#contentbanner{
margin-top:5px;
margin-left:2px;
width:700px;
}

#phone{
border:1px solid #BBBBBB;
font-size:11px;
float:right;
position:relative;
width:240px;
margin-top:50px;
margin-right:-165px;
padding:5px;
}

.phonenum{
color:#ca0d0d;
font-weight:bold;
font-size:18px;
}

#phone hr{
color:#BBBBBB;
margin:0;
}

#breadcrumbs{
color:#888888;
font-size:12px;
}
#breadcrumbs a{
color:#888888;
font-size:12px;
}

#content{
float:left;
padding-left:10px;
padding-right:5px;
width:700px;
}

#rightbox{
float:left;
width:200px;
margin-top:15px;
margin-bottom:30px;
}

#rightbox img{
margin-top:6px;
float:left;
}
#rightboxsplash{
float:left;
margin-left:10px;
margin-right:10px;
margin-top:44px;
width:283px;
}
#splashmid{
float:left;
width:366px;
}

#rightbox p{
margin:0px;
padding:0px;
}

.rightnews{
margin-top:4px;
margin-bottom:6px;
}

.rightnews p{
font-size:10px;
}

.clear { clear: both;}


.subpagebox{
border:1px solid #BBBBBB;
float:left;
height:145px;
margin:4px;
padding:4px;
text-align:center;
width:145px;
}
.subpagebox img{
border:none;
}
.subpagebox h3{
color:#555555;
margin:2px 0 0;
padding:0;
}

.slogan{
color:#FFFFFF;
float:right;
font-size:15px;
font-weight:bold;
margin-top:8px;

}
.slogan p{
margin-top:8px;
margin-bottom:0px;
}

#ajaxsearch{
margin-top:9px;
float:right;
margin-right:15px;

}


  #ajaxSearch_form {
           color: #444;
           width: auto;
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 26px;
           line-height: 18px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }

#submenubox{
float:left;
margin-bottom:15px;
}


.glossymenu{
margin: 5px 0;
padding: 0;
width: 202px; /*width of menu*/
border:1px solid #9A9A9A;
float:left;
}
.glossymenu ul{
margin:0px;
padding:0px;
}
.glossymenu li{
margin-left:0px;

}

.glossymenu a{
background-color: #3e4f7c;
font: bold 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
height: 1%;
}

.glossymenu ul li ul li a{
background-color: #3e4f7c;
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
text-indent:20px;
height: 1%;
}

.glossymenu a.menuitem:visited{
color: white;
}

.glossymenu a.menuitem:active{
color: white;
background-color: #7093eb;
}
.glossymenu a:hover{
color:#a6bbfe;

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#a6bbfe;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}








/* Accordion Menu   */

.accordion-menu {
	width:200px;
}
.accordion-menu ul{
	margin:0px;
	padding:0px;
}
.accordion-menu ul li{
 background-color:#213E8E;
 border: 2px solid #FFFFFF;
}
.accordion-menu a.menuitem{
	background:#e5e5e5;
	font:bold 11px "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
}
.accordion-menu li{
	list-style-type:none;
}	
.accordion-menu a.menuitem:visited, .accordion-menu .menuitem:active{
	color:#cc3300;
}
.accordion-menu a.menuitem:hover{
	background:#d8d8d8;
}
.accordion-menu ul.submenu{
	width:auto;
	list-style-type:none;
}
.accordion-menu ul.submenu li{
	text-indent:5px;
	background:#d3d3d3;
	display:block;
	width:auto;
}
.accordion-menu ul.submenu li a{
	text-indent:5px;
	background:#d3d3d3;
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
 	border-top:2px solid #FFFFFF;
}
.accordion-menu ul.submenu li a:hover{
	background-color:#c0bfbf;
}
.activemenu{
	background:#665f6e url("../images/icons/menu-bg.gif") no-repeat right;
	color:#FFFFFF;
	font:bold 11px "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
}
.accordion-menu ul.submenu li a.activemenu{
	background:#8d8793 url("../images/icons/submenu-bg.gif") no-repeat right;
	color:#FFFFFF;
	font:11px  "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
	text-indent:5px;
}
#active-submenuheader{
	background:#665f6e;
	color:#FFFFFF;
	font:bold 11px  "Verdana";
	display:block;
	width:auto;
	padding:3px 0 3px 5px;
	border-top:2px solid #FFFFFF;
}	







/* common styling */



#address{
color:#FFFFFF;
font-size:12px;
margin-top:24px;
text-align:center;
width:963px;
height:35px;
}

#footer_menu2{
float:left;
font-size:12px;
margin-left:0;
margin-right:10px;
text-align:right;
width:505px;
}
#footer_menu3{
float:left;
font-size:12px;
margin-top:8px;
width:440px;
}
#footer_menu3 img{
margin-left:20px;
}

#footer_menu2 a{
color:#fff;
}

#subfooter{
background-image: url(../images/mainpage_footer_3.jpg);
width:966px;
background-repeat:no-repeat;
float:left;
margin-top:5px;
}
.footermenu{
margin:41px auto 0;
text-align:center;
width:500px;
float:left;
}
.footermenu ul{
margin:0;
padding:0;

}
.footermenu li{
float:left;
list-style-type:none;
margin-left:7px;
}
.footermenu li a{
color:#fff;
} 



.menu {
font-size:11px;
height:26px;
margin-bottom:5px;
margin-top:5px;
position:relative;
width:968px;
z-index:100;
Background-color:#213E8E;
}/*

-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#213E8E none repeat scroll 0 0;
border:1px solid #8C9DCB;
color:#FFFFFF;
display:block;
font-size:11px;
height:22px;
line-height:20px;
min-width:58px;
overflow:hidden;
padding-left:8px;
padding-right:13px;
text-align:center;
text-decoration:none;

*/
.menu ul li a, .menu ul li a:visited {
display:inline-block;
background:#213E8E none repeat scroll 0 0;
border:1px solid #8C9DCB;
line-height:20px;
min-height:22px !important;
color:#FFFFFF;
overflow:hidden;
padding-left:14px;
padding-right:14px;
text-align:center;
text-decoration:none;
text-align:center;
}

.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li ul li a{width:120px ;}
.menu ul li ul  {margin-top:3px;}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff;
background-color:#f9d616 ;
}

.menu ul li:hover ul {
display:block;
position:absolute;
top:21px;
left:0;
width:105px;
}

.menu ul li:hover ul li a.hide {
background:#f9d616;
color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
background:#f9d616;
color:#000;
}
 
.menu ul li:hover ul li ul {
display: none;
}

.menu ul li:hover ul li a {
display:block;
background:#fff;
color:#000;
}

.menu ul li:hover ul li a:hover {
color:#000;
}
 
.menu ul li:hover ul li:hover ul {
display:block;
position:absolute;
left:105px;
top:0;
}

.menu ul li:hover ul li:hover ul.left {
left:-105px;
}

.submenu li a{
width:120px;
}

/* extras */

#jungbox{
position:relative;
width: 441px;
height:650px;
background-color: #ffcc00;
float:left;
}


img{border:none;}
pre{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	}		

/* Easy Tooltip */

#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(assets/images/popupbg.gif) repeat-x;
	color:#fff;
	}

#item{
	padding:5px 10px;
	font-size:12px;
	border:1px solid #828282;
	background:#5e5e5e url(assets/images/popupbg2.gif) repeat-x;
	color:#fff;
	text-align:center;
	width:200px;
        /* for IE */
        filter:alpha(opacity=100);
        /* CSS3 standard */
        opacity:1;
	}

#popimg{
        /* for IE */
        filter:alpha(opacity=100);
        /* CSS3 standard */
        opacity:1.0;
        opacity:none;
	}
#easyTooltip2 h4, #easyTooltip2 p{
	margin:.25em 0;
	}