/* 
================================
 Container Styles for WGNA SKIN
================================
*/   

/* controls the font of the title, overrides the skin css class */
.Head
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight:bold; 
}

/*classes for the home flash container */


/*eof home flash container*/

/* classes for the KUADPromo container*/
.KUADPromo_Master
{
border: solid 1px #000000;
width:236px ;
background-color: transparent;
margin: 2px 2px 2px 2px;
}

.KUADPromo_Head
{
  background:#000080 url(KUADPromo_Head.gif) repeat-x; 
  padding: 2px 2px 8px 2px;
  width: 100% ;
  height:32px;
  vertical-align:middle;
}

.KUADPromo_Head .Head 
{
  font-weight: bold ;
  font-size: 15px ; 
  color: #ffffff ;
  font-family: arial,verdana,san-serif;
}

.KUADPromo_Body
{
  padding:0px 2px; 
  background: #ffffff;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.KUADPromo_Body .SubHead
{
display: none;
}

/* classes for the Red and Red with title containers*/
.Red_Master
{
background: #ffffff;

width: 99%;
margin: 17px 20px 8px 10px;
}


.Red_Head
{
  background:#000080 url(musicheader.jpg) no-repeat;
  padding: 2px 2px 8px 10px;
  width: 100% ;
  height: 68px;
  background-color: #a5292b;
}

.Red_Head .Head 
{
  font-weight: bold ;
  font-size: 12px ; 
  color: #ffffff ;
  font-family: arial,verdana,san-serif;
}

.Red_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Red_Footer
{
  width: 100% ;
}

/* classes for the blank and blank with title containers*/
.Blank_Master
{
background: transparent;
width: 99%;
margin: 10px 2px 2px 2px;
}


.Blank_Head
{
  width: 100% ;
}

.Blank_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Blank_Footer
{
  width: 100% ;
}

/* classes for the Default container*/
.Default_Master
{
border: 0px;
background-color: transparent;
margin: 2px 2px 2px 2px;
/*width:99%;*/
}

.Default_Head
{
  background: url(default_banner.jpg) no-repeat bottom center; 
  padding: 2px 2px 14px 2px;
  /*width:100%;*/
  height:30px;
  vertical-align:middle;  
  text-align :center;
}

.Default_Head .Head 
{
  font-weight: bold ;
  font-size: 12px ; 
  color: #a30003 ;
  font-family: arial,verdana,san-serif;

}

.Default_Body
{
  padding:0px 2px; 
  background: Transparent; 
  height:100%;
  /*width:100%;*/
  text-align:left;
  vertical-align:top;
}


.Default_Footer
{
  /*width: 100% ;*/
}

/* classes for the KUADCont2 container*/
.KUADCont2_Master
{
width: 99% ;

background-color: transparent;
margin: 2px 0px 8px 6px;

}

.KUADCont2_Head
{
  background:#000080 url(KUADPromo_Head.gif) repeat-x; 
  padding: 2px 2px 8px 2px;
  width: 100% ;
  height:32px;
  vertical-align:middle;
}

.KUADCont2_Head .Head 
{
  font: bold 12px arial,verdana,san-serif; 
  color: #ffffff ;
}

.KUADCont2_Body
{
  padding:0px 2px; 
  background: #ffffff; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}


.KUADCont2_Footer
{
}

/* classes for the KUADCont3 container*/
.KUADCont3_Master
{
width: 99% ;
border: solid 1px #000000;
background-color: transparent;
margin: 2px 0px 8px 6px;
text-align:center;
}

.KUADCont3_Head
{
  background:#000080 url(KUADcontainer3_banner.jpg) repeat-x; 
  padding: 2px 2px 8px 2px;
  width: 100% ;
  height:32px;
  vertical-align:middle;
}

.KUADCont3_Head .Head 
{
  font: bold 12px arial,verdana,san-serif; 
  color: #ffffff ;
}

.KUADCont3_Body
{
  padding:0px 2px; 
  background: #ffffff; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}


.KUADCont3_Footer
{
}


/* classes for the Banner containers*/
.Banner_Master
{
margin: 10px 2px 2px 2px;
width: 99%;
}


.Banner_Head
{
}

.Banner_Body
{
  height:100%;
  width:100%;
  text-align:center;
  vertical-align:middle;
}

.Banner_Footer
{
}



/*Flexible black box container*/
.blackBox_Master
{
    width: 592px;
    margin: 0px auto;
}

.blackBox_Background
{
    margin: 0px auto;
}

.blackBox_top
{
    width: 100%;
    height: 17px;
    background: url(blackbox/bb_top_left.gif) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.blackBox_top span
{
    display: block;
    position: relative;
    height: 17px;
    background: url(blackbox/bb_top_right.gif) no-repeat right top;
    padding: 0;
    margin: 0;
}

.blackBox_Head
{
    margin: -1;
    padding: 0;
}

.blackBox_Body 
{
    background: #000 url(blackbox/bb_right_side.gif) repeat-y right top;
}

.blackBox_Body p
{
    color: #fff;
    margin: 0;
}

.blackBox_bottom
{
    height: 21px;
    background: url(blackbox/bb_left_bottom.gif) no-repeat left bottom;
    clear: both;
}

.blackBox_bottom span
{
    display: block;
    position: relative;
    height: 21px;
    background: url(blackbox/bb_bottom_right.gif) no-repeat right bottom;
}

.blackBox_Footer
{
    background-color: Transparent;
}
/*eof flexible black box container*/


/*Flexible Events container*/
.Events_Master
{
    width: 430px;
    margin: 0px auto;
}

.Events_Background
{
    margin: 0px auto;
    width: 100%;
    padding: 0;
    background: url(events_images/events_container_top.jpg) no-repeat left top;
}

.Events_Background span
{
    display: block;
    position: relative;
    height: 94px;
    background: url(events_images/events_container_right.jpg) no-repeat right top;
}

.Events_Head
{
    margin: -1;
    padding: 0;
}

.Events_Body p
{
    color: #000;
    padding: 4px 8px 4px 4px;
}

.Events_bottom
{
    height: 14px;
    background: url(genwhite_container_bottom.jpg) no-repeat left bottom;
    clear: both;
}

.Events_bottom span
{
    display: block;
    position: relative;
    height: 14px;
    background: url(genwhite_container_bottom_right.jpg) no-repeat right bottom;
}

.Events_Footer
{
    background-color: Transparent;
    padding-bottom: 10px;
}
/*eof flexible events container*/


/*Flexible Community container*/
.Community_Master
{
    width: 430px;
    margin: 0px auto;
}

.Community_background
{
    margin: 0px auto;
    background: url(community/community_bckgrnd.jpg) repeat-y right top;
    border: solid 1px red;
}

.Community_top
{
    width: 100%;
    height: 80px;
    background: #168ca9 url(community/community_top_left.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
    border: solid 1px yellow;
}

.Community_top span
{
    display: block;
    position: relative;
    height: 80px;
    background: url(community/community_top_right.jpg) no-repeat right top;
}

.Community_Head
{
    margin: -1;
    padding: 0;
}

.Community_Body p
{
    color: #000;
    padding: 4px 10px 4px 4px;
}

.Community_bottom
{
    height: 23px;
    background: url(genwhite_botleft_shadow.jpg) no-repeat left bottom;
    clear: both;
}

.Community_bottom span
{
    display: block;
    position: relative;
    height: 23px;
    background: url(genwhite_botright_shadow.jpg) no-repeat right bottom;
}

.Community_Footer
{
    background-color: Transparent;
    padding-bottom: 10px;
}
/*eof flexible community container*/

/*
These classes are common to all
*/
.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	cursor: pointer; 
	cursor: hand;
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
    white-space: nowrap;  /*Word wrapping menu item now optional*/
    padding: 1px 2px 2px 1px;	
}


.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
/*Classes for the weather container*/
/* classes for the blank and blank with title containers*/
.weather_Master
{
background: transparent;
width: 99%;
margin: 0 0 -1 0;
padding: 0;
}


.weather_Head
{
  width: 5%;
  float: left;
  padding: 0;
  margin: 0;
}

.weather_Body
{
  padding:0; 
  margin: 0;
  width:100%;
  text-align:left;
  vertical-align:top;
}

/*Interior Community container*/
.iCommunity_Master
{
    width: 596px;
    margin: 0px auto;
}

.iCommunity_Background
{
    margin: 0px auto;
}

.iCommunity_top
{
    width: 100%;
    height: 56px;
    background: url(community_int/community_top_left.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.iCommunity_top span
{
    display: block;
    position: relative;
    height: 56px;
    background: url(community_int/community_top_right.gif) no-repeat right top;
}

.iCommunity_Head
{
    margin: -1;
    padding: 0;
}

.iCommunity_content
{
    background: #fff url(generic_images/intcontainer_background.gif) repeat-y right top;

}

.iCommunity_Body p
{
    color: #000;
    padding: 0px 8px 0px 200px;
    margin: 0;
}

.iCommunity_bottom
{
    height: 21px;
    background: url(generic_images/intcontainer_bottom_left.gif) no-repeat left bottom;
    clear: both;
}

.iCommunity_bottom span
{
    display: block;
    position: relative;
    height: 21px;
    background: url(generic_images/intcontainer_bottom_right.gif) no-repeat right bottom;
}

.iCommunity_Footer
{
    background-color: Transparent;
}
/*eof iCommunity container*/

/*Right Pane lt. blue container*/
.rtPane_ltblue_Master
{
    width: 348px;
    margin: 0px auto;
    padding: 0;
}

.rtPane_ltblue_top
{
    width: 100%;
    height: 17px;
    background: url(generic_images/rtPane_ltblue_toppiece.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.rtPane_ltblue_Head
{
    margin: -1;
    padding: 0;
    background-color: Transparent;
}

.rtPane_ltblue_Body 
{
    background-color: #537f28;
}

.rtPane_ltblue_Body p
{
    color: #000;
    margin: 0;
    padding: 0 8px 2px 8px;
}

.rtPane_ltblue_Footer
{
    background-color: Transparent;
}
/*eof Right Pane lt. blue container*/

/*non-Flexible people background container*/
.non-people_Master
{
    width: 400px;
    margin: 0px auto;
    padding: 0;
}

.non-people_background
{
    margin: 0 auto;
    padding: 0;
}

.non-people_top
{
    width: 100%;
    height: 77px;
    background: url(headers/container_people_1round.gif) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.non-people_Head
{
    margin: -1;
    padding: 0;
}

.non-people_Body
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: solid 1px #fff;
}

.non-people_Body p
{
    color: #000;
    padding: 0px 5px 0px 10px;
    margin: 0;
}

.non-people_bottom
{
    height: 14px;
    background: url(generic_images/genwhite_home_bottom.jpg) no-repeat left bottom;
    clear: both;
}

.non-people_Footer
{
    background-color: Transparent;
    margin: 0;
    padding: 0;
}
/*eof flexible community container*/

/*non-Flexible city background container*/
.non-city_Master
{
    width: 400px;
    margin: 0px auto;
    padding: 0;
}

.non-city_background
{
    margin: 0 auto;
    padding: 0;
}

.non-city_top
{
    width: 100%;
    height: 77px;
    background: url(headers/events_home_top.gif) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.non-city_Head
{
    margin: -1;
    padding: 0;
}

.non-city_Body
{
    margin: 0;
    padding: 0;
    background-color: #fff;
    border: solid 1px #fff;
}

.non-city_Body p
{
    color: #000;
    padding: 0px 5px 0px 10px;
    margin: 0;
}

.non-city_bottom
{
    height: 14px;
    background: url(generic_images/genwhite_home_bottom.jpg) no-repeat left bottom;
    clear: both;
}

.non-city_Footer
{
    background-color: Transparent;
    margin: 0;
    padding: 0;
}
/*eof flexible community container*/


/*Interior City container*/
.iCity_Master
{
    width: 596px;
    margin: 0px auto;
}

.iCity_Background
{
    margin: 0px auto;
}

.iCity_top
{
    width: 100%;
    height: 56px;
    background: url(headers/city_bckgrnd_header1.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.iCity_top span.corner
{
    display: block;
    position: inherit;
    z-index: 1;
    height: 56px;
    background: url(headers/city_top_right.gif) no-repeat right top;
}

.iCity_Head
{
    margin: -1;
    padding: 0;
}

.iCity_content
{
    background: #fff url(generic_images/intcontainer_background.gif) repeat-y right top;

}

.iCity_Body p
{
    color: #000;
    padding: 0px 8px 0px 200px;
    margin: 0;
}

.iCity_bottom
{
    height: 21px;
    background: url(generic_images/intcontainer_bottom_left.gif) no-repeat left bottom;
    clear: both;
}

.iCity_bottom span
{
    display: block;
    position: relative;
    height: 21px;
    background: url(generic_images/intcontainer_bottom_right.gif) no-repeat right bottom;
}

.iCity_Footer
{
    background-color: Transparent;
}
/*eof iCity container*/

/*Interior City container*/
.iPeople_Master
{
    width: 596px;
    margin: 0px auto;
}

.iPeople_Background
{
    margin: 0px auto;
}

.iPeople_top
{
    width: 100%;
    height: 56px;
    background: url(headers/people_bckgrnd_header1.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.iPeople_top span.corner
{
    display: block;
    position: inherit;
    z-index: 1;
    height: 56px;
    background: url(headers/people_top_right.gif) no-repeat right top;
}

.iPeople_Head
{
    margin: -1;
    padding: 0;
}

.iPeople_content
{
    background: #fff url(generic_images/intcontainer_background.gif) repeat-y right top;

}

.iPeople_Body p
{
    color: #000;
    padding: 0px 8px 0px 200px;
    margin: 0;
}

.iPeople_bottom
{
    height: 21px;
    background: url(generic_images/intcontainer_bottom_left.gif) no-repeat left bottom;
    clear: both;
}

.iPeople_bottom span
{
    display: block;
    position: relative;
    height: 21px;
    background: url(generic_images/intcontainer_bottom_right.gif) no-repeat right bottom;
}

.iPeople_Footer
{
    background-color: Transparent;
}
/*eof iCity container*/


/*Interior City container*/
.iPeopleWhite_Master
{
    width: 596px;
    margin: 0px auto;
}

.iPeopleWhite_Background
{
    margin: 0px auto;
}

.iPeopleWhite_top
{
    width: 100%;
    height: 56px;
    background: url(headers/people_bckgrnd_header2.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.iPeopleWhite_top span.corner
{
    display: block;
    position: inherit;
    z-index: 1;
    height: 56px;
    background: url(headers/people_top_right.gif) no-repeat right top;
}

.iPeopleWhite_Head
{
    margin: -1;
    padding: 0;
}

.iPeopleWhite_content
{
    background: #fff url(generic_images/intcontainer_background_white.gif) repeat-y right top;

}

.iPeopleWhite_Body p
{
    color: #000;
    padding: 0px 8px 0px 8px;
    margin: 0;
}

.iPeopleWhite_bottom
{
    height: 21px;
    background: url(generic_images/intcontainer_white_bottom_left.gif) no-repeat left bottom;
    clear: both;
}

.iPeopleWhite_bottom span
{
    display: block;
    position: relative;
    height: 21px;
    background: url(generic_images/intcontainer_bottom_right.gif) no-repeat right bottom;
}

.iPeopleWhite_Footer
{
    background-color: Transparent;
}
/*eof iCity container*/


/*Interior City container*/
.iCityWhite_Master
{
    width: 596px;
    margin: 0px auto;
}

.iCityWhite_Background
{
    margin: 0px auto;
}

.iCityWhite_top
{
    width: 100%;
    height: 56px;
    background: url(headers/city_bckgrnd_header2.jpg) no-repeat left top;
    clear: both;
    padding: 0;
    margin: 0;
}

.iCityWhite_top span.corner
{
    display: block;
    position: inherit;
    z-index: 1;
    height: 56px;
    background: url(headers/city_top_right.gif) no-repeat right top;
}

.iCityWhite_Head
{
    margin: -1;
    padding: 0;
}

.iCityWhite_content
{
    background: #fff url(generic_images/intcontainer_background_white.gif) repeat-y right top;

}

.iCityWhite_Body p
{
    color: #000;
    padding: 0px 8px 0px 8px;
    margin: 0;
}

.iCityWhite_bottom
{
    height: 21px;
    background: url(generic_images/intcontainer_white_bottom_left.gif) no-repeat left bottom;
    clear: both;
}

.iCityWhite_bottom span
{
    display: block;
    position: relative;
    height: 21px;
    background: url(generic_images/intcontainer_bottom_right.gif) no-repeat right bottom;
}

.iCityWhite_Footer
{
    background-color: Transparent;
}
/*eof iCity container*/



/*container_header*/
.container_header 
{
    *width: 100%;
    font: bold 2.5em arial, helvetica, sans-serif;
    margin: 0;
    padding: 0 0 0 20px;
    position: absolute;
    bottom: -87px;
    *bottom: -10px;
    text-transform: uppercase;
    color: #fff;
}

.container_header2 
{
    *width: 100%;
    font: bold 2.5em arial, helvetica, sans-serif;
    margin: 0;
    padding: 0 0 0 5px;
    position: absolute;
    bottom: -50px;
    *bottom: 5px;
    text-transform: uppercase;
    color: #fff;
}