/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body {font-size:80%; line-height:1.5; color:#4c4c4c; background:#dddddd; margin-top:15px; font-family:Arial, sans-serif;}
TD {font-size:80%; line-height:1.5; font-family:Arial, sans-serif;}


h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{color:#00acee; font-family:Arial, sans-serif; font-size:1.5em; font-weight:bold; line-height:1; margin-bottom:0.5em}
h2{color:#e27838; font-size:1.5em; margin-bottom:0.75em}
h3{font-size:1em; line-height:1; margin-bottom:1em}
h4{font-size:.7em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a:focus, a:hover{color:#000}
a{color:#000; text-decoration:underline}


/* -------------------- */
/* Grid */
/* -------------------- */
/* A container should group all your columns. */
.container{width:891px; margin:0 auto;}
.containerText {text-align:left; width:891px;} 


/* Regular clearing */
.clear{clear:both}


/* -------------------- */
/* Non-Framework */
/* -------------------- */

#siteTop {width:891px; height:54px;  background-color:white;} /*width:891px;*/

#siteTopNav {float:right; padding:5px 18px 0 0;} 

/* MAIN NAVIGATION */
#siteTopNav a.navMain {font-size: 10pt; color:#4c4c4c; font-family: Arial, sans-serif; text-decoration: none; text-transform:lowercase}
#siteTopNav a.navMain:hover {font-size: 10pt; color:#4c4c4c; font-family: Arial, sans-serif;  text-decoration: underline; text-transform:lowercase}
#siteTopNav a.navMainS {font-size: 10pt; color:#4c4c4c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; text-transform:lowercase}
#siteTopNav a.navMainS:hover {font-size: 10pt; color:#4c4c4c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none; text-transform:lowercase}
#siteTopNav .navMain_text {font-size:6pt; color:#4c4c4c; font-weight: bold; text-decoration: none;}

#siteLogo {float:left; width:855px; height:144px; padding:0 18px 0 18px; background:#fff;} /*width:891px;*/

#siteBodyContainer {float:left; width:891px; padding-top:26px; background:#fff;} /*width:891px;*/
#siteBody {padding-left:18px; padding-right:18px; background:#fff;} /*width:891px;*/

#siteBody .mainImage {float:left; width:627px; background-color:#fff; } 
#siteBody .siteContent {float:left; width:627px;} 

#siteBody .siteContent .ourMembers {float:left; width:115px; padding-bottom:20px;}
#siteBody .siteContent .ourMembers a{text-decoration:none; color:#4c4c4c;}
#siteBody .siteContent .ourMembers a:hover{text-decoration:underline; color:#4c4c4c;}

#siteBody .siteContent .ourService {float:left; width:142px; margin-top:1em;  padding-bottom:20px;}
#siteBody .siteContent .ourService a{text-decoration:none;color:#4c4c4c;}
#siteBody .siteContent .ourService a:hover{text-decoration:underline;color:#4c4c4c;}

#siteBody .siteContent .websites {float:left; width:162px; margin-top:1em;  padding-bottom:20px;}
#siteBody .siteContent .websites a{text-decoration:none;color:#4c4c4c;}
#siteBody .siteContent .websites a:hover{text-decoration:underline;color:#4c4c4c;}

#siteBody .siteContent .newMembers {float:left; width:186px; padding-left:20px; border-left:1px solid #eee; border-right:1px solid #eee;  padding-bottom:20px;} /*width:208px;*/
#siteBody .siteContent .newMembers a{text-decoration:none;color:#4c4c4c;}
#siteBody .siteContent .newMembers a:hover{text-decoration:underline;color:#4c4c4c;}

#siteBody .randomPhoto {float:left; width:627px;}
#siteBody .colorBlock {float:left; width:228px; height:155px; background-color:#e5e5e5;} /*#e5e5e5 */

#siteBody .sidebar {float:left; width:210px; padding-left:18px;background:#fff;} /*width:228px;*/
#siteBody .sidebar .homepageCalendar{} 
#siteBody .sidebar .featuredMember {float:left;padding-top:75px; width:210px;}
#siteBody .sidebar .featuredMemberPhoto {float:left; width:102px;}
#siteBody .sidebar .featuredMemberInfo {float:left; padding-left:10px;}

#siteBody .sidebar .featuredMember a{text-decoration:none;color:#4c4c4c;}
#siteBody .sidebar .featuredMember a:hover{text-decoration:underline;color:#4c4c4c;}


#siteBody .secSidebar {float:left; width:210px; padding-right:18px;background:#fff;} /*width:228px;*/


/* STANDARD */
.eventListDates {font-size:9pt; font-weight:bold; color:#4c4c4c; margin-top:15px;}
a.homepageevents {font-size:9pt; color:#4c4c4c; text-decoration: none;}
a.homepageevents:hover {font-size:9pt; color:#4c4c4c; text-decoration: none;}

.alert {font-size:10pt; color:red; font-family:verdana, arial, sans-serif; font-weight:normal;}
.warning {color: red; font-family:verdana, arial, sans-serif; font-weight: bold;}
.button {font-size: 7.5pt;font-family: verdana, arial, sans-serif; font-weight: bold;}
.submitbutton {font-size: 7.5pt;font-family: verdana, arial, sans-serif; font-weight: bold;}
.form {font-size: 7.5pt; font-family: verdana, arial, sans-serif;}
.footeraddress {font-size: 7.5pt; color:#ffffff;}
.inverse {font-size: 8pt; color:#ffffff; font-weight: bold;}
.NoEvents {font-size: 8pt; color:#000000; font-weight: bold;}
.PageTitle {font-size: 14pt; color:#000000; font-weight: bold;color:#00acee;}
.title {font-size:13pt; ffont-weight: bold; text-decoration: none; }


.white1 {font-size: 10pt; color:#FFFFFF; font-family: Trebuchet MS, verdana, arial, sans-serif;}
a.white2b {font-size: 10pt; color:#FFFFFF; font-family: Trebuchet MS, verdana, arial, sans-serif; font-weight: bold;}
a.white2b:hover {font-size: 10pt; color:#FEBF30; font-family: Trebuchet MS, verdana, arial, sans-serif; font-weight: bold;}
.HomepageCaption {font-size: 8pt; text-decoration: italic;}

.white9 {font-size: 8pt; color:#000000; font-family:  arial, Trebuchet MS, sans-serif;}
.CalendarHeader {font-size: 8pt; color:#000000; font-family:  arial, Trebuchet MS, sans-serif; }



.NewsListingTitle{font-size:10pt; color:#4c4c4c; font-weight: bold; font-family:Arial, sans-serif;}
.NewsTitle {font-size:10pt; color: #4c4c4c; font-weight: bold; text-decoration: none;}

.NewsListing {font-size: 10pt; font-weight: bold;}
.NoNewsListing {font-size: 10pt; font-weight: bold;}

.Gallery {font-size:10pt; color:#4c4c4c; font-weight: bold; font-family:Arial, sans-serif;}


/* CALENDAR */

.frameRow {background-color: white;}
a.monthLink {color: black; font-weight: bold; font-size: 14pt; text-decoration: none;}
a.monthLink:hover {color: black; font-weight: bold; font-size: 14pt; text-decoration: none;}

.monthRow {background-color: #ffffff;  color: #000000; font-size: 12pt; font-weight: bold;}
.dowRow {background-color: #ffffff;  color: black; font-weight: bold;}
.dayRow {}

.emptyDay{background-color: #ffffff; color: white; font-weight: bold;  font-size: 9pt}

.activeDay{background-color: #52B6F7; color: #ffffff; font-weight: bold;  font-size: 9pt}
a.activeDay{color: white; text-decoration: none; font-weight: bold; }
a.activeDay:hover {color: white; text-decoration: none; text-decoration: underline;}

.inactiveDay {background-color: #2D4A7F; font-weight: bold;  color: white; font-size: 9pt}
a.inactiveDay {color: black; font-weight: normal; text-decoration: none;  font-size: 9pt}
a.inactiveDay:hover {color: black; font-weight: normal; text-decoration: underline;}

a.upcomingtitle {color: black; font-weight: normal; text-decoration: underline;  font-size: 8pt}
a.upcomingtitle:hover {color: #2D4A7F; font-weight: normal; text-decoration: underline;  font-size: 8pt}


/* FOOTER NAVIGATION */
a.navFooter {font-size:8pt; color:#4c4c4c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
a.navFooter:hover {font-size:8pt; color:#4c4c4c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
a.navFooterS {font-size:8pt; color:#4c4c4c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
a.navFooterS:hover {font-size:8pt; color:#4c4c4c; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
.navFooter_text {font-size:7.5pt; color:#4c4c4c; font-weight: bold; text-decoration: none;}

/* SECONDARY NAVIGATION */
a.navSec {font-size:10pt; color:#4c4c4c; font-weight: normal;}
a.navSec:hover {font-size:10pt; color:#00acee; font-weight: normal;}
a.navSecS {font-size:10pt; color:#00acee; font-weight: normal;}
a.navSecS:hover {font-size:10pt; color:#00acee; font-weight: normal;}
.navSec_text {font-size:10pt; color:#4c4c4c; font-weight: normal; text-decoration: none;}
.navSec_textHeader {font-size:9pt; color:#4c4c4c; font-weight: bold; text-decoration: none;}

.ActiveStyle {font-size:10pt;}
.InActiveStyle {font-size:10pt;}


a.activetab {font-size:9pt; color:#ffffff; font-family:Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.activetab:hover {font-size:9pt; color:#50B7F6; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.inactivetab {font-size:9pt; color:#ffffff; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.inactivetab:hover {font-size:9pt; color:#000000; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}



/* 

A {font-size: 8pt; font-family:  arial, sans-seri; color:#000000; font-weight: bold}
A:hover  {font-size: 8pt; font-family:  arial, sans-seri; color:red;  font-weight: bold}

/* STANDARD */
/*.alert {font-size:10pt; color:red; font-family:verdana, arial, sans-serif; font-weight:normal;}
.warning {color: red; font-family:verdana, arial, sans-serif; font-weight: bold;}
.button {font-size: 7.5pt;font-family: verdana, arial, sans-serif; font-weight: bold;}
.submitbutton {font-size: 7.5pt;font-family: verdana, arial, sans-serif; font-weight: bold;}
.form {font-size: 7.5pt; font-family: verdana, arial, sans-serif;}
.footeraddress {font-size: 7.5pt; color:#ffffff;}
.inverse {font-size: 8pt; color:#ffffff; font-weight: bold;}
.NoEvents {font-size: 8pt; color:#000000; font-weight: bold;}
.PageTitle {font-size: 14pt; color:#000000; font-weight: bold;}
.title {font-size:13pt; ffont-weight: bold; text-decoration: none;}
a.homepageevents {font-size:9pt; color:#000000; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.homepageevents:hover {font-size:9pt; color:#50B7F6; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
.NewsTitle {font-size:12pt; color: #000000; font-weight: bold; text-decoration: none;}
.white1 {font-size: 10pt; color:#FFFFFF; font-family: Trebuchet MS, verdana, arial, sans-serif;}
a.white2b {font-size: 10pt; color:#FFFFFF; font-family: Trebuchet MS, verdana, arial, sans-serif; font-weight: bold;}
a.white2b:hover {font-size: 10pt; color:#FEBF30; font-family: Trebuchet MS, verdana, arial, sans-serif; font-weight: bold;}
.HomepageCaption {font-size: 8pt; text-decoration: italic;}
.white9 {font-size: 8pt; color:#FFFFFF; font-family:  arial, Trebuchet MS, sans-serif;}
.CalendarHeader {font-size: 8pt; color:#000000; font-family:  arial, Trebuchet MS, sans-serif;}
.NewsListing {font-size: 10; font-weight: bold;}
.NoNewsListing {font-size: 10pt; font-weight: bold;}

a.HomepageNewsTitle {font-size: 12pt; color: #3F60A9; text-decoration: underline; font-weight: bold;}
a.HomepageNewsTitle:Hover {font-size: 12pt; color: #3F60A9; text-decoration: none; font-weight: bold;}
.HomepageNewsListingTitle {font-size: 12pt; color: #3F60A9; text-decoration: none; font-weight: bold;}
a.NewsListing {font-size: 8; font-weight: normal; text-decoration: underline;}
a.NewsListing:Hover {font-size: 10; font-weight: bold; text-decoration: none;}
*/



/* SECONDARY NAVIGATION */
/* a.navSec {font-size:8pt; color:#FFFFFF; font-weight: normal;}
a.navSec:hover {font-size:8pt; color:#F3D24E; font-weight: normal;}
a.navSecS {font-size:8pt; color:#F3D24E; font-weight: normal;}
a.navSecS:hover {font-size:8pt; color:#F3D24E; font-weight: normal;}
.navSec_text {font-size:8pt; color:#FFFFFF; font-weight: normal; text-decoration: none;}
.navSec_textHeader {font-size:9pt; color:#FFFFFF; font-weight: bold; text-decoration: none;}
*/

/* FOOTER NAVIGATION */
/*a.navFooter {font-size:8pt; color:#FFFFFF; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
a.navFooter:hover {font-size:8pt; color:#F3D24E; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
a.navFooterS {font-size:8pt; color:#F3D24E; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
a.navFooterS:hover {font-size:8pt; color:#F3D24E; font-family: Arial, sans-serif; font-weight: bold; text-decoration: none;}
.navFooter_text {font-size:7.5pt; color:#FFFFFF; font-weight: bold; text-decoration: none;}
*/

/* TABS */

/* 
a.activetab {font-size:9pt; color:#ffffff; font-family:Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.activetab:hover {font-size:9pt; color:#50B7F6; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.inactivetab {font-size:9pt; color:#ffffff; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
a.inactivetab:hover {font-size:9pt; color:#000000; font-family: Trebuchet MS, sans-serif; font-weight: bold; text-decoration: none;}
*/


/* CALENDAR */
/* 
.frameRow {background-color: white;}
a.monthLink {color: black; font-weight: bold; font-size: 14pt; text-decoration: none;}
a.monthLink:hover {color: black; font-weight: bold; font-size: 14pt; text-decoration: none;}
*/

/* 
.monthRow {background-color: #ffffff;  color: #000000; font-size: 12pt; font-weight: bold;}
.dowRow {background-color: #ffffff;  color: black; font-weight: bold;}
.dayRow {}
*/

/*
.emptyDay{background-color: #ffffff; color: white; font-weight: bold;  font-size: 9pt}
*/
/*
.activeDay{background-color: #52B6F7; color: #ffffff; font-weight: bold;  font-size: 9pt}
a.activeDay{color: white; text-decoration: none; font-weight: bold; }
a.activeDay:hover {color: white; text-decoration: none; text-decoration: underline;}

.inactiveDay {background-color: #2D4A7F; font-weight: bold;  color: white; font-size: 9pt}
a.inactiveDay {color: black; font-weight: normal; text-decoration: none;  font-size: 9pt}
a.inactiveDay:hover {color: black; font-weight: normal; text-decoration: underline;}

a.upcomingtitle {color: black; font-weight: normal; text-decoration: underline;  font-size: 8pt}
a.upcomingtitle:hover {color: #2D4A7F; font-weight: normal; text-decoration: underline;  font-size: 8pt}
*/