/*
	(1) html elements:
		Impose global properties on html elements
	(2) layout components
		These are the primary structures which represent the layout.  This
		section is used exclusively for their definitions and not for applying
		formatting to the children of these elements.  Elements are defined
		according to the order in which they occur in the document.
	(3) formatting: layout components
		Here, properties of elements nested within layout components are defined
	(4) general purpose
		Utility classes, etc...
	(5) hacks
		Locate all hacks here, rather than inline so that they can easily be
		removed when the time is right
		made in washington */

/************************************************
	(1) html elements
*************************************************/
body {
	background-color: #221F2A;
	background-image: url(../images/bg_building_home.jpg);
	background-repeat: repeat;
}

hr {
	margin: 0 0 8px 8px; /* override top/bottom from global definition and establish new bottom/left values */
}

/************************************************
	(2) layout components
*************************************************/
#main {
	background-image: url(../images/bg_gradient_stripes_home.gif);
	background-color: transparent;
}

#content-wrapper {
	padding: 10px 14px;
	background: transparent url(../images/bg_content-wrapper_home.gif) 0 0 repeat-y;
	width: 932px;
}


#content-wrapper-inner {
	/*min-height: auto; /* dev value */
	background: #fff url(../images/bg_content-inner_home.gif) 0 0 repeat-x;
	border: 1px solid #cfcfcf;
	position: relative;
	margin: 0 10px;
	padding-top: 5px;			/* override global value */
}

#columns {
	background-image: none;  /*overwrite global value*/
	overflow: visible;
	margin: 0;   			/* first, override global values */
	width: auto;  			/* override global value */
	min-height: 1px;  		/* override global value */
	padding: 0;				/* override global value */
	position: relative;		/* #tier3 is pos:abs so it sticks to the bottom - derive "bottom" from this container */
	/* border-bottom: 10px solid #fff; *//* produce a gap below the repeating background image */
	clear: both;
}

#columns #primary {
	width: 678px;
	padding: 0 0 0 17px;
	/* establish bottom padding to accomodate fixed-pos calendar */
	/* padding: 0 0 200px; */
	float: left;
}

#content {
    width: 320px;
    margin: 0 15px 0 0;
    float: left;
    line-height: 1.5em;
}

#cta 
{
    /*hi joel*/
    margin-top: 5px;
    float: left;
    width: 320px;
}

#clear-calendar {
    padding-top: 30px;
    margin-left: -5px;
}

#clear-content {
    overflow: auto;
    clear: both;
}

#upcoming-events {
	min-height: 150px;
	clear: both;
	background: transparent url(../images/bg_upcoming-events.gif) 0 0 no-repeat;
	position: relative;
}

#columns #secondary {
	width: 210px;
	margin-left: 4px;
	padding-top: 7px;
	float: left;
}

#featured-programs {
	background: transparent url(../images/bg_featured-programs_repeat.gif) 0 0 repeat-y;
    zoom: 1;
}

.featured-programs-link 
{
    font-size: 1em;
}

#close-content-wrapper {
	background-image: url(../images/bg_close_content-wrapper_home.gif); /* override global value */
	height: 2px; /* override global value */
}

#footer {
	background-color: #524769;		/* override global value */
	background-image: url(../images/bg_footer_gradient_home.jpg);	/* override global value */
}

#footer #sitemap {
	background-image: url(../images/bg_sitemap_home.jpg);		/* override global value */
	color: #fff;													/* override global value */
}

/************************************************
	(3) formatting: layout components
*************************************************/

/* hero banner */

#flash-content {
	/*background: transparent url(../images/___placeholder_flash_home2.jpg) 0 0 no-repeat;
	overflow: auto;*/
	width: 685px;
	float: left;	
}

#flash-content #quick-finder {
	float: right;
	margin: 22px 25px 0 0;
}

#flash-content #quick-finder select {
	display: block;
}

#flash-content #quick-finder h2 {
	color: #ecebec;
	font-size: 1.3em;
}

#flash-content object {
	float: left;
}


/* primary */
#primary p {
	margin-bottom: 10px;
}

#primary h1 {
	font-family: verdana, sans-serif;
	font-size: 1.75em;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 10px;
	color: #4f4d4f;
}

#primary p.intro {
	font-family: georgia, serif;
	color: #917b4c;
	font-size: 1.35em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
	width: 310px;
}

#primary .pad {
	overflow: auto;
	padding-left: 17px;
}


/* cta */
#cta h3 {
    border-top: 1px solid #dfdfdf;
    padding-top: 7px;
    font-size: 1.1em;
    margin-bottom: 4px;
}

#cta h3 a {
    background: transparent url(../images/bg_arrow.gif) 100% 68% no-repeat;
    padding-right: 13px;
}

#cta p {
    margin-bottom: 20px;
}


/* upcoming-events */
#upcoming-events h2 {
	background: transparent url(../images/bg_h2_upcoming-events.gif) 0 0 no-repeat;
	padding: 4px 0 7px 7px;
	font-size: 1.3em;
	font-weight: normal;
	color: #969696;
}

#upcoming-events #view-all-events {
	position: absolute;
	top: 0;
	right: 14px;
}


#upcoming-events div.wrapper {
	background: transparent url(../images/bg_bottom_upcoming-events.gif) bottom left no-repeat;
	padding-bottom: 20px;
	overflow: auto;
	clear: both;
}

#upcoming-events ul.calendar {
	margin-left: 7px;
	font-size: .9em;
}


#upcoming-events ul.calendar ul {
	margin-left: 50px;
}

#upcoming-events ul.calendar ul li {
	padding-left: 7px;
	background: transparent url(../images/bullet_blue_small.gif) 0 4px no-repeat;
	float: none;
}

#upcoming-events ul.calendar li.date {
	background-image: url(../images/bg_date-cell-int2.gif); /* override global value */
	background-position: 0px 0; /* override global value */
	min-height: 110px; /* override global value */
	border-left: solid 0px #ccc;
}

/* #secondary */


/* #featured-programs */
#featured-programs .wrapper {
	background: transparent url(../images/bg_featured-programs_top.gif) 0 0 no-repeat;
}

#featured-programs .wrapper-inner {
	background: transparent url(../images/bg_featured-programs_bottom.gif) bottom left no-repeat;
	padding: 15px 23px 15px 10px;
	min-height: 584px;
}

#featured-programs h2 {
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#featured-programs h3 {
	margin-bottom: 10px;
}
/*
#featured-programs h3 {
	font-weight: normal;
	font-size: 1.4em;
	padding-top: 5px;
	overflow: auto;
	margin-bottom: 10px;
}

#featured-programs h3 img {
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}
*/
#featured-programs ul {
	margin-left: 5px;
	margin-bottom: 10px;
}

#featured-programs li {
	padding-left: 7px;
	background: transparent url(../images/bullet_blue_small.gif) 0 4px no-repeat;
	float: none;
	margin-bottom: 5px;
}

#featured-programs p {
    margin: 0 10px 15px 4px;
}


/* footer */
#footer a {
	color: #fff; /* override global value */
}

#footer h2 {
	color: #fff;	/* override global value */
}

#footer #sitemap li#follow-us {
	background-image: url(../images/bg_follow-us_home.jpg);	/* override global value */
}

/************************************************
	(3.5) added by UWEO
*************************************************/


.alert-box {
	color: #fff;	/* override global value */
	background-color: #ec722f;
	font-weight: normal;
	font-size: 1.0em;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 1.2em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	min-height: 67px; /* override global value */
}

.alert-box-inner {
	/*
	margin-top: 0px auto;
	width: 932px;
	padding-left: 14px;
	position: relative;
	overflow: auto;*/
	width: 620px;
	padding-left: 300px;
	padding-top: 5px;
	background: transparent url(../images/alert_graphic.jpg) 0 0px no-repeat;
	min-height: 62px; /* override global value */
}

.alert-box a {
    color: #ffff00;
}


/************************************************
	(4) general purpose
*************************************************/

.underbar {
	/* using bg instead of border because this element touches its parent - no padding.  border would extend to parents margins. */
	background: transparent url(../images/bg_underbar.gif) bottom left no-repeat;
	padding-bottom: 12px;
	margin-bottom: 8px;
}


/* single pixel dots at each corner of a container to "round" the corners */
#content-wrapper-inner b.c { position: absolute; width: 1px; height: 1px; background-color: #fff; z-index: 100; line-height: 1px; overflow: hidden; }
#content-wrapper-inner b#ctl { top: -1px; left: -1px; }
#content-wrapper-inner b#ctr { top: -1px; right: -1px; }
#content-wrapper-inner b#cbl { bottom: -1px; left: -1px; }
#content-wrapper-inner b#cbr { bottom: -1px; right: -1px; }



/************************************************
	(5) hacks
*************************************************/
* html #content-wrapper-inner {	zoom: 1; }
* html #flash-content #quick-finder { margin: 22px 15px 0 0; }
* html #columns { zoom: 1; height: auto; }
* html #columns #secondary { overflow: hidden; }
* html #intro { height: 1%; }
* html #tier-3 { height: 150px;  }
* html #tier-3 h2 { position: relative;  }
* html #primary { position: relative; zoom: 1; }
* html #upcoming-events li.date { height: 100px; }
* html #clear-content,
* html #upcoming-events,
* html #upcoming-events .wrapper,
* html #upcoming-events ul#calendar ul,
* html #upcoming-events ul.calendar ul li { zoom: 1; }
* html #featured-programs .wrapper-inner { height: 500px; }


#widget-location {
	float: left;
	width: 189px;
	margin-left: 15px;
	margin-top: 0px;
	/* width: <any value less than 210px>; */
	min-height: 251px;
	max-height: 251px;
	padding: 10px;
	overflow: hidden;
	background: transparent url(../images/bg_widget.gif) 0 0 no-repeat;
}

#widget-location .widgetWrapper 
{
    width: 160px;
}

.widgetWrapper
{
    min-height: 163px;
}

#FeaturedProgramsHomePage
{
    font-size: 12px;
}