/*-CONDITIONER ELEMENTS----------------------------------------------------------------------
---It's important to remember these styles, as all page elements will inherit these settings
---first.  Sometimes it may be necessary to overide some of these styles further down the
---cascade, but generally these make it easier to create new styles.
-------------------------------------------------------------------------------------------*/

body 
{
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-style: normal;
	text-align: center;
	}

/*--removes default margins and resets font to default browser size so it doesn't inherit
truncated font sizes of parent elements for all form elements--*/
form 
{
    margin: 0px;
    font-size: 16px;
    }

/*--removes default margins from all form elements--*/ 
table 
{
	margin: 0px;
	}

/*--add class="floatLeft" or "floatRight" to any image that needs to be floated--*/	
img.floatLeft 
{
	float: left;
	border: 0px;
	}

img.floatRight 
{
	float: right;
	border: 0px;
	}
	
/*--makes sure that all linked images don't get the default border--*/
a img
{
	border: 0px;
	}

/*--container block that defines the sites width of and centers the page--*/
#center 
{
	width: 990px;
	margin: 0px auto 0px auto;
	text-align: left;
	}



/*-HEADER TOP RIGHT-----------------------------------------------------------------------
---Contains all styles associated with the top right of the page. Sign in, messageboard,
---global site search, and details nav.
-----------------------------------------------------------------------------------------*/

/*-container block for the whole top right section-*/

/*- Gail- I added the container block headerLeft below and applied to the logo div */
#headerLeft 
{
	float: left;
	position: relative;
	width: 250px;
	margin-right: 2px;
	}

/*-Gail - to the block below, i added:
margin-top to move the text down
font-size, color, and font-weight to get rid of your inline style1
float left to move the right side stuff up
I removed style1 from the aff_xp1_jean.html document as it is not needed 
since we specify font characteristics for the div container below */

#affName
{
	margin-top: 45px;
	width: 350px;
	font-family: Arial;
	font-size: 24px;
	color: #AB035C;
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
	float: left;
	}

#headerRight 
{
	float: right;
	position: relative;
	width: 250px;
	margin-right: 2px;
	}

		
#myProfile
{
	margin-top: 8px;
	color: Black;
	font-family: Arial;
	font-size: .78em;
	font-weight: bold;
	text-decoration: none;
	}
	
#myKomen
{
	margin-top: 8px;
	color: Black;
	font-family: Arial;
	font-size: .78em;
	font-weight: bold;
	text-decoration: none;
	}
	
	#signinMessageBoard
{
	margin-top: 8px;
	color: #a60a58;
	font-family: Arial;
	font-size: .88em;
	font-weight: bold;
	text-decoration: none;
	}
	
#signinMessageBoard a:link,
#signinMessageBoard a:visited
{
	color: #a60a58;
	font-family: Arial;
	font-size: .88em;
	font-weight: bold;
	text-decoration: none;
	}

#signinMessageBoard a:hover,
#signinMessageBoard a:active
{
	color: #a60a58;
	font-family: Arial;
	font-size: .88em;
	font-weight: bold;
	text-decoration: underline;
	}

/*-Gail-- I ADDED this -*/
		
#profileSignIn 
{
    font-family: Arial;
	font-size: .75em;
	color: Black;
    position: relative;
	margin-top: 5px;
    margin-right: 12px;
    }
/*-end of added style -*/

#profileSignIn p a:link,
#profileSignIn p a:visited
{
    font-family: Arial;
	font-size: 1em;
	color: #ab035c;
	text-decoration: underline;
	padding: 1px;
    }
    

#profileSignIn p a:hover,
#profileSignIn p a:active
{
    font-family: Arial;
	font-size: 1em;
	color: white;
	text-decoration: none;
	display: inline;
	background-color: #fa559e;
	padding: 1px;
    }
    
#profileSignIn p 
{
	font-family: Arial;
	font-size: 1em;
	color: Black;
	margin-top: 0px;
	margin-bottom: 18px;
	}
	
	
#search
{
	margin-top: 20px;
	color: #696969;
	font-family: Arial;
	font-size: .88em;
	font-weight: bold;
	}
	
#advancedSearch,
#advancedSearch a:link,
#advancedSearch a:visited,
#advancedSearch a:hover,
#advancedSearch a:active
{
	text-align: right;
	font-family: Arial;
	font-size: 10px;
	color: #696969;
	padding-right: 4px;
	margin-bottom: 7px;
	}
	
#detailsNav
{
	font-family: Arial;
	font-size: 10px;
	padding: 10px 0px 10px 0px;
	}

#detailsNav p
{
	padding: 0px;
	margin: 0px;
	
	}
	
#detailsNav a:link, 
#detailsNav a:visited
{
	font-family: Arial;
	font-size: 10px;
	text-decoration: none;
	color: #696969;
	}
	
#detailsNav a:hover,
#detailsNav a:active
{
	font-family: Arial;
	font-size: 10px;
	text-decoration: underline;
	color: #696969;
	}

	
/*-SEARCH FORM STYLES-------------------------------------------------------------------------*/

form.search
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
	}

input.search
{
	border: solid 1px #696969;
	width: 150px;
	padding: 0px 3px 0px 3px;
	}
	
input.btnSearch 
{
	margin-bottom: -5px;
	}

/*-TOP NAV STYLES-----------------------------------------------------------------------------
---The top nav is a little tricky.  It uses the LI and the A to define the look.  The LI 
---contains a 2px strip on the right side of each button, that works for the Active and 
---Inactive states.  The A contains an image that is reused in all the buttons (except the far 
---left and right buttons) that Slides under the right side of the the LI, meaning that each 
---button uses the same 2 images.  The far left and right buttons had to have their own custom 
---classes because of the different images. (Google Sliding Doors CSS for clear explainations)
----------------------------------------------------------------------------------------------*/
	
	
#navContainer ul
{
	padding: 0px;
	float: left;
	color: White;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	width: 990px;
	margin: 0px;
	position: relative;

	}


li.navMainLEFT
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-image: url(../images/mainNavRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainLEFT a:link, 
li.navMainLEFT a:visited 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 16px 10px 19px;
	margin-right: 2px;
	background-image: url(../images/mainNavLeftMost.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMainLEFT a:hover 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;	
	padding: 10px 16px 10px 19px;
	border-right: 2px;
	background-image: url(../images/mainNavLeftMostHover.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMainLEFT a:active 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 16px 10px 19px;
	margin-right: 2px;
	background-image: url(../images/mainNavLeftMost.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

li.navMain
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-image: url(../images/mainNavRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMain a:link, 
li.navMain a:visited
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-image: url(../images/mainNavLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMain a:hover 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: white;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-image: url(../images/mainNavLeftHover.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMain a:active 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-image: url(../images/mainNavLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.topActive
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	border-right: solid 2px white;
	background-image: url(../images/mainNavRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.topActive a:link, 
li.topActive a:visited, 
li.topActive a:hover,
li.topActive a:active 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 15px 10px 18px;
	margin-right: 2px;
	background-image: url(../images/mainNavLeftHover.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

li.navMainRIGHT
{
	padding: 0px;
	float: left;
	display: block;
	padding: 10px 0px 10px 0px;
	
	background-image: url(../images/mainNavLeft2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
li.navMainRIGHT a:link, 
li.navMainRIGHT a:visited
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 19px 10px 16px;
	margin-left: 2px;
	background-image: url(../images/mainNavRightMost.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainRIGHT a:hover 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;	
	padding: 10px 19px 10px 16px;
	margin-left: 2px;
	background-image: url(../images/mainNavRightMostHover.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}
	
li.navMainRIGHT a:active 
{
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	padding: 10px 19px 10px 16px;
	margin-left: 2px;
	background-image: url(../images/mainNavRightMost.gif);
	background-repeat: no-repeat;
	background-position: top right;
	}


/*-LEFT NAV-----------------------------------------------------------------------------
---Broken down by levels with hovers and active states driven by JavaScript.  The class
---names should be a pretty good indication of what each style does.
--------------------------------------------------------------------------------------*/

/*-Container for the entire left bar including left nav and left side content-*/
#leftBar 
{
    margin: 0px;
    width: 250px;
    float: left;
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	margin-top: 14px;
    }
    
#leftBar p
{
    margin: 0px;
    }

/*-Rounded corner dark grey bar used for titles in the left bar area-*/    
.titleBar
{
	font-weight: bold;
	font-family: Arial;
	font-size: 11px;
	color: White;
	background-image: url(../images/titleBar.gif);
    line-height: 25px;
    text-indent: 10px;
    margin-top: 2px;
	}


ul.navLvl2-4, ul.navLvl2-4 ul
{
	padding: 0px; 
	margin: 0px; 
	list-style-type: none; 
	width: 250px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 26px;
}

li.navLvl2linkActive a:link, 
li.navLvl2linkActive a:visited 
{
	display: block; 
	width: 250px;
	text-decoration: none; 
	color: white;
	text-indent: 20px;
	line-height: 26px;
    background-image: url(../images/navLevel2active.gif);
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	}
	
li.navLvl2linkActive a:hover, 
li.navLvl2linkActive a:active 
{
	display: block; 
	width: 250px;
	text-decoration: none; 
	color: white;
	text-indent: 20px;
	line-height: 26px;
    background-image: url(../images/navLevel2active.gif);
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	}

li.navLvl2linkActiveNoChild a:link, 
li.navLvl2linkActiveNoChild a:visited,
li.navLvl2linkActiveNoChild a:hover,
li.navLvl2linkActiveNoChild a:active
{
	display: block; 
	width: 250px;
	text-decoration: none; 
	color: white;
	text-indent: 20px;
	line-height: 26px;
    background-image: url(../images/navLevel2hover.gif);
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	}

li.navLvl2link a:link, 
li.navLvl2link a:visited 
{
	display: block; 
	width: 250px;
	text-decoration: none; 
	color: black;
	text-indent: 20px;
	line-height: 26px;
    background-image: url(../images/navLevel2inactive.gif);
    font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	}
	
li.navLvl2link:hover a:hover, 
li.navLvl2link a:hover 
{
	border:0; 
	color: white;
	text-indent: 20px;
	line-height: 26px;
    background-image: url(../images/navLevel2hover.gif);
	}

li.navLvl3Active a,
li.navLvl3Active a:link,
li.navLvl3Active a:visited,
li.navLvl3Active a:hover,
li.navLvl3Active a:active
{
	display: block; 
	background-color: #f8f8f8;
	border-bottom: solid 1px white;
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	line-height: 26px;
	font-weight: bold;
	font-family: Arial;
	font-size: 10px;
	color: #a60a58;
	text-decoration: none;
	}
	
li.navLvl3 a:link,
li.navLvl3 a:visited
{
	display: block;
	width: 250px;
	text-decoration: none; 
	color: black;
	text-indent: 20px;
	line-height: 26px;
    font-family: Arial;
	font-size: 10px;
	background-color: #f8f8f8;
	border-bottom: solid 1px white;
	text-decoration: underline;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
	
li.navLvl3 a:hover,
li.navLvl3 a:active
{
	display: block; 
	color: #a60a58;
	text-indent: 20px;
	line-height: 26px;
	background-color: #f8f8f8;
	border-bottom: solid 1px white;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}



/*-LEFT SIDE CONTENT-------------------------------------------------------------------*/

.leftItem
{ 
	line-height: 16px;
	padding: 5px 10px 5px 10px;
	font-family: Arial;
	color: black;
	border-top: solid 1px white;
	background-color: #f8f8f8;
	font-weight: normal;
	}
	
.leftItem a:link,
.leftItem a:visited
{ 
	line-height: 20px;
	font-weight: bold;
	font-family: Arial;
	color: Black;
	text-decoration: underline;
	}
	
.leftItem a:hover
{ 
	line-height: 20px;
	font-weight: bold;
	font-family: Arial;
	color: #a60a58;
	text-decoration: none;
	}
	

/*-CONTENT AREA STYLES-------------------------------------------------------------------------
---These styles are global for content. Includes breadcrumbs, email and print, content links,
---content images, content linked images, H1-H4, P, image float classes for floating content 
---images and etc. Section specific styles will have their own CSS files, so if you are changing 
---something here and find that it isn't reading, its probably being overwritten by a section 
---specific style sheet.
----------------------------------------------------------------------------------------------*/

#content 
{
    font-family: Arial;
	font-size: .75em;
	color: Black;
	float:right;
    width: 692px;
    position: relative;
	margin-top: 20px;
    margin-right: 12px;

    }
	
#content2 
{
    font-family: Arial;
	font-size: .75em;
	color: Black;
	
    width:920px;
    position: relative;
	margin-top: 20px;
    margin-right: 12px;
	margin-left: 12px;

    }
    
#content #printEmail 
{
	float: right;
	}
    
#breadCrumb
{
	font-family: Arial;
	font-size: 1em;
	margin-bottom: 20px;
	color: Black;
	}
	
#breadCrumb a:link,
#breadCrumb a:visited
{
	font-family: Arial;
	color: ab035c;
	font-size: 1em;
	text-decoration: underline;
	padding: 1px;
	display: inline;
	}
	
#breadCrumb a:hover,
#breadCrumb a:active
{
	font-family: Arial;
	color: white;
	font-size: 1em;
	display: inline;
	text-decoration: none;
	background-color: #fa559e;
	padding: 1px;
	}

#content p a:link,
#content p a:visited
{
    font-family: Arial;
	font-size: 1em;
	color: #ab035c;
	text-decoration: underline;
	padding: 1px;
    }
    

#content p a:hover,
#content p a:active
{
    font-family: Arial;
	font-size: 1em;
	color: white;
	text-decoration: none;
	display: inline;
	background-color: #fa559e;
	padding: 1px;
    }
    
#content p 
{
	font-family: Arial;
	font-size: 1em;
	color: Black;
	margin-top: 0px;
	margin-bottom: 18px;
	}
	
#content p.highLight
{
	font-family: Arial;
	font-size: 1em;
	color: Black;
	margin-top: 0px;
	margin-bottom: 30px;
	}

#content h1 
{
	margin-top: 0px;
	font-family: Arial;
	font-size: 1.67em;
	color: black;
	}
	
#content h2 
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 1.17em;
	color: #ab035c;
	font-weight: bold;
	}
	
#content h3 
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 1em;
	color: #ab035c;
	font-weight: bold;
	}
	
#content h4
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 1em;
	color: gray;
	font-weight: bold;
	}
	
#content h5
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: .9em;
	color: #c1ae8d;
	font-weight: bold;
	}

.ribbonSmall 
{
	display: block;
	font-size: .88em;
	margin: 0px;
	text-indent: 15px;
	background-image: url(../images/ribbonSmall.gif);
	background-repeat: no-repeat;
	}

/*-marketplace 2 color H1-*/	
#content h1 span 
{
    margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial;
	font-size: 1.13em;
	color: #a00256;
	line-height: 28px;
	font-weight: normal;
    }
    
#content img.floatLeft
{
    float: left;
    border: solid 1px;
	border-color:#e7e7e7;
    margin: 0px 10px 10px 0px;
    }
    
/*-Content image floats, with margins set to space words from images-*/
#content img.floatRight
{
    float: left;
    border: solid 1px;
	border-color:#e7e7e7;
    margin: 0px 10px 10px 0px;
    }
    
#content img.floatRight
{
    float: Right;
    border: solid 1px;
	border-color:#e7e7e7;
    margin: 0px 0px 30px 30px;
    }
    
img.rightFloatImage 
{
    float: right;
    margin: 0px 0px 30px 40px;
    }

/*-stlyle for the "*" on required form fields-*/   
.required 
{
	font-size: 2em;
	font-weight: bold;
	color: #a60a58; 
	}
	
pre {
  background-color:#F2F2EC;
  border-color:#999;
}

.comment {
  background-color: #e3e3e3;
  color: #ab035c;
}
    
/*-CONTENT BUTTON STYLES-------------------------------------------------------*/

#content a.btnShop:link,
#content a.btnShop:visited  
{
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	color: white;
	display: inline;
	text-decoration: none;
	background-image: url(../images/btnShop.gif);
	margin: 0px;
	padding: 7px 59px 8px 10px;
	margin-bottom: 30px;
	}
	
#content a.btnShop:hover
{
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	color: white;
	display: inline;
	text-decoration: none;
	background-image: url(../images/btnShop.gif);
	margin: 0px;
	padding: 7px 59px 8px 10px;
	background-position: 0px -31px;
	margin-bottom: 30px;
	}
	
#content a.btnShop:active
{
    font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	color: white;
	display: inline;
	text-decoration: none;
	background-image: url(../images/btnShop.gif);
	margin: 0px;
	padding: 7px 59px 8px 10px;
	background-position: 0px -62px;
	margin-bottom: 30px;
	}
	

a.pillButtonCheck:link, 
a.pillButtonCheck:visited 
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonCheck.gif);
    font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	margin:10px;
	float:right;
	}
	
a.pillButtonCheck:hover 
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonCheck.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
    float:right;
	}
	
a.pillButtonCheck:active
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonCheck.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
    float:right;
	}
	
a.pillButtonCheckLong:link, 
a.pillButtonCheckLong:visited 
{
	display: block; 
	width: 177px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonCheckLong.gif);
    font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	margin:10px;
	
	}
	
a.pillButtonCheckLong:hover 
{
	display: block; 
	width: 177px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonCheckLong.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
    
	}
	
a.pillButtonCheckLong:active
{
	display: block; 
	width: 177px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonCheckLong.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
    
	}
	
a.pillSmall:link, 
a.pillSmall:visited 
{
	display: block; 
	width: 79px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillSmall.gif);
    font-family: Arial;
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	margin:
	
	}
	
a.pillSmall:hover 
{
	display: block; 
	width: 79px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillSmall.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
    
	}
	
a.pillSmall:active
{
	display: block; 
	width: 79px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillSmall.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
    
	}
	
a.pillButtonGrey:link, 
a.pillButtonGrey:visited 
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonGrey.gif);
    font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	margin:10px;
	float:right;
	}
	
a.pillButtonGrey:hover 
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonGrey.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
    float:right;
	}
	
a.pillButtonGrey:active
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonGrey.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
    float:right;
	}

a.pillButtonShort:link, 
a.pillButtonShort:visited 
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonShort.gif);
    font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	margin-bottom:10px;
	}
	
a.pillButtonShort:hover 
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonShort.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
	}
	
a.pillButtonShort:active
{
	display: block; 
	width: 127px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButtonShort.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
	}

a.pillButton:link, 
a.pillButton:visited 
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButton.gif);
    font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	margin-bottom:10px;
	}
	
a.pillButton:hover 
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButton.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
	}
	
a.pillButton:active
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButton.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
	}

a.pearlButton:link, 
a.pearlButton:visited 
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	color: #7c7c7c;
	text-indent: 4px;
	line-height: 25px;
    background-image: url(../images/pearlButton.gif);
    font-family: Arial;
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	margin-bottom:2px;
	}
	
a.pearlButton:hover 
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	border: 0px; 
	color: #ab035c;
	text-indent: 4px;
	line-height: 25px;
    background-image: url(../images/pearlButton.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
	}
	
a.pearlButton:active
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	border: 0px; 
	color: #ab035c;
	text-indent: 4px;
	line-height: 25px;
    background-image: url(../images/pearlButton.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
	}
	
a.pillButton:link, 
a.pillButton:visited 
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButton.gif);
    font-family: Arial;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	margin-bottom:10px;
	}
	
a.pillButton:hover 
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButton.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
	}
	
a.pillButton:active
{
	display: block; 
	width: 147px;
	text-decoration: none; 
	border: 0px; 
	color: white;
	text-indent: 10px;
	line-height: 25px;
    background-image: url(../images/pillButton.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
	}
	
	a.pearlButtonMed:link, 
a.pearlButtonMed:visited 
{
	display: block; 
	width: 80px;
	text-decoration: none; 
	color: #7c7c7c;
	text-indent: 4px;
	line-height: 25px;
    background-image: url(../images/pearlButtonMed.gif);
    font-family: Arial;
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	margin-bottom:2px;
	}
	
a.pearlButtonMed:hover 
{
	display: block; 
	width: 80px;
	text-decoration: none; 
	border: 0px; 
	color: #ab035c;
	text-indent: 4px;
	line-height: 25px;
    background-image: url(../images/pearlButtonMed.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
	}
	
a.pearlButtonMed:active
{
	display: block; 
	width: 80px;
	text-decoration: none; 
	border: 0px; 
	color: #ab035c;
	text-indent: 4px;
	line-height: 25px;
    background-image: url(../images/pearlButtonMed.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
	}

a.pearlButtonShort:link, 
a.pearlButtonShort:visited 
{
	display: block; 
	width: 65px;
	text-decoration: none; 
	color: #7c7c7c;
	text-indent: 8px;
	line-height: 25px;
    background-image: url(../images/pearlButtonShort.gif);
    font-family: Arial;
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	margin-bottom:2px;
	}
	
a.pearlButtonShort:hover 
{
	display: block; 
	width: 65px;
	text-decoration: none; 
	border: 0px; 
	color: #ab035c;
	text-indent: 8px;
	line-height: 25px;
    background-image: url(../images/pearlButtonShort.gif);
    background-position: 0px -30px;
    list-style-type: none;
    text-align: left;
	}
	
a.pearlButtonShort:active
{
	display: block; 
	width: 65px;
	text-decoration: none; 
	border: 0px; 
	
	color: #ab035c;
	text-indent: 8px;
	line-height: 25px;
    background-image: url(../images/pearlButtonShort.gif);
    background-position: 0px -60px;
    list-style-type: none;
    text-align: left;
	}



/*-MARKETPLACE--------------------------------------------------------*/
 
.total
{
	font-size: 1.13em;
	color: black;
	}
	
.totalAmount 
{
	font-size: 1.13em;
	color: #ab035c;
	}

a.table:link,
a.table:visited
{
    font-family: Arial;
	font-size: .88em;
	color: #ab035c;
	text-decoration: underline;
    }

#marketNav
 {
    margin: 2px 5px 5px 0px;
	padding: 2px 5px 5px 0px;
	height:18px;
    font: arial;
    font-size: 1em;
   font-weight:bold;
    background-color: white;
    width: 250px;
    }
    
#marketNav a:link,
#marketNav a:visited
{
    margin: 2px 5px 5px 0px;
	padding: 2px 5px 5px 0px;
    font: arial;
    font-size: 1em;
    color: #ab035c;
    text-decoration: underline;
    }
    
#marketNav a:hover,
#marketNav a:active
{
    margin: 2px 5px 5px 0px;
	padding: 2px 5px 5px 0px;
    font: arial;
    font-size: 1em;
    color: #ab035c;
    text-decoration: none;
    }
	
	#ShoppingBag {
	position:absolute;
	top:-5px;
	left:310px;
	width:200px;
	height:26px;
	padding-left: 25px;
	 font: arial;
    font-size: 1.3em;
    color: #666666;
	text-align: bottom;
	line-height: 1.7;
	background-image:url(../images/emptyBag2.gif);
	background-position:left;
	background-repeat:no-repeat;
	}
	
	



/*-MARKETPLACE PROGRESS INDICATION-----------------------------------------*/

#progress 
{
	margin: 0px;
	padding: 2px;
	padding-top: 6px;
	list-style-type: none;
	display: block;
	width: 100%;
	border-bottom: solid 1px #e7e7e7;
	border-top: solid 1px #e7e7e7;
	}

#progress li.dots 
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	float: left;
	padding-right: 92px;
	background-image: url(../images/progDotted.gif);
	margin-left: 7px;
	}

#progress li
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	float: left;
	margin-left: 7px;
	}
    
/*-MARKETPLACE FORMS-------------------------------------------------*/
    
form.sizeForm 
{
    margin-top: 4px;
    }
    
input.quantity
{
	border: solid 1px #696969;
	width: 50px;
	padding: 3px 5px 3px 5px;
	margin-right: 10px;
	}
	
input.btnCheckout 
{
    margin-bottom: -7px; 
    }
    

/*-TABLE CELL STYLES--------------------------------------------------------*/

.whiteOnPink 
{
	background-color: #ab035c;
	color: White;
	padding: 5px;
	}
	
.border 
{
	border: solid 1px #e7e7e7;
	margin:5px;
	vertical-align: top;
	padding: 5px;
	background-color: White;
	}
	
.tableContainer 
{
	background-color: #f1f1f1; 
	padding: 20px;
	}
	
.tablePink 
{
	background-color: #ffe4ed;
	padding: 5px;
	vertical-align: top;
	}

.tableGrey 
{
	background-color: #f1f1f1;
	padding: 5px;
	vertical-align: top;
	}
	
.tableGold 
{
	background-color: #c1ae8d;
	padding: 5px;
	vertical-align: top;
	}
	
.tablePad 
{
	padding: 5px;
	vertical-align: top;
	}
	
.alignRightNoColor 
{
	vertical-align: top;
	padding: 5px;
	text-align: right;
	}

.alignRightPink 
{
	vertical-align: top;
	padding: 5px; 
	text-align: right;
	background-color: #ffe4ed;
	}
	
.alignRightGrey 
{
	vertical-align: top;
	padding: 5px;
	text-align: right;
	background-color: #f1f1f1;
	}	
	
    
/*-PRODUCT BOX STYLES-----------------------------------------------------------------------
---These are marketplace specific styles for the boxes which contain product images, name,
---and price. These may have to be rethought because of the varying heights based on 
---longer product names which cause the boxes to wrap strangely.
------------------------------------------------------------------------------------------*/    
    
ul.productConsider 
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    }
    
ul.productConsider  li
{
    padding:10px;
    margin: 10px 20px 10px 0px;
    display: inline;
    list-style-type: none;
    border: solid 1px gray;
    float: left;
    text-align: left;
    width: 129px;
    font-size: 14px;
    }
    
ul.productConsider li a:link,
ul.productConsider li a:visited,
ul.productConsider li a:hover,
ul.productConsider li a:active
{
	font: arial;
    font-size: .88em;
    color: #ab035c;
    text-decoration: underline;
    font-weight: bold;
    }
#productContainer 
{
	width: 100%;
	}
	  
ul.pageNumbers 
{
    margin: 20px 0px 10px 0px;
	padding: 0px;
    list-style-type: none;
	}
	
ul.pageNumbers li
{
    margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 1px;
	}
	
ul.pageNumbers li a,
ul.pageNumbers li a:link,
ul.pageNumbers li a:visited,
ul.pageNumbers li a:hover,
ul.pageNumbers li a:active
{
	font: arial;
    font-size: .88em;
    color: #ab035c;
    padding: 0px 4px 4px 4px;
	}
	
ul.pageNumbers li.activePage a,
ul.pageNumbers li.activePage a:link,
ul.pageNumbers li.activePage a:visited,
ul.pageNumbers li.activePage a:hover,
ul.pageNumbers li.activePage a:active
{
	font: arial;
    font-size: .88em;
    color: #ab035c;
    background-color: #e7e7e7;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
	}
    
.totalPages 
{
	clear: both;
	font: arial;
    font-size: .88em;
    color: black;
    float: right;
    font-weight: bold;
    margin-top: -25px;
    margin-bottom: 10px;
	}
	
.totalPages a,
.totalPages a:link,
.totalPages a:visited,
.totalPages a:hover,
.totalPages a:active
{
	font: arial;
    font-size: 1em;
    color: #ab035c;
    font-weight: bold;
	}

	
/*-FOOTER----------------------------------------------------------*/
	
#footer 
{
	position: relative;
	margin-top: 18px;
	line-height: 27px;
	color: White;
	font-family: Arial;
	font-size: 10px;
	width: 940px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	margin-bottom: 10px;
	background-color: #ab035c;
	}
	
#footer a 
{
	color: White;
	font-family: Arial;
	font-size: 10px;
	text-decoration: underline;
	}
	
#footer .footerBold 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	
	}
	
#footer span.footerBold a
{
	color: White;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	}
	
.footerFloat 
{
	float: left;
	}

.footerFloat2 
{
	float: left;
	text-align: center;
	margin-left: 69px;
	}
	
.footerFloat3 
{
	float: right;
	text-align: right;
	}


/*-CONTROL BOX------------------------------------------------------------------------
---This box is reusable in content areas as well, but should only be used for controls
---like search and etc.  It is resizable, and will stretch to 100% of its parent.
-------------------------------------------------------------------------------------*/

.dialog 
{
    width:100%;
    margin:0px auto;
    min-width:20em;
    color:#fff;
    }

.dialog .hd .c,
.dialog .ft .c 
{
    font-size:1px; /* ensure minimum height */
    height:13px;
    }

.dialog .ft .c 
{
    height:14px;
    }

.dialog .hd 
{
    background:transparent url(../images/tl.gif) no-repeat 0px 0px;
    }

.dialog .hd .c 
{
    background:transparent url(../images/tr.gif) no-repeat right 0px;
    }

.dialog .bd 
{
    background:transparent url(../images/ml.gif) repeat-y 0px 0px;
    }

.dialog .bd .c 
{
    background:transparent url(../images/mr.gif) repeat-y right 0px;
    }

.dialog .bd .c .s 
{
    margin:0px 8px 0px 4px;
    background: #e7e7e7 url(../images/ms.jpg) repeat-x 0px 0px;
    padding:1em;
    }

.dialog .ft 
{
    background:transparent url(../images/bl.gif) no-repeat 0px 0px;
    }

.dialog .ft .c 
{
    background:transparent url(../images/br.gif) no-repeat right 0px;
    }

.dialog h1 
{
    /* side search header */
    font-size: 14px;
    margin:0px;
    padding:0px;
    margin-top:-0.6em;
    color: #717171;
    font-weight: bold;
    font: arial;
    }
	
	.dialog h2 
{
    /* side search header */
    font-size: 14px;
    margin:0px;
    padding:0px;
    margin-top:-0.6em;
    color: #ab035c;
    font-weight: bold;
    font: arial;
    }
	
		.dialog poll 
{
    /* side search header */
    font-size: 12px;
	
    margin:0px;
    padding:0px;
    margin-top:10px;
    color: #000000;
    
    font: arial;
    }

.dialog p 
{
    font: arial;
    
    font-weight: normal;
    color: #000000;
    margin: 0px;
    font-size: 12px;
    }
    
.dialog p.help
{
    font: arial;
    font-weight: normal;
    color: #717171;
    margin: 40px 0px 0px 0px;
    font-size: 11px;
    font-style: normal;
    }
    
.dialog p.help a:link,
.dialog p.help a:visited,
.dialog p.help a:hover,
.dialog p.help a:active
{
    font: arial;
    font-style: normal;
    font-weight: normal;
    color: #717171;
    margin: 0px;
    font-size: 11px;
    text-decoration: underline;
    }


/*-SIDE BAR FORM STYLES--------------------------------------------------------------------------*/

form.search2
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	}

input.search2
{
	border: solid 1px #696969;
	width: 180px;
	padding: 2px 5px 2px 5px;
	}

form.search3
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	}

input.search3
{
	border: solid 1px #696969;
	width: 202px;
	padding: 2px 5px 2px 5px;
	}
	
label.labelSideSearch 
{
    display: block;
    font: arial;
    font-size: 11px;
    color: Black;
    font-weight: bold;
    padding: 6px 0px 3px 0px;
    }
    
input.btnLogin
{
	float:right;
	margin: 7px 0px 10px 10px;
	
	}
	
/*-HOME--------------------------------------------------------------------------*/

#homeTop 

{

border-top-color: Red;

border-right-color: Red;

border-bottom-color: Red;

border-left-color: Red;

width: 100%;

background-color: #ebebeb;

}



/*BANNER-------------------------------------------------------------------------*/
#donate 

{

background-color: #000000;

width: 737px;

color: #ebebeb;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: -3px;

padding-top: 12px;

padding-right: 12px;

padding-bottom: 12px;

padding-left: 12px;

font-size: 1.2em;

line-height: 1em;

}

html > body #donate 

{

background-color: #000000;

width: 713px;

color: #ebebeb;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: -3px;

padding-top: 12px;

padding-right: 12px;

padding-bottom: 12px;

padding-left: 12px;

font-size: 1.2em;

line-height: 1em;

}

a img 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

background-color: #ffffff;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

a img 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

background-color: #ffffff;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

a img 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

background-color: #ffffff;

}

#content a:link, #content a:visited 

{

font-family: Arial;

font-size: 1em;

color: #ab035c;

text-decoration: underline;

padding-top: 1px;

padding-right: 1px;

padding-bottom: 1px;

padding-left: 1px;

}

#content a:hover, #content a:active 

{

font-family: Arial;

font-size: 1em;

color: #ffffff;

text-decoration: none;

display: inline;

background-color: #fa559e;

padding-top: 1px;

padding-right: 1px;

padding-bottom: 1px;

padding-left: 1px;

}

#content a:link, #content a:visited, #content a:hover, #content a:active 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

#content a:link, #content a:visited, #content a:hover, #content a:active 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

#donate a.btnDonate2:link, #donate a.btnDonate2:visited 

{

font-family: Arial;

font-weight: bold;

font-size: 15px;

line-height: 31px;

color: white;

text-decoration: none;

background-image: url(...images/011205.gif);

margin-top: 0px;

margin-right: 0px;

margin-left: 0px;

margin-bottom: 30px;

padding-top: 7px;

padding-right: 39px;

padding-bottom: 6px;

padding-left: 9px;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

}

#donate a.btnDonate2:hover 

{

font-family: Arial;

font-weight: bold;

font-size: 15px;

line-height: 31px;

color: white;

text-decoration: none;

background-image: url(...images/011205.gif);

margin-top: 0px;

margin-right: 0px;

margin-left: 0px;

background-x-position: 0px;

background-y-position: -31px;

margin-bottom: 30px;

padding-top: 7px;

padding-right: 39px;

padding-bottom: 6px;

padding-left: 9px;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

}


/*-NEWS--------------------------------------------------------------------------*/
#news 

{

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

width: 253px;

float: left;

}

.newsTitle 

{

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

width: 100%;

text-indent: 20px;

color: #ffffff;

background-color: #555555;

line-height: 28px;

font-size: 11px;

font-weight: bold;

background-image: url(/images/011208.gif);

background-x-position: right;

background-y-position: top;

background-repeat: no-repeat;

}

.newsStories 

{

width: 100%;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 13px;

padding-left: 20px;

background-color: #ffb8ce;

font-size: 11px;

}

html > body .newsStories 

{

width: 213px;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 13px;

padding-left: 20px;

background-color: #ffb8ce;

font-size: 11px;

}

.newsSubscibe 

{

width: 100%;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 10px;

padding-left: 20px;

background-color: #ab035c;

color: #ffffff;

font-size: 11px;

}

html > body .newsSubscibe 

{

width: 213px;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 10px;

padding-left: 20px;

background-color: #ab035c;

color: #ffffff;

font-size: 11px;

}

#content a:link, #content a:visited 

{

font-family: Arial;

font-size: 1em;

color: #ab035c;

text-decoration: underline;

padding-top: 1px;

padding-right: 1px;

padding-bottom: 1px;

padding-left: 1px;

}

#content a:hover, #content a:active 

{

font-family: Arial;

font-size: 1em;

color: #ffffff;

text-decoration: none;

display: inline;

background-color: #fa559e;

padding-top: 1px;

padding-right: 1px;

padding-bottom: 1px;

padding-left: 1px;

}

#content a:link, #content a:visited, #content a:hover, #content a:active 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

#content a:link, #content a:visited, #content a:hover, #content a:active 

{

border-top-width: 0px;

border-right-width: 0px;

border-bottom-width: 0px;

border-left-width: 0px;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

#content .newsStories a:link, #content .newsStories a:visited 

{

color: #000000;

text-decoration: underline;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

#content .newsStories a:hover, #content .newsStories a:active 

{

color: #ab035c;

text-decoration: underline;

display: inline;

background-color: #ffb8ce;

padding-top: 0px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}

/*-COLUMNS--------------------------------------------------------------------------*/

#whoWeAre 

{

width: 246px;

padding-top: 20px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

font-size: 0.9em;

}

html > body #whoWeAre 

{

width: 205px;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

font-size: 0.9em;

}

#whatWeDo 

{

width: 245px;

padding-top: 20px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

font-size: 0.9em;

}

html > body #whatWeDo 

{

width: 205px;

padding-top: 10px;

padding-right: 19px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

font-size: 0.9em;

}

#helpingYou 

{

width: 245px;

padding-top: 20px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

font-size: 0.9em;

}

html > body #helpingYou 

{

width: 205px;

padding-top: 10px;

padding-right: 19px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

font-size: 0.9em;

}

#helpingUs 

{

width: 254px;

padding-top: 20px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

border-right-width: 1px;

border-right-style: solid;

border-right-color: #b2b2b2;

font-size: 0.9em;

}

html > body #helpingUs 

{

width: 212px;

padding-top: 10px;

padding-right: 20px;

padding-bottom: 0px;

padding-left: 20px;

float: left;

border-left-width: 1px;

border-left-style: solid;

border-left-color: #b2b2b2;

margin-top: 2px;

border-right-width: 1px;

border-right-style: solid;

border-right-color: #b2b2b2;

font-size: 0.9em;

}

#content h1 

{

font-size: 1.65em;

line-height: 0.8em;

font-weight: normal;

color: #ab035c;

}

	
/*-FLOATING BOX / PARENT CONTAINER HACK-------------------------------------------------------------
This hack insures that the #contentNavContainer DIV stretches to meet the size of its floated 
children (leftBar and content). Removing it will destroy everything below the header.
--------------------------------------------------------------------------------------------------*/

#contentNavContainer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ContentNavContainer { display: inline-block; _height: 1%; }
	
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header { display: inline-block; _height: 1%; }

#progress:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#progress { display: inline-block; _height: 1%; }

#footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer { display: inline-block; _height: 1%; }#Form12 #header #navContainer .affName {
}

