/***** blue skin styles *****/
/* header or top menu styles */

#header 
{	width: 100%;
	text-align: left;
	margin:0;
}
#header
{
	/*width:expression(document.body.clientWidth < 1100 ? "1000px" : "100%" );*/
}	/*width: expression(document.body.clientWidth < 902? "900px" : document.body.clientWidth > 1102? "1100px" : "auto");*/

#top 
{
	background-image: url(../../images/blue/banner_blue_bg_thin.gif);	
	background-repeat: repeat;
	background-attachment: scroll;
	POSITION: relative;	
	HEIGHT: 54px;
	width:expression(document.body.clientWidth < 702 ? "700px" : "100%" );*/
}
#logo 
{
	MARGIN: 0;	
	DISPLAY: inline;	
	FLOAT: left;	
	width: 203px;
}
#botLine
{
	width: 100%;
	background-image: url(../../images/blue/banner_blue_top_bg_line.gif);
	background-repeat: repeat-x;
	height: 17px;
}
#botLineThick
{
	width: 100%;
	background-image: url(../../images/blue/banner_blue_menu_bg.gif);
	background-repeat: repeat-x;
	height: 31px;
	position: relative;
	width:expression(document.body.clientWidth < 702 ? "700px" : "100%" );*/

}
#midLink 
{
	RIGHT: 5px;	
	POSITION: absolute;	
	bottom: 2px;
}
#midLink UL 
{
	PADDING: 0px;	
	MARGIN: 0px;	
	LIST-STYLE-TYPE: none;
}
#midLink UL LI 
{
	float: left;
	font-size: 70%;
	font-weight: bold;
	margin: 30px 18px 0 0px;
}
#midLink UL LI A:link, #midLink UL LI A:active, #midLink UL LI A:visited
{
	color: #ffffff;
	text-decoration: none;
}
#midLink UL LI A:hover
{
	color: #ffffff;
	text-decoration: underline;
}
#midLink UL LI img
{
	vertical-align: bottom;
}

#botMidLink
{
	left: 250px;
	POSITION: absolute;	
}

#botLeftLink
{
	left: 15px;
	POSITION: absolute;	

}
.headerMenu  
{
	PADDING: 0px;	
	MARGIN: 0px;	
	LIST-STYLE-TYPE: none;
}
.headerMenu LI 
{
	font-size: 71.5%;
	font-weight: bolder;
	float: left;
	padding: 5px 40px 0 0;
	color: #01345B;
}
.headerMenu LI A:link, .headerMenu LI A:active, .headerMenu LI A:visited
{
	color: #01345B;
	text-decoration: none;
}
.headerMenu LI A:hover
{
	color: #01345B;
	cursor: hand;
	text-decoration: underline;
}

P.topmenu
{
	float: left;
}
/* Appname is hidden and replaced by 'Hidden Tree' temporarily for demo. 
P.appname
{
	font-weight: bold;
	font-size: 80%;
	padding-bottom: 0px;
	margin-left: 20px;
	text-transform: capitalize;
	padding-top: 4px;
	font-style: italic;
	font-family: 'Trebuchet MS';
}
*/
.appname
{
	color: #b7dbf5;
	RIGHT: 25px;	
	POSITION: absolute;	
	top: 3px;
	font-weight: bolder;
	padding-bottom: 0px;
	padding-left: 15px;
}
.popUpPageTitle
{
	font-weight: bold;
	font-size: 180%;
	color: #E0EDF7;
	position:absolute;
	right: 10px;
	bottom: 
}