body, html { height:100%;text-align:center;font-family: Arial ,Verdana, Helvetica, sans-serif;font-size:12px;line-height:17px;background: url(../images/bg.jpg) repeat-x #08314b;margin:0;padding:0;color:#000;text-align:center;} 
body *,html *{font-family: Arial ,Verdana, Helvetica, sans-serif; font-size:100%; color:#000;} 
h1 { font-size:16px; color: #333333; margin-top: 7px; }
h2 { font-size:14px; color: #333333; } 
p { font-size:12px; line-height:17px; margin-top: 0px; margin-bottom: 17px;}
a { font-weight: bold; text-decoration: none; color: #555; } 
a:hover { color: #999;}

#tat_table *{color:#fff!important;}

#container { margin:0 auto; width: 950px; text-align:left;} 
#center { margin-left: 60px;}

/* HEADER AREA */ 
#headArea { width: 913px; height:231px; margin:0 auto; background: url(../images/headShadowLeft.jpg) no-repeat top left; padding-left: 12px; } 
#headArea img { float: left; } 
#headArea #logoBox { width:261px; height:213px; float: left; background: #fff; } 
#headArea #logoBox img { margin-top:27px;/*margin-top:28px;height:145px!important;*/ } 
#headRight { background: url(../images/headShadowRight.jpg) no-repeat top right; float: right; padding: 5px 12px 0px 0px; } 
#headerArea { height:153px; width:640px; background: #fff; }

#menuArea { float: left; width: 640px;} 

#menuSecondary { float:right; margin: 4px 25px 15px 0px; line-height: 66px; width: 190px; color: #dddddd; text-align: right;}
#menuSecondary a { color: #ffffff; }
#menuSecondary a:hover { color: #333333; }
#whiteHeading #menuSecondary a { color: #bbbbbb; }
#whiteHeading #menuSecondary a:hover { color: #999999; }

/* HEADINGS */
#whiteHeading { width: 910px; background: url(../images/gradientWhite.gif) repeat-x #fff; height: 66px; padding-left: 15px; border-bottom: 2px #ccc solid; margin-bottom: 25px; }
#whiteHeading strong { float:left; background: url(../images/symbolWhite.gif) no-repeat; font-size: 19px; line-height: 66px; display: block;  width: 550px; color: #777; padding-left: 70px; margin-left: 23px;}

#whiteHeadingLeft { float:left; width: 481px; background: url(../images/gradientWhite.gif) repeat-x #fff; height: 66px; padding-left: 15px; border-bottom: 2px #ccc solid; } 
#whiteHeadingLeft strong { float: left; background: url(../images/symbolWhite.gif) no-repeat; font-size: 19px; line-height: 66px; display: block;  width: 300px; color: #777; padding-left: 70px; margin-left: 23px;}

.whiteHeadingRight { float: left;width: 429px;background: url(../images/gradientWhite.gif) repeat-x #fff; height: 66px;padding-left: 15px;border-bottom: 2px #ccc solid; } 
.whiteHeadingRight strong { float: left; background: url(../images/symbolWhite.gif) no-repeat; font-size: 19px; line-height: 66px; display: block;  width: 300px; color: #777; padding-left: 70px; margin-left: 8px;}

/* LAYOUT ELEMENTS -------------------------------------------- */

#newsContent { float: left; padding: 10px 20px 25px 35px; }
.newsSecondaryGrey h1, .newsSecondaryGrey h2, .newsSecondaryGrey h3, .newsSecondaryGrey h4, .newsSecondaryGrey h5, .newsSecondaryGrey h6, { color: #336600; margin: 12px 0px 5px 0px; }
.newsSecondaryWhite h1, .newsSecondaryWhite h2, .newsSecondaryWhite h3, .newsSecondaryWhite h4, .newsSecondaryWhite h5, .newsSecondaryWhite h6, { color: #336600; margin: 12px 0px 5px 0px; }
#newsContent img { float: left; margin: 10px 15px 15px 0px; }
#newsPrimary { float: left; padding-right: 5px; } 
#newsPrimary h1 { font-size:17px; color: #333333; margin-bottom: 12px; }
#newsPrimary img { float: left; border: solid 2px #dbdbdb; margin: -1px 15px 8px 0px; }

.rightContent img { float: left; margin: 13px 15px 15px 0px; }
.rightContent td{border-top:1px solid #ccc; padding:5px;}
.rightContent td h1, .rightContent td h2, .rightContent td h3, .rightContent td h4, .rightContent td h5, .rightContent td h6 { color: #336600; margin: 12px 0px 5px 0px; }
.newsSecondaryGrey { float: left;  background: url(../images/newsgrey.jpg) repeat-y ; width: 100%; padding: 5px 10px 0px 10px; border-top: #cccccc solid 1px;  }
.newsSecondaryWhite { float: left; margin-top: 0px; width: 100%; padding: 5px 10px 0px 10px; border-top: #cccccc solid 1px; }

.leftContent {float: left; clear:left; padding: 15px 45px 15px 35px; }
.rightContent {float: left; clear:left; padding: 15px 35px 15px 21px; }

#bodyArea { background: url(../images/contentTop.gif) repeat-x #fff; width: 950px; overflow: hidden; float:left; border-bottom: 2px #051f2e solid; padding-bottom: 35px; } 
#left { float:left; width: 496px; } 
#right { float:right; width: 444px; } 
#members { padding: 15px;} 
#buffer { float: left; margin: 0px 0px 0px 0px; }
#contentArea { margin: 0px 106px 25px 106px;}
#contactArea { margin: 0px 106px 25px 285px;}
#directoryArea { float: left; margin: 0px 106px 25px 235px;}
.floatright img { float: right; margin: 0px 0px 0px 25px; }


.more-left { padding-top: 15px; color: #555; }
.more-right { margin-top: 15px; color: #555; padding-right: 15px; float: right; }

#newsContent .more { padding-right: 15px; float: right;}

/* FORM ELEMENTS*/
.static a { color: #666;}
.enqFull { width: 420px;}
.fieldfloat { float:left; width: 375px; margin-bottom: 8px; }
.fieldfloat .enqLeft { float: left; width: 125px; }
.fieldfloat input { float: left; width: 200px; border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 18px;}
.enqRight input { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 18px;}
.inDiv textarea { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid;}
#capimg {float:left;}
#capimg img { float: left; margin-left: 2px; border: solid 2px #c4c4c4;} 
#capimgForm {float:left; margin-left: 15px;}
#capimgForm input { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 18px; margin-bottom: 10px; width: 125px;}
#loginContent { float: left; padding: 25px 25px 35px 25px; width: 394px; } 
.inputTitle { margin-top: 5px; font-weight: bold; float: left; }
.field input { border: #c4c4c4 1px solid; border-top: #c4c4c4 2px solid; height: 19px; float: left; margin: 1px 12px 0px 6px; padding: 2px 0px 0px 5px;}
#login { float: left; border: 0; background: url(../images/login.jpg) no-repeat; height: 24px; padding-left: 0; padding: 0px; border: none; }
#loginHelp { float: right; margin: 7px 14px 0px 0px; text-align: right; font-size: 11px; color: #888; }
#loginHelp a { font-weight: normal; color: #444;}
textarea {background:#fff!important;} 
input {padding:3px 3px 1px 3px; background:#fff!important;} 
select {background:#fff!important;}
input.radio{background-color:transparent!important;}
input.checkbox{background-color:transparent!important;}

/* PORTAL ELEMENTS*/
#portalFix { float: left; width: 850px; margin: 0px 50px; }
#cmsCenter table{ margin: 0px; text-align: left;}

#cmsCenter table{ margin: 0px; text-align: left;}

#portalFixReports { float: left; width: 750px; margin: 0px 100px 0px 100px; }
#portalFixReports h1 { margin-top: 10px; }
#portalFixReports form{ margin: 0px 0px 5px px; width: 375px;}
#portalFixReports form td{ padding: 0px 5px 10px 10px;}
#portalFixReports button{ margin: 0px 125px 0px 0px;}
#portalFixReports select{ margin: 0px 0px 0px 0px;}

.administrator div { margin-right:2px; font-size:10px;}
/*.administrator table { margin-top: 0px!important; }*/
/*.portal table { margin: 0px 5px 5px 0px;!important; }*/ 
table.portal { border: 1px #ccc solid; border-bottom: 2px #ccc solid; padding: 0px 0px 15px 0px; background: #e9e9e9; color: #333; margin-top: 0px; /*margin: 0px 5px;!important;*/ } 
.portal th { text-align: left; background: #f7f7f7!important;  height: 40px; padding: 12px 8px 8px 8px; border-bottom: 7px #e9e9e9 solid; color: #333!important; font-size: 14px!important; } 
.portal th a{color:#333!important; font-weight: normal;} 
td { padding: 1px 0px; color: #888;} 
.portal td { /*padding: 1px 4px 1px 10px;*/ padding: 6px!important; color: #333;} 
.portal td td { padding: 6px!important; color: #333;} 
.portal td td td {padding: 0px!important;} 
td.hl{border: 0px;} 
tr { color: #333;}
td { color: #333; }

td { font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif;} td div {font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif;}



#portalLeft { margin: 25px 0px 0px 20px; width: 220px; float: left; padding-right:15px;}
#portalLeft th {font-family: Arial ,Verdana, Helvetica, sans-serif!important;}
#portalLeft table { padding: 0px;}
#portalCenter { background: url(../images/portalBg.gif) repeat-x #e9e9e9; margin-top: 25px; padding: 0px 20px 10px 20px; width: 355px; float: left; border: 1px #ccc solid; border-bottom: 2px #ccc solid; margin-right:15px;}
#portalCenter h1 {margin-left:5px;margin-bottom:5px;font-size: 15px;margin-top:10px;}
#portalCenter table { padding: 0px;}
#portalRight { background: url(../images/portalBg.gif) repeat-x #e9e9e9; margin-top: 2px; padding: 0px 20px 10px 20px; width: 220px; float: left; border: 1px #ccc solid; border-bottom: 2px #ccc solid;}
#portalRight h1{ font-size: 15px;margin-top:10px;}
#portalRight table { padding: 0px;}

#groupRight { width: 260px; float: left;}
div#mContainerIn{position:relative;width: 260px;height: 120px;margin:25px 0px 0px 0px; background-color: transparent;border:1px solid #cccccc;}
.mPhoto {position: absolute;-moz-opacity: 0.0;filter: Alpha(opacity=0);z-index: 1;}


/* FOOTER -------------------------------------------- */ 
#footer { float: left; width:950px; margin-top: 15px; padding-bottom: 25px; } 
#footer h1 { color: #fff; font-weight: bold; font-size: 15px; margin-left: 23px; color: #fff;} 
#footerAds { background-color: #fff; width:950px;width/**/:/**/934px; padding:10px 8px; border-bottom: 2px #051f2e solid; } 
#footerAds img { margin-left:10px; border: 0; } 
#footerMiClub { margin: 0px 8px 0px 25px; float: left; text-align: right; font-size: 11px; color: #ffffff; }
#footerMiClub img { float: right; border: 0; margin-top: 2px; }
#footerMiClub div#copy { color: #fff; line-height: 35px; height: 35px; float: left; }



.pullquote {
  width: 150px;
  float:right;
  font-size:125%;
  line-height:150%;
  margin:10px 0px 15px 25px;
  background: url(../images/closequote.gif) no-repeat bottom right !important;
  background /**/:url(); /* removing quote graphic in IE5+ */
  padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
  background: url(../images/openquote.gif) no-repeat left top !important;
  padding:5px 2px 10px 35px!important;
  padding /**/:0px;   /* resetting padding in IE5+ */
  background /**/: url(); /* removing quote graphic in IE5+ */
}

iframe {border:0px;}

th.results{padding:0px!important;width:auto!important;}
td.results{padding:0px!important;}