/***********************************************/
/* main page elements						   */
/***********************************************/
html {
	background: #E9E8E4 url(../images/columns-bg.png) repeat-y 50% 0;
	height: 100%;
	min-width: 984px;
}

body {
	background: url(../images/columns-gradient.png) no-repeat 50% 0;
	text-align: center;
	min-height: 100%;
	min-width: 984px;
	margin: 0;
}

#body {
	width: 984px;
	margin: auto;
	text-align: left;
}

#header {
	height: 105px;
}

#header img {
	border: 0;
}

#headerpic {
	background-color: #fff;
}

#leftcolumn {
	float: left;
	width: 182px;
	margin: 0;
}

#rightcolumn {
	float: left;
	width: 270px;
	margin: 0 0 0 1px;
}

#middlecolumn {
	float: left;
	width: 530px;
	margin: 0 0 0 1px;
	overflow: hidden;
}

#content {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #171717;
	margin: 10px 20px;
	padding: 0;
}

#content p {
	margin: 0 0 15px 0
}

/********************/
/* heading styles */
/********************/

h1, h2 {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	margin: 5px 0;
}

h1 {
	font-size: 2.3em;
	line-height: 1.2em;
}

#content h1 {
	margin-bottom: 12px;
}

h2 {
	font-size: 1.9em;
}

#content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
}


/********************/
/* main link styles */
/********************/

a:link, .linkslist a:visited, #search_nav a:visited {
	color: #000fd1;
	text-decoration: none;
}

a:visited {
	color: #093;
	text-decoration: none;
}

a:hover, .linkslist a:hover{
	color: #7575F5;
	text-decoration: none;
}

/* only apply border to middle and right columns */
#middlecolumn a:link, #middlecolumn a:visited, #rightcolumn a:link, #rightcolumn a:visited {
	border-bottom: 1px dotted #999;
}

#middlecolumn a:hover, #rightcolumn a:hover {
	border-bottom: 1px dotted #7575F5;
}

.boldlink {
	font-weight: bold;
	font-size: 1.1em;
}

a.externalLink {
	padding-right: 18px;
}

a.externalLink:link {
	background: url(../images/icon_external_link.png) no-repeat 100% 0;
}

a.externalLink:visited {
	background: url(../images/icon_external_link.png) no-repeat 100% -100px;
}

a.externalLink:hover {
	background: url(../images/icon_external_link.png) no-repeat 100% -200px;
}

.goback {
	cursor: pointer;
}

/* remove unwanted link border from specific styles */
#right-col-topnav a, #printpage a, .button a, a.imgLink, a.imgLink {
	border-bottom: none !important;
}


/**************************/
/* main navigation styles */
/**************************/
#nav {
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	width: 984px;
	line-height: 30px;
	background: url(../images/milonic/navbg.png) repeat-x;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav li {
	margin: 0;
	display: inline;
}


#nav a:link, #nav a:visited {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	padding: 3px 4px 3px 20px;
	text-decoration: none;
	border: none;
}

#nav a:hover {
	text-decoration: underline;
	border: none;
}

/**************************/
/* milonic menu styles 	  */
/**************************/
.milonicSubItem {
	border-bottom: 1px solid #0623B3;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	padding-left: 10px;
	line-height: 24px;
	text-decoration: none;
	color: #000 !important;
	min-width: 125px !important;
}

.milonicSubItemHover {
	border-bottom: 1px solid #0623B3;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	padding-left: 10px;
	line-height: 24px;
	text-decoration: none;
	color: #000 !important;
	min-width: 125px !important;
}

.milonicHighlight {
	color: #F9D18C !important;
}

/*********************************/
/* left column navigation styles */
/*********************************/

#leftcolumn ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#leftcolumn ul li {
	background-color: #F9D18C;
}

#leftcolumn ul li h3 {
	background: #DCDCDC url(../images/leftnav-header-bg.png) repeat-x bottom left;
	border-bottom: 1px solid #0623B3;
	line-height: 28px;
	font-size: .75em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 10px;
	color: #161616;
	margin: 0;
}

#leftcolumn ul li h3 a:link, #leftcolumn ul li h3 a:visited {
	display: block;
	color: #161616;
}

#leftcolumn ul ul {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #161616;
	margin: 0;
	padding: 0;
}

/* hack to fix IE6/Win's broken rendering of block-level anchors in lists. */
#leftcolumn ul ul li {border-bottom: 1px solid #0623B3;}

#leftcolumn ul ul a:link, #leftcolumn ul ul a:visited {
	display: block;
	color: #000;
	font-size: .75em;
	text-decoration: none;
	border: none;
	line-height: 14px; 
	background: #F9D18C url(../images/leftnav-link-bg.png) repeat-x 0 0;
	padding-left: 20px;
	padding: 6px 0 6px 20px;
}

#leftcolumn ul ul a:hover {
	background: #FDD130 url(../images/leftnav-link-hover-bg.png) repeat-x 0 0;
	border: none;
}

/***********************/
/* search field styles */
/***********************/

#search {
	background: #F9D18C url(../images/leftnav-link-bg.png) repeat-x;
	height: 30px;
	border-bottom: 1px solid #0623B3;
	padding: 10px;
	margin: 0;
}

#search .search-input {
	width: 120px;
	height: 20px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: 1px solid #0623B3;
}

#search .search-btn {
	vertical-align: middle;
	height: 22px;
	margin: 0;
	padding: 0;
}

/*************************/
/* search results styles */
/*************************/

#results .title {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/************************/
/* homepage styles		*/
/************************/

/* slideshow on homepage */
#myGallery {
	width: 530px !important;
	height: 354px !important;
	border: 0 !important;
}

#myGallery a.open:link, #myGallery a.open:visited {
	cursor: default;
}

#homepics {
	padding-bottom: 9px;
	background: url(../images/homepics-bottom.png) repeat-x 0 100%;
}

#homenews {
	background: url(../images/dot-c4c4c4.png) repeat-y 50% 0;
	padding-bottom: 10px;
}

#homenews .left, #homenews .right {
	width: 264px;
}

.home-block-bottom {
	height: 9px;
	line-height: 9px;
	background: url(../images/home-block-bottom.png) repeat-x 0 100%;
}

#homenews h2 {
	background-color: #fff;
	font-size: 1.5em;
	margin: 0;
	margin-left: 15px;
}

#homeaif {
	/* same text formatting as #content */
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.5em;
	color: #171717;
	padding: 10px 0 15px 0;
}

#homeaif h2 {
	margin: 0;
	margin-left: 15px;
}

#homeaif p {
	margin: 10px 20px 0 20px;
	padding: 0;
}

#featured {
	background: #ecf3ff url(../images/featured-border-left.png) repeat-y 0 0;
}

#featured h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: .75em !important;
	font-style: italic;
	color: #7183A5;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 5px !important;
	padding-left: 0px !important;
}

#featured .border-left {
	background: url(../images/featured-gradient.png) repeat-x 0 100%;
	padding-bottom: 1px;
}

#featured p {
	margin: 10px 0;
}

#featured img {
	border: 1px solid #8F8F8F;
}

#featured .smallpic img {
	float: left;
	margin: 0 10px 10px 0;
}

#featured .description {
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#featured a.title {
	font-weight: bold;
	font-size: 1.1em;
}

#featured a:link, #featured a:visited {
	color: #000fd1;
	border-bottom: 1px dotted #999;
	text-decoration: none;
}

#featured a:hover {
	color: #7575F5;
	border-bottom: 1px dotted #7575F5;
	text-decoration: none;
}

.homecontact {
	width: 240px;
	text-align: left;
}

/* general button styles in left column */
#leftcolumn .left-col-btn a:link, #leftcolumn .left-col-btn a:visited {
	color: #686868;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.05em;
	border-bottom: 1px solid #0623B3;
	padding: 0;
	display: block;
	width: 182px;
	height: 65px;
}

#leftcolumn .left-col-btn a:hover { color: #000; }

#leftcolumn .left-col-btn a span {
	display: block;
	line-height: .95em;
}

/* specific styles per button */
#btn-gis-mapping a:link, #btn-gis-mapping a:visited { background: url(../images/homepage/btn-gis-mapping.png) no-repeat 0 0; }
#btn-gis-mapping a:hover { background: url(../images/homepage/btn-gis-mapping.png) no-repeat 0 -65px; }
#btn-gis-mapping span.one { padding: 15px 0 1px 70px; }
#btn-gis-mapping span.two { padding: 0 0 1px 90px; }

#btn-acu-studies a:link, #btn-acu-studies a:visited { background: url(../images/homepage/btn-acu-studies.png) no-repeat 0 0; }
#btn-acu-studies a:hover { background: url(../images/homepage/btn-acu-studies.png) no-repeat 0 -65px; }
#btn-acu-studies span.one { padding: 10px 0 1px 80px; }
#btn-acu-studies span.two { padding: 0 0 1px 85px; }
#btn-acu-studies span.three { padding: 0 0 1px 86px; }

#btn-city-studies a:link, #btn-city-studies a:visited { background: url(../images/homepage/btn-city-studies.png) no-repeat 0 0; }
#btn-city-studies a:hover { background: url(../images/homepage/btn-city-studies.png) no-repeat 0 -65px; }
#btn-city-studies span.one { padding: 10px 0 1px 101px; }
#btn-city-studies span.two { padding: 0 0 1px 90px; }
#btn-city-studies span.three { padding: 0 0 1px 95px; }

/* doing a number on the wretched weather block. 
	No guarantee that this doesn't break if weather.com updates their code */

.wow_container .externalLink {
	background-image: none !important;
	padding-right: 0 !important;
	color: #000fd1 !important;
}

.wow_container { 
	background: #cdcdcd url(../images/homepage/wow-bg.png) repeat-x 0 0;
	border-bottom: 1px solid #0623B3;
	height: 125px !important;
	overflow: hidden !important;
	position: relative !important;
}

.wow_container:hover {
	background: #cdcdcd url(../images/homepage/wow-bg.png) repeat-x 0 -130px;
}

.wow_container table {
	background-color: transparent !important;
	border-color: transparent !important;
	border: none !important;
}

.wow_container img {
	background: #fff;
	border: 1px solid #ccc;
}

.wow_container table.fill {	margin-left: 2px; /* centers block */ }

.wow_container form input { /* removes form to lookup other weather */
	display: none;
}

/*****************/
/* breadcrumb	 */
/*****************/

#breadcrumb {
	background: #EBEBEB url(../images/leftnav-breadcrumb-bg.png) repeat-y bottom left;
	border-bottom: 1px solid #0623B3;
	line-height: 28px;
	font-size: .7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #161616;
	margin: 0;
}

#breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumb li {
	margin: 0;
	display: inline;
	padding-left: 20px;
	background: url(../images/breadcrumb-divider.png) no-repeat 0 50%;
}

#breadcrumb li.first-item {
	padding-left: 10px;
	background-image: none;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color: #00F;
}

#breadcrumb a:hover {
	color: #7575F5;
}

#printpage {
	float: right;
}

#printpage img {
	border: 0;
}

/**************************/
/* right column, top nav */
/**************************/

#right-col-topnav {
	background: #F3F3F3 url(../images/right-col-topnav-bg.png) repeat-y bottom left;
	border-bottom: 1px solid #0623B3;
	line-height: 28px;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#right-col-topnav li {
	margin: 0;
	padding: 4px 4px 4px 12px;
	display: inline;
	background: url(../images/right-col-topnav-divider.png) no-repeat 0 50%;
}

#right-col-topnav li.first-item {
	background-image: none;
}

#right-col-topnav a:link, #right-col-topnav a:visited {
	color: #161616;
	text-decoration: none;
}

#right-col-topnav a:hover {
	color: #747474;
}

/***************************/
/* right column formatting */
/***************************/

#rightcolumn h2, #rightcolumn h3, #rightcolumn p {
	margin-left: 15px;
	margin-right: 15px;
}

#rightcolumn h2 {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0 0 10px;
	color: #7183A5;
}

#rightcolumn h3 {
	font-size: .95em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
}

#rightcolumn p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin-top: 0px;
}

/**************************/
/* right column, lists    */
/**************************/

.linkslist {
	color: #888;
	font-family: Verdana, Helvetica, sans-serif;
	list-style: none;
	font-size: .6em;
	margin: 10px 10px 20px 25px;
	padding: 0;
}

.linkslist li {
	margin: 0 0 7px 0;
	padding: 0;
}

.linkslist span {
	display: block;
}

.linkslist a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

/**************************/
/* content lists    */
/**************************/

#content .linkslist {
	color: #888;
	list-style: none;
	font-size: .85em;
	text-align: left;
	margin: 10px 10px 20px 0px;
	padding: 0;
}

#content .linkslist li {
	background: none;
	margin: 0 0 7px 0;
	padding: 0 0 0 0px;
}

#content .linkslist a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00F;
}

#content .linkslist a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009933;
}

#content .linkslist a:hover {
	color: #7575F5;
}

ul.sitemap {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: .75em;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.sitemap ul {
	list-style: none;
	margin-left: 20px;
	padding: 0;
}

.sitemap h3 {
	margin-top: 12px;
	margin-bottom: 7px;
}

.sitemap h3 a {
	font-family: Georgia, Helvetica, sans-serif;
}

.sitemap li {
	margin: 7px 0 0 0;
	padding: 0;
}

.sitemap a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

/**************************/
/* pdf buttons			  */
/**************************/

.button {
	text-align: center;
	margin-top: 5px;
}

.button img {
	border: 0;
}

.button a:link, .button a:visited {
	opacity: .70;
}

.button a:hover {
	opacity: 1;
}

/**************************/
/* formatted styles	  	  */
/**************************/

.tab-block {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-size: .85em;
	width: 490px; /* gives IE layout. Sections weren't behaving in IE with float image and cleared element */
}

.tab-block .top {
	background: #fff url(../images/tab-block-top.png) no-repeat 0 100%;
	padding-bottom: 22px;
	height: 10px;
}

.tab-block .tab {
	float: left;
	margin: 0;
	position: relative;
	top: 0px;
	left: 15px;
}

.tab-block .tab strong {
	float: left;
	display: block;
	background: url(../images/tab-right.png) no-repeat top right;
	margin: 0;
	padding: 0;
}

.tab-block .tab span {
	display: block;
	font-weight: bold;
	background: url(../images/tab-left.png) no-repeat top left;
	padding: 1px 40px 1px 25px;
}

.tab-block .body {
	clear: both;
	border-left: 1px solid #8cbbff;
	border-right: 1px solid #8cbbff;
	background: #f7faff url(../images/section-gradient.png) repeat-x bottom left;
	padding: 0 4px 4px 14px;
}

.tab-block .more {
	font-weight: bold;
	text-align: right;
	margin-right: 10px !important;
	margin-bottom: 0 !important;
}

.tab-block .bottom {
	background: #fff url(../images/tab-block-bottom.png) no-repeat 0 0;
	height: 12px;
	font-size: 1px;
}

.section {
	border-bottom: 1px solid #8cbbff;
	border-top: 1px solid #8cbbff;
	background: #f7faff url(../images/section-gradient.png) repeat-x bottom left;
	padding: 0 4px 4px 4px;
	margin-bottom: 20px;
	width: 100%; /* gives IE layout. Sections weren't behaving in IE with float image and cleared element */
}

.section h3 {
	margin-top: 5px;
}

.section h3 a:link, .section h3 a:visited, .tab-block .tab a:link, .tab-block .tab a:visited {
	color: #000;
	padding-bottom: 1px;
}

.section h3 a:hover, .tab-block .tab a:hover {
	color: #7575F5;
}

.section .secImg {
	float: right;
	margin: 10px 0 10px 10px;
}

.section .secImg img {
	border: 0;
}

.section .secImg a:link, .section .secImg a:visited {
	border: none;
}

.section .more {
	font-weight: bold;
	text-align: right;
	margin-bottom: 4px !important;
	clear: both;
}

.section p  {
	padding-left: 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
}

.picsColumn {
	float: right;
	margin-left: 15px;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
}

.tiny {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

.big {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 1em !important;
}

.faint {
	color: #999;
}

.tinyMargin {
	margin-bottom: 3px;
}

hr {
	color: #8CBBFF;
	background-color: #8CBBFF;
	width: 100%;
	height: 1px;
	border: 0;
}

/**************************/
/* news elements	  */
/**************************/

.storydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-variant: small-caps;
	color: #585858;
	margin-top: 10px;
}

.picture-right {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 0 10px 20px;
}

.picture-right img {
	border: 1px solid #171717;
}

.picture-right span {
	display: block;
	width: 200px;
	text-align: left;
	margin-top: 5px;
}

/**************************/
/* blockquotes	  		  */
/**************************/

#content blockquote {
	float: right;
	text-align: left;
	width: 225px;
	margin: 5px 0px -5px 15px;
	background: url(../images/quote-open.gif) no-repeat left top;
}

#content blockquote div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: #4088ED;
	padding: 0px 28px 12px;
	margin-left: 10px;
	background: url(../images/quote-close.gif) no-repeat right bottom;
}

#content blockquote span {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #585858;
	margin: 5px 0 10px 15px;	
}

/**************************/
/* alternating	  		  */
/**************************/

ul.altList {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}

ol.altList {
	padding: 0;
	margin: 0 0 15px 0;
	list-style-position: inside;
}

.altTable, .altList {
	width: 100%;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	text-align: left;
	margin-bottom: 15px;
}

.altTable tr td, .altList li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	padding: 3px 5px;
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
}

.altTable tr.header td, .altTable tr.footer td {
	background-color: #A2C9FF !important;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 6px;
}

.altTable .odd, .altList .odd {
	background-color: #E6EFFF;
}

.altTable .even, .altList .even {
	background-color: #FFF;
}

table p, ul p, ol p {
	margin-bottom: 0 !important;
}

ul p, ol p {
	display: inline;
}

/**************************/
/* pagination	  		  */
/**************************/

.prevnext {
	font-size: .85em;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 3px 5px;
	background: #F3F3F3 url(../images/leftnav-breadcrumb-bg.png) no-repeat -8px 0;
	border: 1px solid #8F8F8E;
	border-left: none;
	border-right: none;
}

.prevnext span {
	font-size: 1.1em;
}

.prevnext a:link, .prevnext a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #161616;
}

.prevnext a:hover {
	color: #747474;
}

.prevnext-right {
	float: right;
}

/**************************************/
/* column styles, for use in #content */
/**************************************/

/* general style that all columns have. */
.columns div {
	text-align: left;
	float: left;
	margin-right: 10px;
}

.columns div div {
	float: none;
}

.columns h3 {
	margin: 0 0 10px 0;
}

/* specific widths of columns */
.col100 {width: 100px}
.col150 {width: 150px}
.col185 {width: 185px}
.col200 {width: 200px}
.col215 {width: 215px}
.col225 {width: 225px}
.col230 {width: 230px}
.col235 {width: 235px}
.col250 {width: 250px}
.col300 {width: 300px}
.col350 {width: 350px}
.colauto {width: auto}