﻿body 
{
    background-image: url(images/pgbkgrd.gif);
    background-repeat: repeat-x;
    text-align: center;
    margin:0;
    padding:0;
    font-family: "Trebuchet MS", sans-serif;
}

#container
{
    width: 960px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
    border: 1px solid black;
    border-bottom: 0;
}

#header 
{
    text-align: center;
    background-color: #000;
    width: 960px;
    margin: 0;
    padding: 0;
   /* border-right: 1px solid #000;
    border-left: 1px solid #000;*/
}

#links 
{
   /* background-color: #6badc2; */
   background-color: Black;
margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border-bottom: 3px solid #6badc2;
    /*    border-right: 1px solid #000;
    border-left: 1px solid #000; */
    float: left;

}
/*
#linkscont 
{ 
    margin: 0 auto; 
    width: 100%; 
    text-align:center; 
    display:inline; 
} 
*/
#links ul
{
    list-style-type: none;
    text-align: center;
    float: left;
    clear: both;
    width: 100%;
    margin:0 auto;
    padding: 0;

}

#links ul li 
{    
    display: inline;
    float: left;
}

#links ul li.end
{  
    border-right: 0px;
}

#links li a 
{
    font-size: .9em;
    background-color: #1F517A;
    display: block;
    float: left;
    padding: .2em 1.5em;
    border-top: 3px solid black;
    margin-right: 1px;
}

#links li a.active, .home a#home, .about a#about, .courses a#courses, .donate a#donate, .programs a#programs, .sponsors a#sponsors, .contact a#contact
{
    background-color: #6BACD2;
    border-top: 3px solid #6BACD2;
}

#links li a.active:hover, .home a#home:hover, .about a#about:hover, .courses a#courses:hover, .donate a#donate:hover, .programs a#programs:hover, .sponsors a#sponsors:hover,  .contact a#contact:hover

{
        background-color: #6BACD2;
    border-top: 3px solid #6BACD2;
         /*   background-color: #276699;
    border-top: 3px solid #276699; */

    
}
#links li a:link, #links li a:visited, #links li a:active
{
    color: white;
    text-decoration: none;
}
#links li a:hover
{
    text-decoration: underline;
    color: #ff6600;
    /*    border-top: 3px solid #1F517A;  */
        
                    background-color: #276699;
    border-top: 3px solid #276699;

}

#content
{
    width: 100%;
    background: #ccc;
    /*
        border-right: 1px solid #000;
    border-left: 1px solid #000;*/
        border-top: 1px solid black;
        clear: both;
}

#footer 
{
/*    background: #000;
    color: White;*/
    text-align: left;
    font-size: 70%;
    clear: both;
}

#right, #main 
{
    padding: 0;
    margin:0;
    float: left;
}
#right 
{
    width: 300px;
    padding: 0px;
}

#main 
{
    width: 660px;  
    font-size: .8em; 
}

#right div, #main div
{
    padding: 1em;
}

#right div
{
    font-size: .8em;
}

#right div div
{
    font-size: 100%;
}

#right h4, #main h4
{
    font-size: 120%;
    font-weight: bold;
    margin:0;
    padding:0;
}

div.maincont p, div.maincont dl, div.maincont div
{
    margin-top: 0;
    padding: 1em;
    border: 1px solid #999;
    border-top: 1px solid black;
}

div.maincont div p
{
    margin: 0;
    border: 0;
    padding:0;
}

div.maincont 
{
    padding-bottom: 0;
}


div.maincont h4
{
    width: 100%;
    border-bottom: 3px solid #6BACD2;
}

div.maincont h4 span 
{
    background-color: #6bacd2;
    padding: .2em .5em;
    display: inline-block;
}

#main div.maincont dl
{
    font-size: 120%;
}

#main div.maincont dd
{
    padding-bottom: .2em;
}


#main div.maincont a img
{
    border: 2px solid white;
    margin: .2em;
}

div.maincont ul.schedule, div.maincont ul.schedule li{
list-style-position: outside;
margin: 0;
padding:0;
list-style-type: none;
	
	
}

div.maincont ul.schedule li li {
	
	list-style-type: disc;
}

div.maincont dl
{
    font-size: 100%;
}

.maincont dl dd 
{
    margin-left: 1.2em;
}

dt 
{
    font-weight: bold;
}


#clearfix 
{
    clear: both;
}

#main p
{
    padding: .2em 1em 1em 2em;
    margin: 0;
}

#main table{
	margin: .2em 1em 1em 2em;
}

#main h2, #main h3
{
    margin:0;
}

#main h3
{
    padding: .2em 1em .2em 1.5em;
}
#main h2
{
    
        padding: .2em 1em;
        padding-top: 1em;
}

h5{
	font-weight: bold;
	margin: 0;
	padding:0;
	clear: left;
	font-size: 105%;
	
	
}

ul
{
    margin-top: 0;
}

#right img , img.main
{
    clear: both;
    border: 2px solid black;
    margin: 1em auto;
    display: block;
}

h3 + p
{
}

ol li li
{
    padding-bottom: .2em;
}

#main ol 
{
    margin-top: 0;
    padding-left: 2em;
    margin-left: 2em;
}

ul li.active
{
    list-style-type: square;
    font-weight: bold;
}

ul li.active ul li{
	font-weight: normal;
	
}

#content a:link
{
    color: #0066cc;
    text-decoration: underline;
}

#content a:visited
{
    color: #1F517A;
    text-decoration: underline;
}

#content a:hover
{
  color: #C1333B;
    text-decoration: underline;
}


#content a:active
{
        color: #0066cc;
    text-decoration: underline;
}

ul.sponsors{
	list-style-type: none;
}

ul.sponsors li{
	display: inline-block;
	float: left;
	width: 200px;
	height: 130px;
	text-align: center;
	padding-top: 20px;
}

ul.sponsors li a img{
	border: 0;
}
ul.sponsors li a img{
	margin: 0 auto;
}


