/* base */

html {
  font-size: .9em;
  font-family: Arial;
}

body {
	background-color: #fff;
	background-image: url(http://www.aces.edu/extcomm/images/main-bk.png);
	margin-top: 0;
	padding-top: 0;
}

#wholePage {
  border: 6px solid #fff;
  width: 53em;
  overflow: hidden;
  background-color: #fff;
 /* float: left;
  clear: left;*/
  margin-right: auto;
  margin-left: auto;
}

#addGreenBorder {
	border: 1px solid #066;
	float: left;
	clear: left;
	width: 100%;
}

#mainBody {
	padding: 0.5em;
	background-color: #fff;
	/*clear: left;
	float: left;
	width: 100%;*/
	/* border-left: 1px solid #066;
	border-right: 1px solid #066; */
	/*	float: left; this might break everything :( */
}

/* invisible elements are for items such as <HR> that we only want to 
   show up when viewing the page with no styles. */
.invisible {
	visibility: hidden;
	display: none;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #F33
}

/* header */

#header {
  padding: 0;
  margin-bottom: .6em;
  margin-right: 0;
  background-color: #1E78C1;
  float: left;
  clear: left;
}

#headerTopSection {
  width: 53em;
  background-color: #1E78C1;
}

#headerLeftSide {
  float: left;
  padding: 1.4em 1.6em 1.4em 1.6em;
  border-right: 1px solid #066;
  height: 6.4em;
  background-color: white;
}

#headerLeftSide a img {
	border: 0;
	margin: 0;
	padding: 0;
}

#headerRightSide {
  float: left;
  padding: 0em;
  margin: 0em;
  width: 43em;
  height: 6.4em;
  color: white;
  background-color: #1E78C1;

}

#dateAndPdaLink {
  margin-top: .5em;
  padding-left: .5em;
  height: 3em;
}

#date {
	float: left;
	font-size: 1.2em;
}

#pageTitle {
	clear: left;
	float: left;
}

#pdaLink {
	float: right;
	margin-right: .5em;
	font-size: .9em;
}

#pdaLink a {
    color: white;
}

.linkBlock {
  text-align: center;
  font-weight: bold;
  line-height: 1.6em;
  width: 42em;
  padding-left: 0.5em;
}

.linkBlock a {
  color: white;
  font-size: .9em;
}

#directoryLinks {
  width: 100%;
  border-top: 1px solid #066;
  border-bottom: 1px solid #066;
  float: left;
  clear: both;
  background-color: white;
}

#directoryLinks form {
	margin: 0;
}

#directoryLinks a {
  padding: .5em;
  font-weight: bold;
}

#directoryLinks #downloadLink {
	margin-left: 2em;
	float: left;
}

#directoryLinks #mailListLink {
	margin-left: 2em;
	float: left;
}


#homeLink {
  float: left;
}

#loginLink {
  float: right;
  margin: 0;
  padding: 0;
}

#directorySearch {
  float: right;
  margin: 0;
  margin-left: 5em;
  padding: 0;
}

#directorySearchForm {
	/*width: 18em;*/
	white-space: nowrap;	
}

#directoryLogin {
	float:right;	
}

/* footer */

#footer {
  width: 100%;
  padding: 0em;
  margin: 0em;
  /*border-top: 1px solid #066; CMB*/
  border: 1px solid #066; 
  background-color: #006666;
  float: left;
  clear: left;
}

#footerContent {
  float: left;
  font-size: .8em;
  text-align: center;
  color: white;
  padding: .5em;
  padding-left: 2em;
}

#footerContent a {
  color: white;
}

#footerImage {
  float: right;
}

#footerImage img {
  border: none;
}




/* index */

#instructions {
	clear: left;
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

#instructions .text {
	margin-top: .5em;
}

#mainLinks {
	width: 28em;
	float: left;
	margin-left: 2em;
}

#mainLinks .field {
	font-weight: bold;
}

#mainLinks ul {
	margin-top: 1em;
	margin-left: .75em;
	padding-left: 1em;
}

#programAreaList {
	float: left;
	margin-top: .5em;
	margin-left: 2em;
}

#searchInstructions {
	float: left;
}

#countyMap {
	clear: left;
	float: left;
	margin-left: 1em;
}

#countyMap img {
	border: 0;
}

#programAreaList .field {
	font-weight: bold;
}

#programAreaList ul {
	margin-top: 1em;
	margin-left: .75em;
	padding-left: 1em;
}

/* true location search */
#countyLinks {
	float: left;
	clear: left;
	padding-top: 1em;
	padding-bottom: .5em;
	width: 100%;
}

#countyLinks .column {
	float: left;
	margin-right: 1em;
}


#countyLinks a:hover {
	background: #FF9;
}


/* -------------------------------------- */

#extensionLinks {
	float: left;
	padding-top: .75em;
	padding-bottom: 1em;
	width: 100%;
}

#extensionLinks .column {
	float: left;
	width: 24em;
}

#extensionLinks .columnSpacer {
	float: left;
	width: 2em;
}

#extensionLinks a:hover {
	background: #FF9;
}

#extensionLinks h3 {
	margin-bottom: .20em;	
}

/* --------------------------------------- */



#otherLinks {
	float: left;
	padding-top: .75em;
	padding-bottom: 1em;
	width: 100%;
}

#otherLinks .column {
	float: left;
	width: 24em;
}

#otherLinks .columnSpacer {
	float: left;
	width: 1em;
}

#otherLinks a:hover {
	background: #FF9;
}

#otherLinks h3 {
	margin-bottom: .20em;	
}


/* location search */

#locationLinks {
  clear: left;
}

/* location results */

#officeInfo {
  clear: left;
  float: left;
  margin-top: 0;
  width: 100%;
  background-color: #FFF;
}

#officeInfo h1 {
	font-size: 2.0em;
	font-weight: bold;
	margin-bottom: .1em;
}

#countyInfo {
	float: left;
	margin-right: 1em;
	width: 43%;
}

#countyInfo .maplink {
	font-size: 0.8em;
}

#countyInfo .label {
	float: left;
	clear: left;
	width: 28%;
	margin-right: 5px;
	padding-right: 0;
	margin-bottom: .1em;
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
}

#countyInfo .content {
	text-align: left;
	background: white;
	float: left;
	width: 68%;
	padding-left: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
}

#countyDirections {
	float: left;
	width: 40%;
}

#countyDirections .label {
	margin: 0;
	padding: 0;
	padding-right: 0.25em;
	font-weight: bold;
	font-size: 0.9em;
}

#countyDirections .content {
	margin: 0;
	padding: 0;
	font-size: .8em;
}

.personList {
	float: left;
	clear: left;
	margin-top: 20px;
	/* width: 705px; */
	width: 100%;
	border-bottom: none;
}

.blockLabel {
  font-weight: bold;
  background: #f1f1f1;
  font-size: 1.25em;
  padding: .1em;
  padding-left: .3em;
  border-bottom: 2px solid #bbbbbb;
  clear: left;
  float: left;
  width: 98%;
}

#officeMap {
  float: left;
	margin-top: .5em;
}

/* location sub */

.person {
  float: left;
  clear: left;
  width: 100%;
  /* border-bottom: thin solid #ddd; */
  margin-top: 0.2em;
  margin-bottom: 0.4em;
  padding: 0em;
  margin-right: -3px; /* Get around an IE content duplication bug */
}

.personImage {
  text-align: center;
  margin-top: .25em;
  padding-top: 0;
  width: 80px;
  padding: 5px;
  padding-top: 0px;
  float: left;
}

.personImage img {
	border: 1px solid black;
}

.personSection {
  width: 43%;
  float: left;
}

.personContactSection {
	width: 43%;
	float: left;
}

.personName {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.15em;
}

.personContent {
	text-align: left;
	float: left;
	width: 215px;
}

.personLabel {
	float: left;
	clear: left;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0.15em;
	width: 8em;
	padding-right: .6em;
}

.programAreas ul {
	padding-top: .20em;
	padding-left: 1.7em;
	margin: 0;
}

/* single */

#page {
  /* width: 800; */
}

#editLink {
	float: right;
	font-size: 1em;
	font-weight: normal;
	border: thin solid #999999;
	background-color: #eeeeee;
	padding: 0.5em;
	padding-top: .25em;
	padding-bottom: .25em;
}

#pictureGroup {
	margin-top: 0;
	float: left;
	clear: left;
	width: 15em;
}

#picture img {
  border: 1px solid BLACK;
}

#picture form {
	margin: 0;
}

#picture {
	font-size: .8em;
}

#geographicAreaMap {
  float: left;
	margin-top: .5em;
}

#textGroup {
	margin-top: 0;
	float: left;
	width: 35em;
}

#name {
	font-size: 1.2em;
  font-weight: bold;
	float: left;
	margin-left: 0em;
	padding-left: 0.2em;
  padding-bottom: 0;
  margin-bottom: 0;
	width: 100%;
}

#title, #timekeepingLocation {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#title, #programAreas, #department, #departmentContact, #timekeepingLocation, 
#personalContact, #specialtyAreas, #credentials, #education, #extension, #geographicAreas
{
  float: left;
  width: 100%;
}

#departmentContact {
  display: none;
}

.label {
	font-weight: bold;
}

.contentBlock {
  padding: .4em;
  margin: 0em;
  margin-right: -3px; /* Get around an IE content duplication bug */
}

.contactLabel {
  font-weight: bold;
  float: left;
}

.contactContent {
  float: left;
  padding-left: 5px;
}

.contactBlock {
  width: 50%;
  float: left;
}

#homePage {
  float: left;
}

.inline {
  display: inline;
}

/* Pager */

div.pager {
	clear: both;
	text-align: center;
	vertical-align: middle;
	padding: .25em;
}

.pager a {
	color: #000;
}

.pager a:visited {
	color: #000;
}

.pager a.currentPage {
	font-weight: bold;
	padding: .1em;
	border: 1px solid black;
}

.pager a.otherPage {
	font-size: 0.8em;
	padding: 0.3em;
	margin: 0em;
}

.pager a.navLink {
	font-size: 1.0em;
	padding: 0.5em;
	margin: 0em;
}

/* search form */

#searchForm {
  float: left;
  clear: left;
  padding: .3em;
}

/* Used in selectLocation.tpl.php */

#programArea {
	margin-bottom: 2em;
}

#programArea .field {
	font-weight: bold;
}

#selectCounty .field {
	font-weight: bold;
}

#selectCounty .column {
	float: left;
	margin-right: 1em;
}

#programCountyMap img {
	border: 0;
}

#searchStatewide {
	clear: left;
}

/* Single Edit */

#editSpecialtyAreas textarea {
	width: 100%;
	height: 6em;
}

#editCredentials textarea {
	width: 100%;
	height: 6em;
}

#editSpecialtyAreas .content {
	margin-top: .25em;
}

#editCredentials .content {
	margin-top: .25em;
}

#editSpecialtyAreas {
	margin-top: 1em;
	width: 32.5em;
	float: left;
}

#editCredentials {
	margin-top: 1em;
	width: 32.5em;
	float: left;
}

#editPlanningUnit {
	margin-top: 1em;
	width: 32.5em;
	float: left;
}

#editPlanningUnit select {
	width: 100%;
}

#editProgramAreas {
	margin-top: 1em;
	width: 32.5em;
	float: left;
}

#editPercentExt {
	margin-top: 1em;
	width: 15em;
	float: left;
}

#editPercentExt #extension {
	width: 2em;
}

#submitBlock {
	float: left;
	margin-top: 1em;
}

#linkBlock {
	float: left;
}


.old {
	border: thin dashed #999999;
	padding: .5em;
	background-color: #eeeeee;
	margin-bottom: 1em;
}


/* punTest */

#punForm {
}

#punForm input {
	width: 14em;
	margin-left: .2em;
}

#physicalAddressForm {
	float: left;
	width: 45%;
}

#mailingAddressForm {
	float: left;
	width: 40%;
}

#otherInfoForm {
	float: right;
	width: 44em;
	padding-top: 1em;
}

#otherInfoForm textarea {
	height: 10em;
	width: 35em;
	margin-left: .2em;
}

.formLine {
	padding: .2em;
}

.formLabel {
	width: 6em;
	float: left;
	text-align: right;
}

#punSubmit {
	float: left;
	clear: both;
	width: 12em;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
}

#punSubmit input {
	width: 6em;
}


pre {
	float: left;
	clear: left;
}


#programResultDescription {
	clear: left;
	margin-bottom: 1em;
	text-align: center;
}

#programResultDescription .number,.location,.program {
	font-weight: bold;
}

#programAllAgents {
	clear: left;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

#updatesContact {
	clear: left;
	font-size: .7em;
	text-align: center;
	padding-top: 1em;
}









#satellites {
	float: left;
	width: 40%;
	padding-top: .2em;
}

#satellites .label {
	margin: 0;
	padding: 0;
	padding-right: 0.25em;
	font-weight: bold;
	font-size: 0.9em;
}

#satellites a {
	margin: 0;
	padding: 0;
	font-size: .8em;
}


#downloadOptions a.downloadLink {
	font-weight: bold;
}