/* color, background, and border properties set here */
/* this extends selectors found in common.css, home.css, nav.css */
/* CMS path to images: / assets / stylesheets / images / */


/*
====================================================
COMMON CSS COLOR SETTINGS
====================================================
*/

#container {
	color:#FFFFFF;
}

a, a:link {
color:#FFFFFF;
}

a:hover {
color:#0000FF;
}

h1, h2, h3, h4, h5 {
	color:#FFFFFF;
}

#footer, #sub-footer {
	color:#FFFFFF;
}


#footleft{
	background:#000000;
	}
#sub-footright {
	background:#000000;
	}


#footer, #sub-footer {
color:#FFFFFF;
background-color:#000000;	
}

#sub-footer a{
color:#FFFFFF;
}


#control-color{
	border-right: 1px solid #FFFFFF;
}


/* announcement classes - planned only on homepage, but could be used elsewhere */
#content #news .announcement a {
	color:#FFFFFF;
	}
.important {
	background:#000000;
	color:#FFFFFF;
	}
.standard {
	background:#000000;
	color:#FFFFFF;
	}

#headernav {
	background:#000000;
	}

#control-buttons img {
	background:#FFFFFF;

}

#control-buttons img:hover {
	background: #000000;

}




/* Main Navigation */

#mainnav{
	background-color: #cfe79f;
}

#mainnav li{
	border: 1px solid #FFFFFF; 
	background: #76B447;
}

#mainnav li a {
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	background:#000000;
}

#mainnav li a:hover {
	background:#FFFFFF;
	color:#000000;
}

ul.breadcrumb {
background:#000000;
}

.breadcrumb a{
color:#FFFFFF;
}

#intro-text { 
background:#000000; 
}

#intro-text h2 {
color:#FFFFFF;
}

.colored{
color:#FFFFFF;
}

#news-content h2{
background:#000000;
color:#FFFFFF;
}

#news-content{
background-color:#000000;
}

#news-content .newspost h3 {
	white-space: normal !important;
	text-transform: none;
	font-size: 1.2em;
	color:#FFFFFF;
	margin: 0; padding: 0;
}

#news-content .odd .newspost h3 a, #news-content .even .newspost h3 a {
	color:#FFFFFF;
}

#news-content .newspost img {
	background:#FFFFFF;
}


#left-resources, .right_item {
background-color:#000000;
}


/* Home Right Bottom Links */
#action{
background:#000000;
}

.home #signup, .interior #signup{
background:#000000;
color:#FFFFFF;
}

#action-links li a {
background:#000000;
}


.home #action-links li a:hover, .interior #action-links li a:hover{
	background:#FFFFFF;
	color:#000000;
}
	
	
#leftnav{
background:#000000;
}

#leftnav li.label{
background: #000000;
color:#FFFFFF;
}

#leftnav li a, #leftnav li a:hover {
background:#000000;
}
	
	
.sidebar {
	background: #000000;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	color: #FFFFFF;
	}
.sidebar a {
	color: #FFFFFF;
	}

.useroptions {
	background: #000000;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	color: #FFFFFF;
	}
.useroptions a:link {
	color: #FFFFFF;
	}
.useroptions a:visited {
	color: #FFFFFF;
	}
.useroptions a:hover {
	color: #FFFFFF;
	}
.useroptions a:active {
	color: #FFFFFF;
	}

#contentwrapper {
	/*position: relative;*/
	background: #000000;
	color: #FFFFFF;
	}
#contentwrapper h1, #contentwrapper h2, #contentwrapper h3, #contentwrapper h4, #contentwrapper h5 {
	color: #FFFFFF;
	}

#content-tools{
background:#000000;
}

#content-tools a img {
background:#FFFFFF;
}

#content-tools a:hover img {
background:#0000FF;
}

.breadcrumbs {
	/* see nucorners.css */
	background: #000000 !important;
	border-bottom: 1px #FFFFFF solid;
	}

.breadcrumbs a:link { color: #FFFFFF; }
.breadcrumbs a:visited { color: #FFFFFF; }
.breadcrumbs a:hover { color: #FFFFFF; }
.breadcrumbs a:active { color: #FFFFFF; }

.breadcrumbs a.current:link, .breadcrumbs a.current:visited, .breadcrumbs a.current:hover, .breadcrumbs a.current:active {color: #FFFFFF;}

.breadcrumb a:link { color: #FFFFFF; }
.breadcrumb a:visited { color: #FFFFFF; }
.breadcrumb a:hover { color: #FFFFFF; }
.breadcrumb a:active { color: #FFFFFF; }

.breadcrumbItem {color: #FFFFFF;}

#contentwrapper a { color: #FFFFFF; }


#contentwrapper .newspost {
	border-bottom: 1px #FFFFFF solid;
	}
#contentwrapper .newspost img {
	border: 5px #FFFFFF solid;
	}


.extranav {
	/* see nucorners.css */
	background: #000000;
	border-left: 1px #FFFFFF solid;
	}
.extranav .head {
	color: #FFFFFF;
	background: #000000;
	}
.extranav a:link { color: #FFFFFF; }
.extranav a:visited { color: #FFFFFF; }
.extranav a:hover { color: #FFFFFF; }
.extranav a:active { color: #FFFFFF; }


/* buttons */
.button {
	/* see nucorners.css */
	background: #000000;
	border: 3px #FFFFFF double;
	}
.button a:link { color: #FFFFFF; }
.button a:visited { color: #FFFFFF; }
.button a:hover { color: #FFFFFF; }
.button a:active { color: #FFFFFF; }
/* eof buttons */

/*caption box (for photos)*/
.captionbox {
	background: transparent;
	/*border-left: 1px #FFFFFF solid;
	border-top: none;
	border-right: none;
	border-bottom: none;*/
	}
	
.captionbox .caption {
color:#FFFFFF;
	}

/*misc*/
img.border {
	/*border: 5px #FFFFFF solid;*/
	}
img.drkborder {
	/* for images on a #000000 background */
	/*border: 5px #FFFFFF solid;*/
	}
#noflash {
	background-color: #000000;
	}

/* Pagination */
.paginator {
	background-color: #000000 !important;
	color: #FFFFFF;
	}
.paginator b {
	color: #FFFFFF;
	}
.paginator a:link { color: #FFFFFF; }
.paginator a:visited { color: #FFFFFF; }
.paginator a:hover { color: #FFFFFF; }
.paginator a:active { color: #FFFFFF; }

.paginator a.current:link, .paginator a.current:visited, .paginator a.current:hover, .paginator a.current:active {
	color: #FFFFFF;
	}
/* eof Pagination */


/*Photo Gallery*/
#pg_image img{
	border: 5px #FFFFFF solid;  
	}  
	
a.pg_link {
	color: #FFFFFF;
	}
/* eof Photo Gallery */


/* customize controls */
#customcontrols {
	/* see nucorners.css */
	background: #000000;
	}

/* Google Map */
#map {
	border: 5px #FFFFFF solid;
	}

#mapControls {
	border: 1px #FFFFFF solid;
	background-color: #000000;
	}

.plabel {
	color: #000000;
	}
	
.phead {
	color: #000000;
	}

/*
========================================
CONTENT LAYOUT TOOLS
========================================
*/

.contentTable th {
	border-bottom: 1px #FFFFFF solid;
	}
.contentTable td {
	border: 1px #FFFFFF solid;
	background: none;
	}
.strokebox {
	/* see nucorners.css */
	background: none;
	border-left: 1px #FFFFFF solid;
	}



/*
====================================================
NAV COLOR SETTINGS
====================================================
*/
	/* main block */
	#nav {
		background: #000000;
		border-right: 1px #FFFFFF solid
		}

	/* nav - common */
	#nav h1 {
		color: #FFFFFF;
		background: url(/assets/stylesheets/images/nav_button_up.gif) left center no-repeat;
		border-bottom: 1px #FFFFFF solid;
		border-top: none;
		}
	#nav h1:hover {
		color: #FFFFFF;
		}
	#nav div {
		background: none;
		}
	#nav ul {
		background: #000000;
		border-bottom: 1px #FFFFFF solid;
		}
	#nav li {
		border-bottom: none;
		}

	#nav a:link { color: #FFFFFF; }
	#nav a:visited { color: #FFFFFF; }
	#nav a:hover { color: #FFFFFF; }
	#nav a:active { color: #FFFFFF; }
	
	#nav a.current:link { color: #FFFFFF; background: none; border: 1px #FFFFFF dashed; }
	#nav a.current:visited { color: #FFFFFF; background: none; border: 1px #FFFFFF dashed;}
	#nav a.current:hover { color: #FFFFFF; background: none; border: 1px #FFFFFF dashed;}
	#nav a.current:active { color: #FFFFFF; background: none; border: 1px #FFFFFF solid;}
		
	/* old method (a does not get .expanded class in component) #nav a.expanded { border-bottom: 1px #FFFFFF solid; } */
	#nav ul.expanded ul {
		border-top: 1px #FFFFFF solid;
		}





/*
====================================================
HOME/LANDING CSS COLOR SETTINGS
====================================================
*/
body#landing {
	background: #356869 url(/assets/stylesheets/images/home_bg.jpg) top left repeat-x;
	}
	
#landing #flash {
	border: 10px #000000 solid;
	}
/* #noflash in common.css */
#landing .homenoflash {
	background-image: url(/assets/stylesheets/images/home_noflash.jpg);
	}
#landing #headernav div {
	}
	
/*custom HTML area*/
#landing .home-custom-html {
	color: #FFFFFF;
	}

/* news posts */
#landing #news {
	/* see nucorners.css */
	background: #000000;
	border-top: none;
	}

#landing .rss {
	background: url(/assets/stylesheets/images/rss_icon.jpg) left center no-repeat;
	}
#landing #news .rss a:link, #news .rss a:visited, #news .rss a:hover, #news .rss a:active {
	color: #FFFFFF;
	}


#landing .newspost {
	border-bottom: 1px #FFFFFF solid;
	color: #FFFFFF;
	}
#landing .newspost img {
	border: 1px #FFFFFF solid;
	}



#landing #news a:link, #news a:visited, #news a:hover, #news a:active {
	color: #FFFFFF;
	}
#landing #news h1 a:link {
	color: #FFFFFF;
	}
#landing #news h1 a:visited {
	color: #FFFFFF;
	}
#landing #news h1 a:hover {
	color: #FFFFFF;
	}
#landing #news h1 a:active {
	color: #FFFFFF;
	}


#landing table#tools {
	color: #FFFFFF;
	}
#landing #tools td {
	background: #000000;
	}
#landing #tools h1 {
	color: #FFFFFF;
	}
#landing #tools a {
	color: #FFFFFF;
	}





/*
====================================================
NUCORNERS
rounded corners divs - only used in the default theme
====================================================
*/
.nuc {
	margin: 0;
	padding: 0;
	background: transparent;
}

.inuc { /*for nested nuc's*/
	margin: 0;
	padding: 0;
	background: transparent;
}



/* basic, 4-corners #FFFFFF box */
.nuc { background: none; }
.nuc .nuc { background: none; }
.nuc .nuc .nuc { background: none; }
.nuc .nuc .nuc .nuc { background: none; padding: 15px; height: 100%;} /* the height fixes an issue in IE 5/win */
/* NOTE - innermost div MUST have at least 1px of padding */


/* news box */
#news					{ background: none; }
#news .nuc				{ background: none; }
#news .nuc .nuc 		{ background: none; }


/* breadcrumbs */
.breadcrumbs				{ background-image: none !important; }
.breadcrumbs .nuc			{ background-image: none !important; }
.breadcrumbs .nuc .nuc		{ background-image: none !important; }
.breadcrumbs .nuc .nuc .nuc { background-image: none !important; }

/* right nav */
.extranav .nuc				{ background: none !important; }
.extranav .nuc .nuc			{ background: none !important; padding: 8px; }

/* same as extranav */
.strokebox .nuc				{ background: none !important; }
.strokebox .nuc .nuc			{ background: none !important; padding: 8px; }


/* right nav */
.storenav .nuc				{ background: none !important; }
.storenav .nuc .nuc			{ background: none !important; padding: 8px; }



/* orange button */
.button					{ background-image: none !important; }
.button .nuc			{ background: none !important; }
.button .nuc .nuc		{ background: none !important; }
.button .nuc .nuc .nuc	{ background: none !important; padding: 5px 8px !important; }

/* store button */
#storedetail .button					{ background-image: none !important; }
#storedetail .button .inuc				{ background: none !important; }
#storedetail .button .inuc .inuc		{ background: none !important; }
#storedetail .button .inuc .inuc .inuc	{ background: none !important; padding: 5px 8px !important; height: 100%; }


/* right nav */
#customcontrols					{ background-image: none !important; }
#customcontrols .nuc			{ background: none !important; }
#customcontrols .nuc .nuc		{ background: none !important; }
#customcontrols .nuc .nuc .nuc	{ background: none !important; padding: 10px 5px !important; } 

/*Homepage Calendar*/

.smallMargin {padding:0 0 0 0; margin: 0 0 0 0;}
#landing #tools p.centered {color: #FFFFFF;text-align:center;width: 170px;margin: 10px auto;font-size: 2em;}
#landing #tools .calendaroverride a.datelink {color: #FFFFFF;font-weight:bold;text-decoration:none;} 
a.callistevent {color: #FFFFFF;text-decoration:none;}

/*careers search submit buttons */
table.filterCriteria input, .searchoverride table input[type="Submit"]		{
	background: #000000;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	color: #FFFFFF;
	}
	
.searchoverride .searchNavigation { color: #FFFFFF; }	
	
.searchoverride .searchNavigation a:link { color: #FFFFFF; font-weight: normal; }
.searchoverride .searchNavigation a:visited { color: #FFFFFF; font-weight: normal;  }
.searchoverride .searchNavigation a:hover { color: #FFFFFF; font-weight: normal;  }
.searchoverride .searchNavigation a:active { color: #FFFFFF; font-weight: normal; }