/* modspec */
/* all unclicked page links and visited links*/



/* styling for php module used in fuserstrip - it gives the 
module a limited sized and floats it to the left of the screen.  */
.moduletable_fuser{
width: 300px;
height: 260px;
float: left;
margin: 0px 4px 0px 4px;
float: left;
}
/* community builder hacks*/
div.cbPosRight{
width: 49%;
height: 300px;
text-align: left;
overflow: scroll;
}
table.cbStatusList td{
padding:0px;
line-height: 24px;
border: #f0c 2px solid;
width: 50%;
}

/*td.sectiontableentry1 {
line-height: 24px;
width: auto;
}*/

module_cut{
overflow:hidden;
}


/**************************************************** 
BLACK MENU Grey trim suffix: _blk1
2px border width
4px roundness
trans 72%  800 x 1240 x=3 y=3
slice width= 50
tl=  tr=  bl=  br=
*****************************************************/

div.module_blk1 {
	background: url(../images/al_light/blackmenu_slice4_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	margin: 20px 0 20px 0;
}

div.module_blk1 div {
	background: url(../images/al_light/blackmenu_slice4_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}

div.module_blk1 div div {

	background: url(../images/al_light/blackmenu_slice4_tr.png) 100% 0 no-repeat;
	margin-right: -50px;
	padding-bottom: 0px;
	overflow:hidden;
}

div.module_blk1 div div div {
	background: url(../images/al_light/blackmenu_slice4_tl.png) 0 0 no-repeat;
	padding: 30px 5px 5px 20px;
	margin-right: 50px;
}

div.module_blk1 h3{
text-align:center;
}
/**************************************************** 
BLACK MENU Grey trim STYLE END suffix: blk
*****************************************************/

/**************************************************** 
RED MENU Grey trim STYLE suffix: ?
*****************************************************/
div.module_red1 {
	position:relative;
	background: url(../images/al_light/redmenu_slice_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	margin: 20px 0 20px 0;
}

div.module_red1 div {
	background: url(../images/al_light/redmenu_slice_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}

div.module_red1 div div {

	background: url(../images/al_light/redmenu_slice_tr.png) 100% 0 no-repeat;
	margin-right: -50px;
	padding-bottom: 0px;
overflow:hidden;
}

div.module_red1 div div div {
	background: url(../images/al_light/redmenu_slice_tl.png) 0 0 no-repeat;
	padding: 30px 5px 5px 20px;
	margin-right: 50px;
}
div.module_red1 h3{
	text-align: center;
}
/**************************************************** 
RED MENU Grey trim STYLE END suffix:_red1
with IE hack.  works on both.
switched tl & tr added a margin right.
*****************************************************/

/**************************************************** 
DK_MAJOR_CLEAR_FB (flat bottom)
*THIS VERSION IS UNNECCESSARY UNLESS YOU ARE DESIGNING
*A MODULE'S STYLE.  MODULES HAVE A UNIQUE DIV ARRANGEMENT
*THAT MAKES THE STREIGHT FORWARD DESIGN INNEFFECTIVE.
*THE ARNGMNT IS CLOCKWISE FROM BR
*****************************************************/
#main_clear_fb1 {
	position:relative;
	background: url(../images/al_light/dk_major_clear_fb_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	margin: 20px 0 20px 0;
}

#main_clear_fb2 {
	background: url(../images/al_light/dk_major_clear_fb_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}

#main_clear_fb3 {

	background: url(../images/al_light/dk_major_clear_fb_tr.png) 100% 0 no-repeat;
	margin-right: -50px;
	padding-bottom: 0px;
overflow:hidden;
}

#main_clear_fb4 {
	background: url(../images/al_light/dk_major_clear_fb_tl.png) 0 0 no-repeat;
	padding: 30px 5px 5px 20px;
	margin-right: 50px;
}
div.module_red1 h3{
	text-align: center;
}
/**************************************************** 
END dk_major_clear_fb (flat bottom) Grey trim STYLE END suffix:_red1

*****************************************************/

/**************************************************** 
BLACK MENU Grey trim suffix: _ft1
2px border width
4px roundness
trans 72%  800 x 1240 x=3 y=3
slice width= 50
tl=  tr=  bl=  br=
*****************************************************/

div.module_ft1 {
	background: url(../images/al_light/flat_top_mod_style1_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	margin: 10px 0 10px 0;
}

div.module_ft1 div {
	background: url(../images/al_light/flat_top_mod_style1_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}

div.module_ft1 div div {

	background: url(../images/al_light/flat_top_mod_style1_tr.png) 100% 0 no-repeat;
	margin-right: -50px;
	padding-bottom: 0px;
	overflow:hidden;
}

div.module_ft1 div div div {
	background: url(../images/al_light/flat_top_mod_style1_tl.png) 0 0 no-repeat;
	padding: 30px 5px 5px 20px;
	margin-right: 50px;
}

div.module_ft1 h3{
text-align:center;
}
/**************************************************** 
BLACK MENU Grey trim STYLE END suffix: blk
*****************************************************/






/**************************************************** 
DK_MAJOR2_CLEAR_4pt_rndbot (flat bottom)
*THIS VERSION IS UNNECCESSARY UNLESS YOU ARE DESIGNING
*A MODULE'S STYLE.  MODULES HAVE A UNIQUE DIV ARRANGEMENT
*THAT MAKES THE STREIGHT FORWARD DESIGN INNEFFECTIVE.
THE ARNGMNT IS IN Z FORMATION BR
*****************************************************/
#major2_clear_rb1 {
	position:relative;
	background: url(../images/al_light/dk_major2_clear_4pt_rndbot_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	margin: 20px 0 20px 0;
}

#major2_clear_rb2 {
	background: url(../images/al_light/dk_major2_clear_4pt_rndbot_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}

#major2_clear_rb3 {

	background: url(../images/al_light/dk_major2_clear_4pt_rndbot_tr.png) 100% 0 no-repeat;
	margin-right: -50px;
	padding-bottom: 0px;
overflow:hidden;
}

#major2_clear_rb4 {
	background: url(../images/al_light/dk_major2_clear_4pt_rndbot_tl.png) 0 0 no-repeat;
	padding: 30px 5px 5px 20px;
	margin-right: 50px;
}
div.module_red1 h3{
	text-align: center;
}
/**************************************************** 
dk_major2_clear_4pt_rndbot (flat bottom) Grey trim STYLE END suffix:_red1
with IE hack.  works on both.
switched tl & tr added a margin right.
*****************************************************/


/**************************************************** 
*MAJOR2B_CLEAR_RB
*THE ARNGMNT IS CLOCKWISE FROM BR
*****************************************************/
#major2b_clear_rb1{
	text-align:left;
	background:url(../images/al_light/dk_major2_clear_4pt_rndbot_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	color: #fff;
}

#major2b_clear_rb2{
	background:url(../images/al_light/dk_major2_clear_4pt_rndbot_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}
#major2b_clear_rb3{
	background:url(../images/al_light/dk_major2_clear_4pt_rndbot_tl.png) 0 0 no-repeat;
}
#major2b_clear_rb4{
	background:url(../images/al_light/dk_major2_clear_4pt_rndbot_tr.png) 100% 0 no-repeat;
	overflow:hidden;
	margin-right: -50px;
}

/**************************************************** 
END MAJOR2B_CLEAR_RB
*****************************************************/

/**************************************************** 
*MAJOR_FLATBOTM
*THE ARNGMNT IS CLOCKWISE FROM BR
*****************************************************/
#major_flatbotm1{
	text-align:left;
	background:url(../images/al_light/dk_major_flatbotm_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	color: #fff;
}

#major_flatbotm2{
	background:url(../images/al_light/dk_major_flatbotm_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}
#major_flatbotm3{
	background:url(../images/al_light/dk_major_flatbotm_tl.png) 0 0 no-repeat;
}
#major_flatbotm4{
	background:url(../images/al_light/dk_major_flatbotm_tr.png) 100% 0 no-repeat;
	overflow:hidden;
	margin-right: -50px;
	text-align:center;
}

/**************************************************** 
END MAJOR_FLATBOTM
*****************************************************/

/**************************************************** 
*MAJOR_FLATTOP
*THE ARNGMNT IS CLOCKWISE FROM BR
*****************************************************/
#major_flattop1{
	text-align:left;
	background:url(../images/al_light/dk_major_flattop_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	color: #fff;
}

#major_flattop2{
	background:url(../images/al_light/dk_major_flattop_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}
#major_flattop3{
	background:url(../images/al_light/dk_major_flattop_tl.png) 0 0 no-repeat;
}
#major_flattop4{
	background:url(../images/al_light/dk_major_flattop_tr.png) 100% 0 no-repeat;
	overflow:hidden;
	margin-right: -50px;
}

/**************************************************** 
END MAJOR_FLATTOP
*****************************************************/

/**************************************************** 
*MAJOR_SQUARE
*THE ARNGMNT IS CLOCKWISE FROM BR
*****************************************************/
#major_square1{
	text-align:left;
	background:url(../images/al_light/dk_major_square_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	color: #fff;
}

#major_square2{
	background:url(../images/al_light/dk_major_square_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}
#major_square3{
	background:url(../images/al_light/dk_major_square_tl.png) 0 0 no-repeat;
}
#major_square4{
	background:url(../images/al_light/dk_major_square_tr.png) 100% 0 no-repeat;
	overflow:hidden;
	margin-right: -50px;
}

/**************************************************** 
END MAJOR_SQUARE
*****************************************************/

/**************************************************** 
*FLATTOP_STYLE1
*THE ARNGMNT IS CLOCKWISE FROM BR
*****************************************************/
#ft1_1{
	text-align:left;
	background:url(../images/al_light/flat_top_mod_style1_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	color: #fff;
}

#ft1_2{
	background:url(../images/al_light/flat_top_mod_style1_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}
#ft1_3{
	background:url(../images/al_light/flat_top_mod_style1_tl.png) 0 0 no-repeat;
}
#ft1_4{
	background:url(../images/al_light/flat_top_mod_style1_tr.png) 100% 0 no-repeat;
	overflow:hidden;
	margin-right: -50px;
}

/**************************************************** 
END MAJOR_SQUARE
*****************************************************/

/**************************************************** 
BLACK MENU Grey for template style not module style
2px border width
4px roundness
trans 72%  800 x 1240 x=3 y=3
slice width= 50
tl=  tr=  bl=  br=
*****************************************************/

#blk1_1{
	text-align:left;
	background:url(../images/al_light/blackmenu_slice4_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	color: #fff;
}

#blk1_2{
	background:url(../images/al_light/blackmenu_slice4_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}
#blk1_3{
	background:url(../images/al_light/blackmenu_slice4_tl.png) 0 0 no-repeat;
}
#blk1_4{
	background:url(../images/al_light/blackmenu_slice4_tr.png) 100% 0 no-repeat;
	overflow:hidden;
	margin-right: -50px;
}


/**************************************************** 
NEW MENU STYLE suffix: ?
*****************************************************/

/**************************************************** 
NEW MENU STYLE END suffix: ?
*****************************************************/

/**************************************************** 
NEW MENU STYLE suffix: _ms1 for topmenu
*****************************************************/
li.item28 a {
	border: #f0c 2px solid;
	color:#000000;
}

.menu_ms1 li a{
color:#999999;
}

.menu_ms1 li a:hover {
color:#FFCC33;
}

.menu_ms1 li a#active {
color:#FFFF99;
border: #f0c 2px solid;
}

/*.menu_ms1 li a:visited {
color:#660000;
}*/
/**************************************************** 
NEW MENU STYLE END suffix: _ms1
*****************************************************/


/**************************************************** 
NEW PILL MENU STYLING 
*****************************************************/

/* this is the div the module is contained in.  This div is actually inside of one of the tables cells.  */
#pillmenu {
  white-space: nowrap;/* if the author added line breaks in an editor for readability this line would ignore those breaks for 
  display in the page.?*/
  height: 32px;
  /* i can't tell what the float is for */
  float: left;
}

/* this is the container of the list within the module. The module isn't named but the parent element which is the 
pillmenu div is named so the computer looks for any ul's within the parent pillmenu.  I bet I could get this to work 
with #topmenu2  ill try it in #topmenu3 */
#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}
/*********************************************************************************************************************************************/
/*this line creates the horizontal look of the table  */
/*********************************************************************************************************************************************/

#pillmenu li {
		float: left;
		/* the custom bullets were on the right i moved them to the left just because I could.  They really need 2 grapics to look right */
		background: url(../images/mw_menu_separator.png) top right no-repeat;
		margin: 0;
		padding: 0;
}
/*********************************************************************************************************************************************/


#pillmenu a {
/* this separates the pill menu by the individual links and adds style to each one individually
The individual li letter styling. */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
	float:left;
  display:block;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
  text-decoration: none;
  /*mystuff*/ 
}

/**************************************************** 
OLD BLACK MENU Grey trim suffix: _pft
IE Broken
2px border width
4px roundness
trans 72%  800 x 1240 x=3 y=3
slice width= 50
tl=  tr=  bl=  br=
*****************************************************/

div.module_unpft {
	background: url(../images/al_light/blackmenu_slice4_br.png) 100% 100% no-repeat;
	padding-right: 50px;
	margin: 20px 0 20px 0;
}

div.module_unpft div {
	background: url(../images/al_light/blackmenu_slice4_bl.png) 0 100% no-repeat;
	padding-bottom: 50px;
}

div.module_unpft div div {
	background: url(../images/al_light/blackmenu_slice4_tl.png) 0 0 no-repeat;
overflow:visible;
padding-bottom: 0px;

}

div.module_unpft div div div {
	background: url(../images/al_light/blackmenu_slice4_tr.png) 100% 0 no-repeat;
	margin-right: -50px;
	overflow:visible;
	padding: 30px 5px 5px 20px;
}
/**************************************************** 
BLACK MENU Grey trim STYLE END suffix: blk
*****************************************************/


/*****************************************************
*************** CA FIREBOARD STYLING ****************/

/*div#fireboard th {
background-color:#660000;
}*/
table.fb_header th{
/* top fireboard header "FireBoard" */
background-color:#660000;
}

#fireboard table.fb_blocktable thead tr th {
/*  all table header colors except top */
background-color: #660000;
}
#fireboard tr.fb_sth {
/* tow middle rows  */
background-color:#666666;
}

#fireboard tr.fb_sectiontableentry1 td{
background-color:#000;
border: 1px solid #000;
}
#fireboard tr.fb_sectiontableentry1 td.td-1{
background-color:#000;
border: 1px solid #000;
}
.fb_forum-pathway{
background-color:#330000;
border: 1px solid #333;
}
td.td-4,td.td-5, div.fb-latest-subject-date {
color:#999;
}

/************END FIREBOARD STYLING ***********
*********************************************/

/**************************************************** 
OLD PILL MENU STYLING 
*****************************************************/
/*#pillmenu {

  white-space: nowrap;
  height: 94px;
  i can't tell what the float is for 
  float: left;
  margin-top:22px;
  
 
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

this adds a bullet item before each listed item on the pill menu in the shape of the line graphic. contains the black line separator graphic
#pillmenu li {
	float: left;
	 the custom bullets were on the right i moved them to the left just because I could.  They really need 2 grapics to look right 
	
	margin: 0;
	padding: 0;
	width: 170px;
	height: 94px;
}

#pillmenu a_boo {
 this separates the pill menu by the individual links and adds style to each one individually 
  change #pillmenu a:hover white.css line 12 along with these numbers to change the pill menu bg orintation
  font-family: Arial, Helvetica, sans-serif;
 background: url(../images/asphaltbutton_up.png) 0 0 no-repeat;
  font-size: 16px;
  font-weight: bold;
	float:left;
  display:block;
  width:128px;
  height: 84px;
  line-height: 24px;
  padding: 20px 20px;
  color: #fff;
  text-decoration: none;
  border: #f0c 2px solid;
 
  mystuff 
}

#pillmenu a#active_menu_boo{
	margin-top:2px;
	height: 84px;
	line-height: 24px;
	padding: 20px 20px;
	background-position: 0 0;
}

#pillmenu a:hover_boo {
 change #pillmenu a template.css line 414 along with these numbers to change bg image orientation
  color:#0000FF;
  width: 128px;
  background: url(../images/white/mw_menu_active_bg.png) 0 0 repeat-x;
  background:url(../images/asphaltbutton_dn.png) 0 0 no-repeat;
}



 clicked pill menu link color 
#pillmenu a#active_menu_boo {
  background: url(../images/white/mw_menu_active_bg.png) 0 0 repeat-x;
  color:#333333;
   width: 128px;
   background:url(../images/asphaltbutton_dn.png) 0 0 no-repeat;
}
 clicked pill menu link mouse over color 
#pillmenu a#active_menu_boo:hover {
  color:#660000;
}
*/
