.foo {
    /* becuase you can't start CSS with a comment!!!  :-) */
}

/* PLEASE AVOID PUTTING BRAND SPECIFIC STYLES IN THIS STYLE SHEET IN ORDER TO MAKE FUTURE RE-BRANDING AND RE-STYLING EASIER */

/* ANY VARIATIONS OF DIVS THAT FORM THE BASIC LAYOUT ( TOP / MID / BTM ETC...) SHOULD BE PLACED IN THE BRANDING CSS */



/* --- global properties --- */

body {
    /* keeps a verticle scrollbar visible at all times to avoid width shifting */
    overflow: -moz-scrollbars-vertical; 
    }

/* --- global properties --- */



/* --- content & navigation divs --- */

#Container {
	border: 0px solid #eeeeee;
	margin: auto;
	overflow-x: visible;
	width: 960px;
    }

#Top {
	border: 0px solid #0000ff;
	clear: both;
	width: 958px;
    }

#LogoSpace { border: 0px solid #ffaaaa; float: left; height: 80px}

span.LabelInstallation {
	color: Red;
	font-size: 3em;
}

#LoginSpace { float: right; width:140px}

#TopNav {
	border: 0px solid #ff0000;
	clear: both;
	height: 32px;
	width: 960px;
    }

#SecondaryNav {
	border: 0px solid #ffaaaa;
	margin-top: 1px;
	width: 960px;
    }

#Mid { border: 0px solid #000000; width: 960px; }

#SubNav {
	border: 0px solid #ff0000;
	float: left;
	margin-top: 12px;
	padding-bottom: 25px;
	padding-top: 28px;
	padding-right: 25px;
	width: 150px;
    }
    
    /* --- content left --- */

    #ContentFull {
	border: 0px solid #ff0000;
	float: left;
	padding-top: 28px;
	width: 778px;
    }

    #ContentLeft 
    {
	border: 0px solid #ffaaaa;
		margin-right:13px;
	float: left;
	padding-top: 28px;
    }
                
    #Mid #ColumnLeft {
	/* home page left column */
	float: left;
	margin-top: 8px;
	width: 180px;
    }

    #TwoColumnLeftNav #ContentLeft {
	border: 0px solid #ffaaaa;
	float: left;
		margin-right:13px;
	padding-top: 20px;
	width: 535px;
    }

    #Mid #ColumnMid {
	/* home page mid column */
	border: 0px solid #ffaaaa;
	float: left;
	margin-top: 8px;
	width: 580px;
    }
    
    /* --- content left --- */


    /* --- content right --- */

    #ContentRight 
    {
	border: 0px solid #ffaaaa;
	float: left;
	padding-top: 28px;
	width: 320px;
    }
            
    #Mid #ColumnRight {
    /* home page right column */
	float: right;
	margin-top: 8px;
	text-align: right;
	width: 180px;
    }

    #TwoColumnLeftNav #ContentRight {
	border: 0px solid #ffaaaa;
	float: left;
	padding-top: 20px;
	width: 237px;
    }

    /* --- content right --- */
    
    
    /* --- bottom --- */
    
    #Btm {
	border: 0px solid #000000;
	clear: left;
	height: 37px;
	margin-bottom: 15px;
	margin-top:15px;
	width: 960px;
    }

    #Btm #Corner {
	background-image: url(../images/footer_curved_edge/bg_corner.gif);
	background-repeat: no-repeat;
	clear: left;
	float: left;
	height: 36px;
	position: relative;
	top: 1px;
	width: 17px;
    }

    /* --- bottom --- */
    
    /* --- footer --- */
    
    #Footer {
	background-image: url(../images/footer_curved_edge/bg.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 37px !important;
	width: 958px;
    }

    /* --- footer --- */
    
/* --- content & navigation divs --- */



/* --- images --- */

fieldset, img { border: 0px; }

/* --- images --- */



/* --- links --- */

    /* --- content right --- */

    #ContentRight h1 a img { border: 0px; float: right; margin-bottom: 15px; }

    #ContentRight h1 a:hover img { border: 0px; }

    /* --- content right --- */
    
/* --- links --- */



/* --- form properties --- */

    /* --- sub nav form elements --- */

    #SubNav ul {
	margin: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom:25px
    }
    
    #SubNav ul li {
	list-style-type: none;
	padding-bottom: 5px;
	padding-left: 12px;
	padding-top: 5px;
    }

    /* --- sub nav form elements --- */
    
    
    /* --- footer form elements --- */
    
    #Footer ul {
	float: right;
	left: -15px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 10px;
    }

    #Footer li { display: inline; margin: 0px; padding: 0px; }

    /* --- footer form elements --- */
    
/* --- form properties --- */