/*
================================
COMMON STYLES 
================================
*/

.left {float:left;}
.right {float:right}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth {clear:both;}

.clearfix:after {
    /*content: ".";*/
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


a:active, a:focus {
    outline: none;
}



/*
=================================================================================
STICKY FOOTER
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
=================================================================================
*/

html, body {
   margin:0;
   padding:0;
   height:100%;
}

#container {
   min-height:100%;
   position:relative;
}

#body {
   /*padding-bottom:70px;*/   /* Height of the footer */
   padding-bottom:100px;    /*Height of the footer + additional padding between footer & content */
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:55px;   /* Height of the footer */ /*70px - 15px (top padding) - 0px (bottom padding) = 55px*/
}

/*
================================
MAIN STYLES
================================
*/

body {
    background-color:#FFF;
    
    font-family:Arial, Verdana, Sans-Serif;
    color:#431400;
}

#container {

}

a {
    color: #757463;
    /*color:#e5173e; RED*/
    text-decoration:none;
}

a:hover {
    color:#e5173e;
}


a.rightArrow {
    background:url(../media/Assets/arrow_right.gif) no-repeat center right;
    padding:0 7px 0 0;
}

a.leftArrow {
    background:url(../media/Assets/arrow_left.gif) no-repeat center left;
    padding:0 0 0 7px;
}


/*
================================
HEADER STYLES 
================================
*/

#header {
    width:912px;
    padding:12px 0 0 0;
    margin:0 auto;
}

#header .container {
    width:912px;
}

    #header h1 a {
        display: block;
        width:238px;
        height: 154px;
        text-indent: -10000px;
        background: white url('../media/Assets/logo.png') no-repeat scroll center top;
    }
    

#header .headerLinks {
    font-size:12px;
    text-align:right;
    width: 674px;
    height: 92px;
    margin-top: 16px;
    color: #AAA;
}

    #header .headerLinks a {
        margin:3px 7px 0 7px;
        color: #AAA;
    }
    #header .headerLinks a:hover, #header .searchBox button:hover {
        color: #E5173E;
    }

    #header .searchBox {
        margin:0 0 0 33px;
    }
    
        #header .searchBox input {
            background-color:#EFF0E9;
            border:2px solid #E5E6E0;
            width:102px;            
            height:14px; /*16px -1 -1 = 14px; */
            padding:1px 2px;
            
            color:#431400;
            font-size:10px;
        }
        
        #header .searchBox input:focus {
            border:2px solid #E5173E;
        }
        
        #header .searchBox button {
            border-style: none;
            border-color: inherit;
            border-width: medium;
            font-size:12px;
            color:#AAA;
            padding:0 7px 0 0;
            background:url('../media/Assets/arrow_right.gif') no-repeat right 50%;
        }

#header .images {
	height: 165px;
	background-color: #E5E6E0;
	padding: 0;
}
/*
================================
BODY STYLES 
================================
*/
#body {
    width:912px;
    margin:0 auto;
    /*background-color:red;*/
}

/*
================================
SIDEBAR STYLES 
================================
*/
#sideBar {
	width: 912px;
	margin: 0;
	padding: 0px;
	background: #FFF url('../media/Assets/lt-gray-bkgd.png') repeat-y;
	height: 100%;
}


/*
================================
NAVI STYLES 
================================
*/
#navi {
	width: 674px;
	float: right;
	background-color: #E5E6E0;
	
}
#navi li {
    color:#619ca7;
    font-size:16px;
    background-color: #E5E6E0;
    float: left;
}

    #navi li.selected a, #navi li a:hover {
        color:#FFF;
        background: white url('../media/Assets/navi-hover-bkgd.gif') no-repeat scroll top	left;
    }

    #navi li a {        
        display:block;
        padding:14px 23px;
        text-transform: uppercase;
        font-weight: bold;
        color: #431400;
    }

/*
================================
SECONDARY NAVI STYLES 
================================
*/
.secondaryNav {
	margin: 0;
	width: 238px;
	padding-bottom: 15px;
}

    .secondaryNav h3 {
	color: #FF1845;
	font-size: 16px;
	padding: 14px 24px;
	background-color: #c9cbbf;
	margin-bottom: 10px;
	text-transform: uppercase;
	}
	.secondaryNav ul {
	padding: 0 24px;
}
    
    .secondaryNav li {
	padding: 12px 0 14px 0;
	border-bottom: 1px;
	border-bottom-color: #A49E90/*FF1845 Red*/;
	border-bottom-style: solid;
}
    
        .secondaryNav li a {
            /*display:block;*/
            font-weight: bold;
        }
        
        .secondaryNav li a.title {
            font-size:14px;
            font-weight: bold;
            color: #431400;
        }
            .secondaryNav ul.events li a em {
				color: #e5173e;
				display: block;
				/*padding-bottom: 8px;*/
				font-weight: bold ! important;
			}
            .secondaryNav ul.news li a em {
				color: #e5173e;
				display: block;
				padding-bottom: 0px;
				font-size: 12px;
				font-weight: normal ! important;
			}
            .secondaryNav ul.links a {
				font-size: 14px;
				font-weight: normal ! important;
			}
            .secondaryNav ul.faculty ul li {
				border: 0 none;
				padding-bottom: 0;
				padding-top: 0;
			}
            .secondaryNav ul.faculty li span.more {
				padding-top: 2px;
			}
            .secondaryNav ul.faculty .name {
				font-size: 12px;
			}
                                    
            .secondaryNav li span.more {
                padding:8px 0 0 0;
		display: block;
            }
	    .secondaryNav li span.more a {
                background:url(../media/Assets/arrow_right.gif) no-repeat center right;
		padding-right: 7px;
	    }
            .secondaryNav li.more {
                border-bottom: none;
                padding:8px 7px 0 0;
                font-size: 12px;
            }

        .secondaryNav li p {
            font-size:12px;
            display:block;
            font-weight: normal;
        }

/*
================================
CONTENT STYLES 
================================
*/
.content {
    width:674px;    
    font-size:14px;
    line-height:18px;
    float: left;
    background-color: #FFF;
}

    .content p {
        margin:10px 0;
        padding-left: 24px;
        padding-right: 24px;
    }

    .content strong {
        font-weight:bold;
    }
   
    .content em {
        font-style:italic;
    }
   
    .content h3 {
        font-size:18px;
        color:#e5173e;
        margin:10px 0 13px 0;
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .content ol, .content ul {
        list-style-position:inside;
        padding-left: 24px;
        padding-right: 24px;
    }
    
    .content ol {
        list-style-type:decimal;
    }
    
    .content ul {
        list-style-type:disc;
    }
    
    
    .leftArrow.backLink {
        margin:0 0 25px 0;
        display:block;
    }
    
    .content div.date {
        font-weight:bold;
        font-size:14px;
        margin-left: 24px;
        color: #431400; /*#e5173e;*/
    }
    
    /* Header for small thin column */
    .twoColWide .col_2  h4 {
        font-size:12px;
        color:#f49ac1;
        font-weight:bold;
        background:url(../media/Assets/dotted_border.gif) repeat-x bottom left;
        padding:0 0 5px 0;
        margin:0 0 5px 0;        
    }
    
    /* Header for main column */
    .content h2 {
	padding: 14px 24px;
	font-family: Arial, Verdana, Sans-Serif;
	/*margin-bottom: 20px;*/
	font-size: 16px;
	background-color: #e5e6e0;
	text-transform: uppercase;
}
            
	h2 strong {
		color:#FF1845;
	}
/* CSS if sIFR not enabled END */




.content .oneCol {
	width: 674px;
}
.content.oneCol img {
	margin-left: 24px;
}
.content.oneCol p img,
.content.oneCol h3 img {
	margin: 12px;
}

/*
================================
HOMEPAGE TWO COLS
================================
*/   
.twoCol .col_1 {
    width:294px;
    padding: 0 0 0 24px;
}

.twoCol .col_2 {
    width:350px;
}




/*
================================
ABOUT PROJ TWO COLS WIDE
================================
*/ 
.twoColWide .col_1 {
    width: 674px;
    margin: 0;
}

.twoColWide .col_2 {
    width:93px;
}
.nestedOneCol {
    padding-top: 20px;
}
.nestedTwoCol {
    width: 674px;
    margin:0;
}
.nestedTwoCol img {
    margin-left: 24px;
}
.nestedTwoCol p img {
    margin-left: 0;
    margin-bottom: 10px;
}

    /* Nested two col within col_1 of twoColWide */
    .nestedTwoCol .col_1 {
        width:339px;
        margin:0;
	padding-top: 20px;
    }
    
    .nestedTwoCol .col_2 {
        width:335px;
	background-color: #C7C9BE;
	padding-top: 20px;
	min-height: 500px;
    }
    .home .nestedTwoCol .col_2 {
        width:335px;
	background-color: #C7C9BE;
	padding-top: 10px;
    }

/*
================================
GALLERY GRID
================================
*/ 
.galleryGrid {
    margin: 0;
}

    .galleryGrid .item {
        width:203px;
        margin:0 0 15px 20px;
        overflow: hidden;
    }
        
    .galleryGrid .first {
        margin-left:24px;
    }
    
        .galleryGrid .item a {
            background:url(../media/Assets/arrow_right.gif) no-repeat center right;
            padding:0 7px 0 0;
        }
    
        .galleryGrid .item img {
            /*display:block;*/
        }
        
        .galleryGrid .item span {
            display:block;
        }


/*
================================
PHOTO GRID
================================
*/ 
.photoGrid {
    margin: 0;
}

    .photoGrid .item {
        width: 203px;
        margin:0 0 15px 20px;
    }
                
    .photoGrid .item.first {
        margin-left: 24px;
    }
    
        .photoGrid .item a {
            background:url(../media/Assets/arrow_right.gif) no-repeat center right;
            padding:0 7px 0 0;
        }
    
        .photoGrid .item img {
        }
    
        .photoGrid .item span {
            display:block;
        }

/*
================================
PHOTO ITEM
================================
*/ 
.photo
{
    margin: 0 0 0 24px;
}
    
    .photo .pager {
        display: block;
        margin: 0 0 10px 0;
	height: 20px;
    }

    .photo a.prev {
        background:url(../media/Assets/arrow_left.gif) no-repeat center left;
        padding:0 0 0 7px;
    }
    
    .photo a.next {
        background:url(../media/Assets/arrow_right.gif) no-repeat center right;
        padding:0 7px 0 0;
    }
    
    .photo .item {
        position:relative;
	overflow:hidden;
	/*width:550px;*/
    }
    
        .photo .item span {
            display:none;   /*hide it if JS disabled and when page initially loads */
        
            position:absolute;
            left:24px;
            bottom:0;
            
            background:url(../media/Assets/white_60_bg.png) repeat top left;
	    color:#000;
            
            /*width:540px;*/ /*550 - 5 - = 540px */
	    width:100%;
            padding:10px 5px 10px 5px;
        }

/*
================================
NEWS LIST
================================
*/

.newsList {
    margin: 0;
    width:674px;
}

    .newsList div {
        margin: 10px 0 30px 24px;
    }
    
    .newsList div.first {
    }
    
        .newsList div span {
            font-weight: bold;
            font-size: 14px;
            color: #e5173e;
        }

.newsList div p {
	padding-left: 22px;
}
.newsList div h4 {
	font-size: 18px;
	line-height:1em;
	padding-left: 22px
}
.newsList div span em {
	padding-left: 22px;
	font-style: normal;
	font-weight: bold;
}
.newsList div h4.event {
	background: transparent url('../media/assets/event-icon.png') no-repeat;
}
.newsList div h4.news {
	background: transparent url('../media/assets/news-icon.png') no-repeat;
}


/*
================================
NEWS ITEM
================================
*/
.newsItem img {
    margin:0 0 15px 24px;
}

        
/*
================================
CONTACT STYLES
================================
*/

.form .text {
    width:318px;
    margin: 0;
}

.form .fields {
    width: 326px;
    padding-left: 24px;
}

fieldset legend {
    display:none;
}

fieldset label {
    display:block;
    margin:10px 0 0 0;
}

fieldset label.first {
    margin:0;
}

fieldset input {
    background-color:#EFF0E9;
    border:2px solid #E5E6E0;
    width:265px;
    height:17px;
    padding:2px;
    margin:0 0 3px 0;
    
    color:#431400;
    font-size:14px;
}
  
fieldset textarea {
    background-color:#EFF0E9;
    border:2px solid #E5E6E0;
    width:265px;
    height:130px;
    padding:2px 2px 1px 2px;
    margin:0 0 3px 0;
    
    font-family:Arial, Verdana, Sans-Serif;
    color:#431400;
    font-size:14px;
}

    fieldset input:focus, fieldset textarea:focus {
        border:2px solid #431400;
    }

fieldset input.error, fieldset textarea.error {
    border:2px solid #E5173E;
}

    fieldset input.error:focus {
        border:2px solid #af4975;
    }

fieldset button {
            border-style: none;
            border-color: inherit;
            border-width: medium;
            font-size:14px;
	    font-family: Arial, Verdana, Sans-Serif;
	    font-weight: bold;
            color:#FFF;
            padding: 8px 15px;
            background:url('../media/Assets/navi-hover-bkgd.gif') no-repeat -2px -2px;
}


/*
================================
FOOTER STYLES 
================================
*/

#footer {
    background:#E5173E;
    padding:15px 0 0 0;
    border: 0 solid #C7C9BE;
    border-top-width: 1px;
}

    #footer div.container {
        width:912px;
        margin:0 auto;
    }

    #footer li {
        float:left;
        font-size:11px;
    }
    
    /*Credits*/
    #footer ul.credits {
    }
    
        #footer ul.credits li a {
			color: white;
        }    
    
            #footer ul.credits li a span {
                display:block;
                
                font-size:10px;
                color:#515151;
            }
            
        #footer ul.credits li a:hover span {
            color:#fff;
        }


    /*Misc*/
    #footer ul.misc li { 
    	padding: 0 10px; 
    	margin: 0;      
    }
	    #footer ul.misc li a { 
	    	color: black;      
	    }
	    #footer ul.misc li a:hover { 
	    	color: white;      
	    }
	               
        #footer ul.misc li.rss {
            padding:0 0 0 17px;
            margin:0;
        }
        
            #footer ul.misc li.rss a {
                color:#c8751a;
		color: #431400;
            }
    
                #footer ul.misc li.rss a:hover {
                    color:#fff;
                }
                
        #footer ul.misc li.valid {
            padding:0 0 0 17px;
	    margin-left: 17px;
        }
        
            #footer ul.misc li.valid a {
                color:#529c46;
		color: #431400;
            }            

/* Logos*/
.np {
    /*background:transparent url(../media/Assets/np-icon.png) no-repeat;*/
    padding:0 0 0 26px;
    margin:0 12px 0 0;
}

.rss {
    background:transparent url(../media/Assets/rss_logo.gif) no-repeat 0 2px;
}

.valid {
    background:transparent url(../media/Assets/tick_icon.gif) no-repeat 0 0;
}


/* Event Calendar */


.eventDay {
    font-weight: bold;
    border: 1px solid #C9CBBF;
}
.eventDay>a {
    color: #e5173e;
}

.events_today {
    position: absolute;
    display: none;
    border: 1px solid #C9CBBF;
    background-color: white;
    margin-left: 16px;
    width: 140px;
    font-size: 12px;
    text-align: left;
    padding: 6px;
}
.events_today .events_today_list {
    margin: 0px;
    padding: 2px;
}
.events_today_list li {
    background: transparent url('../media/assets/event-icon.png') no-repeat;
    padding-left: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 2px;
}

.event_sidebar {
    position: relative;
    background: url('/media/Assets/lt-gray-bkgd.png');
    margin: auto;
    width: 95%;
    margin-bottom: 16px;
}

.sm_calendar {
    border-spacing: 2px;
    border-collapse:separate;
    width: 100%;
}
.sm_calendar td,
.sm_calendar th {
    text-align: center;
    padding: 2px;
    width: 14%;
/*    width: 30px;*/
}
.sm_calendar th {    
    font-size: small;
    font-weight: bold;
}

.event_cal_current {
    font-weight: bold;
    text-align: center;
    position: relative;
}

.previous_month, .next_month {
    width: 30px;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0px;
}
.previous_month { left: 0px; }
.next_month { right: 0px; }

.event_sidebar h6 {
    font-weight: bold;
    color: #E5173E;
}
.events_today_list {
    margin: 0px;
    padding: 2px;    
}
.events_today_list li { list-style-type: none; }

.desk_calendar
{
        clear: left;
	float: left;
	width: 48px;
	height: 48px;
	border: 1px solid #C9CBBF;
	position: relative;
        padding: 0px !important;
        margin: 0px !important;
	margin-right: 4px !important;
        margin-left: 18px !important;
}
.desk_calendar_day
{
	font: 24px arial;
	position: absolute;			
	text-align: center;
	width: 100%;
        margin: 0px !important;
        padding: 0px !important;		
	margin-top: 2px !important;
	color: #555;
	letter-spacing: 2px;
}
.desk_calendar_top
{
	height: 14px;
	background-color: #E5173E;
	color: white;
	font: bold 12px arial, sans-serif;
	text-align: center;
        margin: 0px !important;
	padding: 2px !important;
}
.listed_event {
        float: left;
        clear: right;
        margin-left: 0px !important;
        margin-right: 0px !important;
        margin-top: 0px !important;
        width: 500px;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */