@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
padding:0;
background-image: url(../images/bg.jpg);
}


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	

.topbar{
width:868px;
height:auto;
text-align:center;
margin:5px 0 0 0;
padding:0;
float:left;
display:inline;
position:relative;
}
.secondbar{
width:869px;
height:auto;
text-align:center;
margin:auto;
padding:0;
float:left;
display:inline;
position:relative;
background:#FFFFFF;
}


.content{
width:866px;
height:auto;
position:relative;
font:normal 500 14px Verdana, Arial, Helvetica, sans-serif;
margin:auto;

}

.contentbox{
width:865px;
height:auto;
display:inline;
font:normal 500 14px Verdana, Arial, Helvetica, sans-serif;
background-color:#FFF;
float:left;
position:relative;
margin:0 0 0 2px;
padding:0;
}
.contentbox1{
width:865px;
height:auto;
display:inline;
font:normal 500 14px Verdana, Arial, Helvetica, sans-serif;
margin:0 0 0 2px;
padding:15px 0 5px 0;
background-color:#FFF;
float:left;
}


.clear{
height:5px;
clear:both;

}

.clear1{
height:10px;
clear:both;
}


.titlebar{
background:url(../images/titlebarbg.jpg) repeat-x;
width:848px;
height:60px;
display:inline;
float:left;
margin:0 0 0 10px;
text-align:center;
}

.titlebar h4{
width:700px;
font:normal 600 14px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#9baf82;
margin:9px 0 0 10px;
}


#pscroller2{
width: 600px;
height: 38px;
padding: 3px;
color:#999999;
margin:5px 0 0 90px;
text-align:center;
position:relative;
display:block;

}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.contenttitle{
	font:normal 500 12px verdana;
	position:absolute;
	width:350px;
	height:41px;
	float:left;
	left: 15px;
	display:block;
	z-index:1;
	top:195px;
	color:#3793c0;
	text-align:left;
}


.bt1{
height:242px;
width:193px;
}

.bt1 a:hover{
height:242px;
width:193px;
background:url(../images/diet2.jpg) repeat none;
}



ul.breadcrumb{
margin:10px 0 0 410px;
padding:0;
list-style:none;
width:440px;
height:15px;
background:transparent;
display:block;
position:relative;
}
	ul.breadcrumb li{
	float:right;
	display:inline;
	padding:0 5px;
	height:15px;
	text-align:center;
	color:#fff;
	border-right:solid 1px #d8d8d8;
	}
		
		
	ul.breadcrumb li a, ul.breadcrumb li a:visited{
	font:normal 100 11px arial;
	color:#fff;
	text-decoration:none;
	padding:0 3px 0 0;
	height:15px;
	margin:0;
	position:relative;
	border:none;
	}
	
	ul.breadcrumb li a:hover{
	text-decoration:underline;
	}
		
	ul.breadcrumb li.last-child{
	border:none;
	}
	
ul.breadcrumb1{
margin:5px 0 0 10px;
padding:0;
list-style:none;
width:440px;
height:15px;
background:transparent;
display:block;
position:relative;
float:left;
}
	ul.breadcrumb1 li{
	float:right;
	display:inline;
	padding:0 10px;
	height:15px;
	text-align:center;
	color:#fff;
	border-right:solid 1px #d8d8d8;
	float:left;

	}
		
	ul.breadcrumb1 li a, ul.breadcrumb1 li a:visited{
	font:normal 100 11px arial;
	color:#fff;
	text-decoration:none;
	padding:0;
	height:15px;
	margin:0;
	position:relative;
	display:inline;
	}
	
	ul.breadcrumb1 li a:hover{
	text-decoration:underline;
	}
		
	ul.breadcrumb1 li.last-child{
	border:none;
	}
	
	
	
	

.buttonbar{
width:781px;
height:253px;
position : relative;
margin:10px 0 0 40px;
padding:0;
}

.greybox2{
position:relative;
margin:20px 0 0 60px;
padding:0 10px 10px 10px;
background:#c7c7c7;
width:750px;
height:auto;
float:left;
}
.greybox2 h4{
	padding: 7px 5px 5px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border-bottom: none;
}

.greybox2 p{
	padding: 7px 5px 5px 15px;
	margin: 0;
	font: 90%/100% Arial, Helvetica, sans-serif;
	border-bottom: none;
}


.greybox2 ul {
padding:5px 5px 5px 25px;
}

.greybox2 ul li{
padding:0 5px 5px 25px;
}



.greybox{
margin:0 0 0 60px;
padding:0;
float:left;
display:inline;
background:#e8e7e7;
clear:left;


}

.greybox1{
position:relative;
margin:0 0 0 60px;
padding:0 10px 0 10px;
background:#dcdadb;
width:750px;
height:auto;
float:left;
}

.greybox1 .panelContainer{
position: relative; 

padding:0 0 0 10px;
}
.greybox1 .panelContainer .panel{
float: left;
padding:10px 10px 0 10px;
} 

.greybox1 .panelContainer .panel p{
float: right;
position:relative;
padding:15px 70px 0 10px;
margin:10px 0 0 0; 
}
.greybox1 ul {
padding:5px 5px 5px 25px;
}

.greybox1 ul li{
padding:0 5px 5px 25px;
}


.rbox1 {
width : 781px;
height:253px;
margin : 0;
display : inline;
padding : 0;
position : relative;
float : left;
}

a.btn1, a.btn1:visited {
	height : 253px;
	width : 165px;
	display : block;
	margin : 0;
	padding : 0;
	position : relative;
	background:url(../images/navbar.jpg) 0 0 no-repeat;

	float : left;
}
a.btn1:hover {
	background:url(../images/navbar.jpg) 0 -254px no-repeat;
}


a.btn2, a.btn2:visited {
	height : 253px;
	width : 196px;
	display : block;
	margin : 0;
	padding : 0;
	position : relative;
	background:url(../images/navbar.jpg) -165px 0 no-repeat;

	float : left;
}
a.btn2:hover {
	background:url(../images/navbar.jpg) -165px -254px no-repeat;
}

a.btn3, a.btn3:visited {
	height : 253px;
	width : 212px;
	display : block;
	margin : 0;
	padding : 0;
	position : relative;
	background:url(../images/navbar.jpg) -361px 0 no-repeat;

	float : left;
}
a.btn3:hover {
	background:url(../images/navbar.jpg) -361px -254px no-repeat;
}

a.btn4, a.btn4:visited {
	height : 253px;
	width : 208px;
	display : block;
	margin : 0;
	padding : 0;
	position : relative;
	background:url(../images/navbar.jpg) -572px 0 no-repeat;

	float : left;
}
a.btn4:hover {
	background:url(../images/navbar.jpg) -572px -254px no-repeat;
}

.foot{
width:867px;
margin:0 0 0 2px;
padding:0;
width:auto;
height:auto;
font:normal 500 10px verdana;
color:#fff;
float:left;
display:inline;
text-align:left;
}
.foot1{
margin:0 0 0 2px;
width:865px;
height:auto;
font:normal 500 10px verdana;
color:#fff;
float:left;
display:inline;
text-align:left;
display:inline;
position:relative;
}





ul.tabs{
margin:50px 0 0 60px;
padding:0;
list-style:none;
width:440px;
height:35px;
display:inline;
position:relative;
float:left;
}
	ul.tabs li{
	display:inline;
	padding:10px 0 0 0;
	height:35px;
	width:110px;
	text-align:center;
	float:left;
	color:#666;
	font:normal 100 13px arial;
	position:relative;

	}
		
		
	ul.tabs li a, ul.tabs li a:visited{
	color:#333;
	text-decoration:none;
	padding:0;
	margin:0;
	position:relative;
	border:none;
	}
	
	ul.tabs li a:hover{
	text-decoration:underline;
	color:#000066;
	}
		
	ul.tabs li.last-child{
	border:none;
	}
	
	ul.tabs li a.current {
	background:#0066CC;
	color: #999;
		}
		
.accordion {
	width: 750px;
	border-bottom: solid 1px #c4c4c4;
	background:#FFFFFF;
}
.accordion h3 {

	background: #b1d8fd url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}

.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	text-decoration:none;
}
.accordion p a, a:visited {
	text-decoration:none;
	color:#006666;
}
.accordion p ul li{
	background: #f7f7f7;
}

.topic {
width:470px;
margin:1px 0;
padding:0;
background:transparent;
position:relative;
display:block;
clear:left;
font: normal 500 .88em arial;
color:#999;
overflow:hidden;
}
.topic img {
margin : 2px 0 0 350px;
}
.topic h4 img {
margin : 2px 0 0 10px;
line-height:30px;
}
.topic a {
color : #0095d5;
}

.assetbox h3{
font : normal 500 16px arial;
display : inline;
color : #aaa;
width : 300px;
position : relative;
margin : 0 0 0 10px;
float : left;
padding : 0;
text-align : left;
}

.assetbox {
width : 460px;
border-bottom : 1px dotted #d8d8d8;
margin : 0 0 5px 0;
padding : 15px 5px 0 7px;
text-align : left;
background : transparent;
display : block;
float : left;
font : normal 500 0.8em arial;
color : #999;
line-height : 1.4em;
clear : left;
}
.assetbox img {
margin : 0 0 0 0;
}
.assetbox .cover {
width : 83px;
height : 190px;
margin : 0;
padding : 0;
border : none;
float : left;
display : block;
background : transparent;
}
.assetbox .picture {
width : 100px;
margin : 0 35px 0 0;
padding : 0;
border : none;
float : left;
display : inline;
clear : none;
}

/*----SUCKERFISH START----*/

ul#suckerfish li:hover ul.kids, ul#suckerfish li.sfhover ul.kids { /* lists nested under hovered list items */
display:inline;
left:auto;
}

/*----FIRST LEVEL----*/
ul#suckerfish{
font-family: "Trebuchet MS", Arial, san-serif;
	width:430px;
	height:30px;
	font-size:12px;
	z-index:3000;
	position:absolute;
	left: 443px;
	top: 185px;
}
ul#suckerfish li{
float:left;
display:inline;
height:30px;
width:105px;		
background:#0095D5;
color:#124a6f;
text-align:center;
font:normal 500 13px Century Gothic, sans-serif;
position:relative;
z-index:100;
padding:5px auto;
line-height:25px;
background:url(../images/navbg_hover.jpg) repeat-x;
border-right : 1px solid #ffffff;

}

ul#suckerfish a, ul#suckerfish a:visited{
width:105px; 
height:30px; 
text-align:center;
border-bottom: 0;
overflow:hidden;
background:url(../images/navbg_static.jpg) repeat-x;
font:normal 500 13px Century Gothic, sans-serif;
color:#ffffff;
text-decoration:none;
display:block;
line-height:25px;
}
ul#suckerfish a:hover{
background:url(../images/navbg_hover.jpg) repeat-x;
text-decoration:none;
color:#124a6f;
}

/*----SECOND LEVEL----*/
ul#suckerfish li ul.kids{
width:104px;
margin:0px 0px 0px 0px;
padding:2px 0 0 0;
position: relative;
display:none;
list-style:none;
font:normal 500 13px Century Gothic, sans-serif;
color:#ffffff;
text-decoration:none;
text-align:left;
z-index:90;
}
ul#suckerfish li ul.kids li{
font:normal 500 13px Century Gothic, sans-serif;
padding:5px auto;
height:25px;
width:104px;
float:left;

}
ul#suckerfish li ul.kids li a, ul#suckerfish li ul.kids li a:visited{
background:url(../images/navbg_static.jpg) repeat-x;

font:normal 500 13px Century Gothic, sans-serif;
color:#ffffff;
margin:0 auto;
padding:5px 0 0 1px;
text-decoration:none;
display:inline;
width:104px;
height:25px;
float: left;

}
ul#suckerfish li ul.kids li a:hover{
background:url(../images/navbg_hover.jpg) repeat-x;
text-decoration:none;
color:#124a6f;
}




/*----SUCKERFISH END----*/