/*
Layout styles of master page and generic elements
*/
BODY
{
    padding: 0px;
    margin: 0px;
	background-color: #ffffff;
}
    /*
    main body style
    */
#container
{
    width: 100%;
}
    /*
    container for entire page
    */
#header
{
    background: url(../App_Images/app_branding.jpg) no-repeat left top;
    height: 75px;
    margin: 0px 12px 0px 24px;
    overflow: hidden;
}
    /*
    header section of page
    app_branding.jpg should be changed for each application
    based on colours/theme
    */
#header IMG
{
    border: none;
}
    /*
    images within header section
    */
#schoolLogo
{
    float: right;
    width: 220px;
    height: 75px;
}
    /*
    school/university logo
    */
#appTitle
{
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
    /*
    title of application
    */
html>body #appTitle
{
    top: 27px;
    margin: 0px 12px 0px 0px
}
    /*
    title of application
    browser hack - IE ignores
    */
#appTitle H1
{
    font-weight: bold;
    font-size: 19px;
    color: #8f9e94;
    font-family: Arial, Helvetica, Sans-Serif;
}
#topNavBar1
{
    margin: 0px 12px 0px 24px;
    padding: 1px 0px 1px 0px;
    overflow: hidden;
    background-color: #ffb300;
    border-top: #ffffff 1px solid;
    border-bottom: #8f9e94 5px solid;
    font: bold small Arial, Helvetica, Sans-Serif;
    color: #ffffff;
}
    /*
    top navigation bar
    add more bars as required (e.g. topNavBar2)
    */
html>body #topNavBar1
{
    padding: 2px 0px 2px 0px;
}
    /*
    top navigation bar
    browser hack - IE ignores
    */
.clear
{
    clear: both;
}
    /*
    stop subsequent elements from wrapping around
    preceeding elements
    */
#pageContainer
{
    margin: 5px 12px 0px 24px;
}
    /*
    contains all content below top navigation bar
    */
#leftColumn
{
    width: 20%;
    float: left;
    border: solid 1px #bbbbbb;
    background-color: #eeeeee;
    overflow: hidden;
}
    /*
    contains left column
    */
#rightColumn
{
    width: 20%;
    float: right;
    border: solid 1px #bbbbbb;
    background-color: #eeeeee;
    overflow: hidden;
}
    /*
    contains right column
    */
#centerColumn
{
    border: solid 1px #bbbbbb
    margin: 0% 21% 0% 21%;
    overflow: hidden;
}
    /*
    contains center column
    */
html>body #centerColumn
{
    margin: 0% 1% 0% 1%;
}
    /*
    contains center column
    browser hack - IE ignores
    */
#footerDivider
{
    background: url(../App_Images/footer_divider.gif) repeat-x bottom;
    height: 1px;
}
    /*
    divides footer from content
    */
#titleBar
{
    overflow: hidden;
}
    /*
    contains page title bar
    */
#leftColumnLeftOnly
{
    width: 20%;
    float: left;
    border: solid 1px #bbbbbb;
    background-color: #eeeeee;
    overflow: hidden;
}
    /*
    contains left column (when left column only)
    */
#centerColumnLeftOnly
{
    border: solid 1px #bbbbbb;
    float: right;
    width: 78%;
    overflow: hidden;
}
    /*
    contains center column (when left column only)
    */
#rightColumnRightOnly
{
    width: 20%;
    float: right;
    border: solid 1px #bbbbbb;
    background-color: #eeeeee;
    overflow: hidden;
}
    /*
    contains right column (when right column only)
    */
#centerColumnRightOnly
{
    float: left;
    border: solid 1px #bbbbbb;
    width: 78%;
    overflow: hidden;
}
    /*
    contains center column (when right column only)
    */
#centerColumnNone
{
    border: solid 1px #bbbbbb;
    overflow: hidden;
}
    /*
    contains center column (when no left or right column)
    */