/* -------------------------------------------------------------------------
-- GENERAL STYLES
---------------------------------------------------------------------------- */

BODY
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	MARGIN: 10px 0;
	BEHAVIOR: url(/content/1001/interface/csshover.htc);
	BACKGROUND: url(/content/1002/interface/images/background.gif) repeat-x top fixed;
}
TD
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: .7em;
	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;}

/* -------------------------------------------------------------------------
-- SPECIFIC ID STYLES
---------------------------------------------------------------------------- */
#contentWindow
{
	padding:5px;
	width:631px;	/* 631=765(page)-134(leftmenu) */
}
td#ad
{
	TEXT-ALIGN: right;
	PADDING:10px;
}

#headerTable
{
	WIDTH: 765px;
	BORDER: 1px solid black;
	BACKGROUND: url(/content/1002/borders/33/background.gif) repeat;
	
}
#middleTable
{
	WIDTH: 765px;
	BORDER-RIGHT: 1px solid black;
	BORDER-LEFT: 1px solid black;
	BACKGROUND-COLOR: white;
}
#logo
{
	PADDING-TOP:6px;
	PADDING-LEFT:10px;
	HEIGHT: 126px;
	BACKGROUND: url(/content/1002/borders/33/bluestripes100.gif) repeat;
}
#layoutTable
{
	WIDTH: 765px;
	BORDER: 1px solid black;
	BACKGROUND-COLOR: white;
}
#header2Cell
{
	BACKGROUND-COLOR: #90BA8F;
}
#header1Cell2
{
	BACKGROUND: url(/content/1002/borders/33/bluestripes100.gif) repeat;
	HEIGHT: 85px;
}
#header2Cell2
{
	BACKGROUND-COLOR: #90BA8F;
}
#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;
}
div#sloganAd
{
	text-align:right;
	height:49px;
	padding: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: 134px; margin: -1px 0 0 0; font-size:.9em; font-weight:bolder}
div#nav ul {margin: 0; padding: 0; width: 132px;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}


/* Inset 3D Raised */
.raised {background: transparent; width:100%;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff;}
.raised p {padding-bottom:0.5em;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ddd; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ddd; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ddd; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ddd; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ddd; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ddd; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ddd; border-left:1px solid #fff; border-right:1px solid #999;}



/* Inset 3D Curved */
.inset {background: transparent; width:96%;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff;}
.inset p {padding-bottom:0.5em;}

.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#fff; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#fff; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#fff; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#fff; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#fff; border-left:1px solid #999; border-right:1px solid #fff;}




/* Curved cutout Borders*/
.curved {background: transparent; width:40%;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff;}
.curved p {padding-bottom:0.5em;}

.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px; font-size:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}


/* flared serif */
.serif {background: transparent; width:40%;}
.serif h1, .serif p {margin:0 10px;}
.serif h1 {font-size:2em; color:#fff;}
.serif p {padding-bottom:0.5em;}

.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%;}
.pillar h1, .pillar p {margin:0 10px;}
.pillar h1 {font-size:2em; color:#fff;}
.pillar p {padding-bottom:0.5em;}

.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

