/*
Camelbak Sustainable Hydration CSS
Programmed by Turista Inc. 2007
*/

BODY
{
	margin: 0;
	padding: 50px;
	color: #4a4231;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	background: url(../images/bg_gradient.png) repeat-x;
	background-color: #FFFFFF;
}

P
{
	color: #655e31;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
}

.big
{
	font-size: 16px;
	line-height: 19px;
	background-color: #fdeb8d;
}

.tip
{
	font-size: 11px;
	color: #008292;
}

.white {
	color: #FFFFFF;
}

.blue {
	color: #25666f;  /* 1f6f7a */
}

.footer {
	font-size:x-small;
}

A.menuTitle
{
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}

A.menuTitle:hover
{
	color: #1f6f7a;
}

A.menuTitle:visited
{
	color: #FFFFFF;
}

DIV.dropMenuItem
{
	background-color: #b6d0d6;
}

DIV.dropMenuItem:hover
{
	background-color: #17925a;
}

DIV.dropMenuItem A
{
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #000;
}

DIV.dropMenuItem A:hover
{
	color: #fff;
}

DIV.whiteBox
{
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	width: 222px;
}

A
{
	color: #4d4642;
	text-decoration: underline;
}

A.menu
{
	color: #4d4642;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 1px;
}

.menuActive {
	color: #FFFFFF;
	background-color: #17925a;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	letter-spacing: 1px;
}

A.menu:hover
{
	color: #FFFFFF;
	background-color: #17925a;
	text-decoration: none;
}

A:hover
{
	color: #1f6f7a;
}

A:visited
{
	color: #4d4642;
}

A:visited:hover
{
	color: #dddddd;   /* 1f6f7a / FFFFFF */
}

IMG
{
	border-style: none;
}

/*
// Each .png image with transparency and WITHOUT an image rollover
// must have a class of "png-no-roll" for IE6 support
*/
IMG.png-no-roll
{
	behavior: url("pngbehavior.htc");
}

/*
// Each .png image with transparency and WITH an image rollover
// must have a class of "png-roll" and an id for IE6 support.
*/
IMG.png-roll
{
}