html, body { margin: 0px auto;  } /* should center page content */

body
{
    font-family: Verdana; /* font size is on page itself to match view control; font family is serif for print */
    width: 1100px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline }

a img { border: none; }

.HomePageOverallContainer
{
    background: url('/Media/Images/Home-bg.jpg') no-repeat;
}

.PageOverallContainer
{
    background: url('/Media/Images/Basic-bg.jpg') no-repeat;
}

.TopNavBar 
{
    color: #0153df;
}

.TopNavBar a
{
    color: #de3501;
}

.PageFooter
{
    font-size: 75%; 
    margin-top: 20px;  
    margin-bottom: 20px;
    text-align: center; 
    color: #858585;
    clear: both;
}

.HomePageContent
{
    margin-top: 10px; 
    position: relative; 
    width: 100%; height: 850px;
}

.HomePageBlock
{
    font-size: 85%;
    position: absolute; top: 0px; left: 0px; width: 800px;
}

.HomePageBlock h1
{
    color: #bc2c2c;
    font-size: 110%;
}

.HomePageBlock a
{
    color: #de3501;
}

.UpperLeft
{
    position: absolute;
    top: 50px; left: 115px;
    width: 300px; height: 140px;
}

.UpperRight
{
    position: absolute;
    top: 120px; left: 515px;
    width: 340px; height: 140px;
}
.LowerLeft
{
    position: absolute;
    top: 400px; left: 30px;
    width: 230px; height: 140px;
}
.LowerRight
{
    position: absolute;
    top: 300px; left: 515px;
    width: 340px; height: 140px;
}

.LowestText
{
    position: absolute;
    top: 550px; left: 20px; width: 770px; height: auto;
    border: solid 1px #BBBBBB; 
    -moz-border-radius: 10px;
    background: #f3f3d5;
    padding: 20px;
}

.HomePageSuppInfo
{
    position: absolute; top: 0px; right: 0px; width: 230px;  height: 600px; 

    border: solid 1px #BBBBBB; 
    -moz-border-radius: 10px;
    background: #f3f3d5;
    
    padding-top: 30px;
}

.HomePageSuppInfoImg
{
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.HomePageSuppInfo h1
{
    font-size: 110%;
    color: #BC2C2C;
    padding: 0px 20px 0px 20px;
}
.HomePageSuppInfo p
{
    font-size: 85%;
    padding: 0px 20px 0px 20px;
}
.HomePageSuppInfo a
{
    display: block;
    font-size: 85%;
    padding: 0px 20px 0px 20px;
    color: #de3501;
}

.HomePageSuppInfo hr
{
    width: 75%;
    height: 1px;
    color: #aaaaaa;
    text-align: center;
    margin-top: 35px;
}

.PlayGameBtn
{
    display: block;
    position: absolute;
    bottom: 60px;
    left: 65px;
}

.AssistiveTechMain
{
    width: 300px; height: 100%; float: left;
}

.AssistiveTech 
{
    width:500px; float: right; padding: 25px;
}

.AssistiveTech  p
{
    width: 500px;
    font-weight: bold;
}

.AssistiveTechSports
{
    text-align: center;
}

.AssistiveTechSports img
{
    width: 110px; height: 110px;
    margin: 5px;
}

.BasicMainInfoSingle
{
    margin: 30px 30px 30px 45px; 
    padding: 15px; 
    
    border: solid 1px #bbbbbb;
    -moz-border-radius: 10px;
    
    width: 90%; 
    
    background: white; 
    /*overflow: hidden;*/
    font-size: 90%;

}

.BasicMainInfo2Column
{
    margin: 30px 30px 30px 45px; 
    padding: 15px; 
    
    border: solid 1px #bbbbbb;
    -moz-border-radius: 10px;
    
    
    background: white; 
    /*overflow: hidden;*/
    font-size: 90%;
    
}

.BasicSuppInfo
{
    margin: 30px 0px 0px 5px; 

    width: 230px;  

    border: solid 1px #BBBBBB; 
    -moz-border-radius: 10px;
    background: #f3f3d5;
    padding: 20px 10px 30px 15px;
    font-size: 90%;
}

.BasicMainInfo2Column h1, .BasicMainInfoSingle h1
{
    color: #bc2c2c;
}

.BasicMainInfo2Column h2, .BasicMainInfoSingle h2, .BasicSuppInfo h2
{
    color: #025e89;
    font-size: 130%;
}

.BasicMainInfo2Column a, .BasicMainInfoSingle a, .BasicSuppInfo a
{
    color: #de3501;
}

.DisabilityBox
{
    width: 100px;
    margin: 10px;
    float: left;
}

.DisabilityBox p
{
    font-weight: bold;
    text-align: center;
    margin: 0px;
}

.DisabilityBox h3
{
    font-weight: bold;
    color: #0153df;
}

.DisabilityBox img
{
    width: 100px; height: 100px;
}

h4
{
    color: #025e89;
}


.availTool
{
     width: 90px; height: 90px; padding: 10px;
}

.toolAnswer
{
    position: absolute; top: 0px; left: 340px; width: 400px; height: 300px; 
    border: solid 1px black; 
    margin-left: 30px; 
    background: #f3f3d5;
    display: none;
}

.toolAnswer table
{
    margin: 15px;
    padding: 15px;
    border: dotted 1px red;
}

.toolAnswer table td
{
    vertical-align: top;
    padding: 10px;
}

#showAnswer
{
    position: absolute; top: 100px; left: 340px; width: 400px; height: 50px; 
    border: solid 1px black; 
    margin-left: 30px; 
    padding: 10px;
    background: #f3f3d5;
    display: none;
    
    padding: 20px 0px 0px 50px; 
    font-weight: bold; font-size: 150%; font-family: Verdana; color: Blue;
}

.GlossaryDef h1
{
    font-size: 95%;
    color: #de3501;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

.GlossaryDef p
{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    display: none;
}

.DisabilityEtiquetteQuizz
{
    font-size: 90%; 
    float: right; 
    margin-top: 25px; margin-left: 15px; margin-right: 25px; 
    width: 400px; 
    padding: 20px; 
    background: #eeeeee; 
    border: solid 1px #bbbbbb; 
    -moz-border-radius: 10px;
}

.DisabilityEtiquetteQuizz h2
{
    font-size:120%; font-weight: bold; padding-top: 15px; 
    margin: 0px;
}

.VideoLinks
{
    float: left;
    margin: 20px;
}

.VideoLinks p
{
    font-weight: bold;
    text-align: center;
    margin: 0px;
}