﻿/* -------------------------------------------------------------------------
-- GENERAL STYLES
---------------------------------------------------------------------------- */

BODY
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BEHAVIOR: url(/App_Themes/1002/csshover.htc);
    BACKGROUND: url(/App_Themes/1002/images/pagebackground.gif) repeat-x top fixed;
	font-size: .7em;
	height: 100%
}
TD
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	VERTICAL-ALIGN: top;
}
UL
{
	margin-top: 0px
}
UL LI
{
	list-style: outside square;
}

LI.ListLabel
{
	list-style: none;
	margin-left:-20px;
	font-weight:bold;
}

div#page { text-align: center; height:100%}

/* -------------------------------------------------------------------------
-- SPECIFIC ID STYLES
---------------------------------------------------------------------------- */
#LayoutTable
{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    BORDER: 1px solid black;
}

#LeftBorder
{
	BACKGROUND-COLOR: #B2D0B2; height:100%
}

#BottomBorder
{
	BACKGROUND-COLOR: #B2D0B2;
	padding:2px;
	text-align:center;
}

#TopBorder
{
    text-align:center ;
    border-bottom: 1px solid black;  
}
.Logo
{
	PADDING-TOP:6px;
	PADDING-LEFT:10px;
	BACKGROUND: url(/App_Themes/1002/images/headerbackground.gif) repeat;
}

.LogoSmall
{
       
    
}

#ContentWindow
{
	padding:5px;
	background-color: White;
	WIDTH: 100%;
	HEIGHT: 100%;
	BORDER-LEFT: 1px solid gray;
}
td#ad
{
	TEXT-ALIGN: right;
	PADDING:10px;
}


#middleTable
{

	BACKGROUND-COLOR: white;
}

.Top1Row1
{
	BACKGROUND: url(/content/1002/borders/1/background.gif) repeat;

}

.Top1Row2
{
	BACKGROUND-COLOR: #90BA8F;
	padding:2px;
	color:white

}

#header2Cell A
{
	COLOR: #eeeeee;
}
#header2Cell2 A
{
	COLOR: #eeeeee;
}
#logo
{
	MARGIN-TOP:6px;
	MARGIN-LEFT:10px;
	
}
#logo2
{
	MARGIN-TOP:0px;
	MARGIN-LEFT:0px;
	
}
#menuCell
{
	BORDER-TOP: 1px solid #999;
	BORDER-BOTTOM: 1px solid #999;
	BORDER-RIGHT: 1px solid #999;
	BACKGROUND-COLOR: #B2D0B2;

}
#column1Cell
{
	TEXT-ALIGN: left;
	/*BORDER-TOP: 1px solid #999;
	BORDER-BOTTOM: 1px solid #999;*/
	PADDING: 5px 10px;
}
#column2Cell
{
	WIDTH: 275;
	/*BORDER-TOP: 1px solid #999;
	BORDER-BOTTOM: 1px solid #999;*/
	PADDING: 5px 10px;
}
#footerTable
{
	WIDTH: 765px;
	BORDER: 1px solid black;
	
}
#footerCell
{
	BORDER-BOTTOM: 1px solid #999;
	BACKGROUND-COLOR: #B2D0B2;;
	PADDING: 5px;
	COLOR: #333;
	FONT-SIZE: .6em;
	TEXT-ALIGN: center;
}
div#newMember
{
	FLOAT: left;
	COLOR: white;
	MARGIN: 2px 3px 3px 3px;
	WIDTH: 350px;
}
div#login
{
	FLOAT: right;
	COLOR: white;
	MARGIN: 2px 3px 3px 3px;
	WIDTH: 350px;
	TEXT-ALIGN: right;
	FONT-WEIGHT: bold;
}
div#photo
{
	BACKGROUND-COLOR: #D8E6D7;
	BORDER-TOP: 1px solid #CCC;
	BORDER-LEFT: 1px solid #CCC;
	BORDER-RIGHT: 2px solid #666;
	BORDER-BOTTOM: 2px solid #666;
	PADDING: 10px;
	MARGIN: 0 0 10px 0;
	text-align: center;
}
div#photo p
{
	MARGIN: 0;
}
.SloganAd
{
    margin-top: 10px;
    margin-right: 10px;
    font-weight: bold;
}
div#systemAd
{
	text-align:left;
	height:50px;
	width:515px;
}
img#logo2
{
	border-right:solid 1px;
	border-bottom:solid 1px;

}

/* -------------------------------------------------------------------------
-- CLASS STYLES
---------------------------------------------------------------------------- */

.bold { FONT-WEIGHT: bold; }
.italic { FONT-STYLE: italic; }
.center { TEXT-ALIGN: center; }
.small { FONT-SIZE: xx-small; }
.large { FONT-SIZE: large; }
.medium { FONT-SIZE: 1.2em; }
.blue { COLOR: blue; }
.navy { COLOR: navy; }
.hide { DISPLAY: none; }

P.story { MARGIN: 3px 0 0 0; }

#column1Cell h3, #column2Cell h3
{ 
	FONT: bolder 1.2em; 
	COLOR: black;
	PADDING: 2px 5px;
	MARGIN: 3px 0;
	DISPLAY: block;
	BACKGROUND-COLOR: #D8E6D7;
	BORDER-TOP: 1px solid #CCC;
	BORDER-LEFT: 1px solid #CCC;
	BORDER-RIGHT: 2px solid #666;
	BORDER-BOTTOM: 2px solid #666;
}
#column1Cell h4, #column2Cell h4
{
	FONT: italic bolder 1.2em; 
	PADDING: 0;
	MARGIN: 5px 5px 5px 5px;
}
#column1Cell h4 a, #column2Cell h4 a 
{

}

#column1Cell h5, #column2Cell h5
{
	FONT: bolder 1em; 
	COLOR: #000000;
	PADDING: 0;
	MARGIN: 2px 0px 10px 0px;
}
#column1Cell p, #column2Cell p
{
	MARGIN: 2px 5px 10px 5px;
}


/* -------------------------------------------------------------------------
-- LEFT NAVIGIATION
---------------------------------------------------------------------------- */
div#nav {float: left; width: 140px; height:100%; margin: -1px 0 0 0; font-size:.9em; font-weight:bolder;}
div#nav ul {margin: 0; padding: 0; width: 140px; background: #B2D0B2; }
div#nav li {position: relative; list-style: none; margin: 0; border-bottom: 1px solid #CCC;}
div#nav li:hover {background: #90BA8F; font-weight:bolder}
div#nav li.submenu {background: url(/content/1001/borders/32/menu_arrow.gif) 95% 50% no-repeat;}
div#nav li.submenunolink {padding: 3px 0 3px 5px; display: block; text-decoration: none; width: 100%; color: black; cursor:hand;
		voice-family: "\"}\""; voice-family: inherit; width: 130px;background: url(/content/1001/borders/32/menu_arrow.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background: #90BA8F;}
div#nav li a {padding: 3px 0 3px 5px; display: block; text-decoration: none; width: 100%; color: black;
		voice-family: "\"}\""; voice-family: inherit; width: 130px;}
div#nav>ul a { width: auto; } /* IE workaround */
div#nav ul ul {position: absolute; top: -1px; left: 132px; display: none; border: 1px solid #999; }
div#nav ul.level1 li.submenu:hover ul.level2 { display: block; }
div#nav ul.level2 li.submenu:hover ul.level3 { display: block; }

/* -------------------------------------------------------------------------
-- TOP NAVIGIATION
---------------------------------------------------------------------------- */
div#topmenu { FLOAT: right; MARGIN-TOP: 40px; MARGIN-BOTTOM: -20px; PADDING-bottom: 0px; }
div#topmenu ul { list-style-type: none; } 
div#topmenu ul li { display: inline;} 
div#topmenu ul li a { font-weight: bolder; font-size: 1em; text-decoration: none; } 
div#topmenu ul li a:hover { color: navy; }
div#topmenu ul li a:link { color: yellow; }



.linkCategory {font: 12px verdana, arial, sans-serif;font-weight:bold;background-color:cccccc}
.linkName {font: 12px verdana, arial, sans-serif}
.linkDescription {font: 11px verdana, arial, sans-serif;}




.newsHeadline
{
	FONT-SIZE: 16px;
	FONT-WEIGHT: BOLD;
	MARGIN-BOTTOM: 10px;
}
.newsTimeStamp
{
	FONT-SIZE: 12px;
	FONT-STYLE: Italic;
	MARGIN-BOTTOM: 10px
}
.newsSource
{
	FONT-SIZE: 12px;
	FONT-STYLE: Italic;
	MARGIN-BOTTOM: 10px
}
.newsTeaser
{
	FONT-SIZE: 12px;
	FONT-WEIGHT: BOLD
}
.newsStory
{
	MARGIN-BOTTOM: 15px;

}











.ProBack {
	margin-bottom:15px
	}

.ProPanelHP {
	padding-bottom:4px;
	border-bottom:solid thin cccccc;
	}

.ProPhotoHP {
	float:right
	}


.ProCategoryHP {
	font-variant: small-caps;
	font-size:14px;
	font-weight:bold;
	}
	
.ProNameHP {
	font-size:10px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:20px;
	}

.ProFullListHP {

	}

.ProColumnTitleHP {
	font-size:12px;
	font-weight:bold;
	margin-top:1px;
	margin-left:20px;
	}

.ProColumnIntroHP {
	font-size:10px;
	}

.ProSeeAllHP {
	text-align:right;
	font-weight:bold;
	margin-top:4px
	}

.RequiredFieldLabel
{
	font-weight:bold
}



.tooltip {position: absolute;visibility: hidden;background:white;text-align:left;border:solid thin black;padding:3px}

	
.AnnouncementTitle 
{
 font-size: medium;
 font-weight: bold   
}

.BusinessFieldset
{
    border:solid 2px darkgray;
    padding:5px;
    text-align:left;
    margin-bottom:25px;
    width:90%;
    background-image:url(/content/1001/interface/images/fieldsetgradient.gif) 
    }