BODY
{
	padding: 0px;
	font-size: 100%;
	margin: 10px;
	color:#FFFFFF;
	font-family:Verdana,Arial,sans-serif;
	font-size:80%;
	line-height:150%;	
	background:transparent url(../images/newbg.gif) repeat scroll 0 0;
}
#container
{
	margin: 0px auto;
	width: 1000px;
}
#wrapper
{
	border-style: none none none solid;
	width: 760px;
	margin-left: 230px;
	border-left-color: #233878;
	border-left-width: 1px;
}
#intro 
{
	PADDING:10px;  margin-top: 20px; margin-bottom:30px;
	font-size:1.25em;
}

H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 14px; PADDING-TOP: 0px;
}
#slider {
	MARGIN: 0px auto; WIDTH: 620px; POSITION: relative;
}
.scroll {
    height: 450px;
    width: 620px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel 
{
	color:#000;
    padding: 20px;
    height: 450px;
    width: 580px;
}

#shade {
	BACKGROUND: url(../images/shade.jpg) #ededec no-repeat 0px 0px; HEIGHT: 50px
}
UL.navigation {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 9px; 
	MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none;
	border-top:solid 1px #A0A0A0;
	/*BACKGROUND: url(../images/gradient_black.gif) #1B1B1B repeat 0px 0px; */
	background-color:#404040;
}
UL.navigation LI {
	DISPLAY: inline; MARGIN-RIGHT: 2px; 
}

UL.navigation A
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	padding-top: 10px;
	text-decoration: none;
	font-weight: bold;
	font-size:1.1em;
}
UL.navigation A:hover {
	BACKGROUND-COLOR: #5873B7;
}
UL.navigation A.selected { 
BACKGROUND-COLOR: #233878; 
}

UL.navigation A:focus {
	outline: none
}

.scrollButtons {
	CURSOR: pointer; POSITION: absolute; TOP: 150px
}
.left.scrollButtons {
	LEFT: -20px
}
.right.scrollButtons {
	RIGHT: -20px
}
.hide {
	DISPLAY: none
}
/* Styles added by Kittu*/

#agenda {
	WIDTH: 170px; float:left; margin-left:30px; margin-top:30px; 
}
#agenda a{COLOR: #000000;font-size:0.9em; line-height:30px;}
#agenda a:hover{COLOR:#FFFFFF;}

#agenda #title{COLOR: #FFF;font-size:1.3em; text-decoration:underline; }

.clearBoth
{
	clear:both;	
}
.floatfix{width:100%; float:right;} 

#jQueryLogo
{
	width:225px;
	PADDING:10px; 
	font-size:1.25em;
	background-color:#2C3033;
	float:left;
}
#jQueryHeader
{
	padding-top:20px;
	height:53px;
	font-size:1.25em;
	background-color:#39424B;
	margin-left:240px;
	text-align:center;
}
#author
{
	float:right;
	margin-right:10px;
	font-size:0.6em;
}
#author a
{
	color:White;
}
#author a:hover
{
	color:#F00;
}
UL.content 
{
	BACKGROUND-COLOR: #E2E9FF; 
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	padding:3px;
}
UL.content LI
{
	padding:2px;
	MARGIN: 2px; 
}
.red{	color:#F00;	}
.blue{	color:Blue;	}

/* Styles added by Kittu*/