/* MAIN LAYOUT */
    body{
        height: 100%;
        font-family: Helvetica,Arial,sans-serif;
        color: #444444;
        background: #ECEFF2 url('http://www.wshsptsa.org/wshs_ptsa/bg.png') repeat-x;
        }
    #header{
        width: 970px;
        height: 120px;
        border-bottom: 4px solid #2E5186;
        background-image: url('http://www.wshsptsa.org/wshs_ptsa/testlogo.png');
        background-repeat: no-repeat;
    }
    #container
    {
        width: 968px; /* Can be set to any value sohuld be included */
        height: 100%;
        margin-bottom: 20px; /* Required for Center to play nice w/ IE */
        border-left: 1px solid #DBE1E6;
        border-right: 1px solid #DBE1E6;
        border-bottom: 1px solid #DBE1E6;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        background-color: #FFFFFF;
    }
    #footer{
        width: 956px;
        height: 130px;
        border: 2px solid #DBE1E6;
        -moz-border-radius: 5px;
        background-color: #2E5186;
        margin-bottom: 20px;
        padding: 5px;
        color: white;
    }
    #navigation{
        height: 500px;
        width: 180px;
        margin-top: 10px;
        margin-right: 10px;
        float: left;
        border-top: 1px solid #DBE1E6;
        border-right: 1px solid #DBE1E6;
        border-bottom: 1px solid #DBE1E6;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
    }
    .nav ul {
	font-size: 1.0em;
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	list-style: none;
    }
    #navigation a{
        display: block;
        color: #444444;
        text-decoration: none;
        width: 160px;
        padding: 10px;
        border-bottom: 1px solid #DBE1E6;
        font-weight: bold;
    }
    #navigation a:hover{
        text-decoration: underline;
        background-color: #ECEFF2;
    }
    #news{
        width: 765px;
        height: 330px;
        border-bottom: 1px solid #DBE1E6;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
    }
    #ticker{
        width: 460px;
        height: 320px;
        border-right: 1px solid #DBE1E6;
        float: left;
    }
    #info{
        float: left;
        padding-left: 5px;
    }
    #info li{
        list-style-type: disc;
        font-size: 0.8em;
        margin-left: 20px;
    }
    .box-title{
        padding: 5px;
        height: 20px;
        text-transform: uppercase;
        font-size: 1em;
        font-weight: bold;
        background-color: #F9FAFA;
        border-bottom: 1px solid #DBE1E6;
    }
    #directory{
        width: 368px;
        border: 1px solid #DBE1E6;
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #directory-title{
        width: 358px;
    }
    #directory-content{
        width: 368px;
    }

    #board{
        width: 386px;
        border: 1px solid #DBE1E6;
        float: left;
        margin-bottom: 10px;
    }
    #board-title{
        width: 376px;
    }
    #board-content{
        width: 386px;
    }

    table { width: 369px; font-size: 0.9em;}
    td, th { padding: 5px;  border-right: 1px #CCCCCC solid; }
    thead { background: #EFEFEF; border-bottom: 1px #CCCCCC solid; }
    .clear{
        clear: both; /* You need this below any ammount of divs you want to be side by side */
        /* height: 0px;  Make sure it does not show up */
        /* line-height: 0px;  Valid trick to make the div invisible in IE5 and 6*/
        /* font-size: 0px;  Valid trick to make the div invisible in IE5 and 6*/
    }
    .horizontal-center{
        margin-left: auto; /* To center main div */
        margin-right: auto; /* To center main div */
    }
    .tr-hover{
        background-color: #EFEFEF;
    }

    #tab {
	padding-top: 5px;
        width: 386px;
        background: #EFEFEF;
        border-bottom: 1px solid #CCCCCC;
        height: 25px;
    }
    .tabs{
        padding: 10px;
    }
    #tabs li {
        list-style: none;
        float: left;
        margin-right: 5px;
    }

    #tabs a:link {
        text-decoration: none;
        font-weight: bold;
        color: #444444;
        padding: 3px;
        height: 20px;
        display: block;
        margin-right: 5px;
    }
    #tabs a.not-active:hover {
        text-decoration: underline;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        margin-top: -1px;
        margin-right: 4px;
        background-color: #ffffff;
        margin-left: -1px;
    }
    .tab-active {
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        margin-top: -1px;
        margin-right: 4px;
        background-color: #ffffff;
        margin-left: -1px;
    }
    #link-tab-1{
        margin-left: 8px;
    }
    dt{
        font-weight: bold;
    }
    dd{
        margin-left: 20px;
    }
    #header-top{
        height: 102px;
        width: 970px;
    }
    #header-bottom{
        height: 17px;
        width: 970px;
    }
    #header-bottom p{
        float: left;
        text-align: center;
        font-size: 0.9em;
    }
    #header-bottom .right{
        float: right;
    }
    a:focus
    {
        outline: none;
    }

    #footer-top{
        height: 90px;
        width: 955px;
    }
    #footer-bottom{
        height: 40px;
        width: 955px;
    }
    #footer img{
        height: 40px;
        float: right;
    }
    #ticker p{
        font-size: 0.8em;
    }
    #ticker h4{
        padding-bottom: 5px;
    }
    #notes{
        width: 765px;
        float: left;
        margin-top: 10px;
        margin-right: 10px;
    }
    #notes h2{
        font-size: 1.2em;
    }
    #notes h1{
        font-size: 1.3em;
    }
    #notes li{
        list-style-type: disc;
        margin-left: 25px;
    }
    #notes ul{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #notes p{
        margin-left: 5px;
        margin-top: 10px;
    }
    .underline{
        text-decoration: underline;
    }
    .bold{
        font-weight: bold;
    }
    ol{
        list-style: decimal;
    }
    a{
        text-decoration: none;
	 color: #0068CF;
    }