/* ======================================= *\
	CLIENT:				OWWA
	BUILT & POWERED BY:	COMMERCIAL DESIGN
	DATE:				OCTOVER 2006
	--------------------------------------
	TITLE: 				MAIN STYLESHEET
\* ======================================= */

@import "menuh.css";
@import "menuconfig.css";

body 	{ margin:0 0 0; background: rgb(255,255,255); font: 62.5%/1.4 'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular',Lucida, sans-serif; color: rgb(51,51,51); }
form	{ display: inine; }
img		{ border: none; }
a:hover.dropArrow,a:hover.goArrow,
a		{ color: rgb(0,153,204); text-decoration: none; }
a:hover	{ color: rgb(51,51,101); }

#cover			{ position: absolute; top: 0; left: 0; z-index: 1; height: 30px; width: 100%; background: rgb(181,181,181); }
#tupperware		{ position: relative; z-index: 10; width: 805px; margin: 0 auto; min-height: 200px; }
#owwa-logo		{ height: 140px; width: 200px; margin: -70px 0 0 0; background:url(/img/2006frame/misc/owwa_logo_new.png) no-repeat 0 0; }
#controlStrip	{ height: 26px; margin-bottom: 94px; background: rgb(181,181,181); padding: 4px 0 0; }

.purpleRound	{ height: 21px; margin-right: 10px; background: url(/img/2006frame/buttons/purpleRoundStart.png) no-repeat 0 0; overflow: hidden; }
a.dropArrow,
a.goArrow		{ display: block; height: 21px; width: 159px; margin-left: 15px; background: url(/img/2006frame/buttons/purpleDropDown.png) no-repeat 100% 0; font-size: 11px; line-height: 21px; color: white; }
a.goArrow		{ background: url(/img/2006frame/buttons/purpleGo.png) no-repeat 100% 0; }

.searchRound		{ height: 21px; padding-left: 11px; background: url(/img/2006frame/backgrounds/search-halfRoundStart.png) no-repeat 0 0; }
.searchRound input 	{ float: left; }
input#search		{ height: 19px; width: 119px; margin: 0; padding: 0; border-top: 1px solid rgb(102,102,102); border-bottom: 1px solid rgb(102,102,102); border-left: none; border-right: none; font-size: 10px; line-height: 19px; color: rgb(190,190,190);}

.leftFloat	{ float: left; }
.rightFloat	{ float: right; }

#col2		{ width: 599px; float: left;}
#col4 {
	width: 754px;
	float: left;
	background: url(/img/2006frame/backgrounds/insideBodyNews.png);
}
#col2 h1	{ height: 61px; margin: 0 0 6px; padding: 0; background: rgb(51,51,101) url(/img/2006frame/misc/slogan-safeDrinkingWater.png) no-repeat 0 50%; font-size: 1.9em; font-style: italic; line-height: 61px; color: white; text-indent: -5000px; }
#bodyInfo	{ min-height: 100px; background: url(/img/2006frame/backgrounds/background-splashInfo.png) repeat-y 0 0; font-size: 1.1em; }

#bodyInfo #news,
#bodyInfo #spotlight,
#bodyInfo #events				{ float: left; width: 199px; }
#bodyInfo #spotlight			{ width: 201px; }
#bodyInfo h2					{ height: 36px; margin: 0 0 14px; padding: 0 0 0 15px; background: rgb(51,51,101); font-size: 1.1em; font-weight: normal; line-height: 33px; color: white; }
#bodyInfo #spotlight h2.frame	{ margin-bottom: 0; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 14px solid white; }
#bodyFoot						{ clear: left; height: 14px; background: url(/img/2006frame/backgrounds/background-bottomRoundInfo.png) repeat-y 0 0; }

#bodyInfo #events ul,
#bodyInfo #news ul				{ margin: -12px 12px 0; padding: 0; list-style: none; }
#bodyInfo #events li,
#bodyInfo #news li				{ position: relative; margin: 0; padding: 12px 25px 12px 0; background: url(/img/2006frame/buttons/purpleMoreArrow.png) no-repeat 100% 48%; border-top: 1px solid rgb(131,131,131); }
#bodyInfo #events li span,
#bodyInfo #news li span			{ color: rgb(0,153,204); }
#bodyInfo #events li a,
#bodyInfo #news li a			{ color: rgb(51,51,51); line-height: 1.2;  }
#bodyInfo #news li:hover		{ color: rgb(51,51,101); background-image: url(/img/2006frame/buttons/blueMoreArrow.png);	}
#bodyInfo #events li:first-child,
#bodyInfo #news li:first-child 	{ border: none; background-position: 100% 55%; }
#bodyInfo #events li			{ background: url(/img/2006frame/buttons/button-info.png) no-repeat 100% 48%; }

#bodyInfo #events li div		{ position: absolute; left: 0; bottom: 0; width: 173px; background: white; border: 1px solid rgb(131,131,131); border-bottom: none; }
#bodyInfo #events li div span	{ display: block; margin: 3px 5px 0;}
#bodyInfo #events li h3			{ margin: 2px 5px 3px; font-size: 12px; line-height: 1; text-transform: uppercase; color: rgb(51,51,101);}
#bodyInfo #events li div p		{ margin: 5px 5px 0px; line-height: 1.3; }
#bodyInfo #events li div a		{ display: block;  height: 18px;  margin-top: 5px; background: rgb(181,181,181); text-align: right; }
#bodyInfo #events li div a img	{ width: 48px; margin: 3px 11px 0 0; height: 13px; background: url(/img/2006frame/buttons/button-register.png) no-repeat 0 0; }
#bodyInfo #events li div a:hover img	{ background-position: 0 -13px; }
#bodyInfo #spotlight p			{ margin: 0 12px; }

a.more							{ display: block; float: right; clear: right; width: 50px; height: 13px; margin: 10px 12px; background: url(/img/2006frame/buttons/button-more.png) no-repeat 0 0; text-indent: -5000px; overflow: hidden; }
a:hover.more					{ background-position: 0 -13px; }
#mainImage 		{ height: 250px; background: url(/img/2006frame/random/tower.jpg) no-repeat 0 0; border-bottom: 1px solid white; }
#mainImage img	{ width: 599px; height: 15px; background: url(/img/2006frame/misc/W3C/mainImageRounds.png) no-repeat 0 0; }

p#foot			{  font-size: .9em;  color: rgb(131,131,131); text-align: center; }
p#foot a		{ margin-left: 15px; color: rgb(131,131,131); text-decoration: underline;}
.hidden			{ display: none; }

/*INSIDE CSS*/

body.inside #tupperware { width: 970px; }
body.inside #col2		{ width: 458px; margin-right: 4px; }
body.inside #col2 h2, body.inside #col4 h2	{ margin: 0 0 10px; font-size: 1.9em; color: rgb(51,51,101); font-weight: normal; line-height: 1.2; font-style: normal; text-indent: 0;}
body.inside #col2 h3	{ margin: 3px 0 5px; color: rgb(0,153,204); font-weight: normal;  font-size: .9em; }
body.inside #bodyHead	{ height: 14px; background: url(/img/2006frame/backgrounds/insideHeader.png) no-repeat 0 0; }
body.inside #bodyHeadNews	{ height: 14px; background: url(/img/2006frame/backgrounds/insideHeaderNews.png) no-repeat 0 0; }
body.inside #bodyBody	{ padding: 5px 15px; background: url(/img/2006frame/backgrounds/insideBody.png) repeat-y 0 0; font-size: 1.1em; }
body.inside #bodyBodyNews	{ padding: 5px 15px; font-size: 1.1em; }
body.inside #bodyFoot	{ height: 16px; background: url(/img/2006frame/backgrounds/insideFooter.png) no-repeat 0 0; }
body.inside #bodyFootNews	{ height: 16px; background: url(/img/2006frame/backgrounds/insideFooterNews.png) no-repeat 0 0;}
body.inside #col3		{ float: left; width: 300px; }
#col3 #random			{ width: 300px; height: 250px; margin-bottom: 4px; background: url(/img/2006frame/random/inside/insideRandom.jpg) no-repeat 0 0; }
#col3 #random img		{ width: 300px; height: 250px; background: url(/img/2006frame/misc/W3C/mainImageRounds.png) no-repeat 100% 0;}

.dark{
  background-color:#434377;
}

.midtone{
  background-color:#FFFFFF;
}

.light{
  background-color:#FFFFFF;
}

.tback{
  background-color:#FFFFFF;
}

.content-w {
	color: #FFFFFF;
}

ul#recentArticles
{
float: left;
width: 298px;
margin: 0 0 22px 0px;
padding: 0;
border: 1px solid rgb(3,4,8);
list-style: none;
}

ul#recentArticles li
{
margin: 0;
padding: 5px 4px 5px 13px;
background: rgb(183,208,227) url(/img/2006_frame/misc/plus.gif) no-repeat 4px 50%;
text-transform: uppercase;
font-size: .9em;
/*border-bottom: 1px dotted gray;*/
}

/*
ul#recentArticles li:last-child
{
border: none;
}
*/

ul#recentArticles li#artHead
{
height: 27px;
padding: 0;
background: url(../../img/2006frame/calendar/cal-header.png) repeat-x 0 0;
font-size: .9em;
color: black;
line-height: 29px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
}

ul#recentArticles a
{
color: rgb(2,36,81)
}

ul#recentArticles a:hover
{
color: rgb(63,154,227);
}

body.inside li#archive
{
padding: 5px 0;
background: rgb(183,208,227);
text-align: center;
border-top: 1px dotted rgb(3,4,8);
}
/* getting recent news link to cover whole li */
.recentNews li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 -25px 0 0;
	padding: 0 25px 0 0;
}