@CHARSET "UTF-8";

/*******************************************************************************/
/**************                   GENERAL AREA                  ****************/
/*******************************************************************************/

*{
	font-family: Arial,Helvetica,Verdana,Sans-Serif;
	font-size: 11px;
	color:#666666;
}

body {
	background-image: url("../images/layout/pagebg.png");
	background-repeat: repeat;
	margin:0px;	
}

a {
	text-decoration:none;
}

a:hover {
	color:#000000;
}

h1{
	font-size: 16px;
}

/* utility class to hide things for the style-aware users */
.throwup{		
	position:absolute;
	top:-5000px;
	left:-5000px;
}

.bold {
	font-weight: bold;	
}

.quiz_title {
	font-weight: bold;	
}

.red {
	color: red;	
}

.mediumText {
	font-size: medium;
}

/*******************************************************************************/
/**************             MAIN BUILDING BLOCKS                ****************/
/*******************************************************************************/

div#container{	
	margin:0pt auto;
	width: 983px;
	background-color: #FFFFFF;
	position: relative;
	z-index:2;
}

div#bg-horizontal-bar {
	position: absolute;
	z-index:1;
	top: 136px;
	left: 0px;
	height: 67px;
	width: 100%;	
	background-image: url("../images/layout/pagebg-bar.png");
	background-repeat: repeat;
}

div#header{
	margin-top:8px;
	height:103px;
	position:relative;
	background-image: url("../images/layout/headerbg.gif");
	background-repeat: no-repeat;
}

div#header img#logo{
	position:absolute;
	left:0px;
	bottom:0px;
	border:0;
}

div#header div#small-banner{
	position:absolute;
	top:30px;
	left:485px;
	width:235px;
	height:60px;
	background-color:white;
}

div#header div#profilebox{
	position:absolute;
	top:30px;
	right:10px;
	width:200px;	
	border:solid 1px green;
	text-align:center;
	line-height:20px;
}

div#topnavbar{
	height:85px;
	background-image: url("../images/layout/topnavbarbg.gif");
	background-repeat: repeat-x;
	background-position:top right;
	position:relative;
}

div#topnavbar div#bottleup{
	position:absolute;
	top:0px;
	left:0px;
	width:196px;
	height:85px;
	background-image: url("../images/layout/page/bottle_up.jpg");
	background-repeat: no-repeat;
}

div#topnavbar div#topmenuend{
	position:absolute;
	top:0px;
	right:0px;
	width:64px;
	height:85px;
	background-image: url("../images/layout/topnavbar-endbg.gif");
	background-repeat: no-repeat;
	background-position:top right;
}

/* == Main Area == */
div#main {
	background-image:url("../images/layout/page/border-left-right.gif");
	background-repeat:repeat-y;
	min-height:323px;
}

div#main div#leftarea{
	width:235px;
	float:left;
}

div#main div#contentarea{
	margin-left:236px;
	margin-right:15px;
	padding-bottom:20px;
}

div.clear{
	clear:both;
}

/* == Bottles on the left == */
div#leftarea div#bottle-home{
	width:196px;
	height:324px;
	background-image:url("../images/layout/home/bottle.jpg");
	background-repeat:no-repeat;
}

div#leftarea div#bottle-page{
	width:196px;
	min-height:355px;
	background-image:url("../images/layout/page/bottle.jpg");
	background-repeat:no-repeat;
	background-position:top right;
}

/* == Footer == */
div#footer{
	background-image:url("../images/layout/page/border-left-right.gif");
	background-repeat:repeat-y;
	padding-right:10px;
}

div#footer div.inner{
	width:970px;
}

div#footerbox {
	background-image:url("../images/layout/footer-corner.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
	background-color:#99ce98;
	margin-left:5px;
	margin-right:121px;	
	font-family:Verdana;
	font-size:9px;
	color:#017f40;
	padding:3px;
	padding-left:15px;	
}

div#border-bottom{
	background-image:url("../images/layout/border-bottom.gif");
	background-repeat:no-repeat;
	height:8px;
	position:relative;
	top:-3px;
}

/*******************************************************************************/
/**************               NAVIGATION DEPARTMENT             ****************/
/*******************************************************************************/

/* == TOP NAVBAR == */
div#topnavbar ul#topmenu{
	position:absolute;
	top:0px;
	right:64px;
	padding:0px;
	margin:0px;
	line-height:43px;
	list-style-type:none;
}

div#topnavbar ul#topmenu li{
	float:left;	
	margin-left:20px;
}

div#topnavbar ul#topmenu li span.sep{
	background-image:url("../images/layout/topnavbar-separator.gif");
	background-repeat: no-repeat;
	width:39px;
	height:43px;
	display:block;
	float:left;
}

div#topnavbar ul#topmenu li a{	
	color:#fefcaa;
	font-weight:bold;
	font-size: 13px;
	text-decoration:none;
}

div#topnavbar ul#topmenu li a sup{	
	color:#fefcaa;
}

/* == Exceptions for Professional Area == */
div#topnavbar ul#topmenu li.incolor{
	background-image:url("../images/layout/topnavbar-incolorbg.gif");
	background-repeat:repeat-x;
}

div#topnavbar ul#topmenu li.incolor span.sep{
	background-image:url("../images/layout/topnavbar-separator-incolor.gif");
}

div#topnavbar ul#topmenu li.incolor a{	
	color:#000000;
}


/* == LEFT NAVBAR == */
div#leftarea div#bottle-page div#leftnavbar,
div#leftarea div#bottle-page div#leftnavbar_bottom{
	position:relative;
	top:-18px;
	width:156px;
	margin-left:17px;	
} 

div#leftarea div#bottle-page div#leftnavbar{	
	background-color:#dff0de;
}

div#leftarea div#bottle-page div#leftnavbar_bottom{
	height:11px;
	background-image:url("../images/layout/leftnavbar-bottom.gif");
	background-repeat:no-repeat;	
}

div#leftnavbar ul{
	margin:0px;
	padding:0px;	
}

div#leftnavbar ul.mil{	
	padding-left:22px;	
}

div#leftnavbar ul.smil{	
	margin-top:8px;	
}

div#leftnavbar li{			
	padding-top:2px;
	padding-bottom:2px;
}

div#leftnavbar ul.mil li{		
	list-style-type:none;
	font-weight:bold;
	font-size:14px;
}

div#leftnavbar ul.smil li{		
	list-style-image:url('../images/layout/leftnavbar-arrow.gif');	
}

div#leftnavbar li a{
	text-decoration:none;
	font-weight:normal;	
	color:#017F3F;
	font-size:12px;	
	display:block;
	margin-bottom:2px;	
}

div#leftnavbar li a:hover{
	color:#FF0000;		
}

div#leftnavbar li a.active{
	font-weight:bold;
}

/*******************************************************************************/
/**************                  INNER BOXES                    ****************/
/*******************************************************************************/


div.fullcssbox{
	width:706px;
	background-image:url("../images/box/full/border-left-right.gif");
	background-repeat:repeat-y;
}

div.fullcssbox div.fullcssbox_top{
	height:12px;
	background-image:url("../images/box/full/top.gif");
	background-repeat:no-repeat;
}

div.fullcssbox div.fullcssbox_body{		
	padding-left:10px;
	padding-right:10px;
}

div.fullcssbox div.fullcssbox_bottom{
	height:35px;
	background-image:url("../images/box/full/bottom.gif");
	background-repeat:no-repeat;
}

/*******************************************************************************/
/**************               BACKGROUNDER AREA                 ****************/
/*******************************************************************************/

div#bgrfunctions{
	text-align:right;
	margin-right:30px;
}

div#bgrfunctions img{
	position:relative;
	top:3px;
}


/*******************************************************************************/
/**************             SITEMAP                               **************/
/*******************************************************************************/

#sitemap .leftcol, #sitemap .rightcol {
	width: 330px;
	padding-top: 1px;
}

#sitemap .rightcol {
	margin-left: 330px;
}

/*#sitemap .leftcol {
	float: left;
}*/

#sitemap ul.main {
	list-style: none;
}

#sitemap ul.main li {
	margin-bottom: 15px;
}

#sitemap ul.main li h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#sitemap ul.main li a {
	text-decoration: none;
}

#sitemap ul {
	list-style: none;
}

#sitemap ul.level2 li {
	margin-bottom: 5px;
	padding-left: 10px;
}

#sitemap ul.level2 li a {
	text-decoration: underline;
}

#sitemap ul.level3 li {
	margin-bottom: 0px;
}