/*
Copyright 2005-2006 Monroe County, NY 
CSS Import
$Revision: 1.01 $
Use as global normal stylesheet.
*/




































































/* General */

* { margin: 0; padding: 0; font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;} /* sets everything */

/* Be kind to Netscape 4 */
body, div, p, th, td, li, dd {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	}
	
/* Todd Farner and Tantek Celik */

body, body div, body p, body th, 
body td, body li, body dd    {
    /* more specific to override imported rule */
    font-size:    x-small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small
    /* intended value for better browsers */
    }

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    {
    font-size:    small
    /* be nice to Opera */
    }


	
	
body {font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; color: #000; margin: 0; padding: 0; line-height: 1.5em; font-weight: normal; text-align: left;}
p {font-size: 85%; margin-top: 0; margin-bottom: 0.3em;}
h1 {font-size: 200%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 90%; color: #666;}
dl, dt, dd {font-size: 85%;}
ul, ol, li {font-size: 90%;}
a {color: #194e84; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
img {display: block;}
img a {border: none;}
.hide {display: none;}
.clear {clear: both; font-size: 0; line-height: 0;}
.note {font-size: 85%;}
	
/* Be kind to Netscape 4 */
body {
	font-family: Verdana, sans-serif;
	}
p, td, ul, ol, li, dl, dt, dd {
	font-family: Verdana, sans-serif;
	}
	
/* Alsett Clearing Method */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}


/* Switcher */


#switch li {position: relative; float: left; height: 20px; background-image: url(../i-p/switcher.gif); /* repeated here to avoid IE6/Win flicker */ background-repeat: no-repeat;}
#switch a {float: left; height: 20px; text-indent: -5000px; background-image: url(../i-p/switcher.gif); background-repeat: no-repeat; text-decoration: none;}
#normalstyle a, #normalstyle li {width: 30px; background-position: 0 0;}
#normalstyle a:hover {background-position: 0 0;}
#largestyle a, #largestyle li {width: 20px; background-position: -30px -20px;}
#largestyle a:hover {background-position: -30px 0;}
#xlargestyle a, #xlargestyle li {width: 30px; background-position: -50px -20px;}
#xlargestyle a:hover {background-position: -50px 0;}
#emailpage a, #emailpage li {width: 30px;background-position: -80px -20px;}
#emailpage a:hover {background-position: -80px 0;}
#printpage a, #printpage li {width: 40px; background-position: -110px -20px;}
#printpage a:hover {background-position: -110px 0;}


/*--- Rules for Layout ---*/



#wrap {line-height: 1.2; font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;}
#wrap-inner {width: auto;}
	
/*--- Rules for Header ---*/

#header {display: none; position: relative; background: #194e84 url(../i-p/masthead.jpg) top left no-repeat; height: 98px; border-bottom: 1px solid #fff;}
#navbar {display: none; background: url(../i-p/tabs-bg.gif) top left repeat-x;}
#login {display: none; background-color: #000; color: #fff; border-bottom: 1px solid #fff;}
#urhere {display: none; background: #fff; clear: both; text-align: left; font-size: 80%; font-weight: normal;}
#search {display: none; position: absolute; right: 4px; top: 6px;}
#nav {display: none; float: left; height: 40px; list-style: none;}
#main-body {position: relative;}
#footer {display: none; position: relative; border-top: 1px solid #194e84; padding: 5px 0;}

/* #content {padding: 1em 0; margin-left: 30px; margin-right: 30px; } */
#content {padding: 0; margin: 0; width: 7in; }

#leftcol {display: none;position: absolute; top: 0; left: 0; width: 150px;}
#switcher {display: none;margin: 0; padding: 0; background-color: #fff; height: 20px; overflow: hidden;}
#switch {display: none;float: left; list-style: none;}
#rightcol {display: none; position: absolute; top: 1em; right: 8px; width: 200px;}
.action {display: none;}

	
html>#leftcol {
	display: none;
	width: 150px; /* Be nice to Opera */
	}
html>#rightcol {
	display: none;
	width: 200px; /* Be nice to Opera */
	}

/*--- Rules for Global Content ---*/

#content {font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;}
#content div.text {z-index: 30; position: relative; background-color: transparent;}
#contactinfo {z-index: 100; position: relative; padding: 7px; float: right; margin-left: 1.5em; margin-bottom: 1em; width: 168px; border: 1px solid #a1b4cd;}


#content h1 {color: #194e84; text-align: center; margin-top: 0; margin-bottom: 1em; padding-bottom: 0.25em; border-bottom: 1px dotted #a1b4cd; clear: both;}
.text h2 {color: #7595b5; margin-top: 1.5em; padding: 0; padding-bottom: 0.25em; line-height: 1.5em; background-color: transparent;}
.text h2:first {margin-top: 0;}
.text h3 {color: #666; padding: 0.5em 0; font-weight: normal; line-height: 1.25em; background-color: transparent;}
.text h4 {color: #333; padding: 0.25 0; line-height: 1.25em; background-color: transparent;}
.text h5 {color: #000; padding: 0.25 0; line-height: 1.25em; background-color: transparent;}
.text h5.red {color: #c00; background-color: transparent;}
.text p {font-size: 90%; line-height: 1.5em; margin-bottom: 0.5em;}

/* contact info */


#contactinfo img {margin-bottom: 0.25em; margin-top: 0.25em; border-top: 1px dotted #a1b4cd; padding-top: 0.35em;}
#contactinfo h4 {margin: 0px; padding: 0 0 .25em 0; font-size: 80%; font-style: italic; color: #666;}
#contactinfo h3 {margin: 0; padding: 0; font-size: 90%; color: #666; border: none;}
#contactinfo h2 {margin: 0; padding: 0; font-size: 100%; color: #194e84;}
#contactinfo h5 {font-size: 80%; font-weight: bold; margin-top: 1em; border-top: 1px dotted #a1b4cd; padding-top: 0.35em;}
#contactinfo p {padding: 0; font-size: 80%; line-height: 1.2em;}
#contactinfo p.phone {margin-top: 0.5em;}
#contactinfo a {margin: 0; padding: 0; text-decoration: none; color: #194e84;}
#contactinfo a:hover {text-decoration: underline;}
#content div.photos img {padding: 7px; border: 1px solid #999; margin-bottom: 5px; margin-top: 5px;}
.extra {margin-top: 1em; border-top: 1px dotted #a1b4cd; padding-top: 0.35em;}
.desc {padding: 9px 9px 0 9px; background: url(../i-p/openboxleft.gif) no-repeat 0 0;}
.download {padding-left: 12px; background: url(../i-p/download.gif) no-repeat 0 0;}

/* lists */

#content div.text ul {list-style: none; padding-left: 0; padding-bottom: 0.5em; background-color: transparent;}
#content div.text ul li {line-height: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; margin-left: 0px; font-size: 100%; background-image: url(../i-p/li-diamond.gif); background-repeat: no-repeat; background-position: 0 0; background-color: transparent;}
#content div.text ul.spaced li {line-height: 1.5em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; margin-left: 0px; margin-bottom: 0.75em; font-size: 100%; background-image: url(../i-p/li-diamond.gif); background-repeat: no-repeat; background-position: 0 0; background-color: transparent;}
#content div.text ul ul {margin-left: 15px; background-color: transparent;}
#content div.text ul li a {margin-left: 0px; font-size: 100%; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; background-color: transparent;}
#content div.text ul li a:hover {text-decoration: underline; background-color: #ebf0f4;}
#content div.text ol {padding-bottom: 0.5em; margin-left: 30px; list-style: decimal; background-color: transparent;}
#content div.text ol li {font-size: 100%; line-height: 1.5em; background-color: transparent;}
#content div.text p.pull {float: left; width: 300px; text-align: center; background: #eef3f7; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 0.75em; margin: 0.75em 30px 1.25em 30px;}
#content div.text p.pullgo {width: 85%; text-align: center; background: #eef3f7; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 0.75em; margin: 0.75em 30px 1.25em 30px;}
	
/* images */

#content img.right {float: right; padding: 3px; margin: 0 0 1em 1em; border: 1px solid #999; background-color: #fff;}
#content img.left {float: left; padding: 3px; margin: 1em 1em 0 0; border: 1px solid #999; background-color: #fff;}
#content div.text img {float: right; padding: 5px; border: 1px solid #a1b4cd; margin-left: 1em; margin-bottom: 0.5em;}
#content div.text img.left {float: left; padding: 5px; border: 1px solid #a1b4cd; margin-right: 1em; margin-bottom: 0.5em; margin-left: 0;}
	
/* right image with caption */
	
#content div.text div.imageright {width: 190px; float: right; border: 1px solid #a1b4cd; margin-left: 30px; margin-bottom: 20px; padding: 0;}
#content div.text div.imageright img {border: none; padding: 5px; margin: 0;}
#content div.text div.imageright p, div.imageright img {margin-left: 10px; margin-right: 10px;}
#content div.text div.imageright p {font-size: 80%; padding: 0 5px 5px 5px; margin: 0; text-align: right; color: #666; line-height: 1.2em; font-weight: 300;}

/* left image with caption */
	
#content div.text div.imageleft {width: 190px; float: left; border: 1px solid #a1b4cd; margin-right: 30px; margin-bottom: 20px; padding: 0;}
#content div.text div.imageleft img {border: none; padding: 5px; margin: 0;}
#content div.text div.imageleft p, div.imageleft img {margin-left: 10px; margin-right: 10px;}
#content div.text div.imageleft p {font-size: 80%; padding: 0 5px 5px 5px; margin: 0; text-align: left; color: #666; line-height: 1.2em; font-weight: 300;}

/* quick hits */

div.quickhits {width: 100%; padding: 1em; clear: both; padding: 0; margin: 0;}
div.quickhits img {display: inline; border: none; padding: 0 2px; margin: 0; margin-bottom: 1em;}

/* Department Listing */

#departments dt {
	font-size: 130%;
	color: #194E84;
	background-image: url(../i-p/serv-item-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B9CAD9;
	margin: .5em 0px 0.5em;
}
#departments dl {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
}
#departments dd {
	font-size: 100%;
	color: #333333;
	margin: 0px;
	padding: 0px 0px .25em;
	line-height: 1.5em;
}
#departments dd.email {
	padding-bottom: 0.5em;
	margin: 0;
	}

/* 1 point Smith maneuver */

/* Hide form IE5-mac. Only IE-win sees this.
The Holly Hack -
http://www.positioniseverything.net
Used to combat the IE6 Peekaboo Bug
\*/
* ul, ol, dl {
	position: relative;
	}
/* End hide from IE5/mac
End Holly Hack*/


/* accessible forms */

#mc-form {
	width: 480px;
	padding: 0;
	margin: 1.25em 0;
}

.input-box {
	color: #26a;
	background: #feb;
	border: #26a solid 1px;
	margin-bottom: 10px;
}
.submit-button {
	color: #000;
	background: #fb0;
	border: 2px #9cf outset;
	margin-left: 5em;
	clear: both;
}
fieldset {
	border: #26a solid 1px;
	padding: 10px;
	width: 400px;
}
legend {
	background: #fb0;
	border: #26a solid 1px;
	padding: 1px 10px;
}


/* temp left */

/* News and PR */

#newsreleases {
	width: 100%;
}

#newsreleases div.pritem {
	float: left;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
	clear: both;
}
#newsreleases div.pritem h1 {
	margin: 0 0 0 130px;
	padding: 0 0 0.25em 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #194e84;
	border: none;
}
#newsreleases div.pritem h2 {
	margin: 0 0 0 130px;
	padding: 0 0 0.5em 0;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.5em;
}
#newsreleases div.pritem h2.day {
	margin: 0 0 0 130px;
	padding: 0 0 0.75em 0;
	color: #c00;
	font-size: 80%;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
#newsreleases div.pritem h3 {
	margin: 0 0 0 130px;
	padding: 0 0 0 15px;
	font-weight: normal;
	line-height: 1.25em;
	font-size: 85%;
	background: url(../i-p/item-more.gif) no-repeat 0 2px;
}
#newsreleases div.pritem img.prphoto {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	margin: 0;
	padding: 3px;
	border: 1px solid #a1b4cd; 
	background-color: #fff;
}


/*--- Rules for Left ---*/

#leftcol p {margin: 0;padding: 0;}
#leftcol p a.plus, #leftcol p a.minus {font-size: 75%; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; padding: 0.35em 5px 0.35em 0.5em; margin: 0; background: #194e84 url(../i-p/plus.gif) no-repeat right 50%; display: block;}
#leftcol p a.minus {background: #194e84 url(../i-p/minus.gif) no-repeat right 50%;}
/* drop down dept link list */
#deptlinks {margin: 0; padding: 0; font-size: 80%; font-style: normal; color: #919ea4; border-bottom: 1px solid #194e84;}
#deptlinks a {text-align: left; border-top: 1px solid #fefefe; border-bottom: 1px solid #c3c8cb;}
#deptlinks a:link, #deptlinks a:visited {display: block; padding: 0.25em 5px 0.25em 0.5em; background-color: #eaeeee; color: #194e84; text-decoration: none;}
#deptlinks a:hover {color: #5e83a9; background-color: #fff; border-top: 1px solid #d6dadd;}
#deptlinks a.here {display: block; font-weight: bold; padding: 0.25em 5px 0.25em 0.5em; border-left: 5px solid #5e83a9; background-color: #fff; color: #5e83a9; text-decoration: none;}
/* first layer of primary links */
#sectionlinks {margin: 0; padding: 0; font-size: 80%; font-style: normal; color: #919ea4;}
#sectionlinks a {text-align: left; border-top: 1px solid #fefefe; border-bottom: 1px solid #c3c8cb;}
#sectionlinks a:link, #sectionlinks a:visited {display: block; padding: 0.25em 5px 0.25em 0.5em; background-color: #eaeeee; color: #194e84; text-decoration: none;}
#sectionlinks a:hover {color: #5e83a9; background-color: #fff; border-top: 1px solid #d6dadd;}
#sectionlinks a.here {display: block; font-weight: bold; padding: 0.25em 5px 0.25em 0.5em; border-left: 5px solid #5e83a9; background-color: #fff; color: #5e83a9; text-decoration: none;}
/* list of secondary pages for dept */
div.deptpagelinks {background-color: #fff; padding-top:0.25em; padding-bottom: 0.5em; border-bottom: 1px solid #c3c8cb;}
div.deptpagelinks a {display: block; font-size: 80%; font-weight: normal; line-height: 1.25em; background-color: transparent; border: none; padding: 0.3em 5px 0.3em 9px; margin: 0; text-decoration: none;}
div.deptpagelinks a:hover {text-decoration: underline; background: #ebf0f4;}
div.deptpagelinks a.here {text-decoration: underline;}
/* second layer of primary links */
#leftcol div.morelinks {margin: 0; padding: 0; font-size: 80%; font-style: normal; color: #919ea4; background-color: #fff;}
#leftcol div.morelinks a {text-align: left; border-top: 1px solid #fefefe; border-bottom: 1px solid #c3c8cb;}
#leftcol div.morelinks a:link, #leftcol div.morelinks a:visited {display: block; padding: 2px 5px 2px 0.5em; background-color: #eaeeee; color: #194e84; text-decoration: none;}
#leftcol div.morelinks a:hover {color: #5e83a9; background-color: #fff; border-top: 1px solid #d6dadd;}
#leftcol div.morelinks a.here {display: block; font-weight: bold; padding: 0.25em 5px 0.25em 0.5em; border-left: 5px solid #5e83a9; background-color: #fff; color: #5e83a9; text-decoration: none;}
/* list of related items like links and documents */
#leftcol div.relatedlinks {margin: 0; padding-bottom: 0.75em; border-top: 1px solid #fefefe; border-bottom: 1px solid #c3c8cb; background-color: #f1f1f1;}
#leftcol div.relatedlinks h3 {padding: 10px 5px 2px 9px; color: #666; font-size: 80%; background-color: transparent; border: none;}
#leftcol div.relatedlinks a {display: block; font-size: 80%; font-weight: normal; line-height: 1.25em; background-color: transparent; border: none; padding: 0.3em 5px 0 9px; margin: 0; text-decoration: none;}
#leftcol div.relatedlinks a:hover {text-decoration: underline;}
#leftcol div.relatedlinks a.here {text-decoration: underline;}
/* adverts */
#leftcol div.advert {margin: 0; padding: 0; border-bottom: 1px solid #c3c8cb; background-color: transparent;}
#leftcol div.advert img {display: block; margin: 5px auto; border: none;}
#leftcol div.advert img a {display: block; margin: 5px auto; border: none;}