* {margin:0; padding:0;}
body {height:100%; background:#fce5ef url(../assets/images/background.jpg) no-repeat center top; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b3753;}


/* override convio baseline and previous wrapper */
a,
A:link {text-decoration: none; color:#ba7492;}
A:visited {text-decoration: none; color:#ba7492;}
A:active {text-decoration: none; color:#ba7492;}
A:hover {text-decoration: none; color:#5b3753;}
p, td, th, li, div, span, .Explicit {
	color:#5b3753;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
}


a {text-decoration:none; color:#5b3753;}
ul {list-style-type: circle; margin: 1.4em; margin-top:1em; margin-bottom:1em;} 
ul.normal {list-style:none; margin: 0em;} 
ol {list-style-type: circle; margin: 1.4em; margin-top:1em; margin-bottom:1em; }  
p {margin-top:1em;}
img {border:none;}
input {vertical-align:middle;}
#wrapper {width:932px; height:100%; margin:0 auto; padding: 0 14px; text-align:left; background-color:#fefafc}


#masthead {position:relative; background-color:#5b3753; border-bottom:4px solid #f498c0; height:140px;}
	#topNav {height:36px; background-color:#6c4b65; padding:14px 13px 0; text-align:right;}
	#topNav ul {float:right; margin-left:20px; list-style:none; margin: 0.2em;}
	#topNav .primary li {float:left; height:25px; background:url(../assets/images/topnavbullet.gif) bottom no-repeat; padding:4px 6px; font-size:10px;}
	#topNav .secondary li {float:left; padding:4px 0 0 9px; font-size:9px;}
	#topNav ul.login {margin-left:0; list-style:none; margin: 0em;}
	#topNav .login li {float:left; padding-left:5px;}
	#topNav #go {font-size:9px;}
	#topNav li.first {padding-left:0}
	#topNav li.last {padding-right:0}
	#topNav a {text-transform:uppercase; color:#facfe2;}
	#topNav .primary a {color:#facfe2;}
	#topNav .primary a:hover {color:#facfe2;}
	#topNav .secondary a {color:#fff;}
	#topNav .secondary a:hover {color:#facfe2;}
	#topNav input {font-size:9.5px;}
	
	#topLogo {position:absolute; left:13px; top:0;}
	#shareBar {position:absolute; right:13px; bottom:14px; width:150px; height:25px; color:#facfe2; }

	#contentLeft #p {color:#ec008c; font-size:29px;}
#contentLeft {float:left; width:73.5%; padding-left:11px}
#mainContent {float:left; width:100%; position:relative; padding-top:8px;}
	#breadcrumb {position:absolute; left:0; top:12px; text-transform:uppercase; font-size:9.5px;}
	.breadcrumb {font-weight:900;}
	.breadcrumb a {font-weight:normal;}
	
	#text {position:absolute; left:0; bottom:0; width:334px;}
	#text h1 {text-indent:-9000px; background:url(../assets/images/intoendhd.gif) no-repeat; width:294px; height:59px;}
	#text h2 {color:#ec008c; font-size:29px;}
	#text p {margin-top:0.4em; text-align:justify;}
	#text ul {margin-top:12px; overflow:hidden;}
	#text ul li {height:36px; float:left;}
	#text li.first {margin-right:11px;}
	#text li.last {float:right;}
	
	#slideshowSmall {float:right; position:relative; font-size:10px;}
	#slideshowSmall strong {text-transform:uppercase; font-size:12px;}
	#slideshowSmall a {display:block; position:absolute; top:0; height:38px; padding-top:5px; text-align:center; color:#fff;}
	#slideshowSmall #slideshowControls {position:absolute; float:left; top:0; left:10px; width:25px; height:11px;}
	#slideshowSmall #slideshowControls a {position:relative; display:block; width:11px; height:11px; padding:0;}
	#slideshowSmall #slideshowControls #prevSlide {float:left; background:url(../images/avon2k9/prevSlideBt.gif) no-repeat;}
	#slideshowSmall #slideshowControls #nextSlide {float:right; background:url(../images/avon2k9/nextSlideBt.gif) no-repeat;}
	#slideshowSmall #overlay {position:absolute; left:17px; bottom:13px;}
	#slideshowSmall #leftButton {float:left;}
	#slideshowSmall #leftButton .background {width:176px; height:38px; background-color:#ec008c; filter:alpha(opacity=44); -moz-opacity:0.44; -khtml-opacity: 0.44; opacity: 0.44;}
	#slideshowSmall #leftButton a {width:176px;}
	#slideshowSmall #rightButton {float:left;}
	#slideshowSmall #rightButton .background {width:127px; height:38px; background-color:#f498c0; filter:alpha(opacity=44); -moz-opacity:0.44; -khtml-opacity: 0.44; opacity: 0.44;}
	#slideshowSmall #rightButton a {width:127px;}
	
	#contentLeft ul#bigButtons {float:left; width:100%; margin-top:35px;}
	#bigButtons li {float:left; margin-left:16px;}
	#bigButtons li.one {margin-left:0;}
	#bigButtons li.four {float:right; margin-left:0;}
	#bigButtons a {display:block; width:145px; height:110px; padding:6px 7px; color:#fff; background-color:black;}
	#bigButtons .one a, #bigButtons .three a {background-color:#5b3753; color:#d8becc;}
	#bigButtons .two a, #bigButtons .four a {background-color:#f498c0;}
	#bigButtons h3 {text-transform:uppercase; font-size:17px; line-height:1em;}
	#bigButtons p {font-size:10px; line-height:1em; font-weight:bold;}

#contentRight {float:right; list-style:none; margin: 0em;}
	ul.events li {margin-bottom:1px; list-style:none; margin: 0em;}
	.events li a {width:198px; height:44px; padding:11px 0 0; text-align:center; background:url(../assets/images/eventbtbg.gif) right top no-repeat; display:block; color:#5b3753; text-transform:uppercase;}
	.events li a:hover {color:#999;}
	
#contentFullWidth {margin:0 11px; position:relative;}
	.wideDivider {margin:0 -15px; border-bottom:1px solid #d8becc;}
	#storyContent {padding-top:44px;}
	#index {text-transform:uppercase; font-size:9.5px;}
	#search {float:right; margin-right:200px; text-transform:uppercase; font-size:9.5px;}
	#search input {border:2px solid #f498c0; padding:2px; text-transform:none; color:#d8becc; font-size:9px;}
	
#slideshowBig {padding:25px 0;}
	#slideshowBig .slide {width:300px; height:310px; position:relative;}
	#slideshowBig #slide1 {float:left; width:294px; height:250px; margin-right:9px; background-color:#f8bbd6; padding:60px 10px 0;}
	#slide1 p {border-top:1px solid #fff; padding:8px 0 10px; margin-top:11px;}
	#slideshowBig #slide2 {float:left;}
	#slideshowBig #slide3 {float:right;}
	#slideshowBig #overlay {position:absolute; left:47px; bottom:13px; font-size:10px;}
	#slideshowBig #overlay a {display:block; position:absolute; top:0; height:38px; padding-top:0px; text-align:center; color:#fff; line-height:1.3em;}
	#slideshowBig #overlay strong {text-transform:uppercase; font-size:12px;}
	#slideshowBig .background {width:195px; height:42px; background-color:#ec008c; filter:alpha(opacity=44); -moz-opacity:0.44; -khtml-opacity: 0.44; opacity: 0.44;}
	#slideshowBig a {width:195px;}
	#slideshowBig #slideshowControls {padding:47px 0 20px; text-align:center; clear:both;}

#footer {clear:both; padding:10px 0 20px; margin:0 11px; text-align:center;}
	#sponsors li {float:left; margin-right:30px; position:relative; height:33px; text-align:left;}
	#sponsors li a, #sponsors span {position:absolute; bottom:0;}
	#sponsors .caption {width:115px; margin-right:0; font-style:italic; font-size:12x; text-transform:lowercase; color:#888;}
	#sponsors #reebok {width:74px;}
	#sponsors #army {width:102px;}
	
	ul#sitemap {clear:left; width:390px; height:20px; margin:68px auto 0; background:url(../assets/images/sitemapbg.gif) repeat-x; text-transform:uppercase; }
	#sitemap li {display:inline; float:none; height:35px; padding:0 4px; line-height:20px; font-size:8px;}
	#sitemap .first {padding-left:0;}
	#sitemap .last {padding-right:0;} font-size:8px;}
	#sitemap li {display:inline; float:none; height:35px; padding:0 5px; line-height:20px;}
	#sitemap .first {padding-left:0;}
	#sitemap .last {padding-right:0;}
	
	.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #5b3753;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
border-bottom-width: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#facfe2;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #d8becc;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;

text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: #5b3753;
color: #d8becc;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#facfe2;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #E9E9E9;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #facfe2;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}