*{
	margin:0;
	padding:0;
	list-style:none;
}

ol#toc {
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

a img{
	border:0;
}

body{
     margin-top: 10px;
     margin-left: 15px;
     padding: 0;
     background-color:  #FF0000;
     font-size: 12px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
}

fieldset.preview{
	width:500px;
	height:95px;
}

fieldset.alert{
	color: #FF0000;
}

fieldset.navitem{

}

div.nav a:link,
div.nav a:visited,
div.nav a:active
	{
	padding:0px;
	color: #000000;
	border:none;
	text-decoration:none;
	}

div.navitem{
	padding:2px;
	width:120px;
	border:none;
	color:  #000000;
     	font-size: 10px;
     	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

div.info{
	position:absolute;
	width:250px;
	height:30px;
	margin-top: 35px;
	margin-left: 720px;
	border: black solid 2px;
	border-left-style: none;
	border-bottom-style: none;
	padding:0;
	background-color:  #FFFFFF;
        font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	}

div.info a:link,
div.info a:visited,
div.info a:active
	{
	padding:0;
	color:#FFFFFF;
	}

div.preview{
	clear:both;
    	width: 562px;
	height: 105px;
	background-color:  #FFFFFF;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 0px;
	border: black solid 2px;
	border-top-style: none;
	border-right-style: none;
}


div.lite{
    	margin-top: 17px;
	position:absolute;
    	border: #000000 solid 2px;
    	background: #FFFFFF;
    	clear: left;
    	padding: 1em;
    	width: 550px;
    	font-size: 11px;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.nav{
	position:absolute;
	width:132px;
	height:575px;
	background-color:  #FFFF00;
	padding-left: 10px;
	padding-top: 5px;
	margin-top: 5px;
	margin-left: 574px;
	border: black solid 2px;
	}

fieldset.lite{
	border:none;
	width:540px;
	height:auto;
	}


div.basic{
	position:absolute;
	width:250px;
	height:503px;
	margin-top: 62px;
	margin-left: 720px;
	border: black solid 2px;
	border-top-style: none;
	border-left-style: none;
	padding:0;
	background-color:  #FFFFFF;
	}


ol#toc a {
    background: url(tabs.gif);
    color: #000000;
    display: block;
    float: left;
    height: 35px;
    width: 95px;
    padding-left: 15px;
    text-decoration: none;
}

ol#toc a:hover {
    background-position: 0 -45px;
    color: #FFFF00;
    font-weight:bold;
    text-decoration:none;
}

ol#toc a:hover span {
    background-position: 100% -45px;
}

ol#toc li.current a {
    background-position: 0 -45px;
    color: #FFFF00;
    font-weight:bold;
    text-decoration:none;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {
    border: #000000 solid 2px;
    border-right-style: none;
    border-bottom-style: none;
    background: #FFFFFF;
    clear: left;
    padding: 1em;
    width: 550px;
    height:400px;
    overflow: auto;
     font-size: 11px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
}
		p{
			margin:0 0 .5em 0;
			line-height:1.3em;
		}
		h2{
			font-size:1.3em;
			color:#000000;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:0 0 .7em .2em;
		}
		h1{
			font-size:2em;
			text-align:center;
			font-weight:normal;
			text-transform:uppercase;
			font-family:"Trebuchet MS",Arial,Sans-Serif;
			padding:.5em 0;
			background: #C0C0C0;
			border-bottom:1px solid #666;
		}