.menu {
	color:#666666;
}
a.menu {
	color:#666666;
	text-decoration:none;
}
a.menu:hover {
	color:#666666;
	text-decoration:underline;
}
.style1 {
	color: #666666;
	font-size: 11px;
	/*font-family: Arial, Helvetica, sans-serif; */
	font-family: Tahoma;
}
.style3 {
	color: #666666; 
	font-size: 11px; 
	font-family: Tahoma; 
	font-weight: bold;
}
a.style4 {
	color: #ee8c5b;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration:none;
}
a.style5 {
	color: #666666;
	font-size: 11px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration:none;
}
.style6 {
	font-size: 10px;
	color: #B0B0B0;
	font-family: Tahoma;
}
.style7 {
	font-family: Tahoma;
	color: #CF764B;

}
.style10 {
	color: #F6A179;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
}
.style11 {
	color: #666666; 
	font-size: 12px; 
	font-family: Tahoma; 
	font-weight: bold;
}
.style12 {
	color: #666666; 
	font-size: 11px; 
	font-family: Tahoma; 
}
body {
	background-color: #97977F;
}
a.whatsNewProperties:hover {
	color:#FF771D;
	text-decoration:underline;
}

a.whatsNewProperties {	
	color: #526060; 
	font: 11px Tahoma, sans-serif; 
	text-decoration: none;
	font-weight: bold;
}
a.whatsNewMore:hover{
	color:#FF771D;
	text-decoration:underline;
}

a.whatsNewMore {	
	color: #FFFFFF; 
	font: 10px Tahoma, sans-serif; 
	text-decoration: none;
	font-weight: bold;
}

.details {
	color: #F9FFFF; 
	font: bold 13px Tahoma, sans-serif; 
	text-decoration: none;
}

.form_1 {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 12px;
	background-color: #FFFFFF;
	height: 17px;
	width: 154px;
	border: 1px solid #9C9D9A;
}
.form_radio {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 12px;
	height: 17px;
}
.form_button {
	font-family: Tahoma;
	font-size: 12px;
	line-height: 12px;
	height: 17px;
}
.title {
	color: #666666;
	font-size: 12px;
	/*font-family: Arial, Helvetica, sans-serif; */
	font-family: Tahoma;
}
.success {
	font-size: 11px;
	color: #0D9917;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.setOrigin {
	position:relative;
	z-index: 0;
	
	top:0px;
	left:0px;
	
}


/*
this is the container that shows up as a flyout
*/
.flyoutDiv {
	position:absolute;
	background-color:#F2F2F2;
	border: 1px #000000 solid;
	width: 150px;

}

/* makes the first flyout flush with the edge of the arrow */
.one .flyoutDiv {
	top: 0;
	left:99px;  /* Left co-ordinates of  menu */
}
/* make second flyout flush with arrow (sized to flyoutLink class, not flyoutLinkBold class */
.two .flyoutDiv {
	top: 0;
	left:150px;  /* Left co-ordinates of 2nd sub menu */
}



/* this doesn't work in IE see uglier workaround below
.flyoutLinkBold + div .flyoutDiv {}
}
*/



/* this will have problems if bold links are ever used for a flyout with more flyouts inside
which by the current usage would mean a flyout link used for the root level flyout or flyouts nested more than 2 layers
*/
.flyoutBold .flyoutDiv {
	top: 0px;
}

/*
This is the declaration that makes all the flyouts on the page be hidden to start
The class "hiddenFlyout" is actually changed to "visibleFlyout" by the javascript.
*/
.hiddenFlyout .flyoutDiv {
display:none;
padding-top: 3px; /* 3px matches perceptual spec of 6px */
}


/*** default look for the links that open flyouts ***/
.flyoutLink,.flyoutLinkBold,.flyoutLinkRoot {
	display:block;
	position:relative;
	
	/*
	margin-top: 0px;
	margin-bottom: 0px;

	z-index:0;
*/

	background-image: url(/swa/i/flyout_arrow_red.gif);
	background-repeat:no-repeat;
	background-position: 230px 50%;

	font-family:Tahoma;
	text-decoration:none;



}
/* not sure why there are two of these...it's declared above */
.flyoutLinkRoot {
	background-position: 147px 7px;
}


/* this formats the red links on the page itself */
/* for the rollover state, see "hover bahviour of links that have flyouts that are not currently open" */
.flyoutLinkRoot,.hiddenFlyout .flyoutLinkRoot {
	font-weight:bold;
	font-size:11px;
	color:#990000;

	padding-left:0px; /* 7px matches perceptual spec of 9px */
	padding-top: 3px; /* 3px matches perceptual spec of 6px */
	margin-left: 0px;
	padding-bottom: 5px; /* created for line wrap specification */

	border-bottom: 1px solid #F2F2F2;

}



/*** links in flyouts that open other flyouts ***/
.flyoutLink, .flyoutLinkBold {
	padding-left:7px; /* perceptual spec of 9 */
	font-size:10px;
	color:#00000;
}
.flyoutLink {
	height: 15px;
	padding-top: 1px; /* 1px = 3.5px (text is 6px high, 4px each on top & bottom = 14px) */

}
.flyoutLinkBold {
	padding-top: 3px; /* 3px = 7px (text is 6px high, 7px each on top & bottom = 20px) */
	height: 19px; /* 19px = 20px with 1px thick border */
	font-weight: bold;
}

/* hover bahviour of links that have flyouts that are not currently open */
.hiddenFlyout .flyoutLink:hover,.hiddenFlyout .flyoutLinkBold:hover,.hiddenFlyout .flyoutLinkRoot:hover {

	color:#ffffff;
	background-color:#666666;
	background-image: url(/swa/i/flyout_arrow_white.gif);
}
/* the links as they appear when their associated flyouts are open */
.visibleFlyout .flyoutLink,.visibleFlyout .flyoutLinkBold,.visibleFlyout .flyoutLinkRoot {

	color:#ffffff;
	background-color:#BD785A;
	background-image: url(/swa/i/flyout_arrow_white.gif);

}

.hiddenFlyout .flyoutLink,.hiddenFlyout .flyoutLinkBold {

	color:#000000;
	background-color:#F2F2F2;
	background-image: url(/swa/i/flyout_arrow_red.gif);

}


.flyoutLinkBold,.hiddenFlyout .flyoutLinkBold {
	color:#000000;
	font-weight:bold;
	background-color:#about;
	background-image: url(/swa/i/flyout_arrow_red.gif);

}



.moreLink {
	display:block;
	font-weight:bold;
	font-family:Tahoma;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	height: 20px;
	padding-left: 6px; /* 6px = 9px */
	padding-top: 3px; /* 3px = 7px, to make it look centered */
}

.moreLink:hover{
	background-color:#666666;
	color:#ffffff;
}




/***** regular links *****/
/* these are used on links that don't open flyouts.  They work the way any user supplied styles would, it just happnes that they give the look and hover bahviour specified in the spec. */
.linkInFlyout, .linkInFlyoutBold {
	display:block;
	color:#4A4A4A;
	position:relative;
	margin-bottom:0px;
	padding-left:5px; /* 6px = 9px */
	padding-bottom: 3px; /* 3px = 6px */
	z-index:0;

	font-family:Tahoma;
	font-size:11px;
	text-decoration:none;


}


.linkInFlyout {
	line-height:80%;
	margin-bottom:2px;
	margin-top:2px;
}

.one .linkInFlyout:hover {
	background-color:none;
	color:#D37B50;
}
.two .linkInFlyout:hover {
	background-color:none;
	color:#D37B50;		/* Sub menu font color when mouse over */
}


/* bold links */
.linkInFlyoutBold {
	font-weight:none;
}
.linkInFlyoutBold:hover {
	background-color:#C26334;
	color:#ffffff;
}




/*  this class on a div and you get the solid grey full width bar
	only use these for bars in the flyouts */
.bar {
	width:100%; /* enables margns within the horiz separator in IE - has no affect on width blowout all browsers */
	border-top:1px #006666 solid;

}

/* this was from a previous spec, the half bar is now just extra white space (perceptual 4px high)
	for use between FlyoutLink and LinkInFlyout links */
.halfBar {

	height:7px;
	margin-right:10%;
	margin-left:10%;
	margin-top:0px;
	margin-bottom:0px;
}

/* nav bar links that do not open flyouts at all */
.linkRoot {
	display:block;
	position:relative;
	margin-top:0;
	margin-bottom:0;
	padding-top: 0px;/* text is 6px high; use to make bottom of text - bottom of text = 18px */
	padding-left:5px; 
	
	z-index:0;
	height:14px; /* minor bug: top-most entry is only 17px from gray line, not 18px */

	font-family:Tahoma;
	text-decoration:none;
	font-weight:none;
	font-size:10px;
	color:#5A5A5A;

}
.noFlyout {

	/* width:154px; */
}

.non-flyoutLinkRoot {

	display:block;
	position:relative;
	

	margin: 0px;
/*	padding: 3px 0 5px 7px; */
	padding: 0px 0 0x 0px;
	
	border-bottom: 1px solid #about;

	font-family:Tahoma;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#990000;
}

* html .non-flyoutLinkRoot {
	height: 0%; /* height:22px; taken out to support line wrap spec. the 0% is an IE border visability fix that seems to work on Moz */
}

.non-flyoutLinkRoot:hover {
	color:#ffffff;
	background-color:#666666;
	border-bottom: 1px solid #ffcccc;
}

/* IE 6 has a weird bug where overlapping layers and certain hover styles intersect... When a hover style changes the background in the topmost overlapping layer, it causes the border of the underlying layer to poke through.

These overrides keep the bug from effecting flyouts.  The image never actually shows and can even be a broken link but must exist in order to fix the problem.

The flyoutBackground container did not previously exist and is not necessary for anything except fixing this bug.  It wouldn't be needed except that we wanted a way to have the background show up before the image loaded.

*/


.flyoutDiv .flyoutDiv {
   background: url(/swa/i/spacer_grey.gif) repeat;
}

.flyoutBackground{background-color:#about;padding-top:1px;}.p_caption {  font-family: Tahoma; font-size: 9px; color: #0054A8; text-decoration: none}
.whatsnew {  font-family: Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #526060; text-decoration: none}
.style8 {  font-family: Tahoma; font-size: 11px; color: #336666; text-decoration: none}