body{
margin: 0px;
padding: 0px;
background: #0A0A0A;
width: 100%;
text-align: center;
font-family: "Times New Roman";
font-size: 17px;
color: #000000;
}
#main{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 770px;
background: url(/images/background.jpg);
}
#logo{
margin: 0px;
margin-left: 23px;
margin-right: 23px;
padding: 0px;
width: 724px;
height: 79px;
}
#logo img{
border: 0px;
width: 724px;
height: 74px;
}
#topnav{
margin: 0px;
padding: 0px;
width: 770px;
font-size: 20px;
text-align: center;
font-weight: bold;
color: #011A83;
}
#topnav a{
color: #011A83;
text-decoration: none;
}
#topnav a:hover{
color: #011A83;
text-decoration: underline;
}
#homepagebanner{
margin: 0px;
margin-left: 8px;
margin-right: 9px;
width: 753px;
height: 356px;
background: url(/images/homepagebanner.jpg) no-repeat;
}
#homepagebanner #flash{
padding: 9px;
width: 735px;
height: 338px;
}
#banner{
margin: 0px;
margin-left: 8px;
margin-right: 9px;
width: 753px;
height: 356px;
background: url(/images/banner.jpg) no-repeat;
}
#banner img{
padding: 9px;
width: 735px;
height: 338px;
}
#smallbanner{
margin: 0px;
margin-left: 8px;
margin-right: 9px;
padding: 0px;
width: 753px;
height: 98px;
text-align: center;
}
#smallbanner img{
padding: 9px;
border: 0px;
width: 735px;
height: 80px;
}
#nav{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 735px;
height: 24px;
line-height: 24px;
font-size: 18px;
text-align: center;
font: Arial;
font-weight: bold;
color: #72542C;
background: url(/images/navbackground.jpg);
}
#nav img{
border: 0px;
width: 5px;
height: 24px;
}
#nav a{
color: #000000;
text-decoration: none;
}
#nav a:hover{
color: #000000;
text-decoration: underline;
}
#currentlyperforming{
margin: 0px;
margin-top: 5px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 735px;
line-height: 40px;
font-size: 24px;
background-color: #BB2227;
color: #FFFFFF;
text-align: center;
}
#currentlyperforming a{
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#currentlyperforming a:hover{
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
.blackseparator{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 735px;
height: 11px;
}
.blackseparator img{
border: 0px;
width: 735px;
height: 11px;
}
#upcomingevents{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 735px;
background-color: #BEBEDE;
text-align: center;
font: Verdana;
font-size: 14px;
}
#upcomingevents #eventtitle{
margin: 0px;
padding: 0px;
width: 735px;
line-height: 20px;
font-weight: bold;
}
#upcomingevents #eventcontent{
margin: 0px;
padding: 0px;
width: 735px;
height: 32px;
}
#upcomingevents #eventcontent .columna{
margin: 0px;
padding: 0px;
width: 120px;
line-height: 16px;
float: left;
}
#upcomingevents #eventcontent .columnb{
margin: 0px;
padding: 0px;
width: 300px;
line-height: 16px;
float: left;
}
#upcomingevents #eventcontent .columnc{
margin: 0px;
padding: 0px;
width: 130px;
line-height: 16px;
float: left;
}
#upcomingevents #eventcontent .columnd{
margin: 0px;
padding: 0px;
width: 185px;
line-height: 16px;
float: left;
}
#upcomingevents #eventclear{
clear: left;
line-height: 5px;
font-size: 1px;
}
#upcomingevents a{
color: #011A83;
text-decoration: none;
font-weight: bold;
}
#upcomingevents a:hover{
color: #011A83;
text-decoration: underline;
font-weight: bold;
}
#hpcontent{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
background: url(/images/homepagecontentbackground.jpg);
width: 735px;
font-family: Georgia;
}
#hpcontent #hpcontentleft{
margin: 0px;
padding: 5px;
width: 503px;
text-align: justify;
float: left;
}
* html #hpcontent #hpcontentleft{
width: 513px;
}
#hpcontent #hpcontentcenter{
margin: 0px;
padding: 0px;
width: 11px;
text-align: left;
float: left;
}
#hpcontent #hpcontentright{
margin: 0px;
padding: 5px;
width: 201px;
font-size: 13px;
text-align: left;
float: left;
}
* html #hpcontent #hpcontentright{
width: 211px;
}
#hpcontent #hpcontentright #breakingnewstitle{
line-height: 35px;
font-weight: bold;
font-size: 20px;
font: "Comic Sans MS";
color: #BB2227;
text-align: center;
}
#hpcontent #hpcontentright #blogtitle{
font-weight: bold;
font-size: 20px;
font: "Comic Sans MS";
color: #003300;
font-style: italic;
text-align: center;
}
#hpcontent #hpcontentright a{
color: #011A83;
text-decoration: none;
}
#hpcontent #hpcontentright a:hover{
color: #011A83;
text-decoration: underline;
}
#hpcontent #hpcontentright a.whatsnew{
color: #011A83;
text-decoration: none;
font-weight: bold;
font-size: 14px;
}
#hpcontent #hpcontentright a.whatsnew:hover{
color: #011A83;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
}
#hpcontent #clearblackseparator{
clear: left;
margin: 0px;
padding: 0px;
width: 735px;
height: 11px;
}
#hpcontent #clearblackseparator img{
border: 0px;
width: 735px;
height: 11px;
}
#events{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 735px;
background-color: #BEBEDE;
text-align: center;
font: Verdana;
font-size: 14px;
}
#events #eventtitle{
margin: 0px;
padding: 0px;
width: 735px;
font: "Palatino Linotype";
text-align: center;
font-size: 44px;
font-weight: bold;
line-height: 56px;
}
#events .eventinfo{
margin: 0px;
padding: 0px;
width: 735px;
height: 32px;
background-color: #DDDDEE;
}
#events .eventinfo .columna{
margin: 0px;
padding: 0px;
width: 120px;
line-height: 16px;
float: left;
}
#events .eventinfo .columnb{
margin: 0px;
padding: 0px;
width: 300px;
line-height: 16px;
float: left;
}
#events .eventinfo .columnc{
margin: 0px;
padding: 0px;
width: 130px;
line-height: 16px;
float: left;
}
#events .eventinfo .columnd{
margin: 0px;
padding: 0px;
width: 185px;
line-height: 16px;
float: left;
}
#events .eventclear{
clear: left;
line-height: 5px;
font-size: 1px;
}
#events a{
color: #011A83;
text-decoration: none;
font-weight: bold;
}
#events a:hover{
color: #011A83;
text-decoration: underline;
font-weight: bold;
}
#content{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 10px;
background: #DFDFDF;
width: 715px;
text-align: left;
}
* html #content{
width: 735px;
}
#content .blankcolumn{
margin: 0px;
padding: 0px;
width: 4px;
font-size: 1px;
float: left;
}
#content .blankcolumnb{
margin: 0px;
padding: 0px;
width: 120px;
font-size: 1px;
float: left;
}
#content .heading{
margin: 0px;
padding: 0px;
width: 233px;
text-align: center;
float: left;
}
#content .heading img{
border: 2px solid #CCCCCC;
padding: 2px;
width: 225px;
height: 150px;
}
#content .heading img:hover{
border: 2px solid #000000;
padding: 2px;
width: 225px;
height: 150px;
}
#content .blankfamily{
margin: 0px;
padding: 0px;
width: 3px;
font-size: 1px;
float: left;
}
#content .family{
margin: 0px;
padding: 0px;
width: 175px;
text-align: center;
float: left;
}
#content .family img{
border: 2px solid #CCCCCC;
padding: 2px;
width: 167px;
height: 167px;
}
#content .family img:hover{
border: 2px solid #000000;
padding: 2px;
width: 167px;
height: 167px;
}
#content .gallery{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 650px;
background-color: #FFFFFF;
border: 1px solid #999999;
text-align: left;
display: table;
}
#content .gallery .galleryimg{
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
width: 250px;
text-align: center;
float: left;
}
#content .gallery .galleryimg img{
border: 2px solid #CCCCCC;
padding: 2px;
}
#content .gallery .galleryimg img:hover{
border: 2px solid #000000;
padding: 2px;
}
#content .gallery .galleryinfo{
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
text-align: left;
float: left;
}
#content .gallery .galleryinfo .gallerytitle{
font-size: 22px;
}
#content .gallery .galleryinfo .gallerycreatedby{
font-size: 12px;
color: #333333;
font-style: italic;
}
#content .gallery .galleryinfo .gallerycount{
font-size: 12px;
color: #333333;
}
#content .gallery .galleryinfo .gallerydescription{
font-size: 14px;
color: #000000;
}
#content .gallery .galleryinfo .gallerydates{
font-size: 12px;
color: #666666;
}
#content .gallery .galleryinfo input{
width: 350px;
}
#content .gallery .galleryinfo textarea{
width: 350px;
height: 50px;
}
#content .gallery .photoimg{
margin: 0px;
padding: 0px;
padding-top: 10px;
text-align: center;
}
#content .gallery .photoimg img{
border: 0px;
}
#content .gallery .phototitle{
font-size: 22px;
}
#content .gallery .photocreatedby{
font-size: 12px;
color: #333333;
font-style: italic;
}
#content .gallery .photodates{
font-size: 12px;
color: #666666;
}
#content .gallery .photodescription{
font-size: 14px;
color: #000000;
}
#content .galleryclear{
clear: left;
margin: 0px;
padding: 0px;
height: 10px;
font-size: 1px;
line-height: 10px;
}
#content #whatwedo{
text-align: center;
font-size: 14px;
}
#content #bioextra{
margin: 0px;
padding: 0px;
background: url(/images/bioquestionnairebackground.gif);
width: 715px;
}
#content #bioextra #bioquestionnaire{
margin: 0px;
padding: 0px;
width: 350px;
text-align: left;
float: left;
}
#content #bioextra #bioquestionnaire .question{
color: #660033;
font-weight: bold;
font-size: 12px;
}
#content #bioextra #bioquestionnaire .answer{
font-size: 16px;
}
#content #bioextra #biospacer{
margin: 0px;
padding: 0px;
width: 15px;
float: left;
}
#content #bioextra #bioblog{
margin: 0px;
padding: 0px;
width: 350px;
text-align: center;
float: left;
}
#content #bioextra #bioblog #blogtitle{
font-weight: bold;
font-size: 20px;
font: "Comic Sans MS";
color: #003300;
font-style: italic;
text-align: center;
}
#content #familybios{
text-align: center;
font-size: 14px;
}
#content .familyname{
font-size: 36px;
font-weight: bold;
}
#content .familycontent{
text-align: justify;
}
#content #title{
font: "Palatino Linotype";
text-align: center;
font-size: 44px;
font-weight: bold;
}
#content #blogpagetitle{
font-weight: bold;
font-size: 44px;
font: "Comic Sans MS";
color: #003300;
font-style: italic;
text-align: center;
}
#content .blogminititle{
font-weight: bold;
font-size: 20px;
font: "Comic Sans MS";
color: #003300;
font-style: italic;
text-align: center;
}
#content .albumcover{
margin: 0px;
padding: 0px;
width: 315px;
text-align: center;
float: left;
}
#content .albumcover img{
padding: 5px;
border: 0px;
width: 200px;
height: 200px;
}
* html #content .albumcover img{
width: 210px;
height: 210px;
}
#content .albumcover .albumtitle{
font-size: 24px;
font-weight: bold;
text-align: center;
}
#content .albumcover .albumgroup{
font-size: 14px;
text-align: center;
}
#content .audiofiles{
margin: 0px;
padding: 0px;
width: 400px;
float: left;
}
#content .audiofiles .audiotrack{
margin: 0px;
padding: 0px;
width: 50px;
height: 25px;
line-height: 25px;
text-align: right;
float: left;
}
#content .audiofiles .audiotitle{
margin: 0px;
padding: 0px;
width: 270px;
height: 25px;
line-height: 25px;
text-align: left;
color: #990000;
float: left;
}
#content .audiofiles .audiosample{
margin: 0px;
padding: 0px;
width: 80px;
height: 25px;
line-height: 25px;
text-align: left;
float: left;
}
#content .audiofiles .audioclear{
clear: left;
width: 400px;
}
#content .audiofiles .audioclear hr{
color: #660000;
background-color: #660000;
height: 1px;
}
#content a{
color: #011A83;
text-decoration: none;
font-weight: bold;
}
#content a:hover{
color: #011A83;
text-decoration: underline;
font-weight: bold;
}
#content .cdhr hr{
color: #666666;
background-color: #666666;
height: 3px;
}
#gallerypopup{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 700px;
background: url(/images/backgroundgallerypopup.jpg);
}
#gallerycontent{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 10px;
background: #DFDFDF;
width: 645px;
text-align: left;
}
* html #gallerycontent{
width: 665px;
}
#gallerycontent #gallerytitle{
font: "Palatino Linotype";
text-align: center;
font-size: 24px;
font-weight: bold;
}
#gallerycontent .gallery{
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
width: 600px;
background-color: #FFFFFF;
border: 1px solid #999999;
text-align: left;
display: table;
}
#gallerycontent .gallery .photoimg{
margin: 0px;
padding: 0px;
padding-top: 10px;
text-align: center;
}
#gallerycontent .gallery .photoimg img{
border: 0px;
}
#gallerycontent .gallery .phototitle{
font-size: 22px;
}
#gallerycontent .gallery .photocreatedby{
font-size: 12px;
color: #333333;
font-style: italic;
}
#gallerycontent .gallery .photodates{
font-size: 12px;
color: #666666;
}
#gallerycontent .gallery .photodescription{
font-size: 14px;
color: #000000;
}
#gallerycontent a{
color: #011A83;
text-decoration: none;
font-weight: bold;
}
#gallerycontent a:hover{
color: #011A83;
text-decoration: underline;
font-weight: bold;
}
.galleryblackseparator{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 665px;
height: 11px;
}
.galleryblackseparator img{
border: 0px;
width: 665px;
height: 11px;
}
#galleryfooter{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 665px;
text-align: center;
font-size: 13px;
}
#footer{
margin: 0px;
margin-left: 17px;
margin-right: 18px;
padding: 0px;
width: 735px;
text-align: center;
font-size: 13px;
}
#copyright{
position: absolute;
margin: 0px;
margin-top: -19px;
margin-left: 19px;
margin-right: 19px;
padding: 0px;
width: 732px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
}
#copyright a{
color: #FFFFFF;
text-decoration: none;
}
#copyright a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#totalwebfusion{
margin: 0px;
margin-left: 19px;
margin-right: 19px;
padding: 0px;
width: 732px;
font-size: 10px;
color: #999999;
}
#totalwebfusion a{
color: #7D78B1;
text-decoration: none;
}
#totalwebfusion a:hover{
color: #666666;
text-decoration: underline;
}
#w3c{
margin: 0px;
margin-top: 5px;
padding: 0px;
width: 770px;
text-align: center;
}
#w3c img{
border: 0px;
width: 88px;
height: 31px;
}
.clear{
clear: left;
}
hr.hrclear{
clear: left;
}
.bold{
font-weight: bold;
}
.left{
text-align: left;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
.red{
color: #FF0000;
}
/*  "Show All" + "Hide All" links */
/* zeroing out padding and margin */
#FAQ_DL dd,#FAQ_DL dt {margin:0;padding:0} 
/* margin for the DTs (shorthand) */
#FAQ_DL dt {margin:7px 0}
#FAQ_DL dd {margin-left:10px;margin-right:10px;}
/* styling all anchors in the DTs */
#FAQ_DL .showDD {position:relative;top:0}
#FAQ_DL dd,.hideDD{top:-9999px;position:absolute}
#FAQ_ToggleON,#FAQ_ToggleOFF {display:inline;cursor:pointer;
cursor:hand}
/*\*//*/
#FAQ_DL .showDD {display:block}
#FAQ_DL dd,.hideDD {top:0;position:relative;display:none}
/**/
.clearfix:after{
content: "."; 
display: block; 
height: 0px; 
clear: both; 
visibility: hidden;
}
#loadingDiv {
position: absolute;
margin: 0px;
left: 0%;
width: 100%;
height: 100%;
color: #FF0000;
background-color: #FFFFFF;     
}
#loadingDiv #imagecontent{
position: absolute;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
top: 48%;
left: 35%;
width: 501px;
height: 42px;
}
#loadingDiv #imagecontent img{
border: 0px;
width: 501px;
height: 42px;
}