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


/*Locations Styles*/

/*main office*/
.office{
				font-size: small; 
				font-weight: 500;
				color: #333; 
				margin-bottom: 0; 
				padding-bottom: 0; 
				margin-left: 20px;
				top: 10px;
				}

#adr{			width: 200px; margin-left: 15px; margin-top: 0px; }

#adr tr{width: 200px; height: auto; margin: 0; padding: 1px;}
#adr tr td{width: 100px; height: auto; margin: 0; padding: 1px color: #369;}


.bond{				
				font-size: x-small;
				font-weight: 500; 
				color: #666; 
				text-align: left;
				padding-left: 7px;
				}
.bond2{				
				font-size: x-small; 
				font-weight: 500; 
				color: #369; 
				text-align: left;
				padding-left: 7px;
				}

/*end main office address*/


#mapspacer{	position: relative;
			width: 500px;
			height: 150px;
			background-color: #fff;
			border: 0;
			}


#locations{	position: relative;
			float: right;
			width: 1000px;			
			height: auto;
			background: #ccc;
			background-color: #fff;
			padding-bottom: 40px;
			background-image: url(../graphics/bg_header.gif);
			}

.loc{		position: relative;
			width: 1000px;
			margin: auto;
			background-color: #fff;
			float: left;
			}



iframe{		border: 3px solid #ccf;
			margin: auto;
			}						

.state{		position: relative;
			width: 700px;
			height: 20px;
			float: left;
			margin-top: 20px;
			margin-left: 25px;
			font-size: medium;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #CC6600;
			text-align: left;
			padding-top: 20px;
			}


.area{ 		position: relative;
			width: 625px;
			height: 20px;
			float: left;
			margin-top: 20px;
			margin-left: 50px;
			font-size: medium;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #666;
			text-align: left;
			border-bottom: 2px solid #9cf;
			padding-top: 20px;
			}

.city{		position: relative;
			width: 300px;
			height: 20px;
			margin: auto;
			font-size: small;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			color: #036;
			text-align: center;
			padding-top: 5px;
			padding-bottom: 5px;
			}			

.address{
			postion: relative;
			float: left;
			margin-top: 1.2em;
			font-family: "Trebuchet", Verdana, Arial, sans-serif;
			color:#003;
			font-size: .6em;
			text-align: left;
			}


/*End Locations Styles*/




.x{	height: 130px; width: 190px; position: relative; float: right; top: 75px; font-size: small; color: #333; 
}

.x a{color: #069;}
.x a:hover{color: #c60;}


#glossymenu{
position: relative;
width: 660px; /*width of menu*/
height: auto;
margin-top: 1px;
margin-left: auto;
margin-right: auto;
border-right: 0;
border-top: 0;
border-left: 0;
background-color: #fff;
padding: 0;
border-bottom-width: 0;
}

#glossymenu a.menuitemstate{

font-family: Arial, Helvetica, sans-serif;
color: #036;
font-size: 1em;
font-weight: bold;
text-align: left;
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;
border-bottom: 1px solid #333;
}


#glossymenu a.menuitem{

background-color: #69c;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 40px;
text-decoration: none;
border-bottom: 1px solid #777;
}

#glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

#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{
background-color: #36c;
}

#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;
			color: white;
}

/*iframe{ 	border: 4px solid #c60; }*/


h3 {			font-family: Arial, Helvetica, sans-serif;
			color: #c60;
			text-align: left;
			}


.map {position: relative; display: inline; width: 500px;
		height: 360px; text-align: center;}

.address{	position: relative; 
			display: inline; 
			width: 290px; 
			height: 360px; 
			float: left; 
			font-family: "Trebuchet", Verdana, Arial, sans-serif;
			color:#0000CC;
			text-align: left;
			font-size: .8em;
			font-weight: bold;
			}