/* MAIN STYLES *************************/
body{
    margin:0px;
    font-family:arial;
    font-size:12px;
    color:#333;
}
a{
    color:#111;
    text-decoration:none;
    cursor:pointer;
}
img{
    border:0px;
}
br.cb{
    clear:both;
}
.b{
    font-weight:bold;
}
.i{
    font-style:italic;
}
.dn{
    display:none;
}
.debug{
    border:1px dotted red;
}
.right{
    float:right;
}
.left{
    float:left;
}
.ta-r{
    text-align:right;
}
.ta-l{
    text-align:left;
}
.ta-c{
    text-align:center;
}
span.red{
    color:#C73A44;
}
.font-10{
    font-size:10px;
}
.font-11{
    font-size:11px;
}
.font-12{
    font-size:12px;
}
.font-13{
    font-size:13px;
}
.font-14{
    font-size:14px;
}
.font-15{
    font-size:15px;
}
a.lite{
    color:#555;
}
ul{
    padding-left:25px;
}




/* MAIN CONTENT DIV STYLES **************/ 
div.main{
    width:100%;
    border-top:8px solid #580307;
}


/* HEADER DIV STYLES *********************/
div.container{
    padding-left:5px;
    padding-right:5px;
}
div.container h3{
    font-family: "Apple Garamond", Georgia,"Times New Roman",Times,serif;
    font-size:25px;
    margin:0px;
    padding:0px;
    margin-left:7px;
    margin-top:70px;
    margin-bottom:20px;
}
div.header{
    padding-top:5px;
    width:100%;
    float:left;
}
div.header h1{
    font-size:40px;
    margin:0px;
    padding:0px;
    font-family: "Apple Garamond", Georgia,"Times New Roman",Times,serif;
    font-weight:none;
}
div.header h2{
    font-size:24px;
    margin:0px;
    padding:0px;
    color: #580307;
    font-family: "Apple Garamond", Georgia,"Times New Roman",Times,serif;
}
div.header h1 a{
    color: #580307;
}
div.header-logo{
    float:left;
    padding-right:10px;
}
div.header-title{
    padding-top:3px;
    float:left;
}
div.header-login{
    float:right;
    font-size:11px;
}
div.header-login a{
    color:#000;
}
div.header-login a:hover{
    text-decoration:underline;
}
div.internal-external{
    width:100%;
}



/* MAIN NAV *****************************/
div.main-nav{
    width:100%;
    height:56px;
    line-height:56px;
    font-size:13px;
    color:#333;
    background:#EEEEEE;
    float:left;
    border-bottom:1px solid #C0C0C0;
}
ul.main-nav{
    list-style:none;
    margin:0px;
    padding:0px;
}
ul.main-nav li{
/*    border-right:1px solid #DDD;*/
    display:inline;
    padding-right:12px;
    padding-left:12px;
    padding-top:20px;
    padding-bottom:20px;
    margin:0px;
    cursor:pointer;
}
ul.main-nav li:hover{
    background:#999;
}
ul.main-nav li.on{
    background:#ccc;
}



/* MAIN CONTENT ******************************/
div.main-content{
    width:100%;
}
div.filter-bar{
    background:#C73A44;
    color:#fff;
    width:100%;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
    margin-bottom:10px;
}
div.filter-bar a{
    color:#fff;
}
div.filter-bar a:hover{
    text-decoration:underline;
}
div.filter-bar span.left{
    float:left;
    margin-left:8px;
    word-spacing:3px;
}
div.filter-bar span.right{
    float:right;
    margin-right:8px;
    font-size:11px;
}
div.column-thirds{
    float:left;
    width:33%;
    padding-bottom:8px;
    padding-top:8px;
}
div.column-halves{
    float:left;
    width:50%;
    padding-bottom:8px;    
}
div.column-thirds div.img{
    float:left;
    margin-right:3px;
}
div.column-thirds div.txt{
    float:left;
    line-height:16px;
    font-size:11px;
}
span.name a{
    font-size:13px;
    color:#111;
    font-weight:bold;
}
span.name a:hover{
    text-decoration:underline;
}
div.prof{
    padding-left:5px;
    padding-right:5px;
}
div.prof-left{
    float:left;
    width:;
    width: 219px; /*Width of right column*/
    margin-right: -220px; /*Set left margin to -(RightColumnWidth) */
    line-height:24px;
}
div.prof-center{
    float:left;
    margin-left:230px;
    line-height:22px;
/*    padding-right:5px;*/
/*    min-height:200px;*/
}
div.prof-right{
    float:left;
    width:20%;
    padding-left:8px;
    line-height:22px;
}
div.prof h3{
    margin:0px;
    padding:0px;
    font-size:17px;
    font-family:Arial;    
}
div.prof-bottom{
    border-top:1px solid #ccc;
    padding-top:20px;
    margin-top:20px;
    float:left;
    width:100%;
}





/* FORM STYLES *****************/
div.form-pod{
    float:left;
    width:97%;
    padding-top:4px;
    padding-bottom:4px;
    margin-left:12px;
}
div.form-label{
    float:left;
    width:150px;
    font-weight:bold;    
}
div.message{
    float:left;
    width:97%;
    padding:10px;
    color: green;
    border:2px solid green;
    margin-bottom:10px;
    background:#eaeaea;
}
div.errors{
    float:left;
    width:97%;
    padding:10px;
    color: red;
    border:2px solid red;
    margin-bottom:10px;
    background:#eaeaea;
}
input{
    width:250px;
}
input.btn{
    width:100px;
    border:1px solid #999;
    background:#eaeaea;
    padding:4px;
}
textarea{
    width:400px;
    height:80px;
    font-family:Arial;
    font-size:12px;
    padding:2px;
}




/* TABLES ***********************/
table.full{
    width:100%;
    border:0px;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}
table.full tr.body{
    font-weight:none;
    font-size:12px;
    line-height:18px;
}
table.full tr.body-alt td{
    border-top:1px solid #ccc;
}
table.full td{
    padding-top:5px;
    padding-bottom:5px;
}
table.full th{
    padding:5px;
    padding-top:9px;
    padding-bottom:9px;
    background:#C73A44;
    color:#fff;
}


/* FORUMS **********************/
div.post-container{
    width:100%;
    float:left;
    margin-bottom:20px;
}
div.post-header{
    float:left;
    width:100%;
    height:30px;
    background:#580307;
    color:#fff;
    font-size:12px;
}
div.post-header-inner{
    float:left;
    margin-left:5px;
    margin-top:8px;
}
div.post-header-inner-right{
    float:right;
    text-align:right;
    margin-right:5px;
    margin-top:9px;
    font-size:11px;
}
div.post-header a{
    color:#eaeaea;
}
div.post-body{
    float:left;
    width:100%;
}
div.post-body-image{
    float:left;
    width:102px;
    text-align:center;
    line-height:14px;
    font-size:10px;
    margin-top:5px;
}
div.post-body-text-container{
    float:left;
    width:83%;
    padding:7px;
    font-size:12px;
}
div.post-reply-header{
    float:left;
    width:100%;
    height:30px;
    background:#580307;
}
div.post-body-footer{
    float:right;
    width:100%;
    font-size:11px;
    text-align:right;
}
div.post-reply{
    float:left;
    margin-bottom:10px;
    margin-top:5px;
}
textarea.post{
    margin-top:4px;
    width:710px;
    height:140px;
    font-family:arial;
    border:1px solid #777;
    border-bottom:2px solid #999;
}



/* LOGIN ***********************/
div.login{
    margin:0 auto;
    width:500px;
    border:20px solid #ddd;
    background:#EAF2F5;
    margin-top:30px;
    margin-bottom:20px;
    text-align:left;
    padding:10px;   
}
div.login-buttons-container{
    float:left;
    text-align:left;
    width:100%;
}







/* EVENT CSS ***************************/
div.event-pod{
    width:120px;
    height:120px;
    border:1px solid #C3D9FF;
    float:left;
    font-size:11px;
}
div.event-pod-header{
    width:97%;
    float:left;
    background:#E8EEF7;
    border-bottom:1px solid #C3D9FF;
    color:#668CB3;
    font-size:9px;
    padding:2px;
    line-height:12px;
    text-align:right;
    font-weight:bold;
}
div.event-pod-body{
    width:97%;
    float:left;
    padding:2px;
    line-height:15px;
}
div.event-pod-title{
    background: #FFEE9F;
    width:100%;
    line-height:12px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:1px;
    font-size:11px;
    font-weight:bold;
    color:#7D744E;
}
div.event-group-container{
    float:left;
    border:1px solid #C3D9FF;
    padding:3px;
}
div.event-lrg{
    float:left;
    width:97%;
    padding:2px;
    color:#333;
    margin-bottom:10px;
}
div.event-lrg-image{
    float:left;
    width:160px;
    min-height:160px;
    background: url(/media/img/exp/event-background.jpg) no-repeat;
    padding-top:5px;
    padding-left:5px;
}
div.event-lrg-title{
    width:420px;
    float:left;
    padding-top:6px;   
    line-height:18px;
    border-bottom:1px solid #ccc;
}
span.event-lrg-title{
    font-size:16px;
    font-weight:bold;
}
span.event-lrg-date{
    font-size:12px;
    font-weight:none;
}
div.event-lrg-body{
    padding-top:7px;
    width:420px;
    float:left;
    line-height:19px;
}
div.event-detail-left{
    float:left;
    width:120px;
}
div.event-detail-center{
    float:left;
    width:80%;
    line-height:22px;
    padding-right:5px;
}



/* IMAGE CSS *******/
div.gallery-image-left{
    float:left;
    padding-left:5px;
}
div.gallery-image-right{
    float:left;
    line-height:22px;
    padding-left:5px;
    font-size:12px;
}
div.gallery-image-right h3{
    margin:0px;
    padding:0px;
    font-size:22px;
}
div.gallery-image-details{
    float:left;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
    width:100%;
}

#img-container {
    padding-left: 280px;     /* LC width */
    padding-right: 0px;  /* RC width */
    font-size:13px;
    line-height:22px;
}
#img-container .column {
    position: relative;
    float: left;
}
#img-center {
    width: 100%;
    min-height:400px;
}
#img-left {
    width: 280px;            /* LC width */
    right: 280px;            /* LC width */
    margin-left: -100%;
}
#img-right {
    width: 0px;          /* RC width */
    margin-right: -0px;  /* RC width */
}
#img-footer {
    clear: both;
}
/*** IE6 Fix ***/
* html #img-left {
    left: 0px;           /* RC width */
}
img.border{
    border:10px solid #ccc;
}
div.image-small{
    float:left;
    padding:3px;
    font-size:10px;
    text-align:center;
}














/* CALENDAR CSS ****/
.calendar ul{
    float:left;
    margin:0px;
    display:inline;
}
.calendar li {
    width:14.2%;
    float:left;
    list-style:none;
    padding:0px;
    margin:0px;
}
.calendar li .week {
    text-align:center;
    margin:5px;
    padding:2px 5px 2px 5px;
    background:#E8EEF7;
    border:1px solid #627dcf;
    font-weight:bold;
    color:#668CB3;
}
.calendar li .day {
    height:120px;
    border:solid 1px #333;
    background:#fff;
    margin:5px;
    position:relative;
    border:1px solid #627dcf;
}
.calendar li .today {
    background:#181818;
}	
.calendar li .day-title {
    top:0px;
    right:0px;
    font-weight:bold;
    float:left;
    width:100%;
    padding:1px 0px 1px 0px;
    line-height:15px;
    background:#E8EEF7;
    /*border-left:solid 1px #627dcf;*/
    border-bottom:solid 1px #627dcf;
    color:#999;
    font-size:11px;
}
.calendar li .day-title.this-month {
    color:#333;
}
.cal-items .cal-item {
    background:#ffee9f;
    padding:2px;
    line-height:16px;
    font-size:11px;
    color:#7D744E;
}
.cal-items .cal-item:hover {
    background:#faad04;
}
.cal-item.more {
    background:#ffee9f;
}
.cal-item.more a{
    background:#ffee9f;
    color:#7D744E;
}
span.cal-date-right{
    float:right;
    margin-right:4px;
}
span.cal-date-left{
    float:left;
    margin-left:4px;
    color:red;
}




/* EXTERNAL (3 col layout) *****************/
#ext-container {
    padding-left: 0px;     /* LC width */
    padding-right: 300px;  /* RC width */
    font-size:13px;
    line-height:22px;
}
#ext-container .column {
    position: relative;
    float: left;
}
#center {
    width: 100%;
    border-right:1px solid #ccc;
    min-height:400px;
}
#left {
    width: 0px;            /* LC width */
    right: 0px;            /* LC width */
    margin-left: -100%;
}
#right {
    width: 299px;          /* RC width */
    margin-right: -300px;  /* RC width */
}
#footer {
    clear: both;
}
/*** IE6 Fix ***/
* html #left {
    left: 300px;           /* RC width */
}
div.ext-center{
    padding-left:10px;
    padding-right:10px;
}
div.ext-right{
    padding-left:10px;
    padding-right:10px;
}
#ext-container h2{
    font-size:25px;
    margin:0px;
    margin-bottom:5px;
    font-family: "Apple Garamond", Georgia,"Times New Roman",Times,serif;
    line-height:28px;
}
.green{
    color:green;
}
.green:hover{
    background:green;
    color:white;
}
.red{
    color:red;
}
.red:hover{
    color:white;
    background:red;
}
input.external-edit{
    font-size:16px;
    padding:3px;
    width:500px;
}
textarea.external-edit{
    font-size:13px;
    padding:3px;
    width:504px;
    height:180px;
}
div.ext-edit-links{
    font-size:11px;
    float:left;
    width:100%;
}
div.famous-alum-pod{
    float:left;
    border-bottom:1px solid #ccc;
    width:100%;
    padding-top:5px;
    padding-bottom:5px;
    margin-left:1px;
}
div.ext-extra-objects{
    width:100%;
    border-top:1px solid #ccc;
    float:left;
    padding-top:10px;
    margin-top:10px;
}
div.officer-pod{
    border-bottom:1px solid #ccc;
    line-height:18px;
    min-height:60px;
    float:left;
    width:100%;
    padding-left:2px;
    margin-top:10px;
}
div.officer-name strong{
    font-size:14px;
}
div.officer-pod img{
    margin-right:5px;
}
div.ext-event-pod{
    padding-top:5px;
    padding-bottom:5px;
    float:left;
    width:100%;
    border-bottom:1px solid #ccc;
}
div.fluid-center-100{
    margin-left: 100px; /*Set left margin to LeftColumnWidth*/
}
div.fluid-left-100{
    text-align:center;
    float: left;
    width: 100px; /*Width of left column*/
}
div.ext-event-pod strong{
    font-size:16px;
    font-color:black;
}
div.ext-event-pod i{
    font-size:12px;
    font-color:#222;
}




/* CHATTER **********************/
div.chatter-container{
    margin:auto 0;
    text-align:center;
    margin-bottom:20px;
}
div.chatter-center{
    margin:0 auto;
    width:800px;
    background:#ccc;
    padding:10px;
}
div.chatter-form{
    background:#eaeaea;
    padding:10px;
    color:#000;
}
div.chatter-form div.inner{
    float:left;
    width:100%;
    text-align:left;
    line-height:30px;
}
div.chatter-form div.inner strong{
    font-size:16px;
}
div.chatter-form div.inner select{
    width:200px;
    padding:2px;
    font-size:14px;
}
div.chatter-form div.inner textarea{
    width:500px;
    padding:2px;
    font-family:arial;
    font-size:13px;
    border:1px solid #ccc;
    height:50px;
}
div.chatter-form div.inner input{
    width:100px;
    height:40px;
    padding:2px;
    font-family:arial;
    font-size:13px;
}


div.chatter-center-loop{
    background:#fff;
    border:1px solid #ccc;
    margin:0 auto;
    width:800px;
    padding:10px;
}
div.chatter-center-loop div.chatter-form{
    background:#fff;
    padding:0px;
    color:#000;
}
div.prof-image{
    float:left;
    width:60px;
}
div.chatter-body{
    float:left;
    width:725px;
    font-size:12px;
    line-height:20px;
}
div.statement-container{
    float:left;
    border-bottom:1px solid #eaeaea;
    width:100%;
}
div.statement-container-inner{
    float:left;
    padding:8px;
    width:100%;
}
div.chatter-links{
    float:left;
    font-size:11px;
}
div.statement-container a{
    color:blue;
}
div.statement-container a:hover{
    background:blue;
    color:white;
}
div.chatter-body div.reply{
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid #eaeaea;
    float:left;
    width:100%;
}
div.chatter-replies{
    float:left;
    width:100%;
    background:#eee;
}
div.chatter-replies div.inner{
    font-size:11px;
    float:left;
    width:100%;
    padding:8px;
}







/* FOOTER **********************/
div.footer{
    width:100%;
    float:left;
    border-bottom:8px solid #580307;    
}
div.footer-fade{
    height:15px;
    background: url(/media/img/exp/footer.jpg) repeat-x;
}
div.footer-nav{
    margin-top:3px;
    margin-left:10px;
    float:left;
    word-spacing:5px;
    font-size:13px;
}
div.footer-logo{
    float:right;
}



/* CSS TABS ********************/
div.internal-external ul#tabnav { /* general settings */
    text-align: right; /* set to left, right or center */
    margin: 0 0 0 0; /* set margins as desired */
    font: 12px arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #C0C0C0; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 7px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
div.internal-external ul#tabnav li { /* do not change */
    display: inline;
}
div.internal-external ul#tabnav li.on{ /* settings for selected tab */
    border-bottom: 1px solid #eee; /* set border color to page background color */
    background-color: #eee; /* set background color to match above border color */
    font-weight:bold;
}
div.internal-external ul#tabnav li.on a { /* settings for selected tab link */
    background-color: #eee; /* set selected tab background color as desired */
    color: #333; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    font-size:13px;
    line-height:4px;
    padding-top:8px; /* must change with respect to padding (X) above and below */
    padding-bottom:8px; /* must change with respect to padding (X) above and below */
}
div.internal-external ul#tabnav li a { /* settings for all tab links */
    padding: 7px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #C0C0C0; /* set unselected tab background color as desired */
    color: #333; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}
div.internal-external ul#tabnav a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
}




ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 1em 0; /* set margins as desired */
    font: 13px arial, sans-serif; /* set font as desired */
    border-bottom: 1px solid #ccc; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 10px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li { /* do not change */
    display: inline;
}
ul#tabnav li.on{ /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
    font-weight:bold;
}
ul#tabnav li.on a { /* settings for selected tab link */
    background-color: #fff; /* set selected tab background color as desired */
    color: #333; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    font-size:14px;
    line-height:4px;
    padding-top:8px; /* must change with respect to padding (X) above and below */
    padding-bottom:7px; /* must change with respect to padding (X) above and below */
}
ul#tabnav li a { /* settings for all tab links */
    padding: 6px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #eee; /* set unselected tab background color as desired */
    color: #666; /* set unselected tab link color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
}
ul#tabnav a:hover { /* settings for hover effect */
    background: #fff; /* set desired hover color */
}
ul#tabnav li a.create{
    font-weight:bold;
    color:#555;
}



/* PAGINATION **************/
div.paginator{
    width:100%;
    float:left;
    text-align:right;
    font-size:12px;
}
ul.pagination-links{
    list-style:none;
}
ul.pagination-links li{
    display:inline;
    border:1px solid #ccc;
    padding:5px;
}
ul.pagination-links li.on{
    background:#ccc;
    font-weight:bold;
}
ul.pagination-links li.results{
    border:0px;
    font-weight:bold;
    text-decoration:none;
}