/* Resolution Interactive Media */
/* Developed By: Jonathan Kochis And Brendan Farr-Gaynor */
/* jonathan@teamresolution.com / brendan@teamresolution.com */


/*  BEGINNING OF MASTER LAYOUT (header/footer) STYLES */


body {
  background-color: #FFFFFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#333333;  
  padding:0px;
  margin:0px;
  text-align: center;
  background-image:url(/images/backPlate.png);
  background-repeat:repeat-x;
  
}

#topTabs {
float:right;

}


textarea {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}


a { color:#0000FF; }
a:hover { color:#666666; }

#homeBreadLink { color:#000000; text-decoration:none; }
#homeBreadLink:hover { color:#333333; text-decoration:none; }


.structureLink { color:#666666; }
.structureLink:hover { color:#999999; }

label {

font-weight: bold;
}

hr {
	color: #CCCCCC;
	height: 1px;
	margin:0px;
	padding:0px;
}


#inhalt { 	
  text-align: left;
  vertical-align: top;	
  margin: 0px auto;

  padding: 10px 0px 0px 0px;
  width: 755px;
  background-image:url(/images/swirls.png);
  background-repeat:no-repeat;
  background-position:right top;
  height: 100%;
 /*border: 1px dashed #564b47;*/
}

#header {
margin:0px;
padding: 0px;
width: 755px;
/*background-color:#FF6666;*/

position:absolute;
z-index:10;


}

#hayHeader {
font-size:18px;
margin:0px;
padding:0px;
font-weight:bold;
} 

#haySubHeader {
font-size:11px;
margin:0px;
padding:0px;
font-weight:normal;
} 


#noStyleSupportLogo {

display:none;
z-index:10;
position:absolute;

}

#homeLogo {
	padding: 0px;
	width: 105px;
	height:109px;
	/*background-color: #172739;*/
	/* border: 1px solid #FFFFFF; */
  background-image:url(/images/hayLayoutLogo.gif);
	float:left;
	margin-left: 9px;
	margin-bottom:8px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top:20px;
}

#homeSpacerLink {

	width: 105px;
	height:109px;
	border: none;


}

#homeAddress {
/*border: 1px solid black; */
width:610px;
height: 33px;
margin-top: 50px;
float:right;


}

/*///////////// SUPPORT LIST //////////// */



.supportTable {
width:440px;
}

.supportTable th {
text-align:left;
font-weight: bold;
color: white;
background-color:#923D31;
padding: 3px;
}

.supportTable tr td {
border-bottom: 1px dotted #923D31;
padding: 3px;
}


.supportTableSection td {
background-color:#F5E2AB;
border-bottom: 1px solid #923D31;
}




/*///////////// SERVICES (telephone) //////////// */

#rateTable {
width:100%;
}

#rateTable th {
text-align:left;
font-weight: bold;
color: white;
background-color:#923D31;
padding: 3px;
}

#rateTable tr td {
border-bottom: 1px dotted #923D31;
padding: 3px;
}

#rateTable tr .nd2 { border-left: 2px solid #CC948B; }
#rateTable tr .nd3 { border-left: 2px solid #CC948B; }


.rateTableSection td {
background-color:#F5E2AB;
border-bottom: 1px solid #923D31;
}

/*///////// COMMUNITY LINKS //////////*/

.linkTableSection td {
background-color:#F5E2AB;
border-bottom: 1px solid #923D31;
}

.pictureWindow {
background-color:#F5E2AB;
}




/*///////// SPECIAL NAV (TABS) //////////*/

.menuText a:link { color: #DB9A00; text-decoration: none; }
.menuText a:active { color: #DB9A00; text-decoration: none; }
.menuText a:visited { color: #DB9A00; text-decoration: none; }
.menuText a:hover { color:#B17C00; text-decoration: none; }

.menuTextOn a:link { color:#333333; text-decoration: none; }
.menuTextOn a:active { color:#333333; text-decoration: none; }
.menuTextOn a:visited { color:#333333; text-decoration: none; }
.menuTextOn a:hover { color:#666666; text-decoration: none; }

.normTabAlpha { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tab.png'); }
.normTab { background-image: url(/images/tab.png); background-repeat:no-repeat; }
.overTabAlpha { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/tabOver.png'); }
/*.overTab {  background-color:#3333CC; background-image: url(graphics/tabOver.png);}	*/
.overTab { background-image: url(/images/tabOver.png); background-repeat:no-repeat; }


#masterMenu {

position:absolute;
z-index:0;
bottom:-1px;
left:10px;

}


#masterMenuText {
	z-index:100;
	bottom:0px;
	left: 10px;
}

#masterMenuText div {
	float: left;
	position:relative;
	width:113px; /*113 */
	height:31px;
}


#masterMenu div {
	float: left;
	position:relative;
	width:113px; /*113 */
	height:31px;
}



#masterMenuText div table tr td {
padding-top: 6px;
}


/* Top */

.topMenuText a:link { color: #DB9A00; text-decoration: none; }
.topMenuText a:active { color: #DB9A00; text-decoration: none; }
.topMenuText a:visited { color: #DB9A00; text-decoration: none; }
.topMenuText a:hover { color:#B17C00; text-decoration: none; }

.topMenuTextOn a:link { color:#333333; text-decoration: none; }
.topMenuTextOn a:active { color:#333333; text-decoration: none; }
.topMenuTextOn a:visited { color:#333333; text-decoration: none; }
.topMenuTextOn a:hover { color:#666666; text-decoration: none; }

.topNormTabAlpha { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topTab.png'); }
.topNormTab { background-image: url(/images/topTab.png); background-repeat:no-repeat; }
.topOverTabAlpha { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topTabOver.png'); }
/*.overTab {  background-color:#3333CC; background-image: url(graphics/tabOver.png);}	*/
.topOverTab { background-image: url(/images/topTabOver.png); background-repeat:no-repeat; }

#topMasterMenu {

position:absolute;
z-index:0;
bottom:-1px;
left:10px;

}


#topMasterMenuText {
	z-index:100;
	bottom:0px;
	left: 10px;
}

#topMasterMenuText div {
	float: left;
	position:relative;
	width:84px;
	height:31px;
}


#topMasterMenu div {
	float: left;
	position:relative;
	width:84px;
	height:31px;
}



#topMasterMenuText div table tr td {
padding-top: 6px;
}

/* END OF TAB SPECIAL */





#nav {
float:right;
width:559px;
/*text-align:right; */
padding: 0px;
margin-top:18px;
margin-bottom:0px;
margin-right: 0px;
margin-left: 6px;
font-weight:bold;
font-size:12px;
padding-right:0px;
/*background-color:#003366;
border: 1px solid black; */

}

#nav div {
	float:left;
	background-position: left;
	padding-top: 3px;
	height: 34px;
}




#topTabs {
float:right;
/*width:200px;*/
/*text-align:right; */
padding: 0px;
margin-top:0px;
margin-bottom:3px;
margin-right: 0px;
margin-left: 6px;
font-weight:bold;
font-size: 10px;
padding-right:0px;
/*background-color:#003366;*/


}

#topTabs div {
	float:left;
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 3px;
	height: 35px;
}



#subNav {
clear:both;
position:static;
width:755px;
height: 30px;
color:#FFFFFF;
padding-top:2px;
margin:0px;
background-image:url(/images/navBottomBar.png);
background-repeat:no-repeat;
}

#subNav a {
	font-weight:bold;
	color:#FFFFFF;
	padding:6px;
	text-decoration:none;
	
}

#subNav a:hover {
	font-weight:bold;
	color:#DBBFBA;
	padding:6px;
	text-decoration:none;
}

#selected {
background-color: #666666;
background-image:url(/images/leftSelected.png);
background-repeat:no-repeat;
background-position:left;
}
.selectedDivSupport {
background-color:#666666;
width: 3px;
background-image:url(/images/rightSelected.png);
background-repeat:no-repeat;
background-position:right;
}


#search {
clear:right;
width:550px;
height: 40px;
padding: 0px 5px 0px 10px;
background-image:url(/images/searchBack.png);
background-repeat:no-repeat;
background-position:0px -4px;
float: right;
margin-top: 10px;
margin-bottom: 10px;
/*border: 1px solid #FFFFFF;*/

}

#cramSearch {
background-color:#999999;
width:270px;

}

#loc { 	
clear: right;
float: right;
width: 400px;
/*margin-right: 55px; */
padding-right: 55px;
padding-bottom:0px;
margin-bottom:0px;
/*background-color:#00CC00; */



}

#loc #myCurrentLoc {
	background-color:#C62921;
	font-size:18px;
	text-align:right;
	padding: 4px 5px 4px 40px;
	width:auto;
	float: right;

}

#bodyCopy {
	clear:both;
	padding-left: 7px;
	padding-right: 0px;
	/*margin-top: 130px; <- I H8 IE*/
	top: 130px;
	padding-top: 130px;
	/*background-color:#00FF00; */
	width:747px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
	

}

#bottomCap {
	background-image:url(/images/bottomPlate.png);
	background-repeat:no-repeat;
	width: 768px;
	height: 15px;
	margin: 0px auto;
	background-position: 3px 0px;
}

#footer {
	color:#999999;
	font-size:10px;
	padding: 20px 0px 0px 0px;

/*background-color:#FF6666;*/


clear:both;
position:static;
width:755px;
margin:0px;

}
#footer strong {
color: #666666;
}

#footerPrivacyHolder {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;

}

#supporterClick {
	width:130px; 
	height:100px; 
	float:right;
}

#supporterHolder {
	width:100px; 
	height:80px;
	border:none;
}

#footerCopy {
  font-size: 10px;
}

#uniTag {
font-size: 12px;
}

ul {
margin-left: 0;
padding-left: 0;
margin-top:0px;
list-style: none;
}

ul li {
padding-bottom:1px;
margin-left:0px;
padding-left: 10px;
padding-top: 1px;
padding-right:0px;
background-repeat: no-repeat;
background-image:url(/images/ulArrow.png);
background-position: left 4px;

}

/* /////////////////////////////// ALERT BOX ///////////////////////////////////////// */

#alertBoxFunction {
	background-color:#FFFFCC;
	border: 1px solid #CCCCCC;
	padding-top: 12px;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin: 10px 10px 10px 10px;
	background-position: 1px 1px;
	background-repeat:no-repeat;
	}



/* ////////////////////////////// HOME SPECIFIC (index.php) ////////////////////////// */

#homeMainArticlePic {
	float:right;
	border: 3px solid white;
	margin-bottom:5px;

}

#homeArticleHeader {
font-size: 14px;
padding: 0px;
margin: 0px;
}

#homeArticleSubHead {
font-size: 11px;
font-weight:normal;
color:#666666;
padding: 0px;
margin: 0px;
}

.featureArticle {
padding: 0px 3px 0px 3px;
height: 60px;
}


#topItem {
background-color: #333333;
}


.featureArticle .featureArticlePic {
float:left; 
border: 2px solid white; 
margin: 3px 5px 0px 3px;
width:63px; height:48px;
}

#featureArticleTitle {
font-size: 11px;
margin-bottom:0px;
margin-top: 3px;
padding-bottom:0px;
padding-top: 3px;
}

.featureArticle p {

margin-top: 8px;
font-size:10px;


}

/*///////////////////////////// THE LAB SPECIFIC //////////////////////////////////////////////////*/

#labTitle {
font-size: 12px;
font-weight:bold;
margin: none;
padding:none;

}

#labMainArticlePic {

	border: 3px solid white;
	margin-bottom:20px;
	/*margin-right: 5px; */
	width:255px;
	height: 186px;
	margin-left: 20px;

}


.labSubArticlePic {
float:left; 
border: 2px solid white; 
margin: 3px 5px 0px 0px;
width:63px; height:48px;
}

.labDiv {
padding: 0px 3px 0px 3px;
height: 60px;
}

.labListArchive {
margin-left: 0;
padding-left: 0px;
padding-right:5px;
margin-top:0px;
list-style: none;
margin-bottom:0px;
}

.labListArchive li {
padding-bottom:10px;
margin-left:0px;
padding-left: 0px;
padding-top: 5px;
padding-right:0px;
/*
background-repeat: no-repeat;
background-image:url(/images/atomList.gif);
background-position: left 4px; 
border-bottom:1px dotted #999999; */

}

#labArticleContent { text-align:justify; }
#labArticleContent p { text-align:justify; }



/*///////////////////////////// DR CRAM SPECIFIC //////////////////////////////////////////////////*/

#drCramQuestion {
font-size: 12px;
font-weight:bold;
margin: none;
padding:none;

}

#drCramMainArticlePic {

	border: 3px solid white;
	margin-bottom:5px;
	/*margin-right: 5px; */
	width:255px;
	height: 186px;

}

#drCramSearch {
width:400px;
padding:5px;
background-image:url(/images/drCramSearchBack.png);
background-repeat:no-repeat;
background-position:0px 3px;
}

.qaListArchive {
margin-left: 0;
padding-left: 5px;
padding-right:5px;
margin-top:10px;
list-style: none;
}

.qaListArchive li {
padding-bottom:10px;
margin-left:0px;
padding-left: 0px;
padding-top: 5px;
padding-right:0px;
/*
background-repeat: no-repeat;
background-image:url(/images/atomList.gif);
background-position: left 4px; */
border-bottom:1px dotted #999999;

}

.qaListSearch {
margin-left: 0;
padding-left: 5px;
padding-right:5px;
margin-top:10px;
list-style: none;
}

.qaListSearch li {
padding-bottom:10px;
margin-left:0px;
padding-left: 0px;
padding-top: 5px;
padding-right:0px;
/*
background-repeat: no-repeat;
background-image:url(/images/atomList.gif);
background-position: left 4px; */
border-bottom:1px dotted #999999;

}

#drCramArticleContent { text-align:justify; }
#drCramArticleContent p { text-align:justify; }

/*///////////////////////////// SCHOOL SPECIFIC //////////////////////////////////////////////////*/

#schoolIntroCopy {
font-weight:normal;
color:#666666;
}

#schoolIntroCopy strong {
color:#FFFFFF;
}


/*///////////////////////////// ES SPECIFIC //////////////////////////////////////////////////*/

#briefBioCopy {
font-size: 10px;
font-weight:normal;
font-style:italic;
color:#666666;
}


#esMainArticlePic {
	float:right;
	border: 3px solid white;
	margin-bottom:5px;
	margin-left:20px;
	margin-right: 5px;
	width:255px;
	height: 186px;

}

#esArticleHeader {
font-size: 14px;
padding: 0px;
margin: 0px;
}

#esArticleSubHead {
font-size: 11px;
font-weight:normal;
color:#666666;
padding: 0px;
margin: 0px;
}

#esArticleContent { text-align:justify; }
#esArticleContent p { text-align:justify; }

#writerBox {
font-size: 10px;
padding:0px;
}

#writerBox em {
color:#666666;
}

#writerBox img {

border: 2px solid white;
}



.extraArticlePic {
border: 2px solid #FFFFFF;
width:63px;
height:48px;
cursor:default;

}

.extraArticlePic:hover {
border: 2px solid #FFFFFF;
width:63px;
height:48px;
cursor:pointer;

}

#sectionNav {
/*text-align:right; */

font-weight:bold;
font-size: 10px;

/*background-color:#003366;*/

}

#sectionNav div {
	/*background-image:url(/images/navDiv.gif); */
	background-repeat: no-repeat;
	background-position: left;
	/*border: 1px solid #564b47;*/
	height: 15px;
	margin:0px;
	padding-top: 3px;
	float:left;
	margin-bottom:3px;

	
}


#sectionNav .sectionNavItem a {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	padding:6px;
	
}

#sectionNav .sectionNavItem a:hover {
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
	padding:6px;
}

.sectionNavItem {
clear:both;

}

.sectionCap {
width: 3px;
margin:0px;
padding-left:0px;
padding-right:0px;


}

#sectionSelected {
background-color: #666666;
background-image:url(/images/leftSelected.png);
background-repeat:no-repeat;
background-position:left;

}
#sectionDivSupport {
background-color:#666666;
background-image:url(/images/rightSelected.png);
background-repeat:no-repeat;
background-position:right;
}


.rssList {
margin-left: 0;
padding-left: 0;
margin-top:0px;
list-style: none;
}

.rssList li {
padding-bottom:5px;
margin-left:0px;
padding-left: 35px;
padding-top: 5px;
padding-right:0px;
background-repeat: no-repeat;
background-image:url(/images/rss.gif);
background-position: left 4px;
border-bottom:1px solid #CCCCCC;

}

.searchSectionHeader {

font-size:12px;
margin:0px;
padding:0px;
color:#666666;


}

/* //////////////////////////// ABOUT US SPECIFIC /////////////////////// */
.groupPic {

border: 2px solid white;
margin-top: 10px;
}

.cleanList {
margin-left: 0;
padding-left: 0;
margin-top:0px;
list-style: none;
}

.cleanList li {
padding-bottom:5px;
margin-left:0px;
padding-left: 20px;
padding-top: 5px;
padding-right:0px;
background-repeat: no-repeat;
background-image:url(/images/atomList.gif);
background-position: left 4px;
border-bottom:1px solid #333333;

}

.nonCleanList {
margin-left: 0;
padding-left: 0;
margin-top:0px;
list-style: none;
}

.nonCleanList li {
padding-bottom:5px;
margin-left:0px;
padding-left: 20px;
padding-top: 5px;
padding-right:0px;
background-repeat: no-repeat;
background-image:url(/images/lineList.gif);
background-position: left 4px;
border-bottom:1px solid #333333;

}

.nonCleanListNoLine {
margin-left: 0;
padding-left: 0;
margin-top:0px;
list-style: none;

}

.nonCleanListNoLine li {
padding-bottom:5px;
margin-left:0px;
padding-left: 20px;
padding-top: 5px;
padding-right:0px;
background-repeat: no-repeat;
background-image:url(/images/lineListLight.gif);
background-position: left 4px;

}

#masterSectionHeader {
margin:0px;
padding:0px;
font-size: 14px;
font-weight: bold;

}

#masterSectionSubHeader {
margin:0px;
padding:0px 0px 15px 0px;
font-weight: normal;
font-size:11px;
color:#666666;


}

/* Cram Box Items */


/* Sub Content */

.hayBox #hayBoxContent {
/*padding: 5px; */

}


.hayBox .sBottom { 
background-image:url(/images/hayBoxStandardBottom.png);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:20px;
} 
.hayBox .sTop { 
/*nothing yet */
 } 

.hayBox .rBottom { 
background-color:#DB9A00;
padding:10px;
background-image:url(/images/rBoxBottom.png);
background-position:bottom;
background-repeat:no-repeat;
}
 
.hayBox .rTop { 

background-color:#DB9A00;
background-image:url(/images/rBoxTop.png);
background-position:top;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:20px;
padding:10px 10px 0px 10px;  
} 


/* /////////////////////////// COMMUNITY BULLETIN BOARD //////////////*/


#cbbSearchFormWrapper { background-color:#FCEFCF; width:550px; padding:8px; margin:10px 0px 3px 0px; border-bottom:2px solid #DB9B3E; }
#cbbSearchForm { padding:0px; margin:0px; }
#searchString { width:360px; }






.cbbPostItem {
border:1px solid #D79B42;
margin-bottom:20px;
width:100%;
}
.cbbPostItem td {
vertical-align:top;
background-color:#FAEFD6;
padding:5px;
}
td.cbbPostHeading {
font-size:14px;
color:#333333;
font-weight:bold;
vertical-align:top;
/*border-bottom:1px solid #999999;*/
}

td.cbbPostHeadingSupport {
/*border-bottom:1px solid #999999;*/
vertical-align:top;

}

div.cbbPostBody {
width:95%;
text-align:left;
background-color:#FFFFFF;
border:1px solid #D79B42;
padding:10px;

}



/* /////////////////////////// MODAL POPUP FOR CELLULAR PROMOTION (note: there is some inline CSS as part of an IE7 hack on header.php that complements these classes) //////////////*/
		#modalOverlay {
			  background-color:#000;
			  cursor:auto;
		}
		
		#modalContainer {
			  height:350px;
			  width:600px;
			  left:50%;
			  top:15%;
			  margin-left:-300px; /* half the width, to center */
			  background-color:#fff;
			  border:5px solid #963F2F;
		}
		
		#modalContainer a.modalCloseImg {
			  background:url(/images/x.png) no-repeat;
			  width:25px;
			  height:29px;
			  display:inline;
			  z-index:3200;
			  position:absolute;
			  top:-14px;
			  right:-13px;
			  cursor:pointer;
		}
		
		
/* Business Directory Listings */

#bdCategoryList { border:none; margin:10px 0px 0px 0px; width:100%; border:1px dashed #D3BA8B; }
#bdCategoryList tr td { background-color:#FEF5E3; text-align:center; }
#bdCategoryList tr.alt td { background-color:#FFEECD; }

h3.bdCategory { font-size:12px; font-weight:bold; }
h3.bdCategory span.numOfSubItems { font-size:10px; font-style:italic; font-weight:normal; color:#D3BA8B; }

#bdCategoryTitleToolbar { padding:10px; font-weight:bold; }
#bdCategoryTitleToolbar #bdCategoryTitle { font-size:14px; display:block; }
				

#bdSearch { padding:10px; background-color:#FDEECD; border-bottom:2px solid #D1BA8C; }
#bdSearch #q { width:400px; }  

#bdAlphaList { padding:10px; color:#EDDFC4; font-size:12px; font-weight:bold; background-color:#FDF4E2; border-bottom:2px solid #963F2F; margin-bottom:10px; }
#bdAlphaList #lilLabel { font-size:10px; font-weight:bold; color:#963F2F; }


div.bdListing { background-color:#FBEECD; padding:10px;  }
div.bdListingAlt { background-color:#FCF4E2; padding:10px; }

span.bdLilUrl { color:#999999; font-size:10px; font-weight:normal; font-style:italic;  }
span.bdBusinessName {  font-size:14px; font-weight:bold; }
span.bdPhysicalMailingAddress {  }
span.bdServicesProvided { display:block; }

span.bdEMail { display:block;   }
span.bdEMailLabel { font-weight:bold; }

span.bdPhoneNumber { display:block; }
span.bdPhoneNumberLabel { font-weight:bold; }


table.bdContactInfoTable { margin:10px 0px 0px 0px; }
td.colA { width:260px; }
td.colB { width:200px; }
									
	
	
	


