﻿.LeftColSire {
	width: 52%;
    padding-left:2%;
    padding-right:1%;
	float: left;
	border-right: thin dotted #999999;
}
.RightColSire {
	width: 40%;
    padding-left:1%;
    padding-right:2%;
	float: right;
}
.stallion-navbox {padding-bottom:6px; padding-top:6px; background-color:#4daece; color:white; margin-bottom:20px;}
.stallion-navboxheader {display:none; text-align:center;}
.stallion-navcontent {display:block; text-align:left; margin-left:20px;}
.stallion-navitem {display:inline-block; padding-left:15px; padding-right:15px; font-size:0.9em;}
.stallion-navitem a {color:white;}
.stallion-HeaderDisplay {display:block; text-align:center; margin-top:20px;}

@media only screen and (max-width: 1000px) {
    .stallion-graphs {display:block;}
    .stallion-navboxheader {display:block;}
    .stallion-navboxheader a {display:block; color:white;}
    .stallion-navcontent {display:none;}
    .stallion-navitem {display:block; padding:6px 0px 6px 0px; margin:1px 0px 1px 0px;}
    .stallion-navitem a {display:block; margin-bottom:1px;}
    }

    @media only screen and (max-width: 500px) {
    .RightColSire {display:none;}
    .LeftColSire {width:100%!important; padding:0;}
    .stallion-navboxheader {display:block;}
    .stallion-navboxheader a {display:block; color:white;}
    .stallion-navcontent {display:none; background-color:white; margin-left:0px;}
    .stallion-navitem {display:block; background-color:#4daece;}
    .stallion-navitem a {display:block; margin-bottom:2px; padding:10px 0px 10px 20px;}
    }