/* 
 * Set up general fonts, sizes and colors 
 */
html, body 
{ 
	font-family : Arial, sans-serif; 
	font-size : 12 px;
	color : #000000;
	width : 100%; height : 100%; 
	
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px;
	margin: 0px;
	background-color :  #ffffff;	
	
}

body, .page{
	min-width : 100px;
	/* since IE doesn't support min-width, try expression */
	width:expression(document.body.clientWidth < 100? "100px": "auto" );
	min-height : 425px;
	height : 100%;
	height : expression(document.body.clientHeight < 425? "425px": "100%" );
}


html, body, p, a { margin : 0px; padding : 0px; }

/*
 * to get scrollbars working in both IE and Mozilla
 */
html,body { overflow: auto; }
html>body { overflow: visible; }


/* @@@   TITLE BAR  @@@ */

.title 
{
	height : 30 px;
	background-image : url(graphics/icons/TopLine.jpg); background-repeat : horizontal; min-width : 10 px;
	overflow: hidden;
	font-size : 11px;
}

.mainlinks 
{
	height : 30 px;
	background-image : url(graphics/icons/bg1.jpg); background-repeat : horizontal; min-width : 10 px; 
	bgcolor: "#CC3333";
	overflow: hidden;
	font-size : 11px;
}

.nwdstxt 
{
	border-right-width : 1px;
	border-right-color : #ffffff;
	border-right-style : solid;
	height : 30 px;
}

.saplogo 
{
	position : absolute;
	right : 0px;
	top : 25px;
	left: 503px;

}

/* @@@     NAVIGATION BAR    @@@ */

.page-links
{
	border-top-width : 1px;
	border-top-color : #ffffff;
	border-top-style : solid;
	background-color :  #d7e5f0; 		
	height : 32 px;
}

.bg1
{
	border-right-width : 1px;
	border-right-color : #ffffff;
	border-right-style : solid;	
	position : absolute; 
	top : 31 px;
	left : 0px;
	bottom : 0 px,
}

.linktext
{
	position : relative;  
	bottom : -22 px;

	font-weight : bold;
	font-family : Arial, sans serif;
	font-size : 12 px;		
	
	margin-left : 20 px;
	margin-right : 20 px;
}

/* properties for each of the navigation-links  */
.overview 
{ 
	background-image : url(graphics/icons/overview_off.gif); 
	background-repeat : no-repeat;  
	background-position: 50% 20%;
	height : 32px;
}

.news 
{ 
	background-image : url(graphics/icons/whatsnew_off.gif); 
	background-repeat : no-repeat; 
	background-position: 50% 20%;}

/* TEST */
#page-links a.left:focus .link-label,
#page-links a.left:active .link-label {
	text-align: left;
	display: block;
	position: absolute;
	top : 120 %;
	left : 0;
}

/* Needed in IE to get shift+tab to show the active image properly */
a:active {
	border : solid 0px;
}

/* @@@  END OF MAIN TITLE BAR @@@ */


	

.page-content 
{
	display : block;
		margin-top : 21 px;  margin-left : 32 px;  margin-right : 92 px;

	float : none;
	clear : both;
	
	background-color : transparent; z-index : 100;
	font-weight : normal;
	font-family : Arial, sans-serif;
	font-size : 12px;
}	

/* For regular div labels */
.div-label {
	font-size : 14px;
	font-weight : bold;
	float : none;
	clear : both;
	color : #8da0ba;
}

.overview-links {
	text-align : left;
	width : 100 %;
	padding-top: 40 px;
	/* To center in Moz (have to use text-align for IE) */
	margin : 0px auto;
	font-family : Arial, sans-serif; 
	font-size : 12 px;	
}


#overview-links a {
	width :  49 %;
	vertical-align : top;
	margin-bottom : -10 px;
	padding-right : 42 px;
}

.link-label {
	font-family : Arial, sans-serif; 
	font-weight : bold;
	font-size : 13;		
}


#overview-links a p .text {
	display : block;
	width : 80%;
	position : relative;
	top : -40px;
	left : 60px;
	/*bottom : -32px;					*/
}

.text {
	font-size: 12;
}

#overview-links a img {
	height : 48 px;
	width : 48 px;
	vertical-align : middle;
}

/* Special case for Mozilla, because the links are displayed
   in 1 vertical column instead of 2 centered columns */ 
#overview-links > a { 	width : 700px; }
#overview-links a > .link-label { width : 521px; }
#overview-links a p > .text { width : 700px; }


a {
	text-decoration : none;
	color : #000000;
	font-size : 12 px;
	font-family : Arial, sans-serif; 
}

a .link-label {
	font-weight : bold;
}

a .text {
	font-weight : normal;
}

p .group-description {
	font-size : 12 px;
	font-weight : normal;
	color : #000000;
}