﻿
h3{                         padding-bottom:5px; font-size:12px;}



#LeftColumn{                width:700px; float:left;}

#Banner{                    margin-bottom:30px;}

#Intro{                     padding-bottom:10px; overflow:hidden;}
#Intro h1{                  padding-bottom:20px; font-weight:normal; font-size:30px; color:#333333;}
#Intro p{                   padding-bottom:20px; font-size:12px; line-height:20px; color:#333333;}

#Tiles {
    padding-bottom: 30px;
    overflow: hidden;
}
    #Tiles a{
        float: left;
        margin-right: 20px;
    }
    #Tiles a:last-child{
        margin-right: 0px;
    }
    #Tiles a img {
        float:left;
        width: 300px;
        height: 142px;
        border: 0px;
    }

#News-Events {
    display: none;
    overflow: hidden;
}
    #News-Events > div {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        overflow: hidden;
    }
        #News-Events div h2 {
            font-size: 20px;
            color: #335284;
            border-bottom: solid 1px #335284;
        }
            #News-Events div h2 span {
                display: block;
                float: right;
                font-size: 14px;
                font-weight: normal;
            }
                #News-Events div h2 span a {
                    color: #335284;
                    font-style: italic;
                    text-decoration: none;
                }
        #News-Events div ul {
            list-style-type: none;
        }
            #News-Events div ul li {
                display: none;
                padding: 10px 5px 10px 5px;
                border-bottom: solid 1px #d8d8d8;
                color: #333333;
                overflow: hidden;
                cursor: pointer;
            }
                #News-Events div ul li:hover {
                    background: #eef4fd;
                }
                #News-Events div ul li img{
                    float:left;
                    width:100px;
                    margin-right: 10px;
                }
                #News-Events div ul li p {
                    font-size: 12px;
                    line-height: 20px;
                    padding-bottom: 5px;
                }
                #News-Events div ul li span {
                    font-size: 12px;
                    font-weight: bold;
                    font-style: italic;
                    color: #335284;
                }
        #News-Events div div.paging {
            overflow: hidden;
            padding-top: 10px;
        }
            #News-Events div div.paging span {
                float: left;
                padding: 5px;
                font-size: 12px;
                color: #333333;
                cursor: pointer;
            }
                #News-Events div div.paging span:hover {
                    text-decoration: underline;
                }
                #News-Events div div.paging span.current {
                    color: #335284;
                    font-weight: bold;
                    cursor: auto;
                    text-decoration: underline;
                }
                #News-Events div div.paging p{
                    float: left;
                    padding-left:30px;
                }
                    #News-Events div div.paging p span {
                        border-left: solid 1px #d8d8d8;
                    }
                    #News-Events div div.paging p span:first-child{
                        border-left:0px;
                    }
                        #News-Events div div.paging p span.unavailable {
                            opacity: .5;
                        }
                        #News-Events div div.paging p span.unavailable:hover {
                            text-decoration: none;
                        }


#PopUpCalendar{				width:182px; padding:4px 3px 4px 4px; top:50px; left:540px; position:absolute; border:solid 1px #d8d8d8; border-right:0px; background:#ffffff; overflow:hidden;}
#PopUpCalendar #MonthLabel{	padding:0px 3px 4px 4px; font-weight:bold; color:#335284; text-align:center;}
#PopUpCalendar #DayLabel{	overflow:hidden;}
#PopUpCalendar #DayLabel span{	float:left; width:25px; height:12px; margin:0px 1px 3px 0px; padding:4px 0px 4px 0px; font-weight:bold; font-size:12px; text-align:center; overflow:hidden;}
#PopUpCalendar #Grid{		overflow:hidden;}
#PopUpCalendar #Grid span{	float:left; width:25px; height:12px; margin:0px 1px 1px 0px; padding:6px 0px 7px 0px; background:#ffffff; line-height:12px; font-size:12px; text-align:center; overflow:hidden;}
#PopUpCalendar #Grid .blank{background:transparent;}
#PopUpCalendar #Grid .active{background:#335284; color:#ffffff; text-shadow:1px 1px 1px #000000; box-shadow:inset 1px 1px 1px 0px #000000;}

.MemberTile{				width:220px; height:164px; margin-bottom:25px; border:0px;}