/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #FFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
}

a,
a:link,
a:visited {
	color: #000;
	text-decoration: underline;
}

/* *** global styles *** */
.wrapper {
	width: 760px;
	padding: 0 10px;
}
.topwrapper {
        padding: 0 0 0 10px;
}

.clear { clear: both; }
a img { border: 0; }

h1 {
	font-size: 18px;
	color: #660066;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 15px;
}

/* *** misc styles *** */
.blueLinkBig, .blueLinkBig:link, .blueLinkBig:visited {
	display: block;
	height: 24px;
	margin-bottom: 4px;
	padding: 0 2px 0 8px;
	text-decoration: none;
	font: bold 15px/24px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #660066;
}
.normal { font-weight: normal !important; }

/* *** header *** */
#header {
	padding: 10px 0 15px 5px;
	position: relative;
}
	#header h1.logo {
		height: 85px; /* updated for search strip */
		width: 280px;
		float: left;
	}
		#header h1.logo a {
			display: block;
			width: 280px;
			height: 85px;
			text-indent: -9999px;
			outline: none;
		}
		
        /* *** search bar strip *** */

        #header #searchstrip {
            height: 33px;
            background-image: url(/images/purple/search-bar-bg.jpg);
            background-repeat: repeat-x;
            margin-left: 305px;
            margin-top: 25px;
        }
            #header #searchstrip #searchcap {
                height: 33px;
                width: 30px;
                float: left;
                background-image: url(/images/purple/search-bar-left-cap.jpg);
                background-repeat: no-repeat;
            }
            #header #searchstrip #searchmain {
                height: 27px;
                width: 440px;
                float: left;
                margin: 0;
                padding: 6px 0 0 0;
                background-image: url(/images/purple/search-box-background.jpg);
            }
            #header #searchstrip #searchmain input.sitesearch {
                height: 20px;
                padding: 0 10px;
                width: 380px;
                font-family: Arial, Helvetica, sans-serif;
                color: #666;
                font-size: 18px;
                font-style: italic;
                margin: 0 0 0 5px;
                float: left;
                line-height: 18px;
                border: none;
            }
            #header #searchstrip #searchmain input.searchbtn {
                margin: 0 0 0 0;
                float: left;
            }

	/* *** navigation *** */
	#header ul.topsubnav {
		left: 575px;
                width: 300px;
		top: 11px;
		float: left;
		position: absolute;
		right: 0;
	}
		#header ul.topsubnav li {
			float: left;
			list-style: none outside;
			font-size: 11px;
		}
			#header ul.topsubnav li a {
				margin-left: 4px;
				display: inline;
				width: 34px;
				float: left;
				text-decoration: none;
				text-transform: uppercase;
			}
				#header ul.topsubnav li a:hover {
					color: #660066;
					font-weight: bold;
				}
				
	/* *** page title *** */
	#header h1.title {
		white-space: nowrap !important;
		margin-top: 5px;
		margin-left: 150px;
	}

/* *** page content *** */
#lower {
	background: #9933cc;
}
	#lower .wrapper {
		border-right: 9px solid #9933cc;
		padding-bottom: 0;
		background: #FFF;
	}
	.wrapperHeight { min-height: 500px; float: left; }
	* html .wrapperHeight { height: 500px; }
	#lower .clear { background: #FFF; }
	#lower #adSection {
		position: absolute;
		left: 781px;
		top: 107px;
		padding: 20px;
                color: #fff;
	}
		#adSection p {
			margin-bottom: 15px;
		}
                #adSection li{
                        list-style: none;
                        font-size: 14pt;
                }
	
	
/* *** mission page *** */
#missionPage {
}
	/* *** left column *** */
	#leftColumn {
		width: 144px;
		float: left;
		margin-right: 10px;
	}
		#leftColumn h3 {
			font-size: 15px;
			height: 24px;
			line-height: 24px;
			color: #FFF;
			padding: 0 8px;
			background: #660066;
		}
		#missionPage ul, #teamPage ul, #sideNav {
			padding: 10px 14px;
			background: #cc99cc;
			border-bottom: 1px solid #cc99cc;
			margin-bottom: 4px;
		}
			#sideNav li, #teamPage li, #missionPage li {
				font-size: 11px;
				font-weight: bold;
				color: #000;
				list-style: none outside;
				margin-bottom: 4px;
			}
				#sideNav li:hover, #teamPage li:hover, #missionPage li:hover {
					color: #cc33cc;
				}
				#sideNav li a, #teamPage li a, #missionPage li a {
					font-size: 13px;
					font-weight: normal;
					text-decoration: none;
				}
					#sideNav li a:hover, #teamPage li a:hover, #missionPage li a:hover {
						font-weight: bold;
					}
					
	/* *** center column *** */
	#midColumn {
		width: 299px;
		float: left;
		margin-right: 20px;
	}
		#midColumn p.smallfont {
			font-size: 11px;
			color: #660066;
			margin: 5px 0;
		}
		#quote {
			background: url(/images/missionpage/quote_top.gif) no-repeat top left;
			margin-top: 20px;
		}
			#quote p {
				padding: 0 38px 0 43px;
				color: #660066;
				font-weight: bold;
				font-size: 13px;
				line-height: 120%;
				background: url(/images/missionpage/quote_bottom.gif) no-repeat bottom right;
			}
				#quote .normal {
					display: block;
					margin-top: 10px;
				}
					
	/* *** right column *** */
	#rightColumn {
		width: 285px;
		float: left;
	}
		#rightColumn h2 {
			font-size: 30px;
			line-height: 36px;
			margin-top: -4px;
			color: #660066;
			margin-bottom: 10px;
		}
		#rightColumn p {
			margin-bottom: 10px;
			line-height: 140%;
		}
	
/* *** subpage *** */
#cityPage {
	padding: 0 10px !important;
	border-right: 9px solid #9933cc;
}
	#cityPage #columnFour {
		height: 319px;
		width: 144px;
		float: right;
		/*background: #132531; --RickMod 10082011*/
                background: #9933cc;
	}
		#cityPage #columnFour h3 {
			font-size: 15px;
			height: 24px;
			line-height: 24px;
			color: #FFF;
			padding: 0 8px;
			background: #9933cc;
		}
		.sideBlock {
			padding: 7px;
			padding-bottom: 0;
			border-bottom: 1px solid #cc99cc;
			color: #FFF;
		}
			.sideBlock p {
				font-size: 11px;
				line-height: 140%;
				margin-bottom: 7px;
			}
			.sideBlock a, .sideBlock a:link, .sideBlock a:visited { color: #FFF; text-decoration: none; }
			.sideBlock a:hover { text-decoration: underline; }
			
	.mainCityBlock {
		height: 319px;
		width: 606px;
	}
		.cityBlockSquare {
			height: 142px;
			width: 124px;
			padding: 5px 10px 10px 10px;
			border-right: 10px solid #FFF;
			border-bottom: 10px solid #FFF;
			float: left;
			color: #FFF;
			font-size: 13px;
		}
			.cityBlockSquare h3 {
				margin-bottom: 7px;
			}
			.cityBlockSquare ul {
				margin-bottom: 5px;
			}
			.cityBlockSquare li {
				list-style: none outside;
				font-size: 11px;
				font-weight: bold;
			}
				.cityBlockSquare a, .cityBlockSquare a:link, .cityBlockSquare a:visited {
					font-size: 13px;
					text-decoration: none;
					color: #FFF;
				}
				.cityBlockSquare a:hover { font-weight: bold; color: #ff66ff; }
				
				.cityBlockSquare a {
					position: relative;
				}
				
			#cityBlockSquare_4, #cityBlockSquare_8 { border-right: 0; }
			#cityBlockSquare_5, #cityBlockSquare_6, #cityBlockSquare_7, #cityBlockSquare_8 { border-bottom: 0; height: 137px; }
		
		.cityBlockSquare_lighter { background: url(/images/semitrans_lighter.png) repeat center center; }
		#cityBlockSquare_6 {
			background: url(/images/semitrans.png) repeat center center;
		}
		#cityBlockSquare_8 li {
			margin-bottom: 3px;
		}
		
                .linkitem{
                    display: block;
                    margin: -5px 0 0 -13px;
                    width: 100%;
                    height: 100%;
                    background-color: #fff;
                }
		
/* *** footer *** */
#footer {
}
	.border {
		height: 10px;
		width: 605px;
		position: relative;
		left: 160px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #999;
	}
	#copyright {
		font-size: 11px;
		padding-left: 9px;
		margin-bottom: 20px;
	}
		#copyright a { text-decoration: none; }
		#copyright a:hover { text-decoration: underline; }
	#footerAbout {
		height: 40px;
		padding-bottom: 11px;
		margin-bottom: 5px;
                font: 10pt arial, sans-serif;
	}
		#footerAbout h3 {
			height: 36px;
			width: 144px;
			margin-right: 9px;
                        margin-left: 9px;
			float: left;
			background: url(/images/footer_logo.gif) no-repeat center left;
			text-indent: -9999px;
		}
			#footerAbout h3 a  {
				display: block;
				height: 34px;
			}

        #footerfade{
            background-image: url(/images/purple/search-bar-bg.jpg);
            background-repeat: repeat-x;
            background-position: bottom left;
            height:33px;
            display: block;
            width: 100%;
            text-align: right;
        }
        
        #footerLower {
		padding-left: 9px;
	}
	
/* *** subpage 2 *** */
.sideList {
	list-style: none outside;
	margin: 15px 5px;
	margin-right: 0;
}
	.caps {
		text-transform: uppercase;
	}
	.sideList li {
		margin-bottom: 10px;
	}
		.sideList li a, .sideList li a:link, .sideList li a:visited {
			text-decoration: none;
			font-size: 11px !important;
		}
		.sideList li a:hover {
			color: #660066;
			font-weight: bold;
		}

#wideColumn {
	width: 460px;
	margin-left: 10px;
	float: left;
	margin-bottom: 40px;
}
#wideColumn h2 {
	font-size: 18px;
	color: #660066;
	margin-bottom: 15px;
	margin-top: 5px;
}
	.entry {
	}
		.entry p, .entry ul, .entry ol, .entry blockquote {
			margin-bottom: 10px;
			line-height: 140%;
		}
                .smallimage img{
                    border: 1px solid #333;
                    margin-right: 10px;
                    float: left;
                    width: 80px;
                    height: 80px;
                }
		
/* *** subpage 3 *** */
#subpage_3 {
	padding-right: 0 !important;
	width: 770px;
}
	#sidePagination {
		text-align: center;
		margin-top: 15px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #999;
		font-size: 11px;
		color: #660066;
	}
		#sidePagination a, #sidePagination a:link, #sidePagination a:visited {
			margin: 0 15px;
			color: #660066;
			text-decoration: none;
			font-weight: bold;
		}
	
	.nobold a:hover {
		font-weight: normal !important;
	}
	.blue { color: #660066; }

#widestColumn {
	width: 616px;
	float: left;
}
	.listingResult {
		width: 144px;
		margin-right: 8px;
		margin-bottom: 8px;
		float: left;
	}
		.listingResult .top {
			height: 144px;
			text-align: center;
			margin-bottom: 7px;
			font-size: 0px;
			background: url(/images/listing_gradient.gif) repeat-x bottom left #FFF;
		}
			.listingResult .top img {
			}
		.listingResult .info {
			height: 144px;
			padding: 5px;
			border: 1px solid #660066;
			font-size: 11px;
		}
			.listingResult a {
				font-weight: bold;
				text-decoration: none;
			}
		
/* *** subpage 4 *** */
#staffList {
	margin: 7px 0px;
}
	#staffList li {
		list-style: none outside;
		margin-bottom: 6px;
		height: 70px;
	}
		#staffList a {
			display: block;
			text-decoration: none;
			height: 70px;
			background: #9933cc;
		}
		#staffList a:hover { background: #660066; color: #FFF; }
		#staffList img {
			float: left;
		}
		#staffList span {
			float: right;
			display: block;
			padding: 5px 6px;
			height: 60px;
			width: 62px;
			color: #FFF;
		}
/* *** subpage 5 *** */
#subpage_6 #rightColumn h2 {
	font-size: 18px;
	line-height: normal;
}
	#subpage_6 #midColumn p {
		margin-bottom: 10px;
		color: #660066;
		font-weight: bold;
		font-size: 13px;
		line-height: 120%;
	}
		#subpage_6 #midColumn a, #subpage_6 #midColumn a:link, #subpage_6 #midColumn a:visited {
			color: #660066;
			text-decoration: none;
		}
	#partnershipPhotos {
		margin-bottom: 10px;
	}
	
.address {
	border: 1px solid #660066;
	padding: 10px;
}

#sitemap ul {
    margin: 1.5em;
    list-style-type: none;   
}

/* Miscellaneous styles used for various things */

h2.articleHeadline {
    margin-bottom: 0px;
}

h2.articleHeadline a {
    color: #660066;
    text-decoration: none;
}

h2.articleHeadline a:hover {
    color: #990066;
    text-decoration: underline;
}

p.articleDate {
    margin: 0;
    padding: 0;
    color: #999;
    font-size: 12px;
    font-weight: normal;
}

.listingsPagination {
        width: 616px;
        height: 20px;
        float: left;
}

.listingsPagination p {
        float: left;
        margin-right: 16px;
}

.baselineBorder {
    border-bottom: 1px solid #CCC;
}

/** Form Styles **/

#myForm label {
    width: 70px;
    float: left;
    margin-right: 20px;
    color: #660066;
}

#myForm label.wider {
    width: 300px;
    float: left;
    clear: right;
    color: #660066;
}

#myForm input, #myForm select {
        float: left;
	padding:0.15em;
        width: 200px;
	border:1px solid #660066;
	background:#fafafa;
	font: 0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

#myForm textarea {
        padding:0.15em;
        width: 400px;
	border:1px solid #660066;
	background:#fafafa;
	font:0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

#myForm select {
	padding:0.15em;
        width: 220px;
	border:1px solid #660066;
	background:#fafafa;
	font:0.95em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

#myForm input:hover, #myForm input:focus {
	border-color:#660066;
	background:#CCC;
}

#myForm button.submit {
        margin-left: 170px;
        font: 1.1em arial, sans-serif;
}

/** Rotaty Floaty JText SiteStats **/

.jLetter .panel{
	width: 152px;
	height: 102px;
	position: relative;
	overflow: hidden;
	background: transparent;
}

.jLetter .panel p{
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	position: relative;
	
	text-align: center;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

/** Autocomplete styles **/

/* Autocomplete
----------------------------------*/
.ui-autocomplete { 
    position: absolute; 
    cursor: default; 
    top: 6px;
    border: 1px solid #CCCCCC;
    border-top: none;
    padding: 8px;
    z-index: 9 !important;
    background-color: #FFFFFF;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
}

.ui-autocomplete-loading { 
    background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; 
}

/* workarounds */
* html .ui-autocomplete { 
    width:1px; 
} /* without this, the menu expands to 100% in IE6 */

/* Menu
----------------------------------*/
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    z-index: 99;
}

.ui-menu li.category {
    background: #FFF;
    color: #999;
    font-size: 16px;
    padding-top: 8px;
    margin-bottom: 6px;
    padding-left: 6px;
    z-index: 999;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    z-index: 99;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    background: #FFF;
    padding-left: 16px;
    z-index: 99;
}
.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
    z-index: 99;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    background-color: blue;
    color: #FFF;
    z-index: 99;
}