/*========================================================*/
/*                pkg1_v3 by Mark White 				  */
/*                www.propagandalabs.com 				  */
/*========================================================*/

@import "text_v1.css";
@import url("text_v1.css");

@import "menus_v1.css";
@import url("menus_v1.css");

@import "solpartmenu.css";
@import url("solpartmenu.css");


/*========================================================*/
/*  1 Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ #body {  margin: 0; background: url(bg.jpg) repeat; }
/* Setting Text Throughout the skin      */ table, tr, td { margin: 0;}
/* outermost div of skin                 */ .OuterDiv { margin: 0; width:100%; height:100%;  background: url(bg.jpg) repeat;}
/*-- outermost table of skin 			*/  .OuterTable { width: 800px;  /*background-color:#333;background: transparent;*/ text-align: center; padding: 0 0 0 0; }
/*-- cell containing panes             --*/ .PanesTD { width:100%; vertical-align: top; padding: 5px 5px 5px 5px; }

/*-gap from top browser edge        	  -*/.gap1   {	height: 23px;	padding: 0px;	border-top: solid #CECFCE  9px;	background: #BD1010; 	border-bottom: solid #CECFCE 1px;}
/*-gap from vitals to media         	  -*/.gap2  {	height: 10px;	padding: 0px;	border-top: solid #CECFCE  1px;	background: #333;}
/*-gap from menu to paper           	  -*/.gap3   { width: 5px;  padding: 0 0 0 0;  }
/*-gap from breadcrum to dotted        	  -*/.gap4   { height: 5px; padding: 0 0 0 0; }
/*-gap from dotted to content         	  -*/.gap5   { height: 5px; padding: 0 0 0 0; }

/*========================================================*/
/* VITALS GRAPHIC CELLS (1 table 9 cells)   - mark        */
/* 

TO CUT OFF A ROUNDED EDGE AND MAKE FLUSH WITH ADJACENT TABLE:
choose the row or column you want to hide (top/ right/ left/ bottom). hiding it will make it appear "straight" and flush to the adjacent table. this will not make a square box (do that graphically). don't hide the middle content row! 
2. set the height and width properties of the row or column classes from 5 to 0. this will hide the row or column.

TO HIDE ROUNDED BOX BUT KEEP THE SPACING:
1. Set the CONTENT class hex color to nothing or comment out the color. 
2. there are 8 more classes with graphics. Simply comment the graphic properties out WITHIN each class. This will leave the 

TO HIDE ROUNDED BOX WITH NO SPACING:
Comment out all 9 classes for the table.

TO CHANGE BOX COLOR:
1. open the 8 graphic gifs and change to whatever you want.  The outer 2 pixels are the shadow you can leave or change them as well.  
2. set the MIDDLE class hex color to the same color you changed the graphics. 
========================================================*/


/*-vitals top row       -*/ .vit_top { /*- -*/background: url(vit_round/vit_top.gif) repeat-x bottom ; height: 0px; padding: 0 0 0 0;} 
/*-vitals bottom row    -*/ .vit_bot { /*--*/ background: url(vit_round/vit_bot.gif) repeat-x top ;height: 5px; padding: 0 0 0 0;}
/*-vitals left column   -*/ .vit_l   { /*- -*/background: url(vit_round/vit_l.gif) repeat-y left;width: 5px; padding: 0 0 0 0;}
/*-vitals right column  -*/ .vit_r   { /*- -*/background: url(vit_round/vit_r.gif) repeat-y right; width: 5px; padding: 0 0 0 0;}


/*vitals top left corner      -*/ .vit_top_l { /*- -*/background: url(vit_round/vit_top_l.gif) no-repeat bottom left; width: 5px; height: 0px; padding: 0 0 0 0;}
/*-vitals top right corner    -*/ .vit_top_r { /*--*/ background: url(vit_round/vit_top_r.gif) no-repeat bottom right; width: 5px; height: 0px;padding: 0 0 0 0;}
/*-vitals bottom left corner  -*/ .vit_bot_l { /*- -*/ background: url(vit_round/vit_bot_l.gif) no-repeat top left; width: 5px; height: 0px;  padding: 0 0 0 0;}
/*-vitals bottom right corner -*/ .vit_bot_r { /*- -*/ background: url(vit_round/vit_bot_r.gif) no-repeat top right; width: 5px; height: 0px; padding: 0 0 0 0;}

/*-vitals content center cell  -*/.vit_content   { padding: 0 0 0 0;}

/*========================================================*/
/* MARKS VITALS CONTENT TABLE (table inside center cell)  */
/*========================================================*/

/*-- cell containing logo                               --*/ .LogoCell  {
	height: 41px;
	width: 175px;
	padding: 0;
	background: url(logo.jpg) no-repeat;
	
} 
/*-- cell/pane containing phone (html module)           --*/ .PaneVitals {
	vertical-align: top;
	text-align: right;
	padding: 5px 5px 5px 5px;
	height: 30px;
}
/*-- cell/pane containing vitals menu (links module)    --*/ .PaneVitalsMenu {
	vertical-align: bottom;
	text-align:right;
	padding: 0x;
	height: 27px;
}

/*-- login and user token idle         --*/					 .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #003366; /*background:  url(bull.gif) no-repeat bottom left;*/  font-family: Trebuchet MS; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 5px 0 10px; }

/*-- login and user token hover        --*/					 a.LOGIN_object:hover, a.USER_object:hover { color: #FFF; /*background:  url(bull.gif) no-repeat bottom left;*/  font-family: Trebuchet MS; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 5px 0 10px; }


/*========================================================*/
/* MEDIA CONTENT cells                                     */
/*========================================================*/


/*-media top row          -*/ .media_top   { background: url(media_round/media_top.gif) repeat-x bottom; height:5px; padding: 0 0 0 0;} 
/*-media bottom row       -*/ .media_bot   { background: url(media_round/media_bot.gif) repeat-x top; height:0px; padding: 0 0 0 0;}


/*-media content cell         -*/.media_content   {height:0px; text-align: center; background: url(media_round/media_bg.gif); padding: 0;}



/*-media width cutoff table THIS HAS TO HAVE A WIDTH VALUE OF AT LEAST 1px!!! -*/ 
								.media_module {
	width:611px;
	height:157px;
	/*width:611px;
	height:157px;*/
	padding: 0;
	margin:0;
	} 
								.media_module2 {padding: 0;margin:0; background: #003366;
					} 


/*========================================================*/
/*     Main Menu outer table                              */
/*========================================================*/


/*-- left cap of main menu               --*/ .MainMenu_l{ background: url(mainmenu_round/mainmenu_l.gif) repeat-y left; width: 5px; height: 5px; padding: 0 0 0 0; }

/*-- right cap of main menu              --*/ .MainMenu_r{ background: url(mainmenu_round/mainmenu_r.gif) repeat-y right;/*this is 4 instead of 5 becuase the menu separator gif adds 1px to the far right side */ width: 4px; height: 5px; padding: 0 0 0 0; }


/*-media bottom row       -*/ .mainmenu_bot   { background: url(mainmenu_round/mainmenu_bot.gif) repeat-x top; height:0px; padding: 0 0 0 0;}

/*-media bottom left corner  -*/ .mainmenu_bot_l { background: url(mainmenu_round/mainmenu_bot_l.gif) no-repeat top left; width: 5px; height: 0px; padding: 0 0 0 0;}
/*-media bottom right corner -*/ .mainmenu_bot_r { background: url(mainmenu_round/mainmenu_bot_r.gif) no-repeat top right; width: 5px; height: 0px; padding: 0 0 0 0;}




/*========================================================*/
/*     Main Menu center that holds solpartmenu  token          */
/*========================================================*/
/*-- background row of main menu         --*/ .MainMenuRow { height: 20px; background: #BD1010; /*  */padding: 0 0 0 0; text-align: center; }

/*-- box that holds the menu    --*/ .MainMenu_MenuContainer { text-align:center; 20px; background: #BD1010;  }
/*-- bar that holds the menu    --*/ .MainMenu_MenuBar { text-align:center; height: 20px; cursor: pointer; cursor: hand; background: transparent;  }



/*========================================================*/
/*  BREADCRUMB						                      */
/*========================================================*/

/*-- cell containing breadcrumbs       --*/ .BreadcrumbsTD {vertical-align: bottom; }

/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #8f8f8f; font-family: Trebuchet MS; font-size: 11px; text-decoration: none; font-weight:bold;padding: 0 0 0 10px;}

/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #666; font-family: Trebuchet MS; font-size: 11px; text-decoration: none; font-weight:bold; 0 0 0 10px; }





/*========================================================*/
/*  SEARCH  						                      */
/*========================================================*/

/*-- cell containing search      	--*/ .SearchTD { width:250px; text-align: right; vertical-align: middle; padding: 0;}

/*-- applied to invisible objects   --*/ .Invisible { visibility:hidden; }

/*-- search button in search form   --*/ .searchButton, a.searchbutton:link, a.searchbutton:active, a.searchbutton:visited {  font-family: Trebuchet MS; font-size: 16px; font-weight: normal; color: #666; text-decoration: none; padding: 6px 15px 4px 1px;/*background: #F0f0f0;  cursor: hand;*/ }  

/*-- search button in search form   --*/ a.searchbutton:hover{  font-family: Trebuchet MS; font-size: 16px; font-weight: normal; color: #333; text-decoration: none; padding: 6px 15px 4px 1px; /*background: #F0f0f0;  cursor: hand;*/ }  

/*-- FIELD used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox, .NormalTextBox  {/*background: #ccc;*/ height:22px;  width: 200px; color: #ccc; padding: 3px 3px 0 3px; border: 1px solid #ccc; cursor:text; font-family: Trebuchet MS; font-size: 12px; font-weight: normal; color: #333;} 

.dotted {height:2px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999;}

/*========================================================*/
/*   PAPER BODY							                  */
/*========================================================*/




/*-paper  left               -*/ .paper_l { background: url(paper_round/paper_l.gif) repeat-y left; width:2px; padding: 0 0 0 0;}
/*-paper  right              -*/ .paper_r { background: url(paper_round/paper_r.gif) repeat-y right; width:2px; padding: 0 0 0 0;}

/*-paper bottom row (gradient=25) -*/ .paper_bot   { background: url(paper_round/paper_bot.gif) repeat-x top; height:5px; padding: 0 0 0 0;}
/*-paper bottom left corner  -*/ .paper_bot_l { background: url(paper_round/paper_bot_l.gif) no-repeat top left; width: 2px; height: 0px; padding: 0 0 0 0;}
/*-paper bottom right corner -*/ .paper_bot_r { background: url(paper_round/paper_bot_r.gif) no-repeat top right; width: 2px; height: 0px; padding: 0 0 0 0;}

/*-paper content cell         -*/.paper_content   {height:30px; text-align: center; background: url(paper_round/paper_bg.gif); padding: 0 0 2px 0;}

/*-paper width cutoff table THIS HAS TO HAVE A WIDTH VALUE OF AT LEAST 1px!!! -*/ 
								.paper_module {width:1px; height:0px; text-align: center; padding: 0 0 0 0;} 






/*-- typical row style (behind ends)  --*/ .Row { background:  url(top_bg.jpg) repeat-x top left; height: 270px; padding: 0; }
/*-- LEFT CAP STYLE	    	   		  --*/ .Left { background:  url(top_l.jpg) no-repeat top left; height: 270px; width:100%; padding: 0; }
/*-- LEFT CAP STYLE	                 --*/ .Right { background:  url(top_r.jpg) no-repeat top right; height: 270px; width:100%; padding: 0;}


/*========================================================*/
/*  3 Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane             --*/ .PaneLeft { width: 190px; padding: 20px 0 0 0; margin:0; text-align:left; }
/*-- content pane                  --*/ .PaneCenter { padding: 20px  20px 0 20px; }
/*-- content pane                  --*/ .PaneCenter2 { padding: 0 0px 0 2px; }
/*-- bottom inside pane            --*/ .PaneA{ width: 194px; vertical-align:top; padding: 0 3px 0 0; }
/*-- bottom inside pane            --*/ .PaneB{ width: 390px; vertical-align:top; padding: 0 0 0 2px; }

/*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; }
/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; }
/*-- header content pane           --*/ .PaneHeader { height:139px; width: 100%; padding: 0 0 0 0; }

/*========================================================*/
/* Tokens                                             */
/*========================================================*/



/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #c1c1c1; font-family: Trebuchet MS; font-size: 11px; text-decoration: none; }
/*-- date token hover                  --*/ a.DATE_object:hover { color: #c1c1c1; font-family: Trebuchet MS; font-size: 11px; text-decoration: none; }


/*-- language selector dropdown        --*/ .Language_object { font-family: Trebuchet MS; font-size: 11px; text-decoration: none; }


/*========================================================*/
/*  EVENTS MODULE DETAILS PAGE      ED (based on #5 text) */
/*========================================================*/

/*-- most of the text on site          --*/ .EDnormal, .EDNormal { font-family: Trebuchet MS; font-size: 11px; color: #555; text-align:left;}
/*-- most of the bold text on site     --*/ .EDNormalBold { font-family: Trebuchet MS; font-size: 11px; font-weight: bold; color: #555;text-align:left; }
/*-- red text on site for errors       --*/ .EDNormalRed { color: #C50000; font-family: Trebuchet MS; font-weight: bold; font-size: 11px; text-align:left;}
/*-- subheadings - mostly in admin     --*/ .EDSubHead { font-family: Trebuchet MS; font-size: 12px; font-weight: bold; color: #003366; padding: 2px 2px 2px 0; text-align:right }
/*-- headings - mostly in admin        --*/ .EDHead {  font-family: Trebuchet MS; font-weight: normal; font-size: 22px; color: #003366; font-weight: bold; 10px 0 5px 0;  text-align:left; border: 0 0 1px 0 dotted #999999; }

/*-- headings - mostly in admin        --*/ .EDDotted{ border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999;}

/*-- admin button-link style           --*/ a.EDCommandButton:link, a.EDCommandButton:visited, a.EDCommandButton:active 
{ color: #FFF; border: 0px solid #003366; background: #003366; padding: 0 4px 0 4px; font-family: Trebuchet MS; font-weight: bold; font-size: 12px; text-decoration: none; }

/*-- admin button-link style hover     --*/ a.EDCommandButton:hover  
{ color: #FFF; border: 0px solid #000066; background: #666; padding: 0 4px 0 4px; font-family: Trebuchet MS; font-weight: bold; font-size: 12px; text-decoration: none;}




/*body{	background-color: #ffffff;	padding: 5px 5px 5px 5px;	margin: 0px;}



/*========================================================*/
/*  6 Links AND BUTTONS FOR WHOLE SITE                                             */
/*========================================================*/

/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active 
{ color: #000; padding: 0 10px 0 0; font-family: Trebuchet MS; font-weight: bold; font-size: 12px; text-decoration: none; }

/*-- admin button-link style hover { color: #000; border: 1px solid #868686; background: #DFDFDF; padding: 0 10px 0 0 ; }    --*/ 
a.CommandButton:hover  {color: #FFF; border: 0px solid #003366; background: #003366; padding: 0 4px 0 4px; font-family: Trebuchet MS; font-weight: bold; font-size: 12px; text-decoration: none; }


/*========================================================*/
/*  7 Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: "Trebuchet MS"; font-size: 11px; color: #333; }
/*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: "Trebuchet MS"; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox {  padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }


/*==========================================================*/
/*  CUSTOM 


/*-home header         -*/ .home_title  {height:24px; background: url(bullet1.gif) no-repeat top left  #8CAAC6;  padding: 2px 0px 0px 20px;  font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;  font-size: 13px; font-weight: bold; color: #000;}

/*-home header         -*/ .home_feature1  {width: 192px; background-color:  #ccc;  padding: 0 6px 6px 6px; text-align: right; }

/*-home header         -*/ .home_feature2  { width: 192px; background-color:  #fff;  padding: 6px 6px 6px 6px; }

/*- baby blue  #8CAAC6    

gray #ccc

white #fff                              */

 
 
 .ehl  {background: url(ehl_logo.gif) no-repeat top center;  padding: 26px 6px 6px 6px;}
 

/*========================================================*/
/*  CUSTOM WEATHER                                             */
/*========================================================*/






/*==========================================================*/