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


body{	background-image: url(../graphics/bg2.jpg); 
		background-repeat: repeat; 
		position: center; 
		font-size: 10px; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
a{		text-decoration: none;}

a img{	border: none;}

#wrap{	
		width: 960px; 
		height: 748px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
		background: #fff; 
		margin: auto;
		}
		
#container{
		width: 960px; 
		height: 722px; 
				background: #fff; 

		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
		margin: auto;
		}
		
#top{
		position: relative; 
		width: 960px; 
		height: 130px;
		background-image: url(../graphics/skyline.png); 
		background-repeat: no-repeat;
		
		}
		
#logo{
		position: relative; 
		display: inline; 
		float: left; 
		margin-top: 40px; 
		margin-left: 43px; 
		width: 175px; 
		height: 88px;
		}
		

.lochead{
		font-size: 1.1em; 
		color: #777; 
		margin-right: 20px; 
		font-family: 'Trebuchet', Helvetica, Arial, sans-serif;
		}
		
#loc{
		position: relative; 
		width: 610px; 
		height: 45px; 
		position: relative; 
		display: inline;  
		float: left; 
		margin: 81px 0px 0px 40px;
		}
		
.locs{ 
		font-family: 'Trebuchet', Helvetica, Arial, sans-serif; 
		font-size: 1.3em; 
		color: #69c; 
		margin: 0px; 
		padding: 0px;
		}
		
.locs li {
		display: inline; 
		margin-right: 12px;
		}
		
.locs a{color: #69c;}


/*navigation - main*/
#nav{width: 960px; height: 29px; background: #222; }
#nv{
		width: 940px; 
		height: 29px; 
		background: #222; 
		margin-left: 15px;
		margin-right: 5px;
		text-transform: uppercase;
		z-index: 2;
		}
/*nav end*/

.feat{
		position: relative; 
		display: inline; 
		float: left; 
		width: 300px; 
		height: 285px; 
		background: #fff; 
		margin-top: 10px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		border: 1px solid #ddd;
		border-bottom: 1px solid #bbb;
		border-left: 1px solid #bbb;
		
		}

.featr{
		position: relative; 
		display: inline; 
		float: right; 
		width: 300px; 
		height: 285px; 
		background: #fff; 
		margin-top: 10px;
		margin-right: 10px; 
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #bbb;
		}


	


#feat1{	margin-left: 12px;}
#feat2{	margin-left: 19px;}
#feat3{ display: inline; float: right; margin-right: 12px;}

.tpc{
		position: relative; 
		width: 280px; 
		height: 260px; 
		margin: 10px; 
		color: #111; 
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
.tpc p{ 
		font-size: 1.1em; 
		margin-top: 7px;
		padding-right: 3px;
		}
		
.tpc ul li a {
		margin-bottom: 0px; 
		padding-bottom: 3px; 
		color: #693; 
		font-size: 1em; 
		font-weight: 600;
		}
		
.tpc ul li a:hover {color: #6699CC;}
.tpc ul{
		list-style-image: url(graphics/bullet_o.gif); 
		margin-bottom: -10px; 
		line-height: 1.4em;
		}
		
ul.tpcs.li{color: #a8c55b;}	
ul.tpcs li span { }
	

/*
#leftcol ul li a{margin-bottom: 0px; padding-bottom: 3px; color: #69c; font-size: 1em; font-weight: 600;}
#leftcol ul li a:hover{}
#leftcol ul { list-style-type: none; margin-left: 0px; padding-left: 25px; line-height: 1.8em; font-size: 1.2em;} */

/*typography*/
.hdr{color: #693; font-weight: bold; font-size: 1.1em;}
.green{color: #693; font-weight: bold; font-size: 1.1em;}
.blue{color:#369; font-weight: bold; font-size: 1.1em;}

h1{
		display: block; 
		font-family: 'Trebuchet', Verdana, sans-serif; 
		font-size: 1.6em; 
		margin: 5px 0px 5px 0px; 
		padding-bottom: 10px; 
		padding-top: 0px; 
		color: #333; 
		font-weight: 500;  
		text-transform: uppercase; 
		
		}
		
h2{
		display: block; 
		font-family: 'Trebuchet', Verdana, sans-serif; 
		font-size: 2em; 
		margin: 0px 0px 2px 15px; 
		padding-top: 0px; 
		color: #69c; 
		font-weight: 500;  
		text-transform: uppercase; 
		}

h3{
		display: inline;
		font-family: 'Trebuchet', Verdana, sans-serif; 
		font-size: 1.9em; 
		text-transform: uppercase; 
		margin: 5px 0px 0px 5px; 
		padding-bottom: 2px; 
		color: #69c;
		}
		
h4{
		display: block; 
		font-family: 'Trebuchet', Verdana, sans-serif; 
		font-size: 1.8em; 
		margin: 2px 0px 2px 15px; 
		padding-top: 2px; 
		color: #69c; 
		font-weight: 500;  
		text-transform: uppercase;
		}
		
h5{
		font-family: 'Trebuchet', Verdana, sans-serif; 
		font-size: 1em; 
		text-transform: uppercase; 
		margin: 5px 0px 5px 0px; 
		padding-bottom: 0px; 
		color: #693; 
		font-style: italic;
		}
		
h6{
		font-family: 'Trebuchet', Verdana, sans-serif; 
		font-size: 1.2em; 
		text-transform: uppercase; 
		margin: 0px 0px 0px 15px; 
		padding-bottom: 0px; 
		color: #693; 
		}

.more{color: #f60; font-style: italic; margin-left: 20px;}
#copyright{position: relative; clear: both; display: block; width: 960px; height: 100px; color: #fff; text-transform: uppercase; font-family: 'Trebuchet', Arial, sans-serif;}
#copyright ul{list-style-type: none;}
#botleft{position: relative; float: left; display: inline; width: 260px; height: 89px; text-align: right; margin-top: 10px;}
#botright{position: relative; float: right; display: inline; width: 700px; height: 89px; text-align:left; margin-top: 10px;}
#copyright p{padding-top: 5px;}
#copyright p a{color: #fff; font-style: noraml; text-decoration: none;}
#copyright a{color: #ccc;}

#copyright a:hover{color: #69c;}

.left{display: inline; float: left; margin: 2px 10px 10px 2px;}
.right{display: inline; float: right; margin: 2px;}

.item{display: inline; position: relative; float: left; width: 280px; padding-left: 10px; padding-right: 10px; height: auto; margin-bottom: 5px; margin-top: 2px; font-size: 1.05em;}

#cbg{position: relative; display: inline; float: left; width: 960px; height: auto; background: #fff;
background-image: url(../graphics/bg.jpg); background-repeat: repeat-x; padding-bottom: 10px; 	
		-moz-border-radius-bottomleft: 10px; 
		-moz-border-radius-bottomright: 10px; 
		-webkit-border-bottom-left-radius: 10px; 
		-webkit-border-bottom-right-radius: 10px;}



/*dictionary term styling */
.term{color: #06c; font-size: 1.2em;}
.def{color: #111; font-size: .9em;}
.top{font-style: italic; text-align: center; color: #c93;}
.line{width: 100%; height: 1px; clear: both; color: #ccc;}





/* Quick Links */

#quicklinks{
		background: #3e4146; 
		height: 220px;
		}

.ql{
		position: relative; 
		display: block; 
		width: 200px; 
		height: 27px; 
		margin-left: 5px;
		}

#ql1{background-image: url(../graphics/ql1_yourallergists.jpg); background-position: 0% 0%; background-repeat: no-repeat; margin-left: 5px;}
#ql1:hover{background-image: url(../graphics/ql1_yourallergists.jpg); background-position: 100% 100%; background-repeat: no-repeat;}

#ql2{background-image: url(../graphics/ql2_officelocations.jpg); background-position: 0% 0%; background-repeat: no-repeat; margin-left: 5px;}
#ql2:hover{background-image: url(../graphics/ql2_officelocations.jpg); background-position: 100% 100%; background-repeat: no-repeat;}

#ql3{background-image: url(../graphics/ql3_makeanappointment.jpg); background-position: 0% 0%; background-repeat: no-repeat; margin-left: 5px;}
#ql3:hover{background-image: url(../graphics/ql3_makeanappointment.jpg); background-position: 100% 100%; background-repeat: no-repeat;}

#ql4{background-image: url(../graphics/ql4_yourfirstvisit.jpg); background-position: 0% 0%; background-repeat: no-repeat; margin-left: 5px;}
#ql4:hover{background-image: url(../graphics/ql4_yourfirstvisit.jpg); background-position: 100% 100%; background-repeat: no-repeat;}

#ql5{background-image: url(../graphics/ql5_testimonials.jpg); background-position: 0% 0%; background-repeat: no-repeat; margin-left: 5px;}
#ql5:hover{background-image: url(../graphics/ql5_testimonials.jpg); background-position: 100% 100%; background-repeat: no-repeat;}

#ql6{background-image: url(../graphics/ql6_allergy_dictionary.jpg); background-position: 0% 0%; background-repeat: no-repeat; margin-left: 5px;}
#ql6:hover{background-image: url(../graphics/ql6_allergy_dictionary.jpg); background-position: 100% 100%; background-repeat: no-repeat;}


.clearingdiv{position: relative; display: block; clear: both; width: 100%; height: 10px;}

#bodycontent{position: relative; display: inline; float: left; width: 490px; height: auto; margin: 0px; margin-top: 5px; margin-left: -5px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.4em; padding: 20px;}

#bodycontent a{color: #693;}
#bodycontent a:hover{color: #69c;}

#bodycontentwide{position: relative; display: inline; float: left; width: 655px; height: auto; margin-top: 5px; margin-left: 5px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.4em; padding: 20px;}

#widecontent{position: relative; display: inline; float: left; width: 650px; height: auto; margin-left: 5px; margin-top: 5px; background: #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.4em; padding: 20px;}


#rightcol{position: relative; display: inline; float: right; width: 260px; height: auto; margin: 0px; padding: 0px;}

.tblright{width: 230px; margin: 5px 0px 0px 10px; border: 1px solid #ccc;
}
.tblright tr{width: 240px; height: auto; border-bottom: 1px solid #ccc;
}
.tblright td{width: 240px; vertical-align: center;
}

#leftcol{position: relative; width: 175px; height: 1000px; position: relative; display: inline; float: left; padding: 0px; }

#icons{position: relative; width: 145px; margin: auto;}
#icons img{padding-top: 10px; padding-bottom: 10px; border-bottom: 1 px dotted #ccc;}

.inr_feat{
position: relative; 
display: inline; 
float: left; 
width: 250px; 
height: auto; 
background: #fff; 
margin: 5px 0px 0px 5px; 
-moz-border-radius: 7px; 
-webkit-border-radius: 7px;
font-size: 1em;
}
.inr_feat a{text-decoration: none; color: #69c;}
.inr feat a:hover{color: #693; }
.inr_feat p{padding: 0px 5px 0px 15px; line-height: 1.3em;}
.inr_feat h6{ margin-right: 10px; margin-left: 15px; margin-top: 6px; text-align: left; color: #693; font-weight: bold;}

.inr_feat img{ margin-bottom: 0px; padding-bottom: 0px; margin-top: 3px;}

.leftmenu{ 
		position: relative; 
		display: inline; 
		float: left;
		width: 160px; 
		height: auto;  
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		margin: 5px 5px; 
		padding-bottom: 20px; 
		padding-top: 4px; 
		background: #fff;
		}



#dictionary{width: 160px; height: 25px; background-image: url(../graphics/dictionary.jpg); background-repeat: no-repeat; }


/*hover bubbles style*/

.popup {
position: relative; /*Make the element relative*/
}
.popup span {
display: none; /*Don't display anything at first*/
width: 140px; /*width of the bubble pics*/
height: auto; /*height of the bubble pics*/
z-index: 9999; /*Put the element on top of everything else when hovered on*/
color: #fff;
position: absolute;/*Absolutely position the span around the hovered element*/
text-align: center;
font-size: .8em;
}
.popup span.up {
background: #69c; border: 1px solid #c90;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-repeat: no-repeat;
background-position: 0 0;
bottom: 0;
left: 0;
padding-top: 1em;
padding-bottom: 2em;
}
.popup span.down {
background: #333; border: 1px solid #444;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-repeat: no-repeat;
background-position: 0 0;
top: 1.5em;
left: 1em;
padding-top: 1em;
padding-bottom: 2em;
}
.popup:hover span {
display: block; /*Show the popup*/
}
.popup span abbr {
display: block; /*Make the abbreviation a block level element to display the content correctly*/
width: 130px; /*Width of the inner content, can't overflow the picture*/
margin: 0 auto;
padding-right: 6px; /* move it left a bit to compensate for the drop shadow*/
text-align: center;
}

.popup table{margin-left: auto; margin-right: auto; border: 1px solid #444;}
.highlight{color: #a6c55d;}
#locs table{text-align: left; padding: 0px; line-height: 1em; margin: auto;}
/*end hover bubbles*/

/*Locations Page Styles*/
#offices{height: 1300px; width: 650px; display: block; position: relative;}
.office{position: relative; height: 215px; width: 640px; padding: 10px; border-bottom: 2px solid #ccc; border-right: 1px solid #ccc; background: #eee; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 30px; }
.address{position: relative; display: inline; float: left; height: 220px; width: 200px;}
.add{position: relative; display: inline; float: left; height: 175px; width: 200px;}
.add p{margin: 0px 4px; text-align: left;}
.add table{}
.subway{position: relative; display: inline; float: left; height: 40px; width: 200px; }
.gmap{position: relative; display: inline; float: left; height: 220px; width: 430px;}
.hours{font-size: .9em; line-height: .9em; padding-top: 0px; background: #fff; height: auto; width: 130px; margin: 2px 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.day{color: #C60;}
.green{color: #693;}
.blue{color: #69c; font-weight: bold;}
.onlineapp{width: 127px; height: 15px; background: #fff; margin: 6px 2px; padding: 1px 1px 1px 4px; background: #a7c65c; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa;}
.onlineapp a{color: #fff;}
.onlineapp a:hover{color: #ffc;}
.onlineapp:hover{color: #ff9;}



p a{color: #69c; font-style: italic;}


/* Feedback form styles*/
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Verdana !important;
  font-size: 10px !important;
}
.head{
  color:#333333;
  font-size:20px;
  text-decoration:underline;
  font-family:"Verdana";
}
td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.pagebreak{
  font-family:"Verdana";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}
 
/*end feedback form styles*/

/*leftnav styles*/
.category{background-color: #eee;
		font: bold 12px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
		color: #693;/* color of item */
		display: block;
		position: relative; 
		width: auto;
		padding: 4px 0;
		padding-left: 10px;
		text-decoration: none;
		border-bottom: 1px solid #ccc;}
		
.subcategory{display: block;
		font: normal 12px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
		color: #69c;
		text-decoration: none;
		padding: 0px 0px 4px 0px;
		background: #fff;
		border-bottom: 1px solid #ccc;
		}
.subcategory ul{margin-left: 0px; padding-left: 0px;}	
.subcategory ul li{padding-bottom: 4px; padding-top: 4px; border-bottom: 1px solid #eee;}	
.subcategory ul li a{padding-left: 10px;}	
.subcategory a{
		color: #69c;
		text-decoration: none;
		}

		
.leftmenu ul{list-style-type: none;}
.leftmenu a{text-decoration: none;}

.category a{color: #333;}
.category a:hover{color: #369;}

.subcategory a:hover{color: #693; }
.subcategory ul li:hover{background: #eee;}

#alpha {color: #693; font-size: 1.1em; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
#alpha a{color: #693; font-size: 1.1em;}
#alpha a:hover{color: #69c;}