@charset "UTF-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; background-image:url(images/bg.jpg); background-repeat:repeat; text-align:center; margin-top:0px}
h1 { font-size:22px; line-height:24px; color:#036; margin-bottom:4px }
h2 { font-size:18px; line-height:22px; color:#036 }
.content hr { color:#5998aa; height:1px;  }
#container1 { width:990px; height:auto; background-image:url(images/SPBAbg.jpg); background-repeat:repeat-y; margin:4px auto 4px auto; position:relative}
#container2 { width:990px; height:auto; background-image:url(images/topBG.jpg); background-position:top; background-repeat:no-repeat; min-height:488px}
#cal-container1 { width:842px; height:auto; background-image:url(images/calendar_bg.jpg); background-repeat:repeat-y; margin:4px auto 4px auto; position:relative}
#cal-container2 { width:842px; height:auto; background-image:url(images/calendar_top_bg.jpg); background-position:top; background-repeat:no-repeat; min-height:488px}
#mainCol1 { width:816px; height:auto; float:left; text-align:left}
#mainCol2 { width:170px; height:auto; float:right; text-align:left}
.rightContent { }
.allClear { clear:both }

.logoDiv { float:left; width:195px; height:133px; text-align:left }
.navDiv { float:right; width:620px}
.TopNav { width:620px; height:40px;  margin:4px 0px 0px 0px; font-size:13px }
.TopNav ul { display:inline;   height:40px; }
.TopNav li {list-style:none; display:inline; float:left;}

.nav1  a { display:block;width:122px; padding-top:17px; height:29px; overflow:hidden; text-align:center; background-color:transparent; text-decoration:none; background-image:url(/images/topNav2.jpg); background-repeat:no-repeat; color:#272b74}
.nav1 a:hover { background-position:0px bottom; color:#0098d6; padding-top:14px; height:32px; }

.nav2  a{ display:block;width:87px; padding-top:17px; height:29px; overflow:hidden; text-align:center; background-color:transparent; text-decoration:none; background-image:url(/images/topNav2.jpg); background-repeat:no-repeat; background-position:-123px 0px; color:#272b74}
.nav2 a:hover { background-position:-123px bottom; color:#0098d6; padding-top:14px; height:32px;  }

.nav3  a{ display:block;width:75px; padding-top:17px; height:29px; overflow:hidden; text-align:center; background-color:transparent; text-decoration:none; background-image:url(/images/topNav2.jpg); background-repeat:no-repeat; background-position:-211px 0px; color:#272b74}
.nav3 a:hover { background-position:-211px bottom; color:#0098d6; padding-top:14px; height:32px;  }

.nav4  a{ display:block; width:113px; padding-top:17px; height:29px; overflow:hidden; text-align:center; background-color:transparent; text-decoration:none; background-image:url(/images/topNav2.jpg); background-repeat:no-repeat; background-position:-287px 0px; color:#272b74}
.nav4 a:hover { background-position:-287px bottom; color:#0098d6; padding-top:14px; height:32px;  }

.nav5  a{ display:block; width:78px; padding-top:17px; height:29px; overflow:hidden; text-align:center; background-color:transparent; text-decoration:none; background-image:url(/images/topNav2.jpg); background-repeat:no-repeat; background-position:-401px 0px; color:#272b74}
.nav5 a:hover { background-position:-401px bottom; color:#0098d6; padding-top:14px; height:32px;  }

.nav6  a{ display:block; width:99px; padding-top:17px; height:29px; overflow:hidden; text-align:center; background-color:transparent; text-decoration:none; background-image:url(/images/topNav2.jpg); background-repeat:no-repeat; background-position:-480px 0px; color:#272b74}
.nav6 a:hover { background-position:-480px bottom; color:#0098d6; padding-top:14px; height:32px;  }

.homeHead { width:463px; height:38px; float:right; margin:38px 30px 0px 0px }

.rightContent { width:144px; min-height:460px; background-color:#fff; margin:50px 0px 0px 8px; text-align:left}
.rightContent2 { width:144px; height:446px; background-color:#fff; margin:4px 0px 0px 8px; text-align:left}
.rightType { width:120px; height:auto; padding:12px; font-size:11px}
.whatsHot { width:144px; height:30px; background-color:#297ba2; margin:0;  }
.social { width:144px; text-align:center; margin-top:18px }


#footer { width:990px; height:61px; background-image:url(images/bottomBG.jpg);  margin-bottom:0px}
#cal-footer { width:842px; height:61px; background-image:url(images/calendar_footer_bg.jpg);  margin-bottom:0px}
.footerType {  height:45px; text-align:left; margin-left:92px; color:#fff; padding-top:29px; font-size:12px; letter-spacing:2px; color:#fff}
.footerType2 { width:100%; height:45px; text-align:left; text-align:center; color:#fff; padding-top:29px; font-size:12px; letter-spacing:2px; color:#fff}


/* CMS content areas */

#headNav { float:right; width:560px; height:65px;  margin:16px 40px 0px 0px; text-align:right }
#headNavCal { float:right; width:550px; height:65px;  margin:53px 40px 0px 0px; text-align:right }
.headline { width:554px; height: 40px; margin-top:11px; margin-right:8px}


.secondaryNav { width:560px; height:auto; font-size:13px; line-height:18px; margin-bottom:4px; display:inline-block}
.secondaryNav a {color:#272b74; text-decoration:underline; padding-left:6px; padding-right:6px; display:inline-block}
.secondaryNav a:hover { color:#036; text-decoration:none;}



.content { float:right; width:636px; height:auto; margin:6px 24px 22px 0px; font-size:12px; padding:11px }
.rightCol { width:144px; height:436px; margin:56px 0px 0px 8px; text-align:left }
.rightCol img { margin-bottom:11px}
.rightColType { width:120px; height:auto; padding:12px; font-size:11px; background-color:#fff}

.apptTD { font-size:11px; padding:6px; line-height:13px}
.astrick { color:#F00; font-size:14px}


.rightType { width:120px; height:auto; padding:12px; font-size:11px; display:block; background-color:#fff}

.tealBox { width: 128px; height:auto; background-color:#5998aa; color:#fff; text-align:center; padding:6px; display:block }

.teal-type { color:#5998aa}

.blue_type { color:#272b74}

.large_teal { color:#5998aa; font-size:16px;}

.large_blue { color:#272b74; font-size:16px;}

.size10 {font-size:10px }

.sizse14 { font-size:14px }

.size16 { font-size:16px }

.table1 { font-size:12px }

.galleryTable {  font-size:11px; text-align:center }

.imageLeft { float:left; margin:0px 11px 8px 0px}

.imageRight{ float:right; margin:0px 0px 8px 11px}