/* reset
----------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}

h1#imgHeaderText{visibility:hidden; display:none}

ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
:focus{outline:0}
table{border-spacing:0}
acronym{cursor:help}

html{height:100.01%; overflow-y:auto; font-size:100.01%}
body{font-size:62.5%; line-height:1.2}
input, button, select, textarea{font-size:100%}

input.text, textarea{padding:1px 2px; font-size:100%; font-family:Arial,sans-serif}
input[type="submit"], input[type="button"], input[type="reset"], button, .submit{cursor/**/:/**/pointer; font-family:Arial,sans-serif}
select{font-size:100%; font-family:Arial,sans-serif}
select >option{padding:0 5px 0 3px}

.alR{text-align:right}
.alC{text-align:center}
.hide{display:none}
.clear{clear:both}
.ir{position:relative; overflow:hidden}
.ir span{position:absolute; width:100%; height:100%; left:0; top:0; text-indent:-1000em}

a:link, a:visited{text-decoration:none; cursor/**/:/**/pointer}
a:link:hover, a:visited:hover{text-decoration:underline}

.cf:after, 
#header:after, #container:after, #container2:after, #container3:after, #containerSec:after, #content:after, #footer:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden}

/* custom
----------*/
table{border:0 !important}

table td{border:0 !important}

a:link, a:visited{color:#00C}
a:visited{}
a:link:hover, a:visited:hover{}

body{font-family:Verdana,Arial,sans-serif; background:#FFF}
#page{width:940px; margin:0 auto; font-size:1.1em; color:#333; background:#FFF}

#header{}
#logo{float:left; padding:20px 0 0 10px; margin:0 0 13px 0; overflow:hidden}
#logo a:link, #logo a:visited{display:block; width:192px; height:42px; text-indent:-1000em; background:url(../img/logo-1.png) no-repeat 0 0}
#header .phone{float:left; color:#b36bbc; font-size:127.27%; padding:35px 0 0 15px; text-align:right}
#header .twitter{float:left; color:#b36bbc; font-size:127.27%; padding:30px 0 0 15px}

#header .twitter a.button:link, #header .twitter a.button:visited{display:block; background:url(../img/twitter.png) no-repeat 0 0; text-indent:-1000em; width:127px; height:33px}

#header .twitter a.button:hover{background-position:0 100%}

#menu{background:url("../img/bkg-menu.png") no-repeat scroll 0 0 transparent; clear:both; height:46px; position:relative; width:100%; z-index:10}
#menu ul{padding:6px 0 0 10px}
#menu li{float:left; position:relative; margin:0 1px 0 0; z-index:10000}
#menu li a:link, #menu li a:visited{float:left; display:block; background:url(../img/btn-menu.png) no-repeat 0 0; padding:0 0 0 5px; color:#7349a2; font-size:118.18%; height:35px}
#menu li a:link:hover, #menu li a:visited:hover{text-decoration:none; color:#fff; background-position:0 100%}
#menu li.active a:link, #menu li.active a:visited{}
#menu li a:link span, #menu li a:visited span{background:url(../img/btn-menu.png) no-repeat 100% 0; padding:12px 11px 0 6px; display:block; float:left; height:23px}
#menu li a:link:hover span, #menu li a:visited:hover span{background-position:100% 100%}
#menu li div.div1{position:absolute; left:-1000em; top:35px; width:144px; height:auto; background:url(../img/bkg-submenu-t.png) no-repeat 0 5px; padding:15px 0 10px 0}
#menu li:hover div.div1{left:0}
#menu li div.div1 div{background:url(../img/bkg-submenu-b.png) no-repeat 0 100%; padding:0 0 10px}
#menu li ul{background:url(../img/bkg-submenu-bg.png) repeat-y 0 0; padding:0 0 0; overflow:hidden}

#menu li li{width:100%; overflow:hidden}
#page #menu li li a:link, #page #menu li li a:visited{float:none; padding:5px 6px; height:auto; display:block; font-size:109.09%; background:none}
#page #menu li li a:link:hover, #page #menu li li a:visited:hover{background:url(../img/bkg-submenu-bg-hover.png) repeat-y 0 0}

#search{float:right; padding:18px 10px 0}
#search input.text{border:solid 1px #ecdaee; color:#ecdaee; float:left; width:152px; padding:3px 8px 0 8px; height:16px}
#search input.submit{background:url(../img/btn-search.png) no-repeat 0 0; height:21px; width:29px; border:none; text-indent:-1000em; padding:0; margin:0; float:left}
#search input.submit:hover{background-position:0 100%}
#header .topLinks{float:right; font-size:109.09%; padding:11px 6px 0 0; width:410px; text-align:right}
#header .topLinks a:link, #header .topLinks a:visited{color:#b36bbc; margin:0 5px}
#header .topLinks a:link:hover, #header .topLinks a:visited:hover{color:#7349a2; text-decoration:none}
#container{}

#container #breadcrumb{margin:15px 20px}

#container #breadcrumb a:link, #container #breadcrumb a:visited{color:#7349a2}
#contentTop{overflow:hidden; margin:0 0 24px}
#contentTop #box1{float:left}
#contentTop #box2{float:right}
#wrapSec{float:left; width:580px; overflow:hidden}

#content{float:left; width:580px; padding:10px 8px; padding-right:12px; clear:both}

#content p{line-height:1.27; margin:0 0 1.2em}
#content ul, 
#content ol{list-style:disc; margin:0 0 1em 2em; line-height:1.27}
#content ol{list-style:decimal}

#content h2{font-size:127.27%; font-weight:bold; margin:0 0 .5em; color:#603095}
#content h2 strong{font-size:114.28%; display:block; margin:0 0 5px}
#content h3{font-size:125%; font-weight:bold; margin:0 0 .5em}

#content .list1{margin:0 0 1.2em; list-style:none}
#content .list1 li{background:url(../img/list-style-type.png) no-repeat 0 3px; padding:0 0 0 21px}
#side1{float:left; width:280px}

#side2{float:right; width:280px}

.box3{width:262px; height:124px; background:url(../img/box3.png) no-repeat 0 0; padding:10px 9px; position:relative; margin:0 0 16px}

.box3 .box3-img{height:144px; position:absolute; right:0; bottom:0; z-index:3}

.box3 .box3-img img{position:absolute}

.box3 .box3-img img.bottom{bottom:0}

.box3 .box3-img img.right{right:0}

.box3 .box3-img img.top{top:0}

.box3 .box3-img img.left{left:0}

.box3 .box3-text{z-index:4; position:relative; width:100%; height:100%}
.box3 a.more:link, .box3 a.more:visited{display:block; background:url(../img/btn-more.png) no-repeat 0 0; height:22px; width:135px; font-size:127.27%; color:#fff; font-weight:bold; padding:7px 0 0 7px; position:absolute; bottom:10px; left:0; z-index:300;}
.box3 .box3-text a.more:link, .box3 .box3-text a.more:visited{bottom:0; left:-9px}
.box3 a.more:link:hover, .box3 a.more:visited:hover{text-decoration:none; background-position:0 -29px}

.box3{width:262px; height:124px; background:url(../img/box3.png) no-repeat 0 0; padding:10px 9px; position:relative; margin:0 0 16px}
.box3 .box3-img{width:100%; height:144px; position:absolute; right:0; bottom:0; z-index:3}


/*#pp .box3-img{background:url(../img/img3.jpg) no-repeat 90% 100%}
#uie .box3-img{background:url(../img/img4.jpg) no-repeat 90% 100%}
#qa .box3-img{background:url(../img/img5.jpg) no-repeat 100% 0}
*/
.box3 .title{color:#603095}

.box3 .title a{color:#603095}

.slideshowWrapper{position:relative; width:262px; overflow:hidden; height:101px}
.slideshowWrapper .slider{height:65px; width:262px; overflow:hidden; position:relative; z-index:1}
.slideshowWrapper .slider ul{height:100px}
.slideshowWrapper .slider li{float:left; width:262px; height:65px}
.slideshowWrapper .nav{position:absolute; width:90px; height:26px; bottom:0; right:0; overflow:hidden}
.slideshowWrapper .nav a:link, .slideshowWrapper .nav a:visited{z-index:5; width:25px; height:25px; display:block; float:left; text-indent:-1000em}
.slideshowWrapper .nav a.prev:link, .slideshowWrapper .nav a.prev:visited{background:url(../img/btn-prev-next.png) no-repeat 0 0}
.slideshowWrapper .nav a.prev:link:hover, .slideshowWrapper .nav a.prev:visited:hover{background-position:0 -25px}
.slideshowWrapper .nav a.next:link, .slideshowWrapper .nav a.next:visited{background:url(../img/btn-prev-next.png) no-repeat 100% 0}
.slideshowWrapper .nav a.next:link:hover, .slideshowWrapper .nav a.next:visited:hover{background-position:100% -25px}
.slideshowWrapper .nav a.disabled:link, .slideshowWrapper .nav a.disabled:visited{visibility:hidden}
.slideshowWrapper .counter{line-height:25px; color:#000; width:40px; float:left; text-align:center}

#slideshow1{position:relative; width:262px; overflow:hidden; height:101px}
#slideshow1 .slider{height:65px; width:262px; overflow:hidden; position:relative; z-index:1}
#slideshow1 .slider ul{height:100px}
#slideshow1 .slider li{float:left; width:262px; height:65px}
#slideshow1 .nav{position:absolute; width:90px; height:26px; bottom:0; right:0; overflow:hidden}
#slideshow1 .nav a:link, #slideshow1 .nav a:visited{z-index:5; width:25px; height:25px; display:block; float:left; text-indent:-1000em}
#slideshow1 .nav a.prev:link, #slideshow1 .nav a.prev:visited{background:url(../img/btn-prev-next.png) no-repeat 0 0}
#slideshow1 .nav a.prev:link:hover, #slideshow1 .nav a.prev:visited:hover{background-position:0 -25px}
#slideshow1 .nav a.next:link, #slideshow1 .nav a.next:visited{background:url(../img/btn-prev-next.png) no-repeat 100% 0}
#slideshow1 .nav a.next:link:hover, #slideshow1 .nav a.next:visited:hover{background-position:100% -25px}
#slideshow1 .nav a.disabled:link, #slideshow1 .nav a.disabled:visited{visibility:hidden}
#slideshow1 .counter{line-height:25px; color:#000; width:40px; float:left; text-align:center}

#wrapSec h3, #video-box h3, #map-mod h3{font-size:145.45%; color:#603095; margin:0 0 .4em}
#wrapSec p{/*line-height:1.27; width:190px*/}

#footer{background:url(../img/bkg-footer.png) no-repeat 0 0; padding:45px 10px 30px 10px; margin:16px 0 0 0; font-size:90.9%}
#footer p{margin:0 0 2em; line-height:1.6}
#footer a:link, #footer a:visited{color:#333}
#footer a:link:hover, #footer a:visited:hover{color:#b36bbc; text-decoration:none}
#footer .col1{width:220px; float:left; margin:0 80px 0 0}
#footer .col2{width:145px; float:left; margin:0 5px 0}

#footer .phone{font-size:120%; font-weight:bold; color:#603095; margin:0 0 20px; line-height:1.2}
#footer .phone strong{font-size:166.66%; font-weight:normal; color:#b36bbc}
#footer .col2 ul{line-height:1.6; margin:0 0 20px}
#footer .col2 ul li.title a:link, #footer .col2 ul li.title a:visited{color:#603095; font-weight:bold}
#footer .col2 ul li.title a:link:hover, #footer .col2 ul li.title a:visited:hover{color:#b36bbc}

/* use a semi-transparent image for the overlay */
#overlay{background-color:#FFF; clear:none; color:#000; margin:0; width:655px; display:none}

#overlay .close{background:url("../images/close.png") no-repeat scroll 0 0 transparent; cursor:pointer; display:block; height:24px; left:-10px; position:absolute; top:-10px; width:24px; display:none}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap{height:600px; overflow-y:auto}

div.contentWrap p{margin-right:10px}

div.contentWrap img{margin-bottom:10px}

#contentContainer2 #rightContent li{padding:0 0 0 15px !important}

#contentContainer2 #rightContent ul{padding:10px 0 10px !important}

div.contentWrap form div{    clear:both}

.blog-mod{    background:transparent url('/images/blog-bg.jpg') no-repeat 0 0;     width:340px;     height:192px;     float:left}

.blog-mod a{    display:block;     background:transparent url('/images/blog-btn.png') no-repeat 0 0;     height:29px;     width:142px;     margin-top:150px}

.blog-mod a:hover{    background-position:0 -29px}

.blog-mod a span{display:none}

#video-box{    float:left}

#video-box #video-player{margin-top:12px}

.box4{width:322px; height:232px; background:url(../img/box4.png) no-repeat 0 0; padding:10px 9px; position:relative; margin:0 0 16px}

#map-mod{    float:left;     background:url(../img/map-box.png) no-repeat 0 0;  /*margin-left:20px; */    padding:10px 9px;     width:322px;     height:304px}

#map-mod .map{    background:transparent url(../img/map-bg.png) no-repeat 0 0;  width:320px;  text-align:center;  margin-top:8px;  padding-bottom:8px}

#map-mod .map img{ margin-top:8px}

#map-mod h4{color:#b36bbc; font-weight:normal; font-size:12px}

#map-mod .links, #map-mod .links a:link, #map-mod .links a:visited{color:#b36bbc}
#map-mod .links a:hover{text-decoration:underline}
#mrec-donation-container{ float:left;  width:340px;  height:304px}
#mrec-donation{ top:8px;  left:20px;  position:relative}

.slideshowWrapper .free-info-evenings{height:42px;}
.slideshowWrapper .nav-free-info-evenings{position:absolute; width:90px !important; height:26px; bottom:25px; right:0; overflow:hidden}

.slideshowWrapper .nav-free-info-evenings a:link, .slideshowWrapper .nav-free-info-evenings a:visited{z-index:5; width:25px; height:25px; display:block; float:left; text-indent:-1000em}
.slideshowWrapper .nav-free-info-evenings a.prev:link, .slideshowWrapper .nav-free-info-evenings a.prev:visited{background:url(../img/btn-prev-next.png) no-repeat 0 0}
.slideshowWrapper .nav-free-info-evenings a.prev:link:hover, .slideshowWrapper .nav-free-info-evenings a.prev:visited:hover{background-position:0 -25px}
.slideshowWrapper .nav-free-info-evenings a.next:link, .slideshowWrapper .nav-free-info-evenings a.next:visited{background:url(../img/btn-prev-next.png) no-repeat 100% 0}
.slideshowWrapper .nav-free-info-evenings a.next:link:hover, .slideshowWrapper .nav-free-info-evenings a.next:visited:hover{background-position:100% -25px}
.slideshowWrapper .nav-free-info-evenings a.disabled:link, .slideshowWrapper .nav-free-info-evenings a.disabled:visited{visibility:hidden}


#header .banner {
    left: 222px;
    position: absolute;
    top: 18px;
}

#header .banner a {
    display: block;
    height: 50px;
    width: 356px;
}

#wrapSecContact{float:left; width:550px; overflow:hidden}

#side1Contact{float:left; width:275px}

#side2Contact{float:right; width:275px}

.contactBox{width:242px; height:124px; background:url(../img/contactBox.png) no-repeat 0 0; padding:10px 9px; position:relative; margin:0 0 16px}

.contactBox .contactBox-img{height:144px; position:absolute; right:0; bottom:0; z-index:3}

.contactBox .contactBox-img img{position:absolute}

.contactBox .contactBox-img img.bottom{bottom:0}

.contactBox .contactBox-img img.right{right:0}

.contactBox .contactBox-img img.top{top:0}

.contactBox .contactBox-img img.left{left:0}

.contactBox .contactBox-text{z-index:4; position:relative; width:100%; height:100%}
.contactBox a.more:link, .contactBox a.more:visited{display:block; background:url(../img/btn-more.png) no-repeat 0 0; height:22px; width:135px; font-size:127.27%; color:#fff; font-weight:bold; padding:7px 0 0 7px; position:absolute; bottom:10px; left:0; z-index:300;}
.contactBox .contactBox-text a.more:link, .contactBox .contactBox-text a.more:visited{bottom:0; left:-9px}
.contactBox a.more:link:hover, .contactBox a.more:visited:hover{text-decoration:none; background-position:0 -29px}

.contactBox{width:242px; height:124px; background:url(../img/contactBox.png) no-repeat 0 0; padding:10px 9px; position:relative; margin:0 0 16px}
.contactBox .contactBox-img{width:100%; height:144px; position:absolute; right:0; bottom:0; z-index:3}

.contactBox .title{color:#603095}

.contactBox .title a{color:#603095}