/* Reset --------------------------------------------------------- */
div, body
	{
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

/* Basic --------------------------------------------------------- */
pre,a,b,p,h1,h2,h3,h4,h5,h6,ul,ol,li,div,td,tr,th,address,body
	{
	font-family:'Open Sans',Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:0.99em;
	color:#333333;
	}

h1 { font-size:2.2em; color:#333333; }
h2 { font-size:1.8em; color:#333333; }
h3 { font-size:1.4em; color:#333333; }
h4 { font-size:1.2em; color:#333333; }
h5 { font-size:1.0em; color:#333333; }
h6 { font-size:0.8em; color:#333333; }

p, div
	{
	line-height:1.6;    /* set no unit so it calculates the line height accurate */
	}

html
	{
	position: relative;
	min-height: 100%;
	}

body
	{
	margin: 0px;
	_background-color:#022407;
	_background-position:50% 0px;
    _background-image:url(/images/Background_Gradient_2.0.png);
	_background-repeat:no-repeat;
	}


/* Misc temp elements -------------------------------------------- */

a.menu
    {
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
    color:#c0c0c0;
    display:inline-block;
    height:24px;
    border-bottom:3px solid white;
    }

a.menu:hover
    {
    border-bottom:3px solid #D60000;
    color:#333333;
    }

#BrandIconL
    {
    padding:0;
    margin:0;
    width:49%;
    float:left;
    cursor:pointer;
    }

#BrandIconR
    {
    padding:0;
    margin:0;
    width:49%;
    float:right;
    cursor:pointer;
    }

.FooterGrid
    {
    padding:0px 10px 0px 10px;
    float:left;
    width:25%;
    height:auto;
    color:White;
    font-size:0.8em;
    }

a.FooterGridLnk
    {
    color:White;
    font-size:0.9em;
    text-decoration:underline;
    }

hr
    {
    height:1px;
    border-width:0;
    color:#f0f0f0;
    background-color:#f0f0f0;
    }

hr.dark
    {
    height:1px;
    border-width:0;
    color:#333333;
    background-color:#333333;
    color:#D60000;
    background-color:#D60000;
    }

.literalText
    {
    margin:-10px 20px 40px 30px;
    }

ul.uListCloseTo
    {
    margin-top:-6px;
    }
    
.TwoColTDiv
    {
    width:50%;
    padding:0px 40px 0px 0px;
    float:left;
    }

/* Base Design --------------------------------------------------- */
#baseContainer
	{
	height:100%;
	padding:0;
	margin:0 auto;
	max-width: 935px;
	min-width:100px;
	}

#Header
    {
    _border:5px solid red;
    margin:10px 0px 0px 0px;
    }
#HeaderImage
	{
	border:0px;
	_width:100%;
	width:275px;
	height:auto;
	display:block;  /* prevent space at bottom to the div */
	_border:5px solid red;
	}

#Navigation
    {
    height:auto;
	_border:5px solid green;
    }

#mobileButton   /* button will be displayed on mobile devices */
    {
    display:none;
    text-align:right;
    margin-left:auto;
    margin-right:0;
    _background-color:#D60000;
    position:relative;
    top:0px;
    left:0px;
    margin-left:auto;
    margin-right:0;
    }
#mobileButtonImg
    {
    cursor:pointer;
    }

#menuContainerMobile
    {
    display:none;
    }

#Content
    {
    padding:0px 0px 0px 0px;
    _border:5px solid blue;
    overflow:hidden;
    }

#Footer
    {
    padding:10px;
    margin:0px;
    background-color:#1c1c1c;  /* nearly black, its not so hard */
    }
#FooterImage
	{
	border:0px;
	width:100%;
	height:auto;
	display:block;  /* prevent space at bottom to the div */
	}
#FooterMenu
    {
    border:none;
    margin:0px;
    padding:0px;
    } 

.footerChoice
    {
    border:none;
    margin:0px;
    padding: 0px;
    }

.success
    {
    color:#476609;
    }
.error
    {
    color:red;
    }

.noU
    {
    text-decoration:none;
    }
    

/* Navigation DIV Table ------------------------------------------ */
.divNavTable
	{
	display: table;
	border-collapse:collapse;
	width:100%;
	}

.divNavTR
	{
	display:table-row;
	_background-color:#37490f;
	height:62px;
	}

.divNavTD, .divNavTDsel
	{
	cursor:pointer;
	display: table-cell;
	height: 62px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:1.4em;
	color:white;
	_vertical-align:middle;
	_text-align: center;
	padding-left:30px;
	background-color:#D60000;
	}

.divNavTDsel
	{
	cursor:default;
	_background-color:#6d9b12;
	}

.divNavTD:hover
	{
	color: #ffffff;
	_background-color: #476609;
	background-color: black;	
	}


/* DIV Table Design ---------------------------------------------- */
.divTable
	{
	display: table;
	border-collapse:collapse;
	border: 0px none;
	width:100%;
	}

.divTR
	{
	display:table-row;
	height:40px;
	}

/* DIV Forms Tables ---------------------------------------------- */
.divTDFormHeader
	{
	display: table-cell;
	border: 0px none;
	width: 30%;
	min-width:150px;
	xheight: 40px;
    white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-weight:bold;
    _background-color:#83b421;
    padding:6px;
    vertical-align:top;
    color:#333333;
	}

.divTDForm
	{
	display: table-cell;
	border: 0px none;
	width: 70%;
	min-width:150px;
	xheight: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    _background-color:white;
    padding:6px;
    vertical-align:top;
	}

/* DIV List Tables ----------------------------------------------- */
.divTDListHeader
	{
	display: table-cell;
	border: 0px none;
	width: auto;
	min-width:50px;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-weight:bold;
    _background-color:#83b421;
    padding:6px;
    vertical-align:top;
    color:#476609;
	}

.divTDList
	{
	display: table-cell;
	border: 0px none;
	width: auto;
	min-width:50px;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    _background-color:white;
    padding:6px;
    vertical-align:top;
	}

#brandImageLarge
    {
    display:none;      /* showing the mobile button */
    _position:absolute;
    _top:0px;
    _left:0px;
    }


 @media screen and (min-width: 501px)
	{
        #menuContainerMobile
            {
                display:none;   /* hiding the menu container */
            }
    }
    
/* Dynamic screen fitting ---------------------------------------- */
/*@media screen and (max-width: 500px)
	{*/
        /* switching to mobile button */
        #mobileButton
            {
            display:block;      /* showing the mobile button */
            }
        #menuContainerMobile
            {
                display:none;   /* hiding the menu container */
            }
        #menuContainerPC
            {
                display:none;   /* hiding the menu container */
            }


        /* Misc temp elements -------------------------------------------- */
        #BrandIconL
            {
            padding:0;
            margin:0;
            width:100%;
            }
        #BrandIconR
            {
            padding:0;
            margin:0;
            width:100%;
            }

        #brandImageLarge
            {
            display:block;      /* showing the slogan image */
            }
        #slider1_container
            {
                display:none;   /* hiding the slider image */
            }

        .TwoColTDiv
            {
            width:100%;
            padding:0px 0px 0px 0px;
            }


        .FooterGrid
            {
            padding:0px 10px 0px 10px;
            _float:left;
            clear:both;
            width:100%;
            _height:auto;
            color:White;
            font-size:0.8em;
            display:block;
            }


        /* set smaller margings in content */
        #Content
            {
            _background-color:#e8f1eb;
            padding:0px 10px 0px 10px;
            }

        /* new arrangement of DIV tables */
		.divNavTD
    		{
			display: block;
			height: 62px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size:1.4em;
			color: #f5f5f5;
			vertical-align:middle;
			_text-align: center;
			line-height:2.7;    /* needed to text-align correctly */ /* set no unit so it calculates the line height accurate */
			border-bottom: 1px solid #fff;
    		padding-left:30px;
	        background-color:#D60000;
	    	}

		.divNavTDsel
    		{
			display: block;
			height: 62px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			font-size:1.4em;
			color: #f5f5f5;
			vertical-align:middle;
			text-align: center;
			line-height:2.7;    /* needed to text-align correctly */ /* set no unit so it calculates the line height accurate */
			border-bottom: 1px solid #fff;
			_background-color:#6d9b12;
	    	}

	    /*  Forms Table */
	    .divTDFormHeader
		    {
		    display: block;
		    border: 0px none;
		    height: 40px;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    width:100%;
		    }

	    .divTDForm
		    {
		    display: block;
		    border: 0px none;
		    xheight: 40px;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    width:100%;
		    }

	    /* List Tables */
	    .divTDListHeader
		    {
		    display: none;	/* hiding the header ;) */
		    _display: block;
		    _width:100%;
		    }

	    .divTDList
		    {
		    display: block;
		    border: 0px none;
		    height: 40px;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    box-sizing: border-box;
		    }
/*	}*/


/* Controls ------------------------------------------------------ */
.button, .buttonDis
	{
	font-size:12pt;
	height:45px;
	font-weight:normal;
	background-color:#D60000;
	Border-width:0px;
	border-style:none;
	color:#fff;
	cursor:pointer;
	}
.buttonDis
	{
	_background-color:#c0c0c0;
	cursor:default;
	}

.tbflat, .tbmust
	{
	font-size: 12pt;
	border-width : 1px;
	border-style : solid;
	border-color : #808080;
	height : 28px;
	width : 240px;
	padding-bottom: 0px;
	}

.tbmust
	{
	_background-color:#ededed;
	border-color:#D60000;
	}

.cbflat
	{
	height : 20px;
	font-size: 10pt;
	border-width : 0px;
	border-style : solid;
	border-color : #808080;
	cursor: pointer;
	width : 240px;
	}

.cbmust
	{
	height : 20px;
	font-size: 10pt;
	_background-color:#ededed;
	border-width : 0px;
	border-style : solid;
	border-color : #808080;
	cursor: pointer;
	width : 240px;
	}

.rbmust
	{
	_background-color:#ededed;
	width:20px;
	border:0px;
	cursor: pointer;
	}

lbmust
    {
    /* list box mandatory goes here */
    }

lbflat
    {
    /* list box goes here */
    }