@charset "ISO-8859-1";
/* content sub */

#content-sub {
	float: left;
	width: 166px;
	height: 100%;
	margin: 20px 15px;
	font-size: 95%;
}
* html #content-sub {
font-size: 90%; }

#content-sub h3 {
float: left;
width: 166px;
font-size: 120%;
font-weight: bold;
color: #004068;
padding: 0 0 2px 0;
border-bottom: 1px solid #004068; }

#content-video {
	float: left;
	width: 380px;
	margin: 0 0 0 0;
	height: auto;
}


/* images magazine */

#magazine {
float: left;
width: 166px;
padding: 1px 0;
background: #FFF;
 }

#magazine li.mag-web {
float: right;
width: 90px;
padding: 0 0 8px 18px;
text-decoration: none;
color: #004068;
}

* html #magazine li.mag-web {
width: 110px; }

#magazine li.mag-web a {
	color: #004068;
	text-decoration: underline;
	font-size: 10px;
}

#magazine li.mag-web a:hover { 
color: #386078; 
text-decoration: underline; }

#magazine li.mag {
float: left;
width: 30px;
padding: 0; }

#magazine li.mag-webalt {
float: left;
width: 90px;
padding: 0 0 0px 10px;
text-decoration: none;
color: #004068;
}

* html #magazine li.mag-webalt {
width: 50px; }

#magazine li.mag-webalt a {
	color: #004068;
	text-decoration: underline;
	font-size: 10px;
}

#magazine li.mag-webalt a:hover { 
color: #386078; 
text-decoration: underline; }

#magazine li.magalt {
	float: right;
	width: 60px;
}

/* video tours */

#video {
	background-color: #339966;		
}

/* buttons */

#buttons {
	background-color: #CC6600;
	background-repeat: no-repeat;
	font-size: 11px;
	width: 120px;
	font-color: #FFFFFF;
}

#buttons a {
color: #F0EEE8;
text-decoration:none; 
}

#buttons a:hover {
text-decoration: underline;
font-size: 12px;
 }

#button-image {
	background-repeat: no-repeat;
	background-position: center;
	height: 145px;

/* events items */

.calender-header {
	font-size: 12px;
	font-weight: bold;
}
.event-label {
float: left;
width: 166px;
padding: 20px 0 8px 0;
border-top: 1px solid #BFBFB8; }

.event-label li.header {
width: 166px;
padding: 0 0 6px 0;
font-size: 120%;
font-weight: bold;
color: #004068; }

.event-label li.web-blue {
padding: 0 0 8px 18px;
text-decoration: none;
color: #004068;
background: url(../gfx/info-icons/web-blue-mag.gif) no-repeat top left; }

.event-label a { 
color: #004068; 
text-decoration: underline; }

.event-label a:hover { 
color: #386078; 
text-decoration: underline; }

.event {
float: left;
width: 166px;
padding: 10px 0 8px 0;
border-top: 1px solid #BFBFB8; }

.event li {
padding: 0 0 1px 0; }

.event li.title {
font-weight: bold;
color: #222; }

.event li.web-blue a { 
color: #004068; 
text-decoration: underline; }

.event li.web-blue a:hover { 
color: #386078; 
text-decoration: underline; }

.event li.web-gray {
padding: 0 0 2px 18px;
text-decoration: none;
color: #004068;
background: url(../gfx/info-icons/web-gray.gif) no-repeat center left; }

.event li.web-gray a { 
color: #222; 
text-decoration: underline; }

.event li.web-gray a:hover { 
color: #004068; 
text-decoration: underline; }


/* content header */

#phone-block { 
float: right; 
width: 578px;
background: url(../gfx/pageheads/bkg-blue.gif) repeat-x top left; }

#phone-block h2 { 
float: left; 
width: 518px; 
height: 36px;
margin: 20px 40px 0 18px;
padding: 0 0 20px 0;
text-indent: -9999px;
background: url(../gfx/home/phone-block.gif) no-repeat top left;
display: inline; /* fixes IE/Win double margin bug */ }


/* content */

#content {
float: right;
width: 540px;
margin: 0 20px;
padding: 0 0 40px 0;
display: inline; /* fixes IE/Win double margin bug */ }


/* palette */

.palette {
float: left;
width: 520px;
margin: 0;
padding: 20px 0;
font-size: 95%;
border-top: 1px solid #D0D0C8; }
* html .palette {
font-size: 90%; }

.palette dt {
float: right;
width: 304px;
padding: 0 0 6px 0;
font-size: 130%;
font-weight: normal;
color: #004068; }
* html .palette dt {
font-size: 140%; }

.palette dt.nopad {
float: right;
width: 304px;
padding: 0;
font-size: 130%;
font-weight: normal;
color: #004068; }
* html .palette dt { 
font-size: 140%; }

.palette dd {
padding: 0 0 6px 216px;
line-height: 1.25em; }

.palette dd.img {
float: left;
width: 196px;
height: 196px;
margin: 0 20px 0 0;
padding: 0; }

.palette dd.date {
padding: 0 0 6px 216px;
font-weight: bold;
color: #333; }


/* info nugget */

.info-nugget {
padding: 0 0 0 216px; }

.info-nugget ul {
width: 301px;
padding: 0;
font-size: 100%; }

.heading {
padding: 0;
font-size: 80%; }

.contact {
padding: 0 0 0 20px;
text-decoration: none;
color: #004068; 
background: url(../gfx/info-icons/contact-blue.gif) no-repeat center left; }

.phone {
padding: 0 0 0 20px;
text-decoration: none;
color: #004068; 
background: url(../gfx/info-icons/phone-blue.gif) no-repeat center left; }

.email {
padding: 0 0 0 20px;
text-decoration: none;
color: #004068; 
background: url(../gfx/info-icons/email-blue.gif) no-repeat center left; }

.web {
padding: 0 0 0 20px;
text-decoration: none;
color: #004068; 
background: url(../gfx/info-icons/web-blue.gif) no-repeat center left; }

.palette a { 
color: #004068; 
text-decoration: underline; }

.palette a:hover { 
color: #386078; 
text-decoration: underline; }

/* footer */
#footer-logos {
	height: 75px;
	text-align: center;
	vertical-align: middle;
}

/* tooltip */
a {
	border-bottom: 1px dashed brown;
	text-decoration: none;
}

a:hover {
	position: relative;
}

a span {
	display: none;
}

a:hover span {
	display: block;
   	position: absolute; top: 10px; left: 0;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	opacity: 0.9;
	/* end formatting */
}
