/* PHOTO VIEWER STYLES */


.photo-viewer {
    float: left;
    width: 294px;
    height: 170px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}



    .photo-viewer.large {
        width: 570px;
        height: 255px;
        margin-bottom: 0px;
        padding-bottom: 15px !important;
    }
    .photo-viewer.cpanel {
        width: 950px;
        height: 247px;
        margin-bottom: 0px;
        padding-bottom: 0px !important;
    }
    
    .photo-viewer .photo-container {
        float: left;
        width: 272px;
        height: 117px;
        overflow: hidden !important;
        position: relative;
        border: solid 1px #d1d1d1;
        padding: 10px;
        background-color: #FFF;
    }
        .photo-viewer.large .photo-container {
            width: 548px !important;
            height: 203px;
            overflow: hidden;
            position: relative;
        }
        .photo-viewer.cpanel .photo-container {
            width: 950px !important;
            height: 247px;
            overflow: hidden;
            position: relative;
            padding: 0px !important;
            border: none;
        }
        
        .photo-viewer .photo-container ul,
        .photo-viewer.large .photo-container ul,
        .photo-viewer.cpanel .photo-container ul {
            width: 999999px;
            margin-left: 0px;
            list-style-type: none;
            position: relative;
        }
            
            .photo-viewer .photo-container ul li {
                float: left;
                width: 292px;
                list-style-type: none !important;
                padding-left: 0px !important;
            }
                .photo-viewer.large .photo-container ul li {
                    width: 560px;
                }
                .photo-viewer.cpanel .photo-container ul li {
                    width: 950px;
                    position: relative;
                }
                
                .photo-viewer .photo-container ul li img {
                    float: left;
                    width: 272px;
                    height: 63px;
                }
                    .photo-viewer.large .photo-container ul li img {
                        height: 155px;
                        width: 548px;
                    }
                    .photo-viewer.cpanel .photo-container ul li img {
                        height: 177px;
                        width: 950px;
                    }
                    
                .photo-viewer .photo-container ul li div {
                    background-color: #3D1145;
                    color: #fff;
                    text-align: left;
                    float: left;
                    height: 43px;
                    width: 262px;
                    padding-left: 10px;
                    font-size: 11px;
                    line-height: 16px;
                    padding-top: 5px;
                }
				
				.photo-viewer .photo-container a{color:#FFF;}
                    .photo-viewer.large .photo-container ul li div {
                        padding-right: 10px;
                        padding-left: 0px;
                        text-align: right;
                        width: 538px;
                    }
                    .photo-viewer.cpanel .photo-container ul li div {
                        padding-left: 10px;
                        padding-right: 10px;
                        text-align: left;
                        width: 930px;
                        height: 65px;
                        font-size: 13px;
                    }
                        .photo-viewer.cpanel .photo-container ul li div strong {
                            font-size: 18px;
                            line-height: 28px;
                        }
                        .photo-viewer.cpanel .photo-container ul li p.overlay {
                            position: absolute;
                            right: 0px;
                            top: 60px;
                            padding: 0.5em 1em !important;
                            margin: 0px;
                            background-color: #3D1145;
                            text-align: right;
                            color: #FFF;
                            font-size: 12px;
                            z-index: 1000;
														width: 120px;
                        }
												.photo-viewer.cpanel .photo-container[class] ul li p.overlay {
													width: auto;
													max-width: 120px;
												}

                            .photo-viewer.cpanel .photo-container ul li p.overlay:first-line {
                                font-size: 14px;
                            }
                    
                    .photo-viewer .photo-container ul li div span.rss {
                        float: right;
                        margin-left: 10px;
                        width: 14px;
                        height: 14px;
                        margin-right: 5px;
                    }
                        .photo-viewer .photo-container ul li div span.rss img {
                            width: 14px;
                            height: 14px;
                        }
    
    .photo-viewer .controls {
        float: left;
        width: 292px;
        border: solid 1px #d1d1d1;
        margin-top: 4px;
        background-color: #FFF;
    }
        .photo-viewer.large .controls {
            width: 568px;
        }
        .photo-viewer.cpanel .controls.inline, .controls.inline {
            position: absolute;
            right: 15px;
            bottom: 80px;
            border: none;
            background-color: transparent;
            text-align: right;
            font-size: 10px;
            z-index: 100;
        }
            .photo-viewer.cpanel .controls.inline a, .controls.inline a {
                position: relative;
                padding: 1px 5px;
                border: solid 1px #FFF;
                text-decoration: none;
                font-size: 10px;
                margin-left: 2px;
                color: #FFF;
                background-color: #3D1145;
            }
                .photo-viewer.cpanel .controls.inline a.active, .controls.inline a.active {
                    background-color: #FFF;
                    color: #3D1145;
                    border: solid 1px #3D1145;
                }
        
        .photo-viewer .controls p {
            float: left;
            width: 35px;
            text-align: center;
            line-height: 38px;
            padding-bottom: 0px;
        }
            .photo-viewer .controls p.prev, .photo-viewer .controls p.next {
                padding-top: 6px;
            }
            .photo-viewer .controls p.prev a, .photo-viewer .controls p.next a {
                display: block;
            }
            .photo-viewer .controls p.dots {
                width: 222px;
                line-height:24px;
            }
                .photo-viewer.large .controls p.dots {
                    width: 495px;
                }
                .photo-viewer .controls p.dots a {
                    background-color: #A6A0A0;
                    padding:2px 3px 1px 4px;
                    font-size: 6px;
                    margin-left: 5px;
					color:#999;
                }
                .photo-viewer .controls p.dots a.active {
                    background-color: #605F5D;
					color:#666;
                }


/* ACCORDION STYLES */
/* Accordian*/

.accordion {
	width: 290px;
    float: left;
    list-style-type:  none;
		list-style-image: none;
    margin-left: 0px;
    padding-left: 0px;
}
    .accordiona.wider {
        width: 310px;
    }
    .accordiona.widest {
        width: 560px;
    }

body .accordion li {
	float: left;
	width: 290px !important;
	line-height:  22px;
	background: url(../images/accordion_bg.jpg) 0 0 repeat-x !important;
    list-style-type:  none;
		list-style-image: none;
    margin-left: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
}
    .accordion.wider li {
        width: 310px !important;
    }
        
    .accordion.widest li {
        width: 560px !important;
    }
	
.accordion li h4 {
	width: 278px;
	display: block;
	text-decoration: none;
	border: solid 1px #d1d1d1;
	margin: 0px !important;
	cursor: pointer;
	color: #4f4f4f;
	font-weight: bold !important;
	font-size: 11px;
	padding: 0px 5px;
	float: left;
}
    .accordion.wider li h4 {
        width: 298px !important;
    }
    .accordion.widest li h4 {
        width: 548px !important;
    }
		
.accordion li h4 span {
	width: 278px;
	float: left;
	background: url(../images/accordion_handle.jpg) right center no-repeat;
	text-transform: uppercase;
}
    .accordion.wider li h4 span {
        width: 298px !important;
    }
    .accordion.widest li h4 span {
        width: 548px !important;
    }
	
.accordion li div {
	margin: 0px 0px 0px 0px !important;
	width: 274px;
	background-color: #FFFFFF;
	padding: 8px;
	display: none;
	float: left;
	/*border-bottom: solid 5px #fff;*/
}
    .accordion.wider li div {
        width: 294px;
        background-color: #F3F2F0;
    }
    .accordion.widest li div {
        width: 544px;
        background-color: #FFF;
    }
	
.accordion li.open div {
	display: block;
}

.accordion li div ol.inner-list {
    margin-left: 15px !important;
}
    .accordion li div ol.inner-list li {
        background: url(../images/bullet1.gif) 0 8px no-repeat !important;
        padding-left: 12px !important;
        font-size: 10px;
        width: 264px !important;
    }
	
.accordion li div p {
	font-size: 10px;
	color: #505050;
	line-height: 16px;
}
				
.accordion li div p img.thumb {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.accordion li div p a.more {
	float: right;
	padding-left: 10px;
	background: url(../images/arrow5.gif) 0 1px no-repeat;
	padding-top: 0px !important;
	line-height: 9px;
    font-weight: bold;
}

.accordion li div ul li, .accordion li div ol li {
	font-size: 10px;
}

.accordion.inmain p, .accordion li div ul li, .accordion li div ol li {
	font-size: 12px;
}

p.viewall {
    padding-top: 5px;
    text-align: right;
    width: 290px;
    font-size: 11px;
    float: left;
}
    p.viewall a {
        padding-left: 12px;
        background: url(../images/arrow5.gif) 0 3px no-repeat;
    }  
    
/* INTERACTIVE WALL */
ul.wall {
    float: left;
    width: 950px;
    height: 385px;
    margin-bottom: 20px;
    list-style-type: none !important;
}
    ul.wall li {
        float: left;
        width: 215px;
        margin-left: 5px!important;
        height: 125px;
        margin-bottom: 5px!important;
        list-style-type: none !important;
        background: none;
        padding-left: 0px !important;
        padding-bottom: 0px !important;
    }
        ul.wall li div.clickarea {
            cursor: pointer;
            float: left;
        }
        ul.wall li img {
            height: 86px;
            width: 215px;
            padding: 0px !important;
            margin: 0px !important;
            float: left;
        }
            ul.wall li img.full {
                height: 125px;
            }
        ul.wall li p {
            background-color: #3D1146;
            height: 29px;
            color: #FFF;
            padding: 5px 10px;
            text-align: right;
            font-size: 10px;
            margin: 0px !important;
            float: left;
            width: 195px;
            cursor: pointer;
        }
            ul.wall li p strong {
                font-size: 14px;
                font-weight: normal;
                line-height: 14px;
            } 
        
        ul.wall li.large {
            width: 505px !important;
            height: 375px !important;
            margin-left: 0px !important;
            float: left;
        }
            ul.wall li.large div.cpanel {
                float: left;
                width: 505px;
            }
            ul.wall li.large img {
               width: 505px;
               height: 233px; 
               float: left;
               
            }
            ul.wall li.large p {
                height: 132px;
                padding: 10px;
                font-size: 13px;
                position:  relative;
                float: left;
                width: 485px;
            }
                ul.wall li.large p strong {
                    font-size: 23px;
                    line-height: 28px;
                }
                    ul.wall li.large p span.strap {
                        font-size: 16px;
                        line-height: 28px;
                    }
                    ul.wall li.large p span.readmore {
                        position: absolute;
                        bottom: 10px;
                        right: 10px;
                    }
                        ul.wall li.large p span.readmore a {
                            color: #FFF;
                            padding-left: 10px;
                            background: url(../images/arrow4np.gif) 0 5px no-repeat;
                        }
                        
                    
/* CONTENT PANELS */
div.content-panels {
    float: left;
    width: 950px;
    /*height: 247px;*/
    position: relative;
}

div.content-panel {
    float: left;
    width: 950px;
    /*height: 247px; */ 
    list-style-type: none;
    margin-left: 0px;
    overflow: hidden;
    position: relative;
}


ul.content-tabs {
    width: 950px;
    float: left;
    background-color: #FFF;
    padding-bottom: 5px;
    border-bottom: solid 5px #9D9B9C;
    margin-bottom: 20px;
}
    ul.content-tabs li {
        float: left;
        padding: 0px 5px;
        padding-top: 12px;
        height: 40px;
        background: url(../images/cptab-bg-off.gif) 0 0 repeat-x;
        width: 223px;
        margin-right: 5px;
        text-align: center;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
        text-transform: uppercase;
        cursor: pointer;
    }
        ul.content-tabs.three li {
            width: 303px;
        }
        ul.content-tabs li.last {
            margin-right: 0px;
            width: 226px;
        }
            ul.content-tabs.three li.last {
                margin-right: 0px;
                width: 304px;
            }
        ul.content-tabs li:hover, ul.content-tabs li.active {
            background: url(../images/cptab-bg-on.gif) 0 0 repeat-x;
            
        }
        
/* PAGE TABS */
ul.page-tabs {
    width: 570px;
    height: 31px;
    float: left;
    background: url(../images/page-tabs-bg.gif) 0 0 repeat-x;
}
    ul.page-tabs li {
        float: left;
        padding: 3px 10px;
        font-size: 12px;
        font-weight: bold;
        height: 31px;
        cursor: pointer;
        margin-right: 3px;
    }
        ul.page-tabs li.active {
            border: solid 1px #d1d1d1;
            border-bottom: 0px;
            background: url(../images/page-tab-bg.jpg) 0 0 repeat-x;
            padding: 10px 18px;
            font-size: 13px;
            height: 11px;
        }
        
/* Sub Menu Popup */

div.menu-popup {
 	width: 518px;
 	position: absolute;
 	left: -9999px;
    z-index: 10000 !important;
    display: block;
    float: left;
 }
 	
div.menu-popup div.head {
 	float: left;
 	height: 23px;
 	width: 518px;
 	background: url(../images/menu-popup-head.png) 0 0 no-repeat;
 }
 		
div.menu-popup div.foot {
 	float: left;
 	height: 14px;
 	width: 518px;
 	background: url(../images/menu-popup-foot.png) 0 0 no-repeat;
 }
 
div.menu-popup div.mid {
 	float: left;
 	width: 478px;
 	background: url(../images/menu-popup-bg.png) 0 0 repeat-y;
 	padding: 10px 20px;
    z-index: 1000;
 }

div.menu-popup div.mid p {
	font-size: 13px;
	color: #3b0f45;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: solid 1px #d1d1d1;
	margin-bottom: 15px;
    width: 450px;
}

div.menu-popup div.mid a, div.menu-popup div.mid a:hover {
	float: left;
	color: #252525 !important;
	width: 212px !important;
	border: none !important;
	padding: 0px !important;
	font-size: 11px !important;
	padding-left: 12px !important;
    padding-bottom: 5px !important;
	background: url(../images/arrow.gif) 0 -1px no-repeat !important;
	text-transform: uppercase;
    margin: 5px 0px 5px 0px !important;
	border-bottom: dotted 1px #d1d1d1 !important;
    height: auto !important;
    line-height: 14px !important;
}
    div.menu-popup div.mid a:hover {
        text-decoration: underline !important;
        /*background-color: #F4F4F4 !important;*/
    }


/* ------------------------------------------- Event calendar (homepage only) */
div.event-calendar {
	width: 285px;
}

	div.ec-nav-month {
		background: #fff;
		border: #dedede 1px solid;
		height: 1px;
	}
	div.ec-nav-month[class] {
		height: auto;
		overflow: hidden;
	}

		div.ec-nav-month a {
			background: url('/images/event-calendar-nav.gif') no-repeat center center;
			text-decoration: none;
			width: 20px;
		}

			div.ec-nav-month a span {
				visibility: hidden;
			}

		div.ec-nav-month a.ec-nav-month-prev {
			background-position: 0px center;
			float: left;
		}

		div.ec-nav-month a.ec-nav-month-next {
			background-position: -20px center;
			float: right;
		}

		div.ec-nav-month p {
			margin: 0px 20px;
			padding: 0px;
			position: relative;
			text-transform: uppercase;
			text-align: center;
		}

			div.ec-nav-month p span {
				display: block;
				white-space: nowrap;
				padding: 10px 0px;
				position: absolute;
			}

	div.ec-day-container {
		background: #fff;
		border: #dedede 1px solid;
		height: 190px;
		margin-top: 5px;
		padding: 5px;
	}

		div.ec-day-container table {
			table-layout: fixed;
		}

			div.ec-day-container table th {
				background: #f3f2f1;
				color: #505050;
				font-size: 11px;
				padding: 3px 5px;
				text-align: center;
			}

			div.ec-day-container table td {
				padding: 4px 0px;
				text-align: center;
			}

				div.ec-day-container td a {
					background: #fff;
					border: #dedede 1px solid;
					color: #000;
					display: block;
					font-size: 11px;
					margin: 0px auto;
					padding: 0px 0px;
					text-decoration: none;
					width: 20px;
				}

				div.ec-day-container td a.populated {
					background: #e6d7ea;
				}


/* --------------------------------------------------------------- Shadow box */
#sb-description {
	background: #3d1145;
	color: #fff;
	padding: 10px;
}