/*source of most inspiration and most of code 
http://tutorials.mezane.org/tabbed-navigation-using-css/#Bonus
*/

body { min-width:892px; }

#menu table {font-size:80%;
	padding-left:16px;
	}
	
.col1 {
	width:20%;
	}
.col2 {
	width:24%;
	}
.col3 { 
	width:36%;
	}

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

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

ol#toc a {
    background-color: #eeeeee;
    color: #bd0202;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	border:1px solid #bd0202;
}

ol#toc a:hover {
    background-color: #e0e0e0;
}

ol#toc a:hover span {

	color:#bd0202;
	background-color:#e0e0e0;
}

ol#toc li.current a {
    background-color: #bd2020;
    background-position: 0 0px;
    color: #ffffff;
    font-weight: bold;
}

ol#toc li.current a:hover {
    background-color: #bd2020;
    background-position: 0 0px;
    color: #ffffff;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% 0px;
	color:#ffffff;
	background-color:#bd2020;
}


ol#toc span {
    background: #eeeeee;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

div.content {
    clear: left;
	margin-top:1%;
    padding: 0em;
	width:100%;
	font-size:1em;
	margin-left:0px;
}

div.content h3 {
letter-spacing:1px;
line-height:1;
}

div.content a {
text-decoration:none;
color:#000000;
}

div.content a:hover {
text-decoration:underline;
}


div.content ul li {
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
margin-left:-26px;
}

div.content td ul li{
list-style-image:url(../images/hollow.gif);
font-size:1em;
margin-left:-39px;
margin-top:7px;
margin-bottom:-7px;
}

div.content td li ul{
	margin-top:-5px;
	}

div.content td li {
	list-style-image:url(../images/solid.gif);
	}

ol#toc2 {
    height: 2em;
    list-style: none;
    margin-top:-12px;
    padding: 0;
	margin-left:0px;
}

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

ol#toc2 a {
    background-color: #eeeeee;
    color: #bd0202;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	border:1px solid #bd0202;
}

ol#toc2 span {
    background: #eeeeee;;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}
ol#toc2 a:hover {
    background-color: #e0e0e0;
}

ol#toc2 a:hover span {
	color:#bd0202;
	background-color:#e0e0e0;
}

ol#toc2 li.current a {
    background-color: #bd2020;
    background-position: 0 0px;
    color: #ffffff;
    font-weight: bold;
}  

ol#toc2 li.current span {
    background-position: 100% 0px;
	background-color:#bd2020;
	color:#ffffff;
}
ol#toc2 li.current a:hover {
    background-color: #bd2020;
    background-position: 0 0px;
    color: #ffffff;
    font-weight: bold;
}


table #header {
width:100%;
background-color:#eeeeee;
}