/*------------------------------------------------------------------
				UCCC SCREEN STYLE SHEET
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------
				INITIALS AND NEUTRALIZERS
/*------------------------------------------------------------------*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120%  Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;

}

h1, h2, h3, h4, h5, h6{	
	letter-spacing:-.03em;
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 0;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

a:active, a:link, a:visited{
color: #0077C1;
text-decoration:underline;

}

a:hover{
text-decoration:none;
	}



/*------------------------------------------------------------------
				GLOBAL
/*------------------------------------------------------------------*/

body{
	background: url(../images_/bodyBG.jpg) repeat-y 780px 0px;
}

#wrapper{
	text-align:left; /* reset text alignment */
	width:744px; /* or a percentage, or whatever */
	padding-left:26px;
}

#header{
	width:744px;
	height:281px;
	background:url(../images_/ndxHeader.jpg) 0 0 no-repeat;
}

.header-logo{
	display:block;
	float:left;
	padding:15px 0 0 0;
}

#global-return{
	list-style:none;
	float:right;
	display:block;
	padding:60px 100px 0 0;
}

#global-return li {
	float:left;
	display:block;
}

#global-return li a{
	font: bold 80%/120%  Arial, Helvetica, sans-serif;
	color: #0077C1;
	display:block;
	padding:0 5px;
	border-right:1px solid #30628D;
}

#global-return li a.last{
	border-right:none;
}

#global-return li a:hover{
	color: #fff;
	background-color:#0077C1;
	text-decoration: none;
}

#global-nav{
	width:744px;
	height:29px;
}

#global-nav ul{
	list-style:none;
	padding-left:5px;
}

#global-nav ul li{
	float:left;
	display:block;
}

#footer{
	width:734px;
	padding:5px;
	background-color: #E5F1F9;
}

#footer ul{
	list-style:none;
	display:block;
	padding:10px 0;
}

#footer ul li {	
	display:inline;
}

#footer ul li a{
	font:  65%/120%  Arial, Helvetica, sans-serif;
	color: #0077C1;
	padding:0px 4px;
	border-right:1px solid #30628D;
}

p.mice{
	font:  65%/120%  Arial, Helvetica, sans-serif;
	color: #0077C1;
	display:block;
	padding:5px 0 5px 0;
}

#content-left, #content-right{
	float:left;
}

#content-left{
	width:250px;
	margin-bottom:15px;
}

label{
	font: 80%/130% Arial, Helvetica, sans-serif;
	color: #0077C1;
	cursor: pointer;
	display:block;
	background-color:#FFFFF0;
	margin-bottom:8px;
	padding:5px;
	border:1px solid #4cbf58;
}

input.submit  {
	border: 1px solid #4cbf58;
	background-color:#FFFFF0;
	color: #0077C1;
	cursor: pointer;
}

input.submit:hover, input.submit:focus {
	background-color:#F4FEF3;
	cursor: pointer;
}

input.submit:active {
	border-color: #333 #fff #fff #333;
	background-color:#c9c9bc;
	cursor: pointer;
}

#primary-content .error{
	color:#4cbf58;
}

#primary-content .results{
	color:#4cbf58;
	font: 100%/120%  Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
}
/*------------------------------------------------------------------
				START GENERAL CONTENT LAYOUT 
/*------------------------------------------------------------------*/

#content-wrapper{
	width:729px;
	padding:15px 0 15px 15px;
}

#side-content{
	float:left;
	width:199px;
	margin-right:20px;	
}

#primary-content{
	float:left;
	width: 480px;
}

/*------------------------------------------------------------------
				PNG's THAT NEED SOME STYLING
/*------------------------------------------------------------------*/



/*------------------------------------------------------------------
				SIDE CONTENT STYLES 
/*------------------------------------------------------------------*/

h2{
	color: #fff;
	background: url(../images_/box_top.gif) no-repeat left top;
	padding:5px;
	font: 130%/120%  Arial, Helvetica, sans-serif;
	letter-spacing: -.01em;
}

h2.blue{
	background-color:#31A8F2;
}

h2.green{
	background-color:#369541;
}

#side-sub-nav{
	background:#E4F1F9 url(../images_/bluegradBG_03.jpg) repeat-x left bottom ;
	margin-bottom:20px;
	padding-bottom:20px;
	list-style:none;
}

#side-sub-nav li a{
	font: 85%/120%  Arial, Helvetica, sans-serif;
	display:block;
	width:160px;
	padding:5px;
	margin-left:5px;
	border-bottom:1px dotted #31A8F2;
}

#side-sub-nav li a:link, #side-sub-nav li a:active,#side-sub-nav li a:visited,#side-sub-nav li a:hover{
	text-decoration:none;
	color:#02588D;
}

#side-sub-nav li a:hover{
	text-decoration:none;
	color:#31A8F2;
}	

#useful-links{
	background:#EAFDEA url(../images_/greengradBG_13.jpg) repeat-x left bottom ;
	list-style:none;
	margin-bottom:20px;
	padding-bottom:20px;
}

#useful-links li a{
	font: 85%/120%  Arial, Helvetica, sans-serif;
	display:block;
	width:160px;
	padding:5px;
	margin-left:5px;
	border-bottom:1px dotted #369541;
}


#useful-links li a:link, #useful-links li a:active,#useful-links li a:visited,#useful-links li a:hover{
	text-decoration:none;
	color:#369541;
}

#useful-links li a:hover{
	text-decoration:none;
	color:#00CC66
}	

/*------------------------------------------------------------------
				INDEX PAGE SPECIFIC LAYOUT STYLES
/*------------------------------------------------------------------*/
#ndx-news-wrapper{
	background:#369541 url(../images_/news_grn_20.gif) 0 0 no-repeat;
	width:226px;
	margin-right:30px;
}

#ndx-survey{
	background:#bc001f url(../images_/srvy_red.jpg) 0 0 no-repeat;
	width:226px;
	clear:both;
	margin-right:30px;
	margin-top:15px;
}

#ndx-news-wrapper h1, #ndx-survey h1 {
font: Bold 140%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
color:#4BBF58;
display:block;
padding:10px 0 0 60px;
}

#ndx-survey h1{
	padding:10px 0 0 20px;
	color:#ff2d50
}

#ndx-news-wrapper h5, #ndx-survey h5{
font: Bold 90%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
color:#FFF;
display:block;
padding:0 0 10px 60px;
}



#ndx-survey h5{
padding:0 0 10px 20px;
}

#ndx-survey h5 a{
padding:10px;
display:block;
color:#fff;
font-weight:normal;
}

hr {
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0
}

#news-footer{
	background:url(../images_/news_grn_23.gif) no-repeat left bottom;
	height:11px;
	width:226px;
	clear:both;
	margin:0;
	padding:0;
}

#survey-footer{
	background:url(../images_/redSurvey_bot.jpg) no-repeat left bottom;
	height:11px;
	width:226px;
	clear:both;
	margin:0;
	padding:0;
}

.ndx-news-item{
	width:204px;
	margin:0 auto;
}
.ndx-news-item a {
    display: block;
	color:#FFFFFF;
	padding:10px 10px 10px 25px;
	background:#4BBF58 url(../images_/news_grn_lite_24.gif) 0 0 no-repeat;
	font: 90%/130% Arial, Helvetica, sans-serif;
}

.ndx-news-item a:active, .ndx-news-item a:link, .ndx-news-item a:visited{
color: #fff;
text-decoration:underline;

}

.ndx-news-item a:hover{
text-decoration:none;
}

#news-item-footer{
	background:url(../images_/news_grn_lite_27.gif) no-repeat left top;
	height:10px;
	width:204px;
	clear:both;
	margin:0 auto 8px auto;
	padding:0;
}

#ndx-body-footer{
	background:url(../images_/home_blu_33.gif) no-repeat left bottom;
	height:11px;
	width:440px;
	clear:both;
	margin:0;
	padding:0;
}

#ndx-body-wrapper{
	float:left;
	width:440px;
	background:#0077C1 url(../images_/home_blu_22.gif) 0 0 no-repeat;
}

#ndx-body-wrapper h1{
font: Bold 140%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
color:#31A8F2;
display:block;
padding:10px 0 0 60px;
}

#ndx-body-wrapper h5{
font: Bold 90%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
color:#FFF;
display:block;
padding:0 0 10px 60px;
}

#ndx-body-content {
	
	background:#31A8F2 url(../images_/home_blu_lite_27.gif) 0 0 no-repeat;
	width:407px;
	margin:0 auto;
}

#ndx-body-content p{
	font: 80%/130% Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 5px 10px;
	
}

#ndx-body-content-footer{
	background:url(../images_/home_blu_lite_36.gif) no-repeat left bottom;
	height:11px;
	width:407px;
	clear:both;
	margin:0;
	padding:0;	
}

/*------------------------------------------------------------------
				PRIMARY CONTENT STYLES
/*------------------------------------------------------------------*/

#primary-content h3{
	font: bold 120%/120% Arial, Helvetica, sans-serif;
	color:#0077C1;
	padding: 5px 10px 5px 0;	
}

#primary-content p{
	font: 80%/130% Arial, Helvetica, sans-serif;
	color:#0077C1;
	padding: 5px 10px 5px 0;	
}

#primary-content .image-tile{
	margin-bottom:10px;
	display:block;
}

#primary-content ul{
	list-style:none;	
}

#primary-content ul li{
	background: url(../images_/sun.gif) no-repeat 0 0;
	font: 80%/130% Arial, Helvetica, sans-serif;
	color:#0077C1;
	padding-left:20px;
	padding-bottom:5px;
	display:block;
        display: list-item;
}

#primary-content ul li ul{
	padding-left:35px;
	padding-top:12px;
}

#primary-content ul li ul li{
        font: 100%/130% Arial, Helvetica, sans-serif;
		background:url(../images_/green_bullet.gif) 0 0 no-repeat;
		padding-left:30px;
		padding-bottom:10px;
		
}


#primary-content #pdf-list{
	list-style:none;
}

#primary-content #pdf-list li{
	background: url(../images_/pdf.gif) no-repeat 0 0em;
	font: 80%/130% Arial, Helvetica, sans-serif;
	color:#0077C1;
	padding-left:20px;
	padding-bottom:5px;
	display:block;
}

#primary-content .news-container{
	width:400px;
	border:1px solid #e0e0e0;
	padding:10px;
}

#primary-content .news-container ul li{
	background: url(../images_/news_ico.gif) no-repeat 0 0em;
}

/*------------------------------------------------------------------
				LOCATION FINDER SPECIFIC STYLES
/*------------------------------------------------------------------*/
#search-box	{	
	background-color:#FFFFF0;
	margin-bottom:8px;
	padding:0 5px;
	width:450px;
	border:1px solid #4cbf58;
}

#search-box label{
	display:block;
	float:left;
	border:none;
	background:none;
}

#result-list{
	border-top: 1px solid #02588D;
	border-right: 1px solid #02588D;
	border-left: 1px solid #02588D;
	background-color: #E5F1F9;
	padding:0 0px;
	margin-bottom:15px;
	width: 450px;
}

#result-list li.result-item {
	display:block;
	padding:6px 4px 6px 25px ;
	border-bottom:1px solid #02588D;
	background:url(../images_/details_Ico.gif) .25em .35em no-repeat;
}

#result-list li.result-item a{
	float:left;
	padding-left:5px;

}

#result-list li.result-item .result-item-city{
	float:right;
	text-align:right;
	margin-left:15px;
	padding-right:10px;
	width:120px;
	border-left: 1px solid #02588D;

}

/*------------------------------------------------------------------
				LOCATION DETAILS STYLES
/*------------------------------------------------------------------*/

#location-details-container {
	width:462px;
	border:1px solid #0077C1;
	border-top:none;
	font: 100%/120% Arial, Helvetica, sans-serif;
	
}

#location-details-container h3{
	border-top:1px solid #0077C1;
	padding: 5px 10px 5px 5px;
	background:#EAFDEA;
	color:#4cbf58;
}

#location-details-container h4{
	font: bold 105%/120% Arial, Helvetica, sans-serif;
	color:#4cbf58;
	padding: 5px 10px 5px 5px;
	border-top:1px solid #0077C1;
	background:#EAFDEA;
}

#location-details-container p{
	padding: 5px 10px 5px 5px;
	border-top:1px solid #0077C1;
	border-bottom:none;	
	background:url(../images_/flip-green-grad.jpg) 0 bottom repeat-x;
}

#location-details-container p strong{
	display:block;
	font: bold 110%/120% Arial, Helvetica, sans-serif;
	padding-top:8px;
}

#location-details-container ul{
	border-top:1px solid #0077C1;
	padding: 5px 10px 5px 20px;

	background:url(../images_/flip-green-grad.jpg) 0 bottom repeat-x;
	list-style:disc none outside;
}

#location-details-container ul li{
	background:none;
	padding:0 5px;


}

/*------------------------------------------------------------------
				MAPPING STYLES
/*------------------------------------------------------------------*/

#map{
	width: 100%; 
	height: 400px;
	margin-top:10px;
	color:#0099CC;
	padding:5px;
	border: 1px solid #02588D;
}

#site-map .site-map-list h3{

}

#site-map .site-map-list {
	float:left;
	width:210px;
	margin-bottom:15px;
	margin-left:10px;	
}

#site-map .site-map-list dl {
	list-style:none
}

#site-map .site-map-list dl li{
	background:url(../images_/details_Ico.gif) 0 0 no-repeat;
	padding-left:25px;

}

/*------------------------------------------------------------------
				DISCLAIMER
/*------------------------------------------------------------------*/

#disclaim {
	padding-left:10px;

}

#disclaim h1{
	font: bold 120%/130% Arial, Helvetica, sans-serif;
	color:#4cbf58;
	margin-left:10px;
}

#disclaim  p{
	padding:10px;
	font: 80%/130% Arial, Helvetica, sans-serif;
	color:#0077C1;
}

#disclaim ul{ 
	list-style:none;
	padding-left:10px;
	margin-top:10px;
}

#disclaim ul li{
	border: 1px solid #4cbf58;
	background-color:#FFFFF0;
	color: #0077C1;
	cursor: pointer;
	display:inline;
	padding:10px;
}

/*------------------------------------------------------------------
				SHOW NEWS - popup style
/*------------------------------------------------------------------*/

#calendar{
background:url("../images_/icon-calendar.gif")0 0 no-repeat;
float:left;
width:32px;
height:30px;
text-align:center;
padding:15px 0 0 0;
}

#calendar h2{
color: #0077C1;
font: bold 70%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
display:block;
padding:0;

}

#calendar h3{
color: #0077C1;
font: 90%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
display:block;
padding:0;

}
#news-body{
float:left;
margin:0 0 0 10px;
width:350px;
color: #0077C1;
font: 100%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
}

#news-body h1{
	font: 120%/100% "trebuchet MS" Arial, Helvetica, sans-serif;
	margin-bottom:6px;
}