a:hover { text-decoration: underline; }

#contacts
{
   font-family: Verdana;
   padding: 0px; margin: 0px;
   font-size: 12px;
}

#contacts .header, #contacts .header h2, #contacts .header h3, #contacts .header_ph h3
{
   display: block;
   font-size: 15px;
   font-weight: bold;
   padding: 5px 5px 3px;
   margin: 0px;
   min-width: 1%;
   border: none;
   width: auto;
}
#contacts .header, #contacts .header h2, #contacts .header h3
{
   cursor: pointer;
   cursor: hand;
}

#contacts .header, #contacts .header_ph
{
   font-family: Verdana;
   padding: 0px;
   margin-top: 5px;
   color: #2E3D51; /* #475F7E; */
}

#contacts .header.float_left
{
   margin: 1px 2px 0px 0px;
   padding: 5px 8px 3px;
   white-space: nowrap;
}

#contacts .header.on
{
   color: #226080;
   background: #84A0BB url("http://framework.communitycollege.org/images/gradient_02_1x150.gif") repeat-x left 5%;
}

#contacts .header a, #contacts .header_ph a
{
   font-size: 11px;
   text-decoration: none;
}

#contacts .wrap { overflow: hidden; position: relative; width: 100%; }

#contacts .content
{
   display: block;
   padding: 5px;
   border: solid 1px #AFC1D3;
   background: #fff;
}

#contacts .content .empList:after,
#contacts .content:after /* Mozilla clear floats */
{ content: " "; clear: left; height: 0px; width: 0px; display: block; visibility: hidden; }

#contacts .accordion { margin: 8px; }
#contacts .accordion .content { margin: 0px 0px 2px; }
#contacts .accordion .header, #contacts .accordion .header_ph { border: solid 1px #eee; margin-top: 2px; }
#contacts .accordion .header h3, #contacts .accordion .header_ph h3 { font-size: 14px; }
#contacts .accordion .header.on { border: none; }
#contacts .accordion .header.on h3 { padding: 6px 6px 4px 21px; background-position: 6px 50%; }

#contacts .header h2, #contacts .header h3, #contacts .header_ph h3 { padding-left: 20px; }
#contacts .header h2, #contacts .header h3
{ background: transparent url("http://framework.communitycollege.org/images/list_plus.gif") no-repeat 5px 50%; }
#contacts .header.down h2, #contacts .header.down h3
{ color: #475F7E; background-image: url("http://framework.communitycollege.org/images/list_minus.gif"); }
#contacts .header.down { background-position: left 17%; }

/* Handle board members */
   #contacts .accordion.board h3 { padding-left: 6px !important; background-image: none; cursor: default; }
   #contacts .accordion.board .empList li { border-bottom: solid 1px #E5EBF0; }
   #contacts .accordion.board .content { margin: 0px 0px 5px; }
/* End board members css */

#contacts .empList
{
   min-height: 1%;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#contacts .empList li
{
   display: block;
   list-style: none;
   margin: 0px;
   padding: 4px;
   clear: left;
}

#contacts .empList .odd { background: #EDEDED; }

#contacts .empList li .start,
#contacts .empList li .mid,
#contacts .empList li .end,
#contacts .empList li .end .phone,
#contacts .empList li .end .email
{
   display: block;
   float: left;
   padding: 2px .7%;
   white-space: normal;
}

#contacts .empList li .start { padding-left: 5px; width: 26%; }
#contacts .empList li .mid { text-align: left; width: 36%; }
#contacts .empList li .end { text-align: right; width: 33%; }
#contacts .empList li .end .phone,
#contacts .empList li .end .email { width: 48%; padding: 0px .7%; }


* html #contacts .wrap { zoom: 1; } /* IE 'Has Layout' FIX for scrollable items */
*:first-child+html #contacts .topContainer,
*:first-child+html .accordion .empList li { height: 1%; } /* IE < 7 Height FIX */

* html #contacts .header,
* html #contacts .empList,
* html #contacts .topContainer,
* html .accordion .empList li { height: 1%; } /* IE >= 7 Height Fix */

/* Target IE7 and below: Fixes fixed height for content class */
*:first-child+html #contacts .content { z-index: -1;  }
* html #contacts .content { position: relative; }

#contacts .topColumn
{
   position: relative;
   display: block;
   float: left;
   width: 47%;
   margin: 0px 1%;
}

#contacts .topColumn .header
{
   padding: 4px;
   cursor: auto;
   background-position: left 30%;
   text-align: center;
}

#contacts .topColumn .content
{ padding: 5px 10px; margin: 0px; text-align: center; }

#contacts .topContainer
{
   margin: 0px;
   padding: 0px 0px 15px;
}

/* Google Map Settings */
#officeMap { margin-left: 360px; height: 410px; }

.mapLink
{
   display: block;
   width: auto;
   margin: 0px auto 8px;
   padding: 1px;
   border: solid 1px #0F2A59;
   background: #fff;
}

.mapLink .title
{
   display: block;
   background: #191B41;
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   min-height: 10px;
}
.mapLink .title big { display: block; padding: 3px; }

* html .mapLink,
* html .mapLink .title { height: 1%; } /* IE < 7 FIX */

.mapLink .title:hover
{
   color: #dcdcdc;
   background: #06529E;
}

.mapLink .details
{
   padding: 3px 3px 3px 15px;
   font-size: 11px;
}

.mapLink.sel { color: #000; background: #F4F4DE; border-style: dashed; }
.mapLink.sel .title { background: #043B73; }

.mapSide
{
   float: left;
   width: 350px;
   height: 400px;
   position: relative;
   padding: 0px;
 }

#mapSelections { height: 140px; margin-bottom: 5px; overflow: auto; }
#mapDirections
{
   height: 250px;
   display: none;
   padding: 5px;
   background: #F4F4DE;
   border: dashed 1px #0F2A59;
   overflow: auto;
}

#mapDirections, #mapDirections * { font-size: 12px; }